:root{color-scheme:dark;--journey:0;--screen-0:1;--screen-1:0;--screen-2:0;--screen-3:0;--turn:-14deg;--tilt:7deg;--lift:0px;--zoom:.92;--mint:#a4f6cc;--ink:#080c12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f1f4f5;font:15px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:6px}button{cursor:pointer}.skip{position:fixed;top:-90px;left:20px;z-index:20;background:var(--mint);color:#080c12;padding:12px}.skip:focus{top:10px}.topbar{height:80px;padding:0 4.5%;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:10;background:#080c12df;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0c}.brand{display:inline-flex;align-items:baseline;font-weight:750;font-size:1.1rem;letter-spacing:-.6px;gap:4px}.brand>span{color:var(--mint)}.edition{font-size:.53rem;letter-spacing:1.4px;color:#7c8c97;font-weight:500;margin-left:22px}.topbar>div{display:flex;gap:24px;align-items:center}.top-contact{font-size:.75rem}.top-contact span{color:var(--mint);margin-left:15px}#motion-toggle{border:1px solid #ffffff20;color:#adbbc4;background:#ffffff03;border-radius:30px;font-size:.65rem;padding:8px 12px}#motion-toggle[hidden]{display:none}.story{height:auto}.stage{position:relative;min-height:920px;overflow:hidden;background:radial-gradient(ellipse at 74% 43%,#16373566,transparent 55%),#080c12}.story-ready .story{height:540vh}.story-ready .stage{height:100vh;height:100svh;min-height:620px;position:sticky;top:0}.ambient{position:absolute;width:55vw;height:55vw;right:-8vw;top:0;border-radius:50%;background:#9df9d00a;filter:blur(60px);pointer-events:none}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px);opacity:.12;pointer-events:none}.story-heading{position:absolute;top:120px;left:6%;z-index:2}.eyebrow{font:500 .58rem/1.6 ui-monospace,monospace;letter-spacing:2px;color:#8ba29d;margin:0 0 16px}.story-heading h1{font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:400;line-height:1.4;letter-spacing:-.6px;margin:0}.story-heading h1 span{color:#8a969d}.narration{position:absolute;left:6%;top:43%;width:36%;height:300px;transform:translateY(-20%);z-index:4}.chapter{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .35s,transform .45s,visibility .35s}.chapter.active{opacity:1;visibility:visible;transform:translateY(0)}.chapter-number{font:500 .7rem ui-monospace,monospace;letter-spacing:2px;color:var(--mint);margin:0 0 24px}.chapter-number span{color:#6f8388;font-size:.55rem;margin-left:10px}.chapter h2{font-size:clamp(2.2rem,4.2vw,4.2rem);font-weight:550;line-height:1.08;letter-spacing:-2.5px;margin:0 0 25px}.chapter h2 em{font-style:normal;color:var(--mint)}.chapter>p:not(.chapter-number){font-size:.87rem;color:#9baab4;line-height:1.95;max-width:355px;margin:0 0 24px}.chapter-tag{font:400 .56rem ui-monospace,monospace;letter-spacing:.5px;color:#9dbbb0;border-top:1px solid #ffffff12;padding-top:15px;display:inline-block}.chapter-cta{display:inline-flex;gap:25px;align-items:center;background:var(--mint);color:#082219;font-size:.73rem;font-weight:650;padding:12px 18px;border-radius:5px;min-height:44px}.visual{position:absolute;width:52%;height:61%;right:2%;top:26%;perspective:1200px;isolation:isolate}.device{position:absolute;left:4%;right:4%;top:5%;height:77%;transform:translateY(var(--lift)) rotateX(var(--tilt)) rotateY(var(--turn)) scale(var(--zoom));transform-style:preserve-3d;background:linear-gradient(145deg,#536168,#10181e 15%,#202c31 85%,#5d6c72);padding:12px 12px 0;border-radius:16px;box-shadow:0 35px 70px #0008,0 0 0 1px #b2d1cb20;will-change:transform}.device-camera{position:absolute;top:4px;left:50%;height:3px;width:3px;background:#46666c;border-radius:50%}.display{position:relative;height:92%;overflow:hidden;background:#10191e;border-radius:7px;border:1px solid #000}.browser-bar{height:25px;background:#1b282e;display:flex;align-items:center;gap:4px;padding:0 9px;color:#82959f}.browser-bar>span{height:4px;width:4px;border-radius:50%;background:#566b75}.browser-bar>span:first-child{background:#a4f6cc}.browser-bar small{font:400 6px ui-monospace,monospace;margin:auto;letter-spacing:.7px}.browser-bar b{font-size:8px}.device-chin{height:8%;display:grid;place-items:center}.device-chin span{font:400 5px ui-monospace,monospace;letter-spacing:2px;color:#83979d}.device-base{position:absolute;bottom:-10px;left:-7%;width:114%;height:13px;background:linear-gradient(#71848b,#34474d 45%,#18262d);border-radius:2px 2px 45% 45%;box-shadow:0 16px 25px #0008}.device-base:after{content:'';position:absolute;left:43%;width:14%;height:4px;background:#182329;border-radius:0 0 6px 6px}.screen{position:absolute;top:25px;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}.screen-idea{opacity:var(--screen-0);background:#e8e6da;color:#23392f;padding:7% 7%}.idea-label{font:500 6px ui-monospace,monospace;letter-spacing:1.5px;color:#63786c}.idea-symbol{position:absolute;right:12%;top:15%;font-size:60px;color:#4c7c5a}.screen-idea strong{font-size:clamp(20px,2.6vw,38px);line-height:1.1;font-weight:550;letter-spacing:-1px;display:block;margin-top:8%}.idea-notes{display:flex;gap:8px;margin-top:7%;flex-wrap:wrap}.idea-notes span{font-size:7px;padding:8px 10px;border:1px solid #82927b55;border-radius:3px;transform:rotate(-3deg);background:#f4edcd}.idea-notes span:nth-child(2){background:#dae4d0;transform:rotate(3deg)}.idea-line{margin:6% 0 4%;height:1px;background:#687f6955}.screen-idea>small{font:400 5px ui-monospace,monospace;letter-spacing:1px}.screen-design{opacity:var(--screen-1);background:#131f29;padding:6%;color:#8fc5d7}.wire-nav{display:flex;align-items:center;gap:12px;border-bottom:1px dashed #668c9e44;padding-bottom:15px}.wire-nav b{font:400 8px ui-monospace,monospace;margin-right:auto}.wire-nav span{width:30px;height:4px;background:#789ead44}.wire-nav i{height:12px;width:38px;border:1px solid #78a9b7}.wire-hero{display:grid;grid-template-columns:1fr .7fr;gap:24px;margin-top:6%;align-items:center}.wire-hero small{font-size:6px;letter-spacing:1px}.wire-hero b{display:block;width:90%;height:10px;border:1px solid #8eb3c5;margin-top:7px}.wire-hero b:nth-of-type(2){width:68%}.wire-hero p{height:3px;width:75%;background:#688ba1;margin:14px 0}.wire-hero span{display:block;height:16px;width:55px;border:1px solid #8eb3c5}.wire-image{display:grid;place-items:center;aspect-ratio:1.2;border:1px dashed #8eb3c5;background:repeating-linear-gradient(45deg,transparent,transparent 8px,#86b5c112 8px,#86b5c112 9px);font-size:32px}.wire-cards{display:flex;gap:10px;margin-top:6%}.wire-cards>div{border:1px solid #678ca255;padding:10px;flex:1}.wire-cards i{display:block;width:15px;height:15px;border:1px solid #8eb3c5}.wire-cards b,.wire-cards span{display:block;height:3px;background:#688ba155;margin-top:7px}.wire-cards b{width:65%}.wire-caption{font:400 6px ui-monospace,monospace;margin-top:4%;color:#7494a3}.screen-code{opacity:var(--screen-2);background:#0c151e;color:#c7d8e1}.code-heading{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff12;padding:12px 18px;font:400 7px ui-monospace,monospace}.code-heading span{color:#a4f6cc}.code-heading small{font-size:5px;color:#6c8595}.screen-code pre{padding:8px 15px;margin:0;font:400 clamp(6px,.8vw,11px)/1.9 ui-monospace,monospace;white-space:pre}.syntax-muted{color:#4d6374}.syntax-purple{color:#d7b3f6}.syntax-teal{color:#92eccd}.syntax-gold{color:#e6c48e}.code-status{border-top:1px solid #ffffff0c;margin:0 18px;padding-top:10px;font:400 6px ui-monospace,monospace;color:#8db4a8;display:flex;gap:7px;align-items:center}.code-status>span{height:4px;width:4px;border-radius:50%;background:#a4f6cc}.screen-final{opacity:var(--screen-3);background:#eeefe7;color:#182b22}.final-nav{padding:5% 6%;display:flex;justify-content:space-between;align-items:center}.final-nav b{font-size:12px;letter-spacing:-.5px}.final-nav b>span{font-weight:400}.final-nav>span{font-size:5px;color:#5b6e63}.final-hero{position:relative;padding:3% 6% 5%;min-height:70%}.final-hero>small{font:500 5px ui-monospace,monospace;letter-spacing:.7px;position:relative;z-index:2}.final-hero>strong{font-size:clamp(20px,2.6vw,38px);font-weight:550;line-height:1.08;letter-spacing:-1px;display:block;margin:6% 0 4%;position:relative;z-index:2}.final-hero em{font-style:normal;color:#377455}.final-hero>p{font-size:7px;line-height:1.8;position:relative;z-index:2}.fake-button{font-size:6px;background:#234d38;color:#fff;border-radius:3px;display:inline-block;padding:8px 12px;margin-top:4%;position:relative;z-index:2}.sculpture{position:absolute;right:5%;top:15%;width:38%;height:85%;perspective:500px;transform:rotate(-12deg)}.sculpture>div{position:absolute;border-radius:50%;width:85%;height:72%;border:20px solid #5e8b70;transform:rotateX(30deg) rotateY(-35deg);box-shadow:inset 2px 4px 8px #183b3266,6px 8px 15px #1b352644;background:0 0}.sculpture>div:nth-child(2){top:15%;left:12%;border-color:#adc8a1}.sculpture>div:nth-child(3){top:30%;left:24%;border-color:#345943}.final-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #22402e22;display:flex;justify-content:space-around;padding:12px;font:400 5px ui-monospace,monospace;letter-spacing:1px}.orbit{position:absolute;left:0;top:-3%;width:100%;height:100%;border:1px solid #9cf7cb09;border-radius:50%;transform:rotate(-20deg);pointer-events:none}.orbit-two{inset:6% -6%;width:112%;height:90%;transform:rotate(30deg)}.floating-label{position:absolute;font:400 7px ui-monospace,monospace;letter-spacing:.4px;border:1px solid #a4f6cc25;background:#122721e6;backdrop-filter:blur(8px);border-radius:6px;padding:12px 15px;display:flex;align-items:center;gap:9px;z-index:5;color:#bad7ca;box-shadow:0 10px 30px #0004}.floating-label b{font-weight:400}.label-a{right:0;top:0;transform:translateY(calc(var(--journey) * 30px))}.label-dot{width:4px;height:4px;background:var(--mint);border-radius:50%;box-shadow:0 0 9px #a4f6cc77}.label-b{left:0;bottom:7%;color:#8faaa1;font-size:6px;background:#0d1918}.label-b>span{color:var(--mint);font-size:14px}.visual-disclaimer{position:absolute;bottom:-3%;left:0;right:0;text-align:center;font:400 5px ui-monospace,monospace;letter-spacing:1.8px;color:#607777}.story-controls{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;z-index:6}.scroll-hint{font-size:.6rem;color:#7e939a;display:flex;gap:15px;align-items:center;margin:0}.scroll-hint>span{display:grid;place-items:center;border:1px solid #ffffff20;border-radius:20px;width:22px;height:34px;color:var(--mint);font-size:17px}.chapter-nav{display:flex;gap:8px}.chapter-nav button{min-height:44px;border:0;border-top:1px solid #ffffff18;color:#61777e;background:0 0;padding:10px 14px;font:400 .6rem ui-monospace,monospace}.chapter-nav button span{margin-left:10px}.chapter-nav button[aria-current]{color:var(--mint);border-top-color:var(--mint)}.scroll-percent{font:400 .6rem ui-monospace,monospace;color:#647c81}.progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff08}.progress-track>span{display:block;width:100%;height:100%;transform-origin:left;background:var(--mint);transform:scaleX(var(--journey))}.recap{position:relative;padding:100px 6% 0;background:#0d1318;z-index:2;border-top:1px solid #ffffff09}.recap-top{max-width:600px}.recap h2{font-size:clamp(2rem,4vw,3.7rem);font-weight:500;line-height:1.12;letter-spacing:-2px;margin:20px 0 28px}.recap h2 span{color:#85968f}.recap-top>p:last-child{font-size:.9rem;color:#91a1a9;max-width:460px}.recap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:60px 0 90px}.recap-grid article{border-top:1px solid #ffffff18;padding-top:24px}.recap-grid b{font:400 .65rem ui-monospace,monospace;color:var(--mint)}.recap-grid h3{font-size:1rem;font-weight:500;margin:20px 0 12px}.recap-grid p{color:#8297a2;font-size:.8rem;line-height:1.9}.end-cta{border-top:1px solid #ffffff12;padding:55px 0 65px;display:flex;justify-content:space-between;align-items:center;gap:24px}.end-cta h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:15px 0 0}.end-cta>a{background:var(--mint);color:#0a2116;border-radius:6px;padding:16px 22px;font-size:.8rem;display:flex;gap:35px;align-items:center;min-height:48px}footer{padding:32px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#080c12}footer p,footer>a:last-child{font-size:.65rem;color:#7f969e}footer .brand{font-size:.95rem}.noscript-note{padding:20px 6%;background:#1c3128}.quiet-motion .chapter{transition:none}.quiet-motion .device,.quiet-motion .floating-label{will-change:auto}.quiet-motion .label-a{transform:none}@media(min-width:1500px){.visual{right:4%;width:48%;height:58%}.narration{top:45%}.stage{max-height:none}}@media(max-width:1000px) and (min-width:701px){.chapter h2{font-size:2.7rem}.narration{width:37%;top:45%}.visual{width:54%;top:30%;height:53%;right:0}.scroll-percent{display:none}.story-heading{top:110px}.chapter-nav button{padding:10px}.chapter-nav button span{margin-left:5px}}@media(max-width:700px){.topbar{height:66px;padding:0 6%}.edition{display:none}.brand{font-size:.95rem}.topbar>div{gap:12px}.top-contact{font-size:.65rem}.top-contact span{margin-left:4px}#motion-toggle{font-size:.5rem;padding:6px 8px}.story-ready .story{height:460vh}.story-ready .stage{min-height:650px}.stage{min-height:820px}.story-heading{top:87px;left:7%}.story-heading .eyebrow{font-size:.45rem;letter-spacing:1.2px;margin-bottom:8px}.story-heading h1{font-size:.9rem;line-height:1.3}.story-heading h1 br{display:none}.story-heading h1 span{margin-left:5px}.narration{left:7%;right:7%;top:23%;width:auto;height:200px;transform:none}.chapter-number{font-size:.52rem;margin-bottom:12px}.chapter-number span{font-size:.43rem}.chapter h2{font-size:clamp(1.8rem,7vw,2.4rem);letter-spacing:-1.4px;margin-bottom:14px}.chapter h2 br{display:none}.chapter>p:not(.chapter-number){font-size:.72rem;line-height:1.8;max-width:340px;margin-bottom:12px}.chapter-tag{font-size:.46rem;padding-top:10px}.chapter-cta{padding:10px 14px;font-size:.65rem;min-height:40px}.visual{width:88%;right:6%;top:53%;height:34%;perspective:800px}.device{height:83%;top:4%;padding:8px 8px 0;border-radius:11px}.device-camera{top:3px;height:2px;width:2px}.display{height:91%;border-radius:4px}.device-base{bottom:-7px;height:9px}.device-chin{height:9%}.device-chin span{font-size:3px;letter-spacing:1px}.browser-bar{height:17px;padding:0 6px}.browser-bar small{font-size:4px}.browser-bar>span{height:3px;width:3px}.screen{top:17px}.screen-idea{padding:5% 7%}.idea-label{font-size:4px}.idea-symbol{font-size:35px}.screen-idea strong{font-size:22px;margin-top:6%}.idea-notes{margin-top:5%;gap:5px}.idea-notes span{font-size:4px;padding:5px 6px}.idea-line{margin:4% 0}.screen-idea>small{font-size:3px}.screen-design{padding:4% 6%}.wire-nav{padding-bottom:7px;gap:7px}.wire-nav b{font-size:5px}.wire-nav span{height:3px;width:20px}.wire-nav i{height:8px;width:24px}.wire-hero{gap:14px;margin-top:4%}.wire-hero small{font-size:4px}.wire-hero b{height:7px;margin-top:4px}.wire-hero p{margin:8px 0;height:2px}.wire-hero span{height:10px;width:35px}.wire-image{font-size:24px}.wire-cards{margin-top:4%;gap:6px}.wire-cards>div{padding:6px}.wire-cards i{height:9px;width:9px}.wire-cards b,.wire-cards span{height:2px;margin-top:4px}.wire-caption{font-size:4px;margin-top:3%}.code-heading{padding:7px 10px;font-size:5px}.code-heading small{font-size:3px}.screen-code pre{font-size:6px;line-height:1.6;padding:5px 10px}.code-status{font-size:4px;margin:0 10px;padding-top:5px}.final-nav{padding:4% 6%}.final-nav b{font-size:8px}.final-nav>span{font-size:4px}.final-hero{padding-top:0}.final-hero>small{font-size:3px}.final-hero>strong{font-size:21px;margin:4% 0 3%}.final-hero>p{font-size:4px;line-height:1.5}.fake-button{font-size:4px;padding:5px 7px;margin-top:2%}.sculpture>div{border-width:12px}.final-bottom{padding:7px;font-size:3px}.floating-label{font-size:4px;padding:8px 10px;gap:6px;border-radius:4px}.label-a{top:-2%;right:-1%}.label-b{bottom:1%;left:-1%;font-size:3.5px}.label-b>span{font-size:9px}.visual-disclaimer{font-size:3px;bottom:-10%;letter-spacing:1px}.story-controls{bottom:14px;left:7%;right:7%;display:block}.scroll-hint{font-size:.48rem;gap:9px;margin-bottom:5px}.scroll-hint>span{border:0;width:12px;height:17px;font-size:14px}.chapter-nav{justify-content:space-between;gap:4px}.chapter-nav button{font-size:.49rem;padding:8px 6px;flex:1;min-height:36px}.chapter-nav button span{margin-left:7px}.scroll-percent{display:none}.recap{padding:65px 7% 0}.recap h2{letter-spacing:-1.3px}.recap-top>p:last-child{font-size:.8rem}.recap-grid{grid-template-columns:1fr 1fr;gap:24px;margin:35px 0 50px}.recap-grid h3{font-size:.88rem;margin:14px 0 9px}.recap-grid p{font-size:.72rem}.end-cta{flex-direction:column;align-items:start;padding:35px 0 45px}.end-cta>a{width:100%;justify-content:space-between}footer{padding:26px 7%;gap:10px}footer p{flex-basis:100%;order:3;margin:0}}@media(max-width:700px) and (max-height:720px){.story-heading{top:82px}.narration{top:25%}.visual{top:59%;height:28%}.chapter h2{font-size:1.75rem;margin-bottom:9px}.chapter>p:not(.chapter-number){font-size:.68rem;line-height:1.65}.chapter-tag{display:none}.visual-disclaimer{display:none}.screen-code pre{font-size:5px}.screen-idea strong{font-size:18px}.idea-notes{margin-top:3%}.final-hero>strong{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter{transition:none}.device{will-change:auto}}