@font-face{font-family:"Space Grotesk";src:url("assets/fonts/space-grotesk-latin.woff2") format("woff2");font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("assets/fonts/jetbrains-mono-latin.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
:root{--ink:#0e0e0f;--panel:#171817;--text:#f2f2f0;--dim:#b9bbb5;--mute:#8f928b;--acid:#bbff12;--hair:rgba(242,242,240,.12);--display:"Space Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--display);font-size:18px;line-height:1.65}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:9;background:var(--acid);color:#0e0e0f;padding:10px 14px}
.nav{border-bottom:1px solid var(--hair);background:rgba(14,14,15,.94)}.nav .wrap{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none}.brand img{display:block;width:48px;height:48px}.navlinks{display:flex;gap:24px;align-items:center;font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.navlinks a{text-decoration:none;color:var(--dim)}.navlinks .cta{padding:12px 16px;border-radius:8px;background:var(--acid);color:var(--ink)}
.hero{padding:92px 0 68px;border-bottom:1px solid var(--hair);background:radial-gradient(circle at 80% 15%,rgba(187,255,18,.12),transparent 32%)}.crumb,.kicker{font:600 11px/1.4 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--acid)}.crumb a{color:var(--dim);text-decoration:none}.hero h1{max-width:880px;margin:22px 0 20px;font-size:clamp(44px,7vw,82px);line-height:.98;letter-spacing:-.045em}.intro{max-width:760px;margin:0;color:var(--dim);font-size:clamp(20px,2.2vw,25px);line-height:1.5}
.layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:80px;padding:72px 0 92px}.article h2{margin:58px 0 14px;font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.03em}.article h2:first-child{margin-top:0}.article h3{margin:34px 0 8px;font-size:24px}.article p{color:#d5d6d2}.article ul{padding-left:22px;color:#d5d6d2}.article li+li{margin-top:9px}.callout{margin:40px 0;padding:28px;border:1px solid rgba(187,255,18,.28);border-radius:16px;background:rgba(187,255,18,.055)}.callout strong{display:block;margin-bottom:6px;color:var(--acid);font:600 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.side{align-self:start;position:sticky;top:24px;padding:22px;border:1px solid var(--hair);border-radius:14px;background:var(--panel)}.side h2{margin:0 0 14px;font:600 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.side a{display:block;padding:8px 0;text-decoration:none;color:var(--dim);font-size:15px}.side a:hover{color:var(--acid)}
.related{padding:64px 0;border-top:1px solid var(--hair)}.related h2{margin:0 0 28px;font-size:32px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:24px;border:1px solid var(--hair);border-radius:14px;background:var(--panel);text-decoration:none}.card b{display:block;margin-bottom:7px;font-size:20px}.card span{color:var(--dim);font-size:15px}.card:hover{border-color:rgba(187,255,18,.45)}
.final{padding:72px 0;text-align:center;border-top:1px solid var(--hair)}.final h2{margin:0 0 12px;font-size:clamp(36px,5vw,58px);letter-spacing:-.035em}.final p{margin:0 auto 28px;max-width:620px;color:var(--dim)}.button{display:inline-block;padding:15px 22px;border-radius:9px;background:var(--acid);color:var(--ink);text-decoration:none;font:700 12px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}
footer{padding:36px 0;border-top:1px solid var(--hair);color:var(--mute);font:12px/1.6 var(--mono)}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:var(--dim)}
@media(max-width:800px){body{font-size:17px}.navlinks a:not(.cta){display:none}.hero{padding:68px 0 52px}.layout{grid-template-columns:1fr;gap:42px;padding:52px 0 72px}.side{position:static}.cards{grid-template-columns:1fr}.wrap{width:min(100% - 32px,1120px)}}