:root{--bg:#10120e;--text:#eff1e6;--muted:#9ca58d;--accent:#d8fb63;--line:#343c28;--pad:clamp(24px,4.3vw,78px)}*{box-sizing:border-box}html{overscroll-behavior:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.8 'Noto Sans SC',sans-serif;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--bg)}.scroll-runway{height:900vh;pointer-events:none}.world{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 76% 45%,#38482238,transparent 50%),var(--bg)}.grid{position:absolute;inset:0;background-image:linear-gradient(#89987109 1px,transparent 1px),linear-gradient(90deg,#89987109 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent 32%,#000)}.halo{position:absolute;width:550px;height:550px;top:50%;left:73%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(#a7cb3820,transparent 65%)}.ring{position:absolute;width:610px;height:440px;border:1px solid #899d4840;border-radius:50%;top:50%;left:73%;transform:translate(-50%,-50%) rotate(-42deg)}.ring-b{width:410px;height:600px;transform:translate(-50%,-50%) rotate(-30deg);border-color:#899d4820}.cross{position:absolute;color:#96a76866;font:20px monospace}.cross-a{left:51%;top:22%}.cross-b{right:3%;bottom:19%}.world-coordinate{position:absolute;right:25px;top:50%;writing-mode:vertical-rl;font:10px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:#77896088}header{position:fixed;top:0;left:0;right:0;height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;z-index:20;border-bottom:1px solid #75825826;background:#10120e80}.brand{display:flex;align-items:center;gap:14px;font:700 22px/.95 'Barlow Condensed',sans-serif}.brand>b{font:900 39px Arial,sans-serif;letter-spacing:-7px;padding-right:7px}.brand>b span{color:var(--accent)}.brand small{display:block;font:8px 'Noto Sans SC',sans-serif;letter-spacing:2px;margin-top:8px}.header-center{font:11px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a5ae97;display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #d8fb6338}.header-divider{margin:0 8px;color:#52603c}.header-cta{border:1px solid #687746;border-radius:3px;background:transparent;color:var(--text);padding:10px 19px;font-size:11px;display:flex;align-items:center;gap:32px}.header-cta span{font-size:18px;color:var(--accent)}.experience{position:fixed;inset:0;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:100px var(--pad) 103px;display:flex;align-items:center;visibility:hidden;opacity:0;pointer-events:none;z-index:3}.scene.active{visibility:visible;opacity:1;pointer-events:auto}.scene-content{width:53%;max-width:700px;position:relative}.scene-content.wide{width:78%;max-width:1080px}.eyebrow{font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:var(--accent);display:flex;align-items:center;gap:9px;margin-bottom:22px}.badge{font:9px 'Noto Sans SC',sans-serif;letter-spacing:0;padding:3px 8px;border:1px solid #4c5934;border-radius:3px;color:#b7c59d;margin-left:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,5.5vw,82px);line-height:1.18;letter-spacing:-4px;margin-bottom:25px;font-weight:900}h2{font-size:clamp(33px,3.6vw,54px);line-height:1.42;letter-spacing:-2px;margin-bottom:25px;font-weight:800}em{color:var(--accent);font-style:normal}h1 em{position:relative;display:inline-block}h1 em:after{content:'';position:absolute;height:6px;border-top:2px solid var(--accent);border-radius:50%;left:0;right:-7px;bottom:-9px;transform:rotate(-2deg)}.lead{font-size:clamp(15px,1.5vw,21px);line-height:1.8;margin-bottom:17px}.lead strong{font-weight:600}.muted{color:var(--muted);font-size:13px;line-height:1.95;margin-bottom:23px}.button{background:var(--accent);color:#1b2310;border:0;border-radius:3px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:16px 24px;transition:background .2s}.button:hover{background:#e8ffa3}.button span{font-size:23px;line-height:1}.micro{font-size:9px;letter-spacing:.2px;color:#8c9a76;margin-top:13px;margin-bottom:0}.micro i{font-style:normal;margin:0 8px;color:#6b7a50}.persistent-creator{position:absolute;right:8vw;top:50%;width:320px;height:565px;transform:translateY(-47%);z-index:2;pointer-events:none}.creator-caption{position:absolute;top:-31px;right:-26px;font:10px 'Barlow Condensed',sans-serif;letter-spacing:2.2px;color:#7c8c65;white-space:nowrap}.portrait-frame{width:100%;height:100%;position:relative;border:5px solid #404d2e;border-radius:28px;overflow:hidden;transform:rotate(7deg);box-shadow:25px 35px 85px #0008;background:#242d1b}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:48% 50%;filter:saturate(.65)}.portrait-shade{position:absolute;inset:0;background:linear-gradient(transparent 30%,#131c0ccf)}.portrait-top{position:absolute;top:15px;left:16px;right:16px;display:flex;justify-content:space-between;font:9px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:white}.portrait-top>span:last-child{font-size:17px}.portrait-copy{position:absolute;bottom:28px;left:24px}.portrait-copy>span{font-size:8px;background:var(--accent);padding:4px 7px;color:#273317;border-radius:2px}.portrait-copy h2{font:700 47px/.96 'Barlow Condensed',sans-serif;letter-spacing:-1px;margin:17px 0}.portrait-copy p{font-size:10px;margin:0}.portrait-copy b{color:var(--accent);margin-left:10px}.portrait-side{position:absolute;right:17px;top:48%;font:30px/1.2 Arial,sans-serif;text-align:center;color:white}.portrait-side small{display:block;font:6px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin:3px 0 15px}.creator-chip{display:flex;gap:13px;align-items:center;padding:14px 17px;border:1px solid #6c7a4455;background:#232d1beF;border-radius:6px;box-shadow:0 10px 30px #0005;position:absolute}.creator-chip small{display:block;font:9px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#a6b68e}.creator-chip strong{font-size:10px;font-weight:500;white-space:nowrap}.creator-chip>span{font-size:26px;color:var(--accent)}.creator-chip>b{font:10px 'Barlow Condensed',sans-serif;background:#d8fb6320;color:var(--accent);padding:3px 6px;border-radius:3px}.chip-a{left:-95px;top:54px;transform:rotate(-6deg)}.chip-b{right:-68px;bottom:80px;transform:rotate(4deg)}.bar-icon{display:flex;gap:3px;height:29px;align-items:end}.bar-icon i{width:5px;background:var(--accent);height:35%}.bar-icon i:nth-child(2){height:60%}.bar-icon i:nth-child(3){height:80%}.bar-icon i:nth-child(4){height:100%}.creator-bottom{position:absolute;bottom:-45px;right:-15px;font:9px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#7b8b60;white-space:nowrap}.barriers{max-width:510px}.barriers p{border-bottom:1px solid var(--line);padding:15px 0;display:flex;align-items:center;font-size:13px;margin:0}.barriers span{color:#7c905b;font:17px 'Barlow Condensed',sans-serif;margin-right:20px}.barriers b{font-weight:400;color:#a3b47c;margin-left:auto}.barriers+.muted{margin:22px 0 0;font-size:11px}.identity-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.identity-parts>div{border-top:1px solid #657b3a;padding-top:15px}.identity-parts span{font:23px 'Barlow Condensed',sans-serif;color:var(--accent)}.identity-parts h3{font-size:15px;font-weight:500;margin:10px 0 5px}.identity-parts p{font-size:10px;color:var(--muted);margin:0}.quote{font:12px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#829568;margin:0}.playbook{max-width:850px}.playbook article{display:flex;align-items:center;gap:25px;padding:13px 0;border-top:1px solid var(--line)}.playbook article:last-child{border-bottom:1px solid var(--line)}.playbook article>span{font:600 33px 'Barlow Condensed',sans-serif;color:var(--accent)}.playbook h3{font-size:15px;margin:0 0 4px;font-weight:500}.playbook p{font-size:10px;margin:0;color:var(--muted)}.playbook b{margin-left:auto;font:10px 'Barlow Condensed',sans-serif;letter-spacing:1px;font-weight:500;border:1px solid #4b5a32;color:#a8bc7c;padding:3px 8px;border-radius:3px}.fineprint{font-size:10px;line-height:1.9;color:#7c8d68;margin:20px 0 0;max-width:760px}.scene-machine h2{font-size:clamp(36px,4vw,60px)}.scene-machine h2 em{display:block}.machine{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr;align-items:center;margin-top:35px}.machine article{background:#232f18;border:1px solid #6c823d;padding:23px 20px}.machine article:nth-of-type(even){background:#d8fb63;color:#233015}.machine article>span{font:9px 'Barlow Condensed',sans-serif;letter-spacing:2px;opacity:.6}.machine strong{display:block;font:700 80px/1.2 'Barlow Condensed',sans-serif}.machine h3{font:600 27px 'Barlow Condensed',sans-serif;margin:0 0 6px}.machine p{font-size:10px;margin:0;opacity:.7}.machine>i{font-style:normal;text-align:center;color:var(--accent)}.machine-line{height:2px;background:#465632;margin-top:28px}.machine-line span{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left}.coral{background:#ff846e}.terminal{border:1px solid #526a33;background:#1c2615;border-radius:6px;padding:19px 24px;max-width:520px}.terminal-top{display:flex;justify-content:space-between;align-items:center;font:10px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#99ae7a;border-bottom:1px solid #42552c;padding-bottom:12px;margin-bottom:10px}.terminal-top b{font-size:20px;color:var(--accent)}.terminal-step{display:flex;gap:20px;margin:0;padding:8px 0;font:13px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#c3d1ae}.terminal-step>span{color:#6d8552}.terminal-step b{margin-left:auto;color:var(--accent)}.terminal-output{font-size:17px;letter-spacing:.3px;margin-top:18px;font-weight:500}.terminal-output>span{color:var(--accent)}.scene-reality h2{font-family:'Barlow Condensed','Noto Sans SC',sans-serif;font-size:clamp(45px,4.8vw,70px)}.scene-reality h2 em{font-family:'Noto Sans SC',sans-serif;font-size:.7em}.business-chain{display:flex;align-items:center;gap:20px;margin:32px 0;font:600 clamp(18px,2vw,27px) 'Barlow Condensed',sans-serif}.business-chain i{font-style:normal;font-size:17px;color:#697f49}.business-chain strong{border:1px solid #6d8b3d;border-radius:50%;padding:10px 25px;color:var(--accent)}.audience{border-top:1px solid var(--line);padding-top:20px;max-width:780px}.audience>span{font-size:10px;color:#a3b981}.audience p{font-size:12px;color:var(--muted);margin:7px 0}.audience i{font-style:normal;color:#526a33;margin:0 10px}.scene-join h2{font-size:clamp(40px,4.5vw,66px);line-height:1.5}.join-includes{display:flex;gap:22px;font-size:11px;margin:25px 0;color:#b0c592}.text-button{display:block;margin-top:24px;font-size:11px;background:none;border:0;border-bottom:1px solid #61773e;color:#b4c995;padding:0 0 8px}.text-button span{padding-left:25px;color:var(--accent)}.scene-join .fineprint{font-size:9px;max-width:500px}.control-deck{position:fixed;bottom:0;left:var(--pad);right:var(--pad);height:85px;border-top:1px solid #52613c70;display:flex;align-items:center;justify-content:space-between;z-index:20;background:linear-gradient(transparent,#10120ed9 65%)}.chapter-meta{width:220px}.chapter-kicker{display:block;font:9px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#849669}.chapter-title{font-size:11px;letter-spacing:1px;color:#bdcaaa;display:block;margin-top:5px}.chapter-nav{display:flex;gap:7px}.chapter-nav button{border:0;background:transparent;color:#74835f;position:relative;width:30px;height:36px;padding:0;font:12px 'Barlow Condensed',sans-serif}.chapter-nav button:before{content:'';position:absolute;top:0;left:4px;right:4px;height:2px;background:#4a5b32;transition:background .2s}.chapter-nav button.selected{color:var(--accent)}.chapter-nav button.selected:before{background:var(--accent)}.chapter-nav button:hover{color:#efffcf}.scroll-cue{display:flex;gap:12px;align-items:center;justify-content:end;width:260px}.scroll-label{font:10px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#93a677}.current-index{font:13px 'Barlow Condensed',sans-serif;color:var(--accent);letter-spacing:1px;margin-left:10px}.scroll-mouse{border:1px solid #687c47;width:15px;height:23px;display:block;border-radius:10px;position:relative}.scroll-mouse i{position:absolute;top:4px;left:6px;width:1px;height:5px;background:var(--accent);animation:scroll-tick 1.8s infinite}@keyframes scroll-tick{0%{transform:translateY(0);opacity:1}70%{transform:translateY(7px);opacity:0}100%{opacity:0}}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#354326}.journey-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}dialog{background:#1b2415;color:var(--text);border:1px solid #617c3c;border-radius:7px;padding:40px;width:min(500px,90vw);max-height:85svh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:32px;margin-bottom:20px}dialog p{font-size:13px;color:#bdc9ae}dialog .muted{font-size:11px}.close-dialog{position:absolute;top:10px;right:15px;border:0;background:transparent;color:var(--text);font-size:25px}.close-action{margin-top:15px}details{border-top:1px solid #52643a;padding:15px 0}summary{cursor:pointer;font-size:13px}details p{font-size:12px;margin:10px 0 0}.noscript{position:fixed;bottom:105px;left:var(--pad);background:#334124;padding:10px;z-index:30}
@media(min-width:1600px){.persistent-creator{width:370px;height:650px}.scene-content{max-width:780px}.portrait-copy h2{font-size:55px}.scene-content.wide{max-width:1250px}.playbook{max-width:980px}.playbook article{padding:17px 0}.playbook h3{font-size:18px}.playbook p{font-size:12px}}
@media(max-height:800px) and (min-width:900px){header{height:80px}.scene{inset:95px var(--pad) 85px}.persistent-creator{width:270px;height:475px}.eyebrow{margin-bottom:18px;font-size:11px}h1{font-size:60px;margin-bottom:22px}h2{font-size:40px;line-height:1.35;margin-bottom:20px}.lead{font-size:17px;margin-bottom:12px}.muted{font-size:12px;margin-bottom:18px}.button{padding:13px 21px;font-size:12px}.portrait-copy h2{font-size:43px}.creator-bottom{bottom:-34px}.scene-intro .scene-content{max-height:100%}.barriers p{padding:12px 0}.playbook article{padding:10px 0}.playbook h3{font-size:14px}.playbook article>span{font-size:28px}.scene-machine h2{font-size:45px}.machine{margin-top:24px}.machine strong{font-size:65px}.machine article{padding:18px}.scene-reality h2{font-size:58px}.scene-join h2{font-size:48px}.join-includes{margin:20px 0}.scene-join .lead{font-size:16px}.control-deck{height:70px}.fineprint{margin-top:15px}.terminal{padding:15px 22px}.terminal-step{padding:7px 0}.terminal-output{margin-top:12px}.text-button{margin-top:17px}}
@media(max-width:1100px) and (min-width:761px){.persistent-creator{right:5vw;width:250px;height:445px}.scene-content{width:57%}.scene-content.wide{width:86%}.chip-a{left:-45px}.chip-b{right:-25px}.creator-chip{padding:10px}.header-center{font-size:9px}.business-chain{gap:12px}.playbook{max-width:750px}.machine article{padding:16px}}
@media(max-width:760px){:root{--pad:22px}header{height:73px}.brand{font-size:17px;gap:10px}.brand>b{font-size:31px}.brand small{font-size:6px;letter-spacing:1.8px;margin-top:7px}.header-center{display:none}.header-cta{font-size:10px;padding:8px 11px;gap:19px}.scene{inset:94px var(--pad) 108px;align-items:center}.scene-content,.scene-content.wide{width:100%;max-width:none}.scene-intro{align-items:flex-start}.scene-intro .scene-content{width:100%}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:18px}.badge{font-size:8px;padding:2px 6px;margin-left:2px}h1{font-size:clamp(43px,11.5vw,61px);line-height:1.2;letter-spacing:-2.5px;margin-bottom:27px}h2{font-size:32px;letter-spacing:-1.4px;line-height:1.45;margin-bottom:20px}.lead{font-size:14px;line-height:1.8;margin-bottom:13px}.muted{font-size:11px;margin-bottom:18px}.button{padding:14px 17px;font-size:11px;gap:25px;min-height:48px}.micro{font-size:8px;margin-top:12px;letter-spacing:0}.micro i{margin:0 4px}.persistent-creator{width:163px;height:288px;right:-18px;top:auto;bottom:104px;transform:none;opacity:.7}.portrait-frame{border-width:3px;border-radius:17px;transform:rotate(8deg)}.portrait-copy{left:12px;bottom:17px}.portrait-copy h2{font-size:27px;line-height:.95;letter-spacing:-.5px;margin:10px 0}.portrait-copy>span{font-size:5px;padding:3px 4px}.portrait-copy p{font-size:6px}.portrait-top{top:10px;left:10px;right:10px;font-size:5px}.portrait-top>span:last-child{font-size:12px}.portrait-side{font-size:17px;right:8px;top:42%}.portrait-side small{font-size:4px;margin:2px 0 7px}.creator-caption,.creator-bottom,.creator-chip{display:none}.scene-intro .muted{max-width:70%;font-size:10px;margin-bottom:20px}.scene-intro .lead{max-width:90%}.world .halo{left:95%;top:65%;width:400px;height:400px}.ring{left:100%;width:450px;height:340px;opacity:.5}.ring-b{left:92%;height:490px;width:280px}.grid{background-size:70px 70px}.world-coordinate,.cross-b{display:none}.cross-a{left:88%;top:25%}.barriers p{font-size:11px;padding:14px 0}.barriers span{font-size:17px;margin-right:13px}.barriers+.muted{font-size:10px;max-width:90%;margin-top:20px}.identity-parts{gap:12px;margin:25px 0}.identity-parts h3{font-size:11px;white-space:nowrap}.identity-parts p{font-size:8px}.identity-parts span{font-size:24px}.quote{font-size:9px;letter-spacing:1.1px}.playbook article{gap:14px;padding:12px 0}.playbook article>span{font-size:29px}.playbook h3{font-size:13px;margin:0 0 3px}.playbook p{font-size:9px;max-width:260px}.playbook b{display:none}.scene-playbook h2{font-size:28px;line-height:1.5;margin-bottom:23px}.fineprint{font-size:8px;margin-top:17px}.scene-machine h2{font-size:36px;line-height:1.35}.scene-machine .muted{font-size:10px;max-width:95%}.machine{grid-template-columns:1fr 20px 1fr;gap:14px 0;margin-top:26px}.machine article{padding:15px 17px}.machine article>span{font-size:8px;letter-spacing:1.5px}.machine strong{font-size:57px}.machine h3{font-size:23px;margin-bottom:4px}.machine p{font-size:9px}.machine>i:nth-of-type(2){display:none}.machine-line{margin-top:21px}.terminal{padding:16px 18px;margin-top:25px}.terminal-top{font-size:8px;letter-spacing:1px}.terminal-step{font-size:12px;padding:12px 0;gap:15px;letter-spacing:1px}.terminal-output{font-size:15px;margin-top:18px}.scene-reality h2{font-size:47px}.scene-reality h2 em{font-size:.67em}.business-chain{gap:7px;margin:28px 0;font-size:14px;flex-wrap:wrap}.business-chain i{font-size:10px}.business-chain strong{padding:7px 12px}.audience p{font-size:10px;line-height:2}.audience i{margin:0 5px}.scene-join h2{font-size:34px;line-height:1.6;margin-bottom:23px}.scene-join .lead{font-size:13px}.join-includes{gap:13px;font-size:9px;margin:25px 0}.scene-join .fineprint{font-size:8px;max-width:80%}.scene-join .button{font-size:11px;padding:17px 19px}.text-button{margin-top:25px;font-size:10px}.control-deck{height:86px;align-items:flex-start;padding-top:13px;flex-wrap:wrap}.chapter-meta{width:auto}.chapter-title{font-size:9px;letter-spacing:.5px;margin-top:4px}.chapter-kicker{font-size:7px;letter-spacing:1px}.chapter-nav{position:absolute;bottom:10px;left:0;right:0;justify-content:center;gap:9px}.chapter-nav button{width:25px;height:23px;font-size:10px}.chapter-nav button:before{left:2px;right:2px}.scroll-cue{width:auto;gap:8px}.scroll-label{font-size:8px;letter-spacing:.7px}.current-index{font-size:10px;letter-spacing:.5px;margin-left:5px}.scroll-mouse{height:18px;width:12px}.scroll-mouse i{left:4px;height:4px}.journey-progress{bottom:0}dialog{padding:33px 23px}dialog h2{font-size:28px}dialog p{font-size:12px}}
@media(max-height:730px) and (max-width:760px){.scene{inset:87px var(--pad) 90px}.control-deck{height:73px}.eyebrow{font-size:9px;margin-bottom:14px}h1{font-size:43px;margin-bottom:22px}h2{font-size:29px;line-height:1.35;margin-bottom:16px}.scene-intro .muted{margin-bottom:15px;font-size:9px}.lead{font-size:13px;margin-bottom:11px}.persistent-creator{width:140px;height:250px;bottom:100px;right:-24px}.scene-intro .lead{font-size:13px}.button{padding:11px 15px;min-height:43px}.scene-playbook h2{font-size:25px;margin-bottom:15px}.playbook article{padding:9px 0}.playbook h3{font-size:12px}.playbook p{font-size:8px}.playbook article>span{font-size:26px}.fineprint{margin-top:12px}.scene-machine h2{font-size:31px}.machine{margin-top:18px;gap:11px 0}.machine article{padding:11px 15px}.machine strong{font-size:46px}.machine h3{font-size:22px}.machine-line{margin-top:16px}.barriers p{padding:11px 0}.identity-parts{margin:22px 0}.terminal{margin-top:18px;padding:12px 16px}.terminal-step{padding:9px 0;font-size:11px}.terminal-output{font-size:14px;margin-top:13px}.scene-join h2{font-size:30px;margin-bottom:18px}.scene-join .lead{font-size:12px}.join-includes{margin:20px 0;font-size:8px;gap:11px}.text-button{margin-top:18px}.business-chain{margin:22px 0}.scene-reality h2{font-size:43px}.audience{padding-top:15px}}
@media(max-height:550px){header{height:57px}.scene{inset:70px var(--pad) 68px}.control-deck{height:57px}.chapter-nav{position:static}.chapter-meta{display:none}.scroll-label{display:none}.scene-content{width:65%}.scene-content.wide{width:90%}.eyebrow{font-size:9px;margin-bottom:9px}h1{font-size:34px;line-height:1.07;margin-bottom:13px}h2,.scene-join h2{font-size:27px;line-height:1.25;margin-bottom:12px}.lead,.scene-join .lead{font-size:11px;margin-bottom:9px}.muted{font-size:10px;margin-bottom:12px}.scene-intro .muted{display:none}.button{padding:9px 16px;min-height:36px;font-size:10px}.micro{font-size:7px;margin-top:8px}.persistent-creator{width:180px;height:310px;right:9vw;top:52%;bottom:auto;transform:translateY(-50%)}.creator-caption,.creator-chip,.creator-bottom{display:none}.scene-playbook h2{font-size:24px}.playbook{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.playbook article{padding:8px 0;gap:12px}.playbook article>span{font-size:24px}.playbook h3{font-size:11px}.playbook p{font-size:8px}.playbook b{display:none}.machine{grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;gap:0;margin-top:12px}.machine article{padding:12px}.machine strong{font-size:41px}.machine h3{font-size:20px}.machine>i:nth-of-type(2){display:block}.machine-line{margin-top:13px}.scene-machine h2{font-size:28px}.scene-machine h2 em{display:inline;margin-left:10px}.machine article>span{font-size:7px}.machine p{font-size:8px}.barriers p{padding:7px 0;font-size:10px}.barriers+.muted{margin-top:12px;font-size:9px}.identity-parts{margin:15px 0}.identity-parts h3{font-size:12px}.identity-parts p{font-size:9px}.quote{font-size:8px}.terminal{padding:10px 17px;margin-top:12px}.terminal-top{padding-bottom:7px;margin-bottom:4px}.terminal-step{font-size:10px;padding:6px 0}.terminal-output{font-size:12px;margin-top:8px}.scene-reality h2{font-size:37px}.business-chain{font-size:16px;margin:15px 0;gap:10px}.audience{padding-top:10px}.audience p{font-size:9px;margin-top:3px}.fineprint,.scene-join .fineprint{font-size:7px;margin-top:10px}.scene-join .lead br{display:none}.join-includes{font-size:9px;margin:13px 0}.text-button{font-size:9px;margin-top:14px}.scroll-cue{width:auto}.world-coordinate{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scroll-mouse{display:none}}
/* Keep viewport anchoring separate from the transforms animated by GSAP. */
.persistent-creator{transform:none;translate:0 -47%}
@media(max-width:760px){.persistent-creator{translate:none}}
@media(max-height:550px){.persistent-creator{translate:0 -50%}}
/* Opening scene: a faceless creator viewing the existing portrait on a phone. */
.opening-backdrop{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;background:#10120e;transform-origin:65% 50%}
.opening-backdrop img{width:100%;height:100%;object-fit:cover;object-position:55% center}
.opening-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10120e 0%,#10120e99 23%,#10120e30 40%,transparent 63%),linear-gradient(0deg,#10120ee6,transparent 22%,transparent 85%,#10120e66)}
.opening-backdrop>span{position:absolute;right:var(--pad);bottom:105px;z-index:1;font-size:8px;letter-spacing:.5px;color:#a1ac8e}
@media(max-width:760px){.opening-backdrop img{position:absolute;width:760px;height:auto;max-width:none;right:-230px;bottom:88px;object-fit:contain}.opening-backdrop:after{background:linear-gradient(90deg,#10120ef0,#10120e88 43%,transparent 78%),linear-gradient(0deg,#10120e 8%,transparent 28%,transparent 48%,#10120e 74%)}.opening-backdrop>span{right:var(--pad);bottom:109px;font-size:6px;color:#87996e}}
@media(max-height:730px) and (max-width:760px){.opening-backdrop img{width:660px;right:-220px;bottom:80px}.opening-backdrop>span{bottom:90px}}
@media(max-height:550px){.opening-backdrop img{width:100%;height:100%;right:0;bottom:0;object-fit:cover}.opening-backdrop:after{background:linear-gradient(90deg,#10120ef0,#10120e88 37%,transparent 70%)}.opening-backdrop>span{bottom:70px}}
/* Four continuous shots: only the influencer's activity inside the phone changes. */
.story-backdrop:not([data-visual="0"]){opacity:0;visibility:hidden}
.usecase-tags{display:flex;gap:10px;margin:28px 0 0;flex-wrap:wrap}
.usecase-tags span{font:10px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;border:1px solid #6d8248;color:#c2d99a;padding:7px 12px;border-radius:3px;background:#18211077}
.scene-usecase h2{font-size:clamp(33px,3.5vw,52px);line-height:1.5}.scene-usecase .fineprint{max-width:440px;font-size:9px}
@media(max-width:760px){.chapter-nav{gap:4px}.chapter-nav button{width:23px}.scene-usecase{align-items:flex-start;padding-top:15px}.scene-usecase h2{font-size:30px;margin-bottom:24px}.scene-usecase .lead{font-size:14px;margin-bottom:17px}.scene-usecase .muted{font-size:11px}.usecase-tags{margin-top:22px;gap:8px}.usecase-tags span{font-size:8px;letter-spacing:1px;padding:5px 8px}.scene-usecase .fineprint{max-width:75%;font-size:7px;margin-top:17px}.story-backdrop img{width:640px;right:-80px;bottom:88px}.story-backdrop:after{background:linear-gradient(90deg,#10120ef0,#10120e66 34%,transparent 62%),linear-gradient(0deg,#10120e 8%,transparent 28%,transparent 48%,#10120e 74%)}}
@media(max-width:350px){.chapter-nav{gap:3px}.chapter-nav button{width:21px}.scene-usecase h2{font-size:26px}}
@media(max-height:730px) and (max-width:760px){.scene-usecase{padding-top:0}.scene-usecase h2{font-size:27px;margin-bottom:18px}.scene-usecase .lead{font-size:12px;margin-bottom:12px}.scene-usecase .muted{font-size:10px}.usecase-tags{margin-top:18px}.scene-usecase .fineprint{margin-top:12px}.story-backdrop img{width:600px;right:-105px;bottom:80px}}
@media(max-height:550px){.story-backdrop img{width:100%;height:100%;right:0;bottom:0;object-fit:cover}.scene-usecase{align-items:center;padding:0}.scene-usecase h2{font-size:27px;margin-bottom:13px}.scene-usecase .lead{font-size:11px;margin-bottom:10px}.scene-usecase .muted{font-size:10px;margin-bottom:10px}.usecase-tags{margin-top:16px}.scene-usecase .fineprint{font-size:7px;max-width:80%}.story-backdrop:after{background:linear-gradient(90deg,#10120ef0,#10120e88 37%,transparent 70%)}}

#registration-dialog{max-height:90dvh;overflow-y:auto;width:min(520px,calc(100vw - 32px));box-sizing:border-box}#registration-dialog h2{font-size:clamp(28px,5vw,42px)}:is(#lead-optin-form,#inline-optin-form){display:grid;gap:10px;margin-top:20px}:is(#lead-optin-form,#inline-optin-form)>label{font-size:13px}:is(#lead-optin-form,#inline-optin-form)>input{width:100%;box-sizing:border-box;padding:13px;border:1px solid #708049;border-radius:4px;background:#191e14;color:#fff;font:inherit}:is(#lead-optin-form,#inline-optin-form) input:focus-visible{outline:2px solid #d8ff59;outline-offset:3px}.optin-consent{display:flex;gap:10px;align-items:flex-start;line-height:1.7;margin:8px 0}.optin-consent input{margin-top:5px;flex-shrink:0;accent-color:#d8ff59}.optin-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}:is(#optin-status,#inline-optin-status){font-size:13px;line-height:1.6;min-height:24px}.button:disabled{opacity:.6;cursor:wait}body:has(dialog[open]){overflow:hidden}

.scene-join .scene-content{max-height:calc(100dvh - 200px);overflow-y:auto;overscroll-behavior:contain;padding-right:10px;pointer-events:auto}.scene-join h2{font-size:clamp(27px,3vw,43px);margin-bottom:12px}.scene-join .lead{font-size:14px;margin-bottom:12px}#inline-optin-form{max-width:440px;margin-top:12px;gap:7px}#inline-optin-form .optin-consent{font-size:11px}#inline-optin-form>input{padding:10px}.scene-join .text-button{margin-top:8px}.scene-join .fineprint{margin-top:10px}@media(max-width:760px){.scene-join .scene-content{max-height:calc(100dvh - 185px);width:100%}.scene-join h2{font-size:27px;line-height:1.3}.scene-join .eyebrow{margin-bottom:12px}#inline-optin-form .button{min-height:44px;padding:12px 18px}}

:is(#lead-optin-form,#inline-optin-form)[hidden]{display:none}.community-invite{max-width:440px;margin:16px 0 0}.invite-success{color:#d8ff59;font-weight:700}.community-cover{display:block;width:min(100%,220px);height:auto;border-radius:10px;margin:12px 0}.community-invite h3{font-size:22px;line-height:1.4;margin:12px 0}.community-invite>p{font-size:13px;line-height:1.7}.community-invite .button{display:flex;text-decoration:none;justify-content:space-between;gap:12px;margin-top:16px}.community-qr{margin-top:16px;font-size:12px}.community-qr summary{cursor:pointer;padding:8px 0}.community-qr img{display:block;width:min(100%,210px);height:auto;margin:12px 0;border:8px solid white;box-sizing:border-box}#registration-dialog:has(.community-invite)>h2,#registration-dialog:has(.community-invite)>p,#registration-dialog:has(.community-invite)>.eyebrow{display:none}@media(max-height:750px){.community-cover{width:150px}.community-invite h3{font-size:20px}}

/* Keep the opening copy beside the phone on wide desktop displays. */
@media(min-width:1100px){
  .scene-intro{left:max(var(--pad),calc((100vw - 1440px)/2));right:var(--pad)}
  .scene-intro .scene-content{width:48%;max-width:620px}
  .scene-intro h1{font-size:clamp(60px,4.7vw,96px)}
}

/* Match the product, cafe and storytelling copy to the opening alignment. */
@media(min-width:1100px){
  .scene-usecase{left:max(var(--pad),calc((100vw - 1440px)/2));right:var(--pad)}
  .scene-usecase .scene-content{width:48%;max-width:620px}
}