@font-face{font-family:DMSerifDisplay;src:url('assets/fonts/DMSerifDisplay.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
/* Soft homepage transition, without added foreground clouds. */
.home-page .dashboard-section{z-index:2}
.home-page .product-story{background:linear-gradient(180deg,transparent 0,#ffffffb8 150px,#fff 280px);isolation:isolate}
.home-page .story-intro{position:relative}
@media(max-width:600px){.home-page .product-story{background:linear-gradient(180deg,transparent,#ffffffd9 110px,#fff 210px)}}
/* Chosen typography: editorial headings, familiar sans-serif interface. */
main h1,main h2{font-family:DMSerifDisplay,Georgia,serif!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:1.08!important;font-synthesis:none}
.hero h1,.product-hero h1{line-height:1.02!important}
.button{border-radius:16px!important;min-height:50px!important}
.header .button{min-height:50px}
.header.is-scrolled,.header .mobile-nav{--glass:.15;background:linear-gradient(120deg,#ffffff26,#ffffff08 55%,#d5efff18);border:1px solid #ffffffc7;backdrop-filter:blur(6px) saturate(115%);box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 2px #ffffff66,0 8px 24px #184f701a}
.header .desktop-nav>a:hover,.header .desktop-nav>a:focus-visible,.header .login:hover{background:linear-gradient(135deg,#ffffff26,#ffffff0a);border-color:#ffffffa6;box-shadow:inset 0 1px 1px #ffffffb3,0 3px 10px #184f7010}
/* Crystal on sky: 15% effect and 15% tint, with white lettering. */
:is(.hero,.product-hero,.final-cta) .button,.header:not(.is-scrolled) .button{
 --glass:.15;--crystal-tint:.15;
 background:linear-gradient(135deg,rgb(255 255 255 / .15),rgb(255 255 255 / .025) 48%,rgb(255 255 255 / .1)),rgb(15 105 131 / var(--crystal-tint));
 border:1px solid #ffffffcc;backdrop-filter:blur(3px) saturate(115%);color:#fff;
 box-shadow:inset 0 1px 1px #ffffffe0,inset 0 -1px 2px #ffffff66,0 6px 18px #184f7020;
 text-shadow:0 1px 2px #16445dde,0 0 5px #16445d65;
}
:is(.hero,.product-hero,.final-cta) .button:hover,.header:not(.is-scrolled) .button:hover{background:linear-gradient(125deg,#ffffff38,#ffffff10),#166a7e26;box-shadow:inset 0 1px 2px white,0 9px 23px #184f7030}
.scene-blue{background:#d4eee7}
.result-companies{background:#cbe7f6}.result-addresses{background:#c8e8df}.result-cost{background:#f5dcc9}
.unibox-chapter{background:#d3ebe4}
.campaign-chapter{width:calc(100% - 48px);max-width:1340px;padding:50px;grid-template-columns:1.05fr 1fr;background:#fff;border-radius:42px;gap:40px}
.campaign-chapter .chapter-intro>p{color:#6a665e}.campaign-chapter .inline-points{color:#6d6b60}.campaign-chapter .inline-points span{border-color:#dbae8e}
.campaign-chapter .campaign-art>img{width:120%;max-width:800px;left:-15%;top:50%;translate:0 -50%}
.campaign-chapter .button-primary{background:linear-gradient(145deg,#e5b898c9,#b97852da 55%,#d4a17fc2);border-color:#fff1e6}
.deals-editorial{color:#243e3d}.deal-editorial-copy .chapter-label{color:#647e78}
.deal-editorial-copy>p,.deal-copy-details p{color:#637975}.deal-copy-details strong{color:#314f49}
.deal-editorial-copy .button{background:linear-gradient(145deg,#a8d8cac7,#528b7dd9 55%,#8ebdabba);border-color:#e7fff7;box-shadow:inset 0 2px 2px #fff,0 7px 18px #336e5f22}
.deal-back-sheet{background:#dbede5;border-color:#cee3d9}
.single-deal{border-color:#dfe9e4;box-shadow:0 30px 65px -30px #345f4e38}
.deal-monogram{background:#edf5f1;border-color:#dce8e1;color:#638b7d}.deal-phase-label{background:#e7f3ed;color:#527c6c}
.deal-stages>span{background:#f3f7f5;color:#81948c}.deal-stages>span.active{background:#dceee5;color:#4e7966}
.deal-activity i{background:#b9cdc2}.deal-next i{background:#629c81}
.deal-amount>strong>span,.single-deal-top>div>span,.deal-amount>small,.deal-activity>span,.deal-activity small,.deal-activity p{color:#7b8c84}.deal-activity strong{color:#425b50}
.deal-editorial-art{padding-bottom:150px}
.deal-note{width:335px;right:0;bottom:45px;padding:24px;min-height:165px;z-index:3;transform:none;background:linear-gradient(135deg,#ffffff66,#ffffff14 50%,#c8eddf38);border:1px solid #fff;border-radius:18px;backdrop-filter:blur(7px) saturate(130%);box-shadow:inset 0 2px 2px #fffffff0,inset 0 -1px 3px #ffffff7a,0 18px 38px #345e5029;transition:opacity .65s,transform .65s}
.deal-note>span{font-size:12px;letter-spacing:1.2px;color:#52796c}.deal-note>p{font-size:16px;line-height:1.7;color:#365c4f;margin:17px 0 0;min-height:82px}
.deals-editorial[data-phase="0"] .deal-note,.deals-editorial[data-phase="1"] .deal-note,.deals-editorial[data-phase="2"] .deal-note{opacity:0;transform:translateY(26px)}
.deals-editorial[data-phase="3"] .deal-note>p:after{content:'';display:inline-block;height:16px;width:1px;background:#487563;vertical-align:middle;margin-left:3px}
.deal-editorial-art>.art-caption{color:#74897d}
@media(max-width:800px){.campaign-chapter{padding:35px 25px;grid-template-columns:1fr;gap:25px}.deal-note{right:5px;width:min(335px,85%)}.deal-editorial-art{padding-bottom:160px}}
@media(max-width:550px){.campaign-chapter{width:calc(100% - 32px);padding:25px 18px;border-radius:28px}.deal-note{padding:20px;min-height:150px;width:260px;max-width:90%;bottom:40px}.deal-note>p{font-size:14px;min-height:75px}.deal-editorial-art{padding-bottom:155px}}
@media(prefers-reduced-motion:reduce){.deals-editorial .deal-note{transform:none!important;opacity:1!important}}
.chapter-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.chapter-actions .button{gap:12px;padding:0 20px;font-size:14px}
.scene-replay{display:inline-block;border:0;border-bottom:1px solid #9cbdca;background:none;padding:6px 0;color:#4c7182;font-size:12px;margin-top:18px}
.art-caption .scene-replay{margin:0 0 0 12px}
.product-stack{position:relative;isolation:isolate;max-width:1320px;width:calc(100% - 64px);margin:auto;scroll-margin-top:112px;padding-bottom:35px}
.stack-sheet{--cover:0;position:relative;background:#fff;border:1px solid #dce9f0;border-radius:28px;padding:0 14px 14px;box-shadow:0 24px 65px -32px #315b744f;overflow:hidden;transform-origin:center top;margin-bottom:40px}
.sheet-heading{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 24px;color:#15354c;font-size:15px;border-bottom:1px solid #e7eff3}
.sheet-heading>span:last-child{font-size:12px;color:#638399;font-variant-numeric:tabular-nums}
.sheet-content{display:grid;grid-template-columns:38% 62%;min-height:430px;padding-top:12px}
.sheet-content .module-copy{padding:35px 28px}
.sheet-content .module-copy h2{font-size:43px}
.sheet-content .module-copy p{font-size:16px}
.sheet-content .module-visual{background:#d3ebfa;padding:30px}
.stack-sheet:nth-child(2) .module-visual{background:#d8eeed}
.stack-sheet:nth-child(3) .module-visual{background:#f6decf}
.stack-sheet:nth-child(4) .module-visual{background:#d4eafa}
.stack-sheet:nth-child(5) .module-visual{background:#d8ede5}
.sheet-content .module-visual:before{opacity:.12}
.stack-controls{display:flex;align-items:center;justify-content:space-between;max-width:1280px;width:calc(100% - 72px);margin:0 auto;color:#587b8f;font-size:13px}
.stack-controls>a{padding:10px 0}
.unibox-chapter .chapter-actions{grid-column:2;margin-top:4px}
@media(min-width:801px) and (min-height:760px) and (prefers-reduced-motion:no-preference){
 .product-stack{padding-bottom:0}
 .stack-sheet{position:sticky;top:calc(112px + var(--sheet-index)*20px);margin-bottom:35vh;transform:scale(calc(1 - var(--cover)*.035));box-shadow:0 20px 60px -25px #355d7540}
 .stack-sheet:last-child{margin-bottom:0}
 .sheet-content{height:clamp(360px,calc(100svh - 310px),480px);min-height:0}
 .sheet-content .module-copy{padding:24px}
 .sheet-content .module-copy h2{font-size:clamp(33px,3.3vw,43px)}
 .sheet-content .module-copy p{line-height:1.6;margin-bottom:20px}
 .sheet-content .preview-content{padding:17px 23px}
 .stack-controls{margin-top:35px}
}
@media(max-width:1000px){.sheet-content .module-copy h2{font-size:35px}.sheet-content .module-visual{padding:20px}.sheet-content .module-copy{padding:25px 20px}}
@media(max-width:800px){.product-stack{width:calc(100% - 32px)}.sheet-content{grid-template-columns:1fr;gap:10px}.sheet-content .module-copy p{max-width:550px}.sheet-content .module-copy{padding:22px}.sheet-content .module-visual{min-height:300px}.sheet-heading{height:52px;padding:0 18px}.stack-sheet{border-radius:22px}.unibox-chapter .chapter-actions{grid-column:1/-1}.stack-controls{width:calc(100% - 44px)}.sheet-content .module-copy h2{font-size:39px}}
@media(max-width:550px){.sheet-content .module-visual{padding:18px 10px;min-height:280px}.sheet-content .preview-content{padding:16px}.sheet-content .preview-prompt{margin-left:15px}.sheet-content .preview-context{flex-wrap:wrap}.sheet-content .module-copy{padding:22px 12px}.sheet-content .module-copy h2{font-size:35px}.chapter-actions .button{font-size:13px}.hero h1,.product-hero h1{font-size:43px}}

/* Neutral navigation CTA; the surrounding crystal bar remains clear. */
.header.is-scrolled .button.nav-cta{
 background:linear-gradient(135deg,#ffffff26,#ffffff06 50%,#ffffff18),rgb(82 90 98 / .32);
 border:1px solid #ffffffb3;color:#fff;backdrop-filter:blur(3px) saturate(100%);
 text-shadow:0 1px 2px #22272c66;
 box-shadow:inset 0 1px 1px #ffffffbd,inset 0 -1px 1px #ffffff40,0 5px 15px #24282d18;
}
.header.is-scrolled .button.nav-cta:hover{
 background:linear-gradient(135deg,#ffffff38,#ffffff0c),rgb(82 90 98 / .40);
 box-shadow:inset 0 1px 2px #ffffffd9,0 7px 18px #24282d24;
}
/* Transparent chapter actions, tinted locally without a coloured shadow. */
:is(.campaign-chapter,.unibox-chapter,.deal-editorial-copy) .button{
 --button-tint:35 145 105;--button-ink:25 86 62;
 background:linear-gradient(135deg,#ffffff26,#ffffff04 48%,#ffffff1a),rgb(var(--button-tint) / .38);
 border:1px solid #ffffffd9;backdrop-filter:blur(3px) saturate(110%);color:#fff;
 box-shadow:inset 0 1px 2px #ffffffed,inset 0 -1px 1px #ffffff70,0 6px 18px #292c2f14;
 text-shadow:0 1px 2px rgb(var(--button-ink) / .85),0 0 4px rgb(var(--button-ink) / .35);
}
.campaign-chapter .button{--button-tint:40 135 185;--button-ink:26 76 110}
:is(.campaign-chapter,.unibox-chapter) .button-secondary{background:linear-gradient(135deg,#ffffff26,#ffffff06),rgb(var(--button-tint) / .26)}
:is(.campaign-chapter,.unibox-chapter,.deal-editorial-copy) .button:hover{
 background:linear-gradient(135deg,#ffffff38,#ffffff0d),rgb(var(--button-tint) / .46);
 box-shadow:inset 0 1px 2px #fff,0 8px 20px #292c2f20;
}
