:root{--bg:#000;--ink:#f2f4f7;--mute:#98a2b1;--line:rgba(255,255,255,.12);--steel:#9b1526;--va:#b8bcc4;--ice:#ffffff;--amber:#ffffff;--head:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;--body:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 72px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.05rem/1.65 var(--body);overflow-x:hidden}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.75;pointer-events:none;display:block}
header,main,footer{position:relative;z-index:1}
header{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 14px) 24px 14px;background:linear-gradient(#000e,#0000)}
.logo{font:800 1.5rem/1 var(--head);letter-spacing:.04em;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}
.logo span{display:grid;gap:2px}.logo i{display:block;height:3px;border-radius:2px;background:var(--steel)}
.logo i:nth-child(1){width:10px}.logo i:nth-child(2){width:20px;background:var(--amber)}.logo i:nth-child(3){width:14px}
nav a{color:var(--mute);text-decoration:none;margin-left:22px;font-weight:500;font-size:.95rem}nav a:hover{color:var(--ink)}
section{max-width:1120px;margin:0 auto;padding:96px 24px}
h1,h2{font-family:var(--head);font-weight:800;margin:0;line-height:.9}
h1{font-size:clamp(5.5rem,18vw,14rem);text-transform:uppercase}
h2{font-size:clamp(2.6rem,6vw,4.4rem);margin-bottom:22px}
p{margin:0 0 16px;max-width:60ch}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.hero{min-height:92svh;display:grid;grid-template-columns:1fr;gap:48px;align-items:center;padding-top:120px}
.hero>*{animation:up 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes up{from{opacity:0;transform:translateY(30px)}}
.lead{font-size:1.3rem;margin-top:26px}.hero h1,.hero p{text-shadow:0 2px 18px #000,0 0 5px #000}
.since{color:var(--mute)}.since b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-block;padding:13px 24px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:700;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);transition:border-color .2s}
.btn:hover{border-color:var(--amber)}.btn.main{background:var(--amber);border-color:var(--amber);color:#000}
.pn{background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:32px}
.method{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
#mp{display:grid;grid-template-rows:repeat(27,1fr);gap:3px;height:440px;border-left:2px solid rgba(255,255,255,.3)}
#mp i{display:block;width:var(--w);background:var(--steel);border-radius:0 3px 3px 0;transform-origin:left;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--n)*22ms),background .25s,opacity .25s}
#mp.go i{transform:scaleX(1)}#mp i.va{background:var(--va)}#mp i.poc{background:var(--amber)}
#mp.sel i:not(.hl){opacity:.3}#mp i.hl{background:var(--ice)}#mp i.poc.hl{background:var(--amber);box-shadow:0 0 14px var(--amber)}
.terms{display:grid;gap:10px;margin-bottom:22px}
.terms button{font:700 1.05rem var(--body);color:var(--ink);text-align:left;background:rgba(0,0,0,.5);border:1px solid var(--line);border-radius:10px;padding:14px 18px;cursor:pointer;transition:border-color .2s,background .2s}
.terms button:hover,.terms button[aria-pressed=true]{border-color:var(--amber)}.terms button[aria-pressed=true]{background:rgba(255,255,255,.08)}
#desc{color:var(--mute);min-height:3.4em}
footer{max-width:1120px;margin:0 auto;padding:40px 24px 60px;color:var(--mute);font-size:.9rem;border-top:1px solid var(--line)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two p{margin:0}.two h3{font:800 2rem/1 var(--head);margin:0 0 12px}
.two .clk{font:800 3.4rem/1 var(--head);font-variant-numeric:tabular-nums;margin-bottom:10px}
.st{color:var(--mute)}.st::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--steel);margin-right:9px}
[data-tz].on{border-color:rgba(255,255,255,.6)}.on .st{color:var(--ink)}.on .st::before{background:#fff;box-shadow:0 0 10px #fff;animation:pl 2s infinite}@keyframes pl{50%{opacity:.35}}
@media(max-width:860px){.hero,.method,.two{grid-template-columns:1fr}.hero{padding-top:110px}nav a:not(:last-child){display:none}#mp{height:340px}section{padding:72px 20px}.pn{padding:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}