
:root{--ink:#171b23;--muted:#626975;--blue:#075cfa;--line:rgba(30,40,60,.16);--paper:#eef0f4;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #347cff;outline-offset:6px}button{cursor:pointer}.skip-link{position:fixed;left:20px;top:-70px;z-index:100;background:white;padding:15px}.skip-link:focus{top:15px}
#world{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;background:#edf0f4}#sequence{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:none}#vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 60% 40%,transparent 35%,rgba(2,10,25,.08) 100%)}
header{position:fixed;z-index:25;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:26px 4.8vw;gap:22px;color:var(--ink);transition:color .2s;background:linear-gradient(var(--head-bg,rgba(238,240,244,.88)),transparent)}
.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:.2em}.brand svg{width:25px;height:25px;fill:currentColor}.nav-mid{font-size:10px;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:25px}.nav-mid span{opacity:.58}.header-cta{font-size:12px;display:flex;gap:30px;align-items:center;border-bottom:1px solid currentColor;padding:9px 0}.header-cta span{font-size:19px}.mode{position:fixed;left:4.8vw;bottom:26px;z-index:25;background:none;border:0;color:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.7;padding:12px 0;text-align:left}.mode:hover{opacity:1}
#journey{height:calc(var(--stage-height,100svh)*6.8);position:relative;z-index:2;pointer-events:none}#stage{position:sticky;top:0;height:var(--stage-height,100svh);overflow:hidden;isolation:isolate}.chapter{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:100px 7vw 100px;opacity:0;visibility:hidden;pointer-events:none}.chapter.active{visibility:visible;pointer-events:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--blue);margin:0 0 27px}.chapter h1,.chapter h2{margin:0;font-size:clamp(58px,7.2vw,110px);font-weight:600;line-height:.95;letter-spacing:-.073em;max-width:760px}.chapter h1 span,.chapter h2 span{display:block}#c0 h1 .secondary{font-size:.69em;line-height:1.12;margin-top:9px}.chapter .secondary{color:#6c7481}.chapter p.deck{font-size:15px;line-height:1.65;max-width:350px;letter-spacing:-.01em;margin:28px 0 0;color:var(--muted)}
.chapter .action{display:inline-flex;align-items:center;gap:32px;width:fit-content;font-size:12px;font-weight:600;border-bottom:1px solid currentColor;padding:11px 0;margin-top:30px}.chapter .action span{font-size:20px}.micro{position:absolute;right:5vw;bottom:96px;max-width:195px;font-size:10px;line-height:1.65;letter-spacing:.02em;opacity:.62}.scene-label{position:absolute;right:7vw;top:31%;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.54;writing-mode:vertical-rl}
#c1 h2{font-size:clamp(60px,8.5vw,125px)}#c1{justify-content:flex-end;padding-bottom:18vh}.chapter.light{color:#f5f8ff}.chapter.light .eyebrow{color:#6e9fff}.chapter.light p.deck{color:#b1bed4}.chapter.light .secondary{color:#8b9fbf}
#c2{justify-content:center}#c2 h2{font-size:clamp(60px,7.5vw,114px)}#c3 .eyebrow{margin-bottom:21px}#c3 h2{font-size:clamp(58px,7.2vw,112px)}.offer-line{display:flex;gap:26px;align-items:center;margin-top:34px;font-size:12px}.offer-line .price{font-size:26px;letter-spacing:-.055em;font-weight:600}.offer-line .divider{width:1px;height:25px;background:currentColor;opacity:.25}.offer-line small{font-size:10px;opacity:.65}.cta-primary{background:#e9f0ff;color:#0a1221;border:0;border-radius:100px;min-height:49px;padding:15px 23px;display:inline-flex;gap:35px;align-items:center;width:fit-content;margin-top:24px;font-size:13px;font-weight:600}.cta-primary:hover{background:white}.cta-primary span{font-size:18px}.quiet{font-size:11px;opacity:.6;margin-top:17px;max-width:310px;line-height:1.6}
#hud{position:fixed;z-index:20;bottom:29px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:19px;color:inherit}.chapter-dot{font-size:9px;border:0;padding:10px 0;background:none;color:inherit;opacity:.4;letter-spacing:.1em;display:flex;align-items:center;gap:6px;white-space:nowrap}.chapter-dot.active{opacity:1}.chapter-dot b{font-size:8px;font-weight:400}.chapter-dot .dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.progress-track{position:fixed;bottom:0;left:0;width:100%;height:2px;z-index:30;background:rgba(113,139,175,.13)}#progress{height:100%;width:0;background:#075cfa;transform-origin:left}.scroll-hint{position:fixed;right:4.8vw;bottom:34px;font-size:9px;letter-spacing:.14em;z-index:20;text-transform:uppercase;display:flex;gap:13px;align-items:center}.scroll-hint .down{font-size:20px}.prototype{position:fixed;right:4.8vw;bottom:65px;font-size:8px;letter-spacing:.11em;opacity:.46;z-index:20;text-transform:uppercase}
body.dark{--ink:#f4f7ff;--muted:#b1bdd0;--head-bg:rgba(4,10,21,.8);color:#f4f7ff}.pause-note{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:40;color:white;background:#071023;padding:20px}#error-note{display:none}
dialog{border:1px solid #293445;background:#0c1421;color:#f7f8ff;max-width:470px;width:calc(100% - 32px);padding:36px;border-radius:20px;z-index:100}dialog::backdrop{background:rgba(0,5,15,.7);backdrop-filter:blur(10px)}dialog h2{font-size:32px;letter-spacing:-.045em;margin:18px 0}dialog p{font-size:14px;line-height:1.65;color:#b2bdd0}dialog .close{position:absolute;right:18px;top:13px;background:none;border:0;color:white;font-size:24px;padding:9px}dialog .small{font-size:11px;opacity:.6}dialog .cta-primary{margin:15px 0 0}#accessible{display:none}
body.simple #sequence,body.simple #world,body.simple #vignette,body.simple #journey,body.simple #hud,body.simple .scroll-hint,body.simple .progress-track,body.simple .prototype{display:none}body.simple #sequence{display:none!important}body.simple{background:#edf0f5;color:#162030}body.simple header{color:#162030;background:#edf0f5}body.simple .mode{color:#162030;background:#edf0f5;bottom:0;padding:15px;left:0}body.simple #accessible{display:block;position:relative;z-index:3;max-width:1100px;margin:auto;padding:130px 25px 100px}#accessible h1{font-size:clamp(50px,8vw,105px);line-height:1;letter-spacing:-.06em;max-width:800px}#accessible h2{font-size:32px;letter-spacing:-.04em}#accessible section{padding:40px 0;border-top:1px solid #cad0dd}#accessible p{line-height:1.8;max-width:550px}#accessible .cta-primary{background:#075cfa;color:white}
@media(min-width:1600px){.chapter{padding-left:10vw}header{padding-left:6vw;padding-right:6vw}.chapter h1{font-size:122px}}
@media(max-width:760px){header{padding:20px 24px}.brand{font-size:14px;gap:9px}.brand svg{width:23px;height:23px}.nav-mid{display:none}.header-cta{font-size:11px;gap:18px}.chapter{padding:125px 26px 100px;justify-content:flex-start}.eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:20px}.chapter h1,.chapter h2{font-size:clamp(46px,12.3vw,63px);line-height:.98;letter-spacing:-.065em}.chapter p.deck{font-size:13px;line-height:1.6;margin-top:19px;max-width:275px}.chapter .action{font-size:11px;margin-top:15px}.scene-label,.micro{display:none}#c1{padding-bottom:135px;justify-content:flex-end}#c1 h2{font-size:clamp(49px,13vw,70px)}#c1 p.deck{max-width:280px}#c2{justify-content:flex-start;padding-top:130px}#c2 h2{font-size:clamp(47px,12.7vw,67px)}#c3{padding-top:120px}#c3 h2{font-size:clamp(49px,12.7vw,67px)}.offer-line{margin-top:20px;gap:17px;font-size:11px}.cta-primary{margin-top:20px;min-height:48px}.quiet{font-size:10px;max-width:255px}.mode{left:24px;bottom:26px;font-size:8px}#hud{bottom:62px;gap:19px}.chapter-dot{font-size:8px}.chapter-dot b{display:none}.scroll-hint{right:24px;bottom:32px;font-size:8px;gap:8px}.prototype{display:none}#journey{height:calc(var(--stage-height,100svh)*6.5)}header{padding-top:max(20px,env(safe-area-inset-top))}#hud{bottom:calc(55px + env(safe-area-inset-bottom))}.mode{bottom:calc(20px + env(safe-area-inset-bottom))}.scroll-hint{bottom:calc(29px + env(safe-area-inset-bottom))}}
@media(max-height:650px) and (min-width:761px){.chapter{padding-top:80px;padding-bottom:80px}.chapter h1,.chapter h2,#c1 h2,#c2 h2,#c3 h2{font-size:68px}.chapter p.deck{margin-top:18px}.micro{bottom:80px}.eyebrow{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* A full-height scene stays still as mobile browser toolbars hide and show. */
@media(max-width:760px){#world,#sequence{height:100lvh;bottom:auto}}
