:root{--bg:#000000;--white:#f3f5f4;--green:#3dff8a;--muted:#7f7c90;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}
body{background:var(--bg);color:#d9d6e8;font:400 17px/1.7 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.mono,h1,h2,h3,header,footer,.kicker,.cta,nav{font-family:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}
header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:calc(16px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 16px max(20px,env(safe-area-inset-left));
  background:rgba(0,0,0,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header a{color:var(--white);text-decoration:none;font-weight:700}
header .brand{font-size:20px;letter-spacing:.02em;text-shadow:0 0 10px rgba(255,255,255,.35)}
header nav{display:flex;gap:18px;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
header nav a{color:var(--muted);font-weight:700}
header nav a:hover,header nav a[aria-current]{color:var(--green)}
main{max-width:760px;margin:0 auto;padding:64px max(20px,env(safe-area-inset-right)) 96px max(20px,env(safe-area-inset-left))}
.kicker{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:18px}
.kicker b{color:var(--green);text-shadow:0 0 10px rgba(61,255,138,.8)}
h1{color:var(--white);font-size:clamp(32px,6vw,58px);line-height:1.04;letter-spacing:-.02em;font-weight:700;text-shadow:0 0 16px rgba(255,255,255,.3);margin-bottom:22px}
h1 .g{color:var(--green);text-shadow:0 0 20px rgba(61,255,138,.7)}
.lede{font-size:clamp(18px,2.2vw,21px);color:var(--white);margin-bottom:40px}
h2{color:var(--white);font-size:clamp(20px,2.8vw,26px);line-height:1.25;font-weight:700;margin:48px 0 14px}
h2::before{content:"> ";color:var(--green)}
h3{color:var(--white);font-size:17px;font-weight:700;margin:28px 0 8px}
p{margin-bottom:18px}
ul,ol{margin:0 0 22px 22px}
li{margin-bottom:8px}
a{color:var(--green)}
strong{color:var(--white)}
.tldr{border:1px solid rgba(61,255,138,.4);background:rgba(61,255,138,.04);padding:20px 22px;margin:0 0 40px}
.tldr p:last-child{margin:0}
.tldr .mono{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--green);font-weight:700;margin-bottom:8px}
.cards{list-style:none;margin:32px 0;display:grid;gap:12px}
.cards a{display:block;padding:22px;border:1px solid var(--line);text-decoration:none;color:#d9d6e8;transition:border-color .15s,background .15s}
.cards a:hover{border-color:rgba(61,255,138,.55);background:rgba(61,255,138,.04)}
.cards strong{display:block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:18px;margin-bottom:6px}
.faq details{border-top:1px solid var(--line);padding:16px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;color:var(--white);font-weight:600;list-style:none}
.faq summary::before{content:"+ ";color:var(--green);font-family:"JetBrains Mono",monospace}
.faq details[open] summary::before{content:"– "}
.faq details p{margin:10px 0 0}
.cta{display:inline-block;margin-top:24px;padding:16px 24px;background:var(--green);color:var(--bg);text-decoration:none;font-weight:700;
  font-size:14px;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 28px rgba(61,255,138,.4)}
.cta:hover{box-shadow:0 0 44px rgba(61,255,138,.7)}
footer{border-top:1px solid var(--line);padding:32px max(20px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  text-align:center;font-size:12px;letter-spacing:.08em;color:var(--muted)}
footer a{color:var(--white);text-decoration:none;margin:0 8px}
footer a:hover{color:var(--green)}
@media (max-width:560px){header nav{gap:12px;font-size:10px}header .brand{font-size:17px}}