:root{--ink:#f0ede8;--muted:rgba(240,237,232,.55);--acc:#d98c4a;--bg:#0a0a0b;--stroke:rgba(240,237,232,.13);--disp:"Anton",Impact,sans-serif;--sans:"Inter",system-ui,sans-serif;--mono:"Space Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}.eyebrow.center{display:block;text-align:center}.center{text-align:center}h1,h2{font-family:var(--disp);font-weight:400;letter-spacing:.01em;line-height:.92;text-transform:uppercase}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:#ffffff0f}.progress span{display:block;height:100%;transform-origin:left;transform:scaleX(0);background:var(--acc)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,4vw,56px);background:linear-gradient(180deg,rgba(10,10,11,.6),transparent)}.brand{font-family:var(--disp);font-size:26px;letter-spacing:.06em}.links{display:flex;gap:26px;font-family:var(--mono);font-size:12px;color:var(--muted)}.links a:hover{color:var(--ink)}.pill{border:1px solid var(--acc);color:var(--acc);border-radius:4px;padding:9px 18px;font-family:var(--mono);font-size:12px;transition:.25s}.pill:hover{background:var(--acc);color:#120a04}.pill.big{padding:15px 28px;font-size:14px}@media(max-width:820px){.links{display:none}}.hero{position:relative}.stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#060607}.stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 40%,transparent 45%,rgba(0,0,0,.55)),linear-gradient(180deg,rgba(0,0,0,.4),transparent 28%,transparent 62%,rgba(0,0,0,.5))}.cap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(28px,8vw,130px);opacity:0;will-change:opacity,transform}.cap-left{align-items:flex-start;text-align:left}.cap-right{align-items:flex-end;text-align:right}.cap-center{align-items:center;text-align:center}.cap h1{font-size:clamp(48px,9vw,130px);white-space:pre-line;margin:12px 0}.cap p{max-width:40ch;font-size:clamp(14px,1.4vw,18px);color:var(--muted);font-family:var(--mono)}.cap .cta{margin-top:26px;border:1px solid var(--acc);color:var(--acc);border-radius:4px;padding:14px 26px;font-family:var(--mono);font-size:13px}.cap .cta:hover{background:var(--acc);color:#120a04}.hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--muted)}.diag{position:relative;background:#0c0c0d}.diag-stage{position:sticky;top:0;height:100vh;overflow:hidden}.diag-img{position:absolute;top:0;right:0;bottom:0;left:0;background:url(../explode.jpg) center/contain no-repeat;opacity:.92}.diag-head{position:absolute;top:14vh;left:0;right:0;text-align:center}.diag-head h2{font-size:clamp(30px,5vw,68px);margin-top:12px}.dlabel{position:absolute;opacity:0;will-change:opacity,transform;max-width:200px}.dlabel .dot{position:absolute;left:-14px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px var(--acc)}.dlabel .dn{font-family:var(--mono);font-size:11px;color:var(--acc);display:block}.dlabel b{font-family:var(--disp);font-weight:400;font-size:20px;text-transform:uppercase;display:block;margin-top:2px}.dlabel em{font-family:var(--mono);font-style:normal;font-size:11px;color:var(--muted)}.band{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.band-bg{position:absolute;top:-10%;right:0;bottom:-10%;left:0;background:url(../side.jpg) center/cover;background-attachment:fixed}.band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0808099e}.band-inner{position:relative;z-index:2;text-align:center}.band-inner h2{font-size:clamp(34px,6vw,96px)}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--stroke);border-block:1px solid var(--stroke)}.spec{background:var(--bg);padding:clamp(40px,6vw,80px) 20px;text-align:center}.spec b{display:block;font-family:var(--disp);font-weight:400;font-size:clamp(36px,5vw,72px);color:var(--acc)}.spec span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:10px;display:block}@media(max-width:820px){.specs{grid-template-columns:repeat(2,1fr)}}.config{padding:clamp(70px,10vw,150px) clamp(24px,6vw,90px);text-align:center}.config h2{font-size:clamp(32px,5vw,72px);margin:14px 0 40px}.ctx{height:46vh;min-height:320px;max-width:1100px;margin:0 auto 40px;border-radius:14px;background:url(../context.jpg) center/cover;border:1px solid var(--stroke);position:relative;transition:.4s}.ctx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:var(--tint);mix-blend-mode:color;opacity:.28;transition:.4s}.swatches{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.sw{background:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:14px;opacity:.5;transition:.25s}.sw.on,.sw:hover{opacity:1}.sw .chip{width:80px;height:80px;border-radius:16px;border:2px solid}.sw b{font-family:var(--mono);font-size:12px;font-weight:400;color:var(--muted)}.cta-band{padding:clamp(80px,12vw,170px) 24px;text-align:center;background:radial-gradient(120% 100% at 50% 0%,#1a1109,#0a0a0b)}.cta-band h2{font-size:clamp(40px,6.5vw,110px);margin:14px 0 16px}.cta-band p{font-family:var(--mono);color:var(--muted);font-size:14px;margin-bottom:34px}.foot{padding:clamp(50px,7vw,90px) clamp(24px,6vw,90px) 40px;border-top:1px solid var(--stroke)}.foot-brand{font-family:var(--disp);font-size:clamp(48px,9vw,110px);letter-spacing:.04em}.foot-cols{display:flex;gap:70px;flex-wrap:wrap;margin:40px 0}.foot-cols h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:14px;font-weight:400}.foot-cols a{display:block;color:var(--muted);font-size:14px;margin-bottom:9px}.foot-cols a:hover{color:var(--ink)}.foot-base{font-family:var(--mono);color:var(--muted);font-size:12px;border-top:1px solid var(--stroke);padding-top:22px}
