:root{--bg:#080a0c;--slate:#151b1e;--bone:#eef0ec;--muted:#9ba5a6;--cyan:#58f4e3;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--serif:'Playfair Display',serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--bone);font-family:var(--sans);overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.preloader{position:fixed;z-index:20;inset:0;background:#080a0c;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.preloader.done{opacity:0;visibility:hidden}.preloader>div{width:min(310px,72vw);text-align:center}.preloader b{display:block;font:500 21px var(--sans);letter-spacing:.18em}.preloader span,.preloader em{display:block;font:10px var(--mono);letter-spacing:.12em;color:var(--muted);margin-top:18px;font-style:normal}.loadline{height:1px;background:#293135;margin-top:20px}.loadline i{height:1px;display:block;background:var(--cyan);width:0;box-shadow:0 0 12px var(--cyan)}.preloader em{color:var(--cyan);margin-top:9px}header{position:fixed;z-index:10;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:26px 3.5vw;mix-blend-mode:screen;color:#fff}.wordmark{font-size:14px;letter-spacing:.14em;font-weight:600}.wordmark i{font-family:var(--serif);font-weight:500}.header-note,.menu-jump,.eyebrow,.chapter-meta,.production,.data-strip{font:10px var(--mono);letter-spacing:.1em}.menu-jump{border:0;background:transparent;color:inherit}.menu-jump span{color:var(--cyan);font-size:17px;margin-left:8px}.chapter{height:240vh;position:relative}.chapter canvas{position:sticky;top:0;width:100%;height:100vh;display:block;background:#171a19}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,10,.72),rgba(4,8,10,.13) 65%,rgba(4,8,10,.26));pointer-events:none}.chapter-copy{position:absolute;top:50vh;transform:translateY(-50%);z-index:2;max-width:620px;margin-left:9vw}.eyebrow{color:var(--cyan);margin:0 0 19px}.chapter h1,.chapter h2,.section-dark h2,.capabilities h2,.final h2{font:500 clamp(3.3rem,7vw,7.2rem)/.94 var(--serif);letter-spacing:-.055em;margin:0}.chapter h1 i,.chapter h2 i,.section-dark h2 i,.capabilities h2 i,.final h2 i{font-weight:500}.lead{font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.5;max-width:520px;margin:30px 0 15px}.body,.chapter-copy>p:not(.lead){color:#d2d8d4;line-height:1.6;font-size:15px;max-width:510px}.actions{display:flex;gap:10px;margin-top:29px;flex-wrap:wrap}.cta{border:1px solid rgba(238,240,236,.45);padding:14px 17px;color:var(--bone);background:rgba(8,10,12,.35);font:11px var(--mono);letter-spacing:.04em;transition:.25s}.cta b{font-size:15px;color:var(--cyan);padding-left:14px}.cta.primary{background:var(--cyan);color:#071011;border-color:var(--cyan)}.cta.primary b{color:#071011}.cta:hover{transform:translateY(-2px);border-color:var(--cyan)}.chapter-meta{position:absolute;z-index:3;bottom:27px;left:3.5vw;right:3.5vw;display:flex;justify-content:space-between}.waypoint{position:absolute;z-index:3;top:45vh;left:62%;display:flex;align-items:center;gap:9px;font:10px var(--mono);opacity:0;transition:opacity .4s}.waypoint i,.hotspot i{display:block;width:12px;height:12px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 7px rgba(88,244,227,.12),0 0 17px var(--cyan);animation:pulse 2s infinite}.waypoint span{border-left:1px solid var(--cyan);padding-left:8px}.hero.active .waypoint{opacity:1}.entry-copy{margin-left:11vw;max-width:520px}.entry-copy h2,.demo-copy h2,.dest-copy h2{font-size:clamp(3rem,5.8vw,6.1rem)}.callouts span{position:absolute;z-index:3;top:var(--y);left:var(--x);font:9px var(--mono);letter-spacing:.08em;color:var(--bone);opacity:0;transition:opacity .35s}.callouts span:before{content:"";display:block;height:1px;width:66px;background:var(--cyan);margin-bottom:7px}.entry.active .callouts span{opacity:1;transition-delay:var(--d)}.room-nav{position:fixed;right:3.5vw;top:50%;z-index:4;transform:translateY(-50%);border-right:1px solid rgba(238,240,236,.25);padding-right:11px;display:grid;gap:10px;font:9px var(--mono);color:#859094}.room-nav span.active{color:var(--cyan)}.room-nav span.active:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-left:7px}.demo-copy{top:43vh;margin-left:8vw}.demo-copy small{font:9px var(--mono);color:var(--cyan);display:block;margin-top:28px}.hotspot{position:absolute;left:var(--x);top:var(--y);z-index:4;background:none;border:0;color:white;padding:10px}.hotspot i{width:11px;height:11px}.hotspot span{position:absolute;left:28px;top:2px;width:max-content;background:#0c1213d9;border:1px solid #455354;padding:7px 9px;font:9px var(--mono);letter-spacing:.04em;opacity:0;transform:translateX(-5px);transition:.2s}.hotspot:hover span,.hotspot:focus span{opacity:1;transform:none}.section-dark{padding:16vh 9vw;background:radial-gradient(circle at 70% 0,#152425 0,#080a0c 45%);min-height:100vh}.section-head{max-width:700px}.section-head h2{font-size:clamp(3.2rem,6vw,6.5rem)}.section-head>p:last-child{max-width:570px;line-height:1.6;color:var(--muted);margin-top:26px}.steps{list-style:none;padding:0;margin:13vh 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}.steps:before{content:"";height:1px;background:linear-gradient(90deg,var(--cyan),#3a4f4e 75%,transparent);position:absolute;top:0;left:0;width:100%}.steps li{padding-top:20px}.steps b{font:11px var(--mono);color:var(--cyan)}.steps h3{font-size:22px;font-weight:500;margin:25px 0 8px}.steps p{font-size:14px;line-height:1.55;color:var(--muted);max-width:230px}.dest-copy{margin-left:10vw}.phases{position:absolute;z-index:4;right:7vw;bottom:10vh;width:min(430px,36vw);display:grid;gap:12px}.phases span{border-top:1px solid #cbd2cb66;padding-top:11px;font-size:13px;line-height:1.45}.phases b{display:block;font:9px var(--mono);letter-spacing:.08em;color:var(--cyan);margin-bottom:5px}.production{position:absolute;bottom:27px;left:3.5vw;z-index:3}.use-cases{padding-top:18vh}.use-cases h2{font-size:clamp(3.4rem,6vw,6.5rem);max-width:800px}.case-grid{margin-top:11vh;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #435052}.case-grid a{min-height:170px;padding:18px 10px 15px 0;border-bottom:1px solid #435052;border-right:1px solid #435052;margin-right:16px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.case-grid b{font:10px var(--mono);font-weight:400;color:var(--muted)}.case-grid span{font:19px var(--serif);line-height:1.2;max-width:260px}.case-grid a:hover{color:var(--cyan);padding-left:9px}.capabilities{min-height:100vh;padding:17vh 9vw;background-color:#030405;background-image:linear-gradient(#20303355 1px,transparent 1px),linear-gradient(90deg,#20303355 1px,transparent 1px);background-size:65px 65px}.capabilities h2{font-size:clamp(3.2rem,6vw,6.4rem);margin-bottom:10vh}.cap-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3e5152}.cap-list span{font-size:15px;padding:14px 12px 14px 0;border-bottom:1px solid #3e5152}.cap-list span:before{content:"↗";color:var(--cyan);font:12px var(--mono);margin-right:9px}.data-strip{color:var(--cyan);margin-top:11vh;white-space:nowrap;overflow:hidden}.data-strip i{color:#566; padding:0 10px}.final{padding:15vh 9vw 30px;min-height:120vh;position:relative;overflow:hidden;background:#060809}.final-copy{position:relative;z-index:2;max-width:670px}.final h2{font-size:clamp(4rem,7vw,7.6rem)}.final-copy>p:last-child{line-height:1.6;max-width:540px;color:var(--muted);margin:28px 0}.portal{position:absolute;right:9%;top:13%;width:min(39vw,530px);height:min(58vw,690px);border:1px solid var(--cyan);box-shadow:0 0 55px #58f4e344,inset 0 0 60px #58f4e31c;transform:perspective(800px) rotateY(-10deg);animation:portal 5s ease-in-out infinite}.portal:before{content:"";position:absolute;inset:11% 10%;border:1px solid #58f4e388;box-shadow:inset 0 0 50px #000}.portal i{position:absolute;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.portal i:nth-child(1){width:1px;height:35%;left:-1px;top:24%}.portal i:nth-child(2){height:1px;width:22%;right:-1px;bottom:15%}.portal i:nth-child(3){width:1px;height:22%;right:18%;top:-1px}form{position:relative;z-index:2;margin-top:70px;max-width:770px}.intents{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #526062}.intent{background:#0b0f10cc;border:0;border-right:1px solid #526062;border-bottom:1px solid #526062;color:var(--bone);padding:20px;text-align:left;display:flex;gap:14px;transition:.25s}.intent:last-child{border-right:0}.intent b{font:10px var(--mono);color:var(--cyan)}.intent span{font:17px var(--serif)}.intent small{display:block;font:12px var(--sans);color:var(--muted);line-height:1.4;margin-top:7px}.intent.active{background:#13201f;box-shadow:inset 0 -2px var(--cyan)}#intent-help{font:10px var(--mono);color:var(--cyan);margin:18px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font:10px var(--mono);color:var(--muted)}input,textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #667274;color:var(--bone);padding:10px 0;margin-top:5px;outline:0}textarea{resize:vertical;height:39px}.submit{margin-top:26px}.fineprint{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:18px;max-width:450px}footer{position:relative;z-index:2;margin-top:18vh;padding-top:20px;border-top:1px solid #435052;display:flex;gap:18px;flex-wrap:wrap;font:10px var(--mono);color:var(--muted)}footer a:hover{color:var(--cyan)}.modal{position:fixed;inset:0;z-index:30;background:#030506a8;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-panel{background:#101719;border:1px solid #58696a;width:min(510px,100%);padding:37px;position:relative;box-shadow:0 25px 80px #000}.close{position:absolute;right:13px;top:8px;background:none;border:0;color:var(--bone);font-size:28px}.modal h3{font:500 35px/.98 var(--serif);margin:0 0 13px}.modal p{font-size:14px;line-height:1.6;color:#c7ceca}.modal .micro{border-left:1px solid var(--cyan);padding:10px 12px;background:#0b0f10;margin-top:17px;font:10px var(--mono);color:var(--muted);line-height:1.9}.modal .preview{height:125px;border:1px solid #536363;margin-top:19px;background:linear-gradient(135deg,#263735,#0d1112);display:grid;place-items:center;color:var(--cyan);font-size:28px}.modal .plan{background:repeating-linear-gradient(90deg,transparent 0 48px,#58f4e344 49px 50px),repeating-linear-gradient(0deg,transparent 0 37px,#58f4e344 38px 39px);height:120px;margin-top:16px;border:1px solid #536363;display:flex;align-items:center;justify-content:center;color:var(--cyan);font:11px var(--mono)}@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(88,244,227,.02),0 0 18px var(--cyan)}}@keyframes portal{50%{transform:perspective(800px) rotateY(-7deg) translateY(-8px);box-shadow:0 0 75px #58f4e35c,inset 0 0 70px #58f4e32e}}@media(max-width:750px){header{padding:18px 5vw}.header-note{display:none}.chapter{height:180vh}.chapter-copy{margin-left:6vw;margin-right:6vw;top:47vh}.chapter h1,.chapter h2{font-size:clamp(3.15rem,13vw,4.8rem)}.chapter-meta{left:6vw;right:6vw;font-size:8px}.room-nav{display:none}.callouts span:nth-child(n+4){display:none}.phases{left:6vw;right:6vw;bottom:9vh;width:auto;grid-template-columns:repeat(3,1fr);gap:9px}.phases span{font-size:10px}.phases b{font-size:7px}.section-dark,.capabilities,.final{padding-left:6vw;padding-right:6vw}.steps,.case-grid,.cap-list{grid-template-columns:1fr}.steps{gap:12px;margin-top:70px}.steps li{padding:18px 0;border-bottom:1px solid #435052}.steps:before{display:none}.case-grid a{min-height:110px}.cap-list span{font-size:14px}.portal{opacity:.45;right:-18%;width:65vw;height:90vw}.intents,.form-grid{grid-template-columns:1fr}.intent{border-right:0}.hotspot span{display:none}.demo-copy{top:35vh}.final{min-height:140vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.chapter{height:100vh}.chapter canvas{position:absolute}.room-nav{display:none}}
/* Five-stage spatial route: every canvas has an explicitly different room grammar. */
.navigate .shade{background:linear-gradient(90deg,rgba(4,8,10,.72),rgba(4,8,10,.06) 70%)}.corridor-waypoint{left:69%;top:52vh}.navigate.active .corridor-waypoint{opacity:1}.navigate .chapter-copy{top:44vh}.demo .hotspots{opacity:0;transition:opacity .5s}.demo.room-entered .hotspots{opacity:1}.route-chip{position:fixed;z-index:7;top:90px;left:3.5vw;border-left:1px solid var(--cyan);padding:7px 10px;background:#080a0caa;color:var(--bone);font:9px var(--mono);letter-spacing:.1em}.route-chip b{color:var(--cyan);font-weight:400}@media(max-width:750px){.route-chip{left:5vw;top:70px}.navigate .chapter-copy{top:37vh}}