:root{--bg: #101010;--fg: #f1f0ec;--muted: #9a9a96;--line: rgba(255, 255, 255, .13);--accent: #e8531f;--light-fg: #17171a;--light-muted: #5d5d5a;--sans: "Geist", Arial, sans-serif;--mono: "Geist Mono", Consolas, monospace}*{box-sizing:border-box;margin:0}html{background:var(--bg);-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}sup{font-size:.6em}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100lvh;display:block;z-index:0;touch-action:pan-y}main{position:relative;z-index:1}.eyebrow{font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}h2{font-weight:400;font-size:clamp(30px,3.5vw,52px);line-height:1.08;letter-spacing:-.03em}.nav{position:fixed;z-index:20;top:16px;right:24px;display:flex;align-items:center;gap:4px;padding:6px;border-radius:999px;background:#262628b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--fg)}.nav__logo{font-weight:600;letter-spacing:-.03em;padding:0 16px 0 12px}.nav__link{font-size:13px;padding:8px 12px;border-radius:999px;color:#c8c8c4;transition:color .2s}.nav__link:hover{color:#fff}.nav__cta{font-size:13px;font-weight:500;padding:8px 18px;border-radius:999px;background:var(--fg);color:#101010;margin-left:8px}#hero{position:relative;height:100vh;height:100svh;overflow:hidden;background:#070707;display:flex;align-items:center;justify-content:center;text-align:center}#heroImage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:drift 26s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1.03)}to{transform:scale(1.13) translate3d(-1.2%,-.8%,0)}}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0000009e,#0000002e 72%),linear-gradient(transparent 62%,#101010)}.hero__copy{position:relative;padding:0 24px}h1{font-weight:400;font-size:clamp(64px,12vw,176px);line-height:.95;letter-spacing:-.055em;background:linear-gradient(180deg,#fff 20%,#8f8f8c 95%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}.hero__sub{font-size:clamp(17px,1.6vw,22px);color:#d8d8d4;margin-top:10px}.hero__hint{position:absolute;bottom:28px;left:0;right:0;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a8a8a4}.story{position:relative;pointer-events:none}.story a,.story button{pointer-events:auto}#reveal{height:240vh}#explode{height:460vh}#switch{height:480vh}#materials{height:280vh}#try{height:200vh}.pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;padding:0 clamp(20px,5vw,80px)}.pin--left{align-items:center}.pin--spread{align-items:flex-end;justify-content:space-between;gap:48px;padding-bottom:8vh}.pin--top{align-items:flex-start;justify-content:center;padding-top:84px}.copy{max-width:400px}.copy>p:not(.eyebrow){color:#bdbdb9;margin-top:18px}.layer-chip{display:none}.story--light,.story--light .copy>p:not(.eyebrow){color:var(--light-fg)}.story--light .eyebrow{color:var(--light-muted)}.stats{display:flex;gap:clamp(24px,4vw,60px);color:var(--light-fg)}.stats dt{font-size:clamp(24px,2.6vw,38px);letter-spacing:-.03em;white-space:nowrap}.stats dd{margin:0;font-size:13px;color:var(--light-muted)}#labels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;white-space:nowrap;opacity:0;will-change:transform,opacity}.label:before{content:"";width:34px;height:1px;background:#ffffff73}.label b{font-weight:500;font-size:13px}.label span{display:block;font:400 10.5px var(--mono);color:var(--muted)}.toggle{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;margin-top:22px;background:#10101099}.toggle__btn{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;font-size:13px;color:#b5b5b1;transition:background .25s,color .25s}.toggle__btn:hover{color:#fff}.toggle__btn.is-active{background:var(--fg);color:#101010}.toggle__btn--plain{border:1px solid var(--line)}.swatch{width:9px;height:9px;border-radius:50%}.swatch--brown{background:#a0623a}.swatch--blue{background:#2f83ec}.curve{margin-top:20px}.curve svg{width:100%;display:block;overflow:visible}.curve text{font:400 9.5px var(--mono);fill:var(--muted)}.curve__axis{stroke:var(--line)}.curve__line{fill:none;stroke-width:2;transition:opacity .35s}.curve__line--brown{stroke:#c98150}.curve__line--blue{stroke:#4a97f3;opacity:0}#curveDot{fill:var(--fg)}.btn{display:inline-block;margin-top:16px;padding:11px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font-size:14px;transition:background .25s,color .25s}.btn:hover{background:var(--fg);color:#101010}.btn--solid{background:var(--fg);color:#101010;border-color:var(--fg)}.btn--solid:hover{background:#fff}.bleed{position:relative;height:130vh;overflow:hidden;background:#0a0a0a}.bleed img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bleed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 50%,#000000b8)}.bleed__copy{position:absolute;z-index:1;left:clamp(20px,5vw,80px);bottom:8vh;max-width:480px}.bleed__copy p{color:#d8d8d4;margin-top:12px}.try{width:min(860px,100%);text-align:center}.try h2{font-size:clamp(26px,3vw,42px)}.try .eyebrow{margin-bottom:8px}.try__hint{color:var(--muted);font-size:14px;margin-top:6px}.only-touch{display:none}.try__text{font:400 clamp(14px,1.45vw,19px)/1.5 var(--mono);margin:16px auto 0;min-height:3em;color:#6f6f6c;max-width:720px}.try__text .ok{color:var(--fg)}.try__text .bad{color:var(--accent);text-decoration:underline}.try__text .cur{box-shadow:-2px 0 0 var(--accent)}.try__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:12px}.try__bar .toggle{margin-top:0}.toggle--small .toggle__btn,.toggle__btn--plain{padding:5px 12px;font-size:12px}.try__wpm{font:400 12px var(--mono);color:var(--muted);min-width:70px}.try__wpm b{font-weight:500;font-size:18px;color:var(--fg)}.closing{position:relative;background:var(--bg);padding:clamp(80px,12vh,140px) clamp(20px,5vw,80px) 28px}.closing__head{text-align:center;margin-bottom:80px}.closing__head h2{font-size:clamp(48px,7vw,104px)}.price{font-size:22px;color:#c8c8c4;margin-top:8px}.note{font-size:12px;color:var(--muted);margin-top:14px}.closing__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);max-width:1160px;margin:0 auto}.specs div{display:flex;justify-content:space-between;gap:24px;padding:15px 0;border-top:1px solid var(--line);font-size:14px}.specs dt{color:var(--muted)}.specs dd{margin:0;text-align:right}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-size:15px}.faq p{color:#bdbdb9;font-size:14px;margin-top:10px}.foot{display:flex;justify-content:space-between;gap:16px;margin-top:90px;font-size:12px;color:var(--muted)}.no-webgl #stage,.no-webgl #labels{display:none}@media (max-width: 860px){.nav{right:12px;left:12px;justify-content:space-between}.nav__link,#labels{display:none}.pin--left{align-items:flex-end;padding-bottom:32px}.copy{max-width:none;background:#101010bd;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:18px;border-radius:14px}.copy .eyebrow{margin-bottom:8px}.copy>p:not(.eyebrow){font-size:14px;margin-top:10px}h2{font-size:25px}.layer-chip{display:block;font:500 12px var(--mono);color:var(--fg)!important}.story--light .copy{background:#f5f4f0cc}.pin--spread{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:14px;padding-bottom:24px}.copy--panel{padding:14px}.copy--panel h2{font-size:20px}.copy--panel .toggle{margin-top:10px}.curve{display:none}.copy--panel .btn{margin-top:10px;padding:8px 16px}.stats{justify-content:space-between;gap:12px}.stats dt{font-size:20px}.stats dd{font-size:11px}.pin--top{padding-top:76px}.closing__grid{grid-template-columns:1fr}.foot{flex-direction:column}.only-desktop{display:none}.only-touch{display:inline}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}