@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600&display=swap');
:root{--bg:#020306;--fg:#f5f5f2}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,Arial,sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}.hero-stage{position:fixed;inset:0;overflow:hidden;background:#020306}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-atmosphere{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,3,6,.74),rgba(2,3,6,.24) 41%,transparent 66%),radial-gradient(circle at 72% 51%,transparent 0 22%,rgba(2,3,6,.55) 92%)}.hero-header{position:absolute;z-index:20;left:0;right:0;top:0;height:68px;padding:0 clamp(24px,4.3vw,68px);display:flex;align-items:center;font-size:10px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:20px}.brand b{font-weight:500}.hero-content{position:absolute;inset:68px 0 0;z-index:5;pointer-events:none}.hero-copy,.layers-copy{position:absolute;left:clamp(34px,5.2vw,84px);top:50%;width:min(37vw,540px);transform:translateY(-52%);will-change:transform,opacity,filter}.eyebrow{font:400 8px "DM Mono";letter-spacing:.18em;color:#b1b2b7;margin:0 0 22px}.eyebrow i{display:inline-block;width:28px;height:1px;background:#d7ff78;vertical-align:middle;margin-right:14px}.hero-copy h1,.layers-copy h2{font-size:clamp(54px,5.2vw,84px);font-weight:500;letter-spacing:-.063em;line-height:.91;margin:0}.hero-copy h1 em,.layers-copy h2 em{font-style:normal;font-weight:400;color:#777983}.lede{max-width:405px;margin:26px 0 0;color:#a1a2aa;font-size:12px;line-height:1.62}.actions{display:flex;align-items:center;gap:18px;margin-top:28px;pointer-events:auto}.actions>a{background:#f5f5f2;color:#090a0d;padding:12px 17px;font-size:10px;font-weight:600}.actions>a span{margin-left:14px}.actions button{border:0;background:none;color:#c2c3c8;font:400 10px Manrope;display:flex;align-items:center;gap:10px}.actions button b{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:7px}.layers-copy{opacity:0;transform:translateY(-45%)}.layers-copy ol{list-style:none;padding:0;margin:28px 0 0;width:300px;border-left:1px solid rgba(255,255,255,.13)}.layers-copy li{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:9px 0 9px 12px;font:400 10px "DM Mono";color:#a4a5ad}.layers-copy li b{font-weight:400;color:#6e7080}.layers-copy li:first-child b{color:#c9ff68}.layers-copy li:first-child span{color:#f2f2ef}.orbit-labels{position:fixed;inset:0;z-index:8;pointer-events:none}.orbit-labels span{position:absolute;left:0;top:0;white-space:nowrap;padding:7px 10px;border:1px solid rgba(150,138,255,.48);background:rgba(4,5,9,.72);backdrop-filter:blur(8px);font:500 8px "DM Mono";letter-spacing:.13em;color:#f4f3f8;box-shadow:0 0 24px rgba(116,98,255,.08);transform:translate(-50%,-50%);will-change:transform,opacity}.system-title{position:fixed;z-index:9;left:0;top:0;pointer-events:none;font:600 18px Manrope;color:#f7f7f5;transform:translate(-50%,-50%);will-change:transform,opacity}.scroll-cue{position:absolute;z-index:10;left:clamp(34px,5.2vw,84px);bottom:34px;display:flex;align-items:center;gap:13px;color:#777984;font:400 7px "DM Mono";letter-spacing:.18em}.scroll-cue i{width:1px;height:26px;background:linear-gradient(transparent,#8d7dff,#d7ff78)}.scene-count{position:absolute;z-index:10;right:clamp(30px,4vw,65px);bottom:34px;color:#777984;font:400 7px "DM Mono";letter-spacing:.12em}.prototype-spacer{height:100vh;position:relative;z-index:-1}.prototype-spacer section{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){.hero-header{height:60px;padding:0 20px}.hero-header nav a:not(.get-started){display:none}.hero-header nav{gap:14px}.hero-content{inset:60px 0 0}.hero-copy,.layers-copy{left:22px;right:22px;top:auto;bottom:9vh;width:auto;transform:none}.hero-copy h1,.layers-copy h2{font-size:clamp(44px,12vw,64px)}.lede,.actions,.layers-copy ol{display:none}.orbit-labels span{font-size:7px;padding:5px 7px}.scroll-cue{left:22px;bottom:20px}.scene-count{right:22px;bottom:20px}}.system-layer-label{position:fixed;z-index:9;left:0;top:0;opacity:0;pointer-events:none;display:flex;flex-direction:column;gap:3px;font:400 8px "DM Mono";letter-spacing:.04em;color:#8f9099;will-change:transform,opacity}.system-layer-label b{font:500 10px Manrope;color:#f2f2ef;letter-spacing:0}.orbit-labels span{transition:border-color .2s,background .2s}.scene-two .orbit-labels span{border-color:transparent;background:transparent;box-shadow:none;padding:0;font-family:Manrope;letter-spacing:0;font-size:10px;font-weight:500}.scene-two .system-title{opacity:0!important}@media(max-width:800px){.system-layer-label{display:none}}
.orbit-labels span b{font:500 8px "DM Mono";letter-spacing:.13em}.orbit-labels span small{display:none}.orbit-labels span i,.orbit-labels span em{display:none}
.scene-two .orbit-labels span,.scene-two .system-layer-label{width:clamp(126px,11vw,172px);padding:0 0 0 18px;border:0;background:none;backdrop-filter:none;box-shadow:none;text-align:left;display:flex;flex-direction:column;gap:3px;color:#f4f3f8}
.scene-two .orbit-labels span:before,.scene-two .system-layer-label:before{content:"";position:absolute;left:0;top:2px;width:1px;height:48px;background:linear-gradient(180deg,#d7ff78 0 10px,rgba(151,137,255,.5) 10px 11px,transparent 11px 100%)}
.scene-two .orbit-labels span:after,.scene-two .system-layer-label:after{content:"";position:absolute;right:calc(100% - 1px);top:2px;width:38px;height:1px;background:linear-gradient(90deg,transparent,rgba(180,170,229,.72));transform-origin:right center}
.scene-two .orbit-labels span i,.scene-two .system-layer-label i{display:block;margin-bottom:3px;font:500 6px "DM Mono";font-style:normal;letter-spacing:.16em;color:#aaa6b5;text-shadow:0 0 8px #020306}
.scene-two .orbit-labels span b,.scene-two .system-layer-label b{position:relative;z-index:1;font:600 clamp(17px,1.35vw,22px) Manrope;line-height:.96;letter-spacing:-.035em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px #020306,0 0 7px #020306,0 0 16px #020306,0 0 25px rgba(127,105,255,.3)}
.scene-two .orbit-labels span small,.scene-two .system-layer-label span{display:block;margin-top:2px;font:400 8px "DM Mono";line-height:1.35;letter-spacing:.035em;color:#c0bdc8;text-shadow:0 0 7px #020306,0 0 12px #020306}
.scene-two .orbit-labels span em,.scene-two .system-layer-label em{display:none}
.scene-two .orbit-labels span[data-node="language"]{width:clamp(160px,14vw,220px);padding-left:22px}
.scene-two .orbit-labels span[data-node="language"]:before{height:64px;background:linear-gradient(180deg,#d7ff78 0 16px,rgba(215,255,120,.55) 16px 17px,transparent 17px 100%);box-shadow:0 0 16px rgba(215,255,120,.18)}
.scene-two .orbit-labels span[data-node="language"]:after{width:54px;background:linear-gradient(90deg,transparent,#d7ff78)}
.scene-two .orbit-labels span[data-node="language"] i{color:#c6e47b}.scene-two .orbit-labels span[data-node="language"] b{font-size:clamp(24px,2vw,34px);font-weight:600;color:#fff;text-shadow:0 1px 2px #020306,0 0 8px #020306,0 0 18px #020306,0 0 32px rgba(215,255,120,.35)}.scene-two .orbit-labels span[data-node="language"] small{color:#d8e8ae}
@media(max-width:800px){.scene-two .orbit-labels span{width:132px;padding-left:12px}.scene-two .orbit-labels span:after{width:20px}.scene-two .orbit-labels span i,.scene-two .orbit-labels span em{display:none}.scene-two .orbit-labels span b{font-size:13px}.scene-two .orbit-labels span small{display:block;font-size:6px}.scene-two .orbit-labels span[data-node="language"]{width:168px;padding-left:14px}.scene-two .orbit-labels span[data-node="language"] b{font-size:19px}}

.script-copy{position:absolute;left:clamp(34px,5.2vw,84px);top:50%;width:min(35vw,510px);transform:translateY(-44%);opacity:0;will-change:transform,opacity,filter}
.script-copy h2{font-size:clamp(54px,5.2vw,84px);font-weight:500;letter-spacing:-.063em;line-height:.91;margin:0}.script-copy h2 em{font-style:normal;font-weight:400;color:#777983}
.script-status{margin-top:30px;width:330px;border-top:1px solid rgba(255,255,255,.13);padding-top:12px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;font:400 8px "DM Mono";letter-spacing:.1em;color:#777984}.script-status span{color:#d7ff78}.script-status b{font-weight:400;color:#b9bac1}.script-status i{font-style:normal;color:#d7ff78}
.scene-three .orbit-labels span,.scene-three .system-layer-label{opacity:0!important}
@media(max-width:800px){.script-copy{left:22px;right:22px;top:auto;bottom:9vh;width:auto}.script-copy h2{font-size:clamp(44px,12vw,64px)}.script-status{width:100%}}

.code-window{position:fixed;z-index:7;left:56.5%;top:50%;width:min(42vw,720px);height:min(58vh,535px);opacity:0;transform:translate(-50%,-50%) perspective(1200px) rotateY(-16deg) rotateX(5deg) scale(.35);transform-origin:50% 50%;border:1px solid rgba(170,160,235,.28);border-radius:8px;overflow:hidden;background:linear-gradient(145deg,rgba(13,15,25,.97),rgba(5,6,12,.985));box-shadow:0 40px 120px rgba(0,0,0,.65),0 0 90px rgba(91,68,220,.13),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(20px);pointer-events:none;will-change:transform,opacity,filter}
.code-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(135,115,255,.055) 49%,transparent 72%)}
.code-chrome{height:42px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:7px;padding:0 15px;font:400 8px "DM Mono";letter-spacing:.08em;color:#727580}.code-chrome>span{width:7px;height:7px;border:1px solid #676a74;border-radius:50%}.code-chrome b{margin-left:10px;font-weight:400}.code-chrome i{margin-left:auto;font-style:normal;color:#d7ff78}
.code-body{height:calc(100% - 68px);display:grid;grid-template-columns:160px 1fr}.code-body aside{border-right:1px solid rgba(255,255,255,.07);padding:18px 10px;display:flex;flex-direction:column;gap:11px;font:400 8px "DM Mono";color:#777a86}.code-body aside b{font-weight:400;color:#aeb0b9;margin-bottom:5px}.code-body aside .active{color:#e5e4e8;background:rgba(131,110,255,.1);border-left:1px solid #a38cff;padding:7px;margin:-4px -10px -4px -10px;padding-left:14px}
.code-editor{margin:0;padding:20px 22px;overflow:hidden;white-space:pre;tab-size:2;font:400 clamp(10px,.78vw,14px)/1.72 "DM Mono";color:#bcb9cb}.code-editor code{display:block;white-space:pre}.code-editor em{font-style:normal;color:#464955;display:inline-block;width:36px;text-align:right;padding-right:12px;margin-right:14px;border-right:1px solid rgba(255,255,255,.035);user-select:none}.code-editor span{color:#9e8cff}.code-editor b{font-weight:400;color:#d7ff78}
.code-footer{height:26px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:16px;padding:0 12px;font:400 7px "DM Mono";color:#686b76}.code-footer b{margin-left:auto;font-weight:400;color:#b9adff}
@media(max-width:800px){.code-window{left:50%;top:35%;width:88vw;height:42vh}.code-body{grid-template-columns:0 1fr}.code-body aside{display:none}}

.engine-identity-label{font:500 clamp(13px,1vw,17px) "DM Mono";letter-spacing:.24em;color:#f6f3fa;text-align:center;text-shadow:0 0 28px rgba(168,145,255,.42)}.engine-identity-label:after{content:"";display:block;width:74px;height:1px;margin:12px auto 0;background:linear-gradient(90deg,transparent,#d7ff78,transparent);box-shadow:0 0 16px rgba(215,255,120,.5)}
.engine-process-label{width:min(340px,28vw);white-space:normal;text-align:left}.engine-process-label>span{display:block;margin-bottom:10px;font:500 11px "DM Mono";letter-spacing:.2em;color:#d7ff78}.engine-process-label>b{display:block;font:500 clamp(34px,4.1vw,66px)/.86 Manrope;letter-spacing:-.055em;color:#f5f2f8;text-shadow:0 0 34px rgba(122,99,255,.28)}.engine-process-label>small{display:block;margin-top:13px;font:500 9px "DM Mono";letter-spacing:.14em;color:#bbb4c7}.engine-process-label>em{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:25px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font:500 6px "DM Mono";font-style:normal;letter-spacing:.11em;color:#5d5965}.engine-process-label>em i{font-style:normal}.engine-process-label>em i.done{color:#817b89}.engine-process-label>em i.active{color:#d7ff78}
.engine-output-label{text-align:left}.engine-output-label small{font-size:6px;color:#8c8794;letter-spacing:.16em}.engine-output-label b{display:block;margin-top:6px;font:500 clamp(13px,1.4vw,20px) "DM Mono";letter-spacing:.02em;color:#d7ff78;text-shadow:0 0 22px rgba(215,255,120,.38)}
@media(max-width:800px){.engine-identity-label{font-size:9px}.engine-process-label{width:36vw}.engine-process-label>b{font-size:8vw}.engine-process-label>small{font-size:6px;line-height:1.5}.engine-process-label>em{display:none}.engine-output-label b{font-size:10px}}
/* Nested-world redesign. Scene 01 and Scene 02 retain the approved main composition. */
.world-copy{position:absolute;left:clamp(34px,5.2vw,84px);top:50%;width:min(38vw,560px);opacity:0;transform:translateY(-44%);filter:blur(6px);will-change:opacity,transform,filter}
.world-copy h2{font-size:clamp(54px,5.2vw,92px);font-weight:500;letter-spacing:-.063em;line-height:.89;margin:0}.world-copy h2 em{font-style:normal;font-weight:400;color:#777983}
.world-copy-right{left:auto;right:clamp(34px,5.2vw,84px);text-align:right}.world-copy-right .eyebrow i{display:none}
.world-copy-center{left:50%;top:46%;width:min(760px,86vw);text-align:center;transform:translate(-50%,-44%)}.world-copy-center .eyebrow i{display:none}
.creator-reveal{position:absolute;left:50%;top:46%;width:min(1000px,92vw);text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.8);filter:blur(10px);pointer-events:none;will-change:opacity,transform,filter}
.creator-symbol{width:76px;height:76px;margin:0 auto 18px}.creator-symbol img{width:100%;height:100%;filter:drop-shadow(0 0 30px rgba(148,129,255,.32))}
.creator-reveal .eyebrow{color:#d7ff78;margin-bottom:14px}.creator-reveal strong{display:block;font-size:clamp(58px,8.8vw,158px);line-height:.8;letter-spacing:-.075em;font-weight:500}.creator-reveal>span{display:block;margin:25px 0 17px;font:7px "DM Mono";letter-spacing:.3em;color:#66636e}.creator-reveal h2{font-size:clamp(30px,3.8vw,64px);letter-spacing:-.05em;margin:0;color:#aaa6b0;font-weight:400}.creator-reveal>p{font:9px "DM Mono";letter-spacing:.28em;color:#77737f;margin:13px 0 28px}.creator-reveal a{display:inline-block;pointer-events:auto;border:1px solid rgba(255,255,255,.24);padding:13px 18px;font:500 8px "DM Mono";letter-spacing:.15em}.creator-reveal a:hover{background:#d7ff78;color:#08090b}
.spatial-labels{position:fixed;inset:0;z-index:9;pointer-events:none}.spatial-label{position:absolute;left:0;top:0;opacity:0;white-space:nowrap;font:500 8px "DM Mono";letter-spacing:.14em;color:#eeeaf7;text-shadow:0 0 20px #020306;will-change:transform,opacity}.spatial-label small{display:block;margin-top:5px;font-size:6px;color:#716d7b;letter-spacing:.12em}.spatial-label.acid{color:#d7ff78}.spatial-label.product{pointer-events:auto}.spatial-label.product strong{font:500 clamp(24px,2.35vw,40px) Manrope;letter-spacing:-.05em}.spatial-label.product:before{content:"";display:block;width:34px;height:1px;background:linear-gradient(90deg,#d7ff78,rgba(215,255,120,.08));margin-bottom:9px;box-shadow:0 0 12px rgba(215,255,120,.26)}
.accessible-story{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:800px){.world-copy,.world-copy-right{left:22px;right:22px;top:auto;bottom:9vh;width:auto;text-align:left}.world-copy h2{font-size:clamp(44px,12vw,64px)}.world-copy-center{left:50%;right:auto;top:45%;bottom:auto;width:88vw;text-align:center}.creator-reveal{top:43%}.creator-symbol{width:58px;height:58px}.creator-reveal strong{font-size:clamp(48px,15vw,80px)}.creator-reveal h2{font-size:29px}.spatial-label small{display:none}.spatial-label.product strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){body{overflow:auto}.hero-stage{position:relative;min-height:100vh}.narrative:not(.hero-copy){display:none}.hero-copy{filter:none}.scroll-cue,.scene-count{display:none}.accessible-story{position:relative;width:auto;height:auto;clip-path:none;z-index:10;margin-top:100vh;padding:70px clamp(24px,8vw,120px);background:#08090d}.accessible-story h2{font-size:clamp(38px,6vw,72px)}.accessible-story li{max-width:780px;margin:18px 0;color:#aaa;line-height:1.6}}

/* Cinematic proof pass: the destination owns the forward axis. */
.hero-atmosphere{background:radial-gradient(circle at 50% 50%,transparent 0 24%,rgba(2,3,6,.15) 54%,rgba(2,3,6,.78) 100%)}
.hero-content{inset:0}
.hero-copy,.layers-copy{left:50%;top:0;width:min(900px,88vw);height:100%;text-align:center;transform:translateX(-50%)!important;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.hero-copy .eyebrow,.layers-copy .eyebrow{position:absolute;top:clamp(64px,9vh,110px);margin:0;color:#9693a0}
.hero-copy h1{position:absolute;top:clamp(92px,13vh,150px);margin:0;font:500 clamp(30px,4.4vw,72px)/.95 Manrope;letter-spacing:-.055em;color:#f5f5f2}
.opening-line{position:absolute;bottom:clamp(80px,12vh,132px);margin:0;font:400 9px "DM Mono";letter-spacing:.17em;color:#85828e;text-transform:uppercase}
.layers-copy h2{position:absolute;top:clamp(72px,10vh,118px);margin:0;font-size:clamp(38px,4.4vw,70px)}
.layers-copy .eyebrow{top:auto;bottom:clamp(110px,16vh,170px)}
.layers-copy .opening-line{bottom:clamp(76px,11vh,120px)}
.scroll-cue{left:50%;bottom:28px;transform:translateX(-50%);flex-direction:column;gap:8px;text-align:center}
.scroll-cue i{height:18px}
.system-title{font-size:11px;letter-spacing:.2em;color:#d7ff78}
.orbit-labels span{background:rgba(2,3,6,.42);border-color:rgba(150,138,255,.28)}
@media(max-width:800px){.hero-content{inset:0}.hero-copy,.layers-copy{left:50%;right:auto;top:0;bottom:auto;width:92vw;height:100%;transform:translateX(-50%)!important}.hero-copy h1{font-size:clamp(29px,9vw,48px)}.hero-copy .eyebrow{top:8vh}.hero-copy h1{top:12vh}.opening-line{bottom:13vh;max-width:80vw}.layers-copy h2{top:9vh;font-size:clamp(36px,10vw,54px)}.layers-copy .eyebrow{top:auto;bottom:17vh}.scroll-cue{left:50%;bottom:18px}.scene-count{right:18px}}

.engine-copy-new{top:20%;transform:translate(-50%,-50%)}.engine-copy-new h2{font-size:clamp(34px,4.2vw,70px)}
.transform-label{padding-left:17px;color:#d7ff78;text-shadow:0 0 12px #020306,0 0 24px rgba(142,121,255,.35)}.transform-label:before{content:"";position:absolute;left:0;top:1px;width:1px;height:28px;background:linear-gradient(#d7ff78,rgba(142,121,255,.42),transparent)}.transform-label small{margin-top:4px;color:#8e899a;font-size:5px;letter-spacing:.16em}
.product-label{pointer-events:none;cursor:default;text-align:left;border:0;background:none;padding:12px;color:inherit;transition:filter .25s}.product-label.label-left{text-align:right}.product-label.label-left:before{margin-left:auto;background:linear-gradient(90deg,rgba(215,255,120,.08),#d7ff78)}.product-label small{margin-top:7px;font-size:8px;color:#a09aa9;letter-spacing:.13em}.product-label:after{content:"EXPLORE ↗";display:block;margin-top:11px;font:500 8px "DM Mono";letter-spacing:.18em;color:#d7ff78;opacity:0;transform:translateY(5px);transition:.25s}.product-label.ready{pointer-events:auto;cursor:pointer}.product-label.ready:after,.product-label.ready:hover:after,.product-label.ready:focus-visible:after,.product-label.hovered:after{opacity:1;transform:none}.product-label.ready:hover strong,.product-label.ready:focus-visible strong,.product-label.hovered strong{color:#d7ff78;text-shadow:0 0 28px rgba(215,255,120,.3)}.product-label:focus-visible{outline:1px solid rgba(215,255,120,.65);outline-offset:5px}
.product-interface{position:fixed;z-index:14;left:clamp(28px,7vw,120px);top:50%;width:min(390px,38vw);transform:translateY(-44%);opacity:0;filter:blur(8px);pointer-events:none;transition:opacity .35s,filter .35s,transform .5s;color:#f4f3f7}.product-interface:before{content:"";display:block;width:72px;height:1px;margin-bottom:24px;background:linear-gradient(90deg,#d7ff78,#8774ff);box-shadow:0 0 20px rgba(145,121,255,.28)}.product-interface.is-open{opacity:1;filter:none;transform:translateY(-50%);pointer-events:auto}.product-interface>p:first-of-type{font:500 8px "DM Mono";letter-spacing:.2em;color:#d7ff78}.product-interface h2{margin:14px 0 18px;font-size:clamp(52px,6vw,102px);line-height:.85;letter-spacing:-.065em}.product-interface [data-product-description]{max-width:320px;color:#aaa6b2;font-size:12px;line-height:1.7}.product-interface a{display:inline-block;margin-top:27px;padding:12px 0;border-bottom:1px solid rgba(215,255,120,.65);font:500 8px "DM Mono";letter-spacing:.15em}.product-interface a:hover,.product-interface a:focus-visible{color:#d7ff78}.product-back{position:absolute;bottom:calc(100% + 34px);left:-12px;min-height:42px;border:1px solid rgba(255,255,255,.24);background:rgba(6,7,12,.62);padding:0 14px;color:#f2eff6;font:500 8px "DM Mono";letter-spacing:.14em;cursor:pointer;backdrop-filter:blur(10px);transition:.25s}.product-back:hover,.product-back:focus-visible{color:#08090b;background:#d7ff78;border-color:#d7ff78;box-shadow:0 0 26px rgba(215,255,120,.18);outline:none}
@media(max-width:800px){.engine-copy-new{left:50%;right:auto;top:18%;bottom:auto;text-align:center;transform:translate(-50%,-50%);width:92vw}.engine-copy-new h2{font-size:10vw}.transform-label{font-size:6px}.product-interface{left:22px;right:22px;top:auto;bottom:7vh;width:auto;transform:translateY(12px)}.product-interface.is-open{transform:none}.product-interface h2{font-size:15vw}.product-interface [data-product-description]{font-size:11px}.product-back{bottom:calc(100% + 20px);left:0;min-height:44px}.product-label{padding:14px}.product-label small{display:block;font-size:7px}.product-label:after{font-size:7px}}
@media(prefers-reduced-motion:reduce){body{overflow:hidden}.hero-stage{position:fixed;min-height:0}.narrative:not(.hero-copy){display:block}.scroll-cue,.scene-count{display:flex}.accessible-story{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%)} }

/* Finale readability + creator payoff */
.finale-panel:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(920px,92vw);height:min(520px,68vh);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(2,3,6,.96) 0%,rgba(2,3,6,.86) 38%,rgba(2,3,6,.48) 63%,transparent 78%);filter:blur(22px);pointer-events:none}
.finale-proof{isolation:isolate}.finale-proof h2{text-shadow:0 3px 28px #020306,0 0 55px #020306}.built-proof{margin:24px auto 0;font:400 10px "DM Mono";letter-spacing:.08em;color:#b9b7c0;text-shadow:0 2px 16px #020306}.built-proof strong{font-weight:500;color:#f5f5f2}
.creator-reveal{isolation:isolate}.creator-reveal:before{width:min(1080px,96vw);height:min(760px,88vh);background:radial-gradient(ellipse at center,rgba(2,3,6,.98) 0%,rgba(2,3,6,.9) 42%,rgba(2,3,6,.48) 68%,transparent 82%)}
.creator-origin{margin:0 0 18px!important;font:400 7px "DM Mono"!important;letter-spacing:.28em!important;color:#8f8b98!important}.creator-symbol{margin-bottom:12px}.creator-reveal .eyebrow{margin-bottom:12px}.creator-reveal>span{margin:20px 0 12px}.creator-line{margin:14px auto 24px!important;font:400 7px/1.8 "DM Mono"!important;letter-spacing:.16em!important;color:#77737f!important}.creator-line strong{font-size:8px!important;line-height:1.8!important;letter-spacing:.12em!important;font-weight:500!important;color:#b8b4bf!important}.creator-reveal a{background:rgba(2,3,6,.58);backdrop-filter:blur(10px);box-shadow:0 0 34px rgba(0,0,0,.5)}
@media(max-width:800px){.finale-panel:before{width:110vw;height:62vh}.built-proof{font-size:8px;line-height:1.55;max-width:80vw}.creator-origin{margin-bottom:12px!important}.creator-line{max-width:82vw}.creator-reveal>span{margin:14px 0 10px}}



/* Product scene composition + interaction cue */
.product-scene-copy{left:auto!important;right:clamp(46px,6vw,100px)!important;top:48%!important;width:min(31vw,470px)!important;text-align:right!important;transform:translateY(-50%)!important;z-index:3}
.product-scene-copy .eyebrow{justify-content:flex-end}.product-scene-copy .eyebrow i{display:none}
.product-flight-hint{position:fixed;right:clamp(48px,6vw,100px);bottom:clamp(72px,8vh,96px);z-index:12;display:grid;justify-items:end;gap:3px;margin:0;padding-left:38px;opacity:0;pointer-events:none;text-align:right;white-space:nowrap;transition:opacity .35s ease,transform .35s ease;transform:translateY(8px)}
.product-flight-hint:before{content:"";position:absolute;left:0;top:50%;width:26px;height:1px;background:#d7ff78;box-shadow:0 0 12px rgba(215,255,120,.45)}
.product-flight-hint span{font:500 6px "DM Mono";letter-spacing:.28em;color:#777983}
.product-flight-hint strong{font:500 12px "DM Mono";letter-spacing:.16em;color:#f3f2f5;text-shadow:0 0 18px rgba(255,255,255,.12)}
.product-flight-hint em{font:500 8px "DM Mono";font-style:normal;letter-spacing:.18em;color:#d7ff78;text-shadow:0 0 20px rgba(215,255,120,.28)}
.product-flight-hint.visible{opacity:1;transform:translateY(0)}
@media(max-width:800px){.product-scene-copy{right:5vw!important;top:27%!important;width:62vw!important}.product-scene-copy h2{font-size:clamp(34px,10vw,52px)}.product-flight-hint{right:5vw;bottom:68px}.product-flight-hint strong{font-size:9px}.product-flight-hint em{font-size:6px}}

/* Product interaction cue placement */
.product-flight-hint{left:clamp(48px,6vw,100px)!important;right:auto!important;justify-items:start!important;text-align:left!important;padding-left:38px!important;padding-right:0!important}.product-flight-hint:before{left:0!important;right:auto!important}@media(max-width:800px){.product-flight-hint{left:5vw!important;right:auto!important}}

/* Cinematic chapter progress */
.cinematic-progress{position:fixed;z-index:40;left:0;right:0;top:0;height:2px;opacity:0;pointer-events:none;background:rgba(255,255,255,.055);transition:opacity .22s ease}
.cinematic-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#9582ff,#d7ff78);box-shadow:0 0 14px rgba(215,255,120,.38);will-change:transform}
.cinematic-progress.is-playing{opacity:1}

/* Mobile universe composition pass */
@media(max-width:800px){
  html,body,.hero-stage{width:100%;height:100%;height:100dvh;min-height:100svh;overflow:hidden}
  .hero-stage{inset:0}
  .world-copy{max-width:none}
  .hero-copy,.layers-copy{width:calc(100vw - 36px)!important;height:100dvh}
  .hero-copy .eyebrow{top:max(62px,calc(env(safe-area-inset-top) + 34px))}
  .hero-copy h1{top:clamp(96px,15dvh,132px);font-size:clamp(28px,8.5vw,43px);line-height:.92}
  .opening-line{bottom:max(84px,calc(env(safe-area-inset-bottom) + 70px));max-width:76vw;font-size:7px}
  .layers-copy h2{top:max(66px,10dvh);font-size:clamp(31px,9vw,48px);line-height:.9}
  .layers-copy .eyebrow{bottom:max(102px,15dvh)}
  .engine-copy-new{top:14%!important;width:calc(100vw - 36px)!important}
  .engine-copy-new h2{font-size:clamp(30px,8.5vw,46px)!important;line-height:.92}
  .transform-label{font-size:5.5px!important;padding-left:10px}.transform-label:before{height:20px}.transform-label small{font-size:4.5px}
  .product-scene-copy{right:18px!important;top:13%!important;width:58vw!important}
  .product-scene-copy h2{font-size:clamp(28px,8.2vw,43px)!important;line-height:.88}
  .product-scene-copy .eyebrow{font-size:6px}
  .product-flight-hint{left:18px!important;bottom:max(62px,calc(env(safe-area-inset-bottom) + 48px))!important;padding-left:26px!important}
  .product-flight-hint:before{width:18px}.product-flight-hint strong{font-size:8px!important}.product-flight-hint em{font-size:5.5px!important}.product-flight-hint span{font-size:5px}
  .product-label{padding:18px;min-width:108px}.product-label strong{font-size:clamp(15px,4.6vw,21px)}.product-label small{font-size:5.5px!important;letter-spacing:.08em}.product-label:after{font-size:5.5px!important;margin-top:7px}
  .product-interface{left:18px;right:18px;bottom:max(56px,calc(env(safe-area-inset-bottom) + 42px));max-height:58dvh}.product-interface h2{font-size:clamp(48px,14vw,72px)}.product-interface [data-product-description]{font-size:10px;line-height:1.55}
  .finale-panel{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)}
  .finale-proof h2{font-size:clamp(35px,10vw,54px)!important;line-height:.88}
  .built-proof{max-width:88vw!important;font-size:6.5px!important}
  .creator-reveal{width:calc(100vw - 32px)!important}.creator-reveal h2{font-size:clamp(38px,11vw,60px)!important}.creator-line{max-width:88vw!important;font-size:6px!important}
  .scroll-cue{bottom:max(12px,env(safe-area-inset-bottom));font-size:5px}.scene-count{right:12px;bottom:max(14px,env(safe-area-inset-bottom));font-size:5px}
}
@media(max-width:800px) and (max-height:650px){
  .hero-copy h1,.layers-copy h2{font-size:clamp(25px,7vw,36px)}
  .engine-copy-new{top:12%!important}.engine-copy-new h2{font-size:clamp(25px,7vw,36px)!important}
  .product-scene-copy{top:11%!important}.product-scene-copy h2{font-size:clamp(24px,7vw,34px)!important}
  .product-flight-hint{bottom:44px!important}.finale-proof h2{font-size:clamp(30px,8vw,42px)!important}
}
@media(max-width:900px) and (orientation:landscape) and (max-height:700px){
  .hero-copy h1,.layers-copy h2{font-size:clamp(28px,5vw,42px)}
  .hero-copy h1{top:16vh}.layers-copy h2{top:12vh}
  .engine-copy-new{top:17%!important}.engine-copy-new h2{font-size:clamp(28px,5vw,42px)!important}
  .product-scene-copy{top:48%!important;right:4vw!important;width:32vw!important}.product-scene-copy h2{font-size:clamp(27px,4.8vw,42px)!important}
  .product-flight-hint{left:4vw!important;bottom:38px!important}
  .finale-proof h2{font-size:clamp(34px,6vw,52px)!important}
}

/* Mobile scene 2 + 5 visibility correction */
@media(max-width:800px) and (orientation:portrait){
  .spatial-label.layer{max-width:30vw!important}
  .spatial-label.layer strong{font-size:clamp(10px,3.2vw,14px)!important}
  .spatial-label.layer small{font-size:4.5px!important;white-space:normal!important}
  .product-scene-copy{display:block!important;visibility:visible!important;left:auto!important;right:18px!important;top:max(64px,calc(env(safe-area-inset-top) + 46px))!important;width:54vw!important;z-index:10!important;transform:none!important;text-align:right!important}
  .product-scene-copy .eyebrow{justify-content:flex-end!important;margin-bottom:9px!important}
  .product-scene-copy h2{margin:0!important;font-size:clamp(25px,7.6vw,38px)!important;line-height:.9!important}
}