:root{--night:#02070A;--blue:#4C8DFF;--glow:#1E5BFF;--mute:#A3B5C6;--ink:#0B1620;--grey:#4E5B67;--line:rgba(255,255,255,.09);--lline:#D5DDE6;--ice:#EEF3F8;--head:"Bricolage Grotesque";--body:"Plus Jakarta Sans"}
*{box-sizing:border-box;margin:0}body{font-family:var(--body),system-ui,sans-serif;background:var(--ice);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:18px}
a{color:var(--glow)}a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.top{background:var(--night);padding-bottom:70px;position:relative;overflow:hidden}
.top:after{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 50% 0%,rgba(30,91,255,.35),transparent 70%);pointer-events:none}
nav{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:22px 24px;position:relative;z-index:2}
.wm{font-family:var(--head);font-weight:700;font-size:20px;color:#fff;text-decoration:none;display:flex;gap:10px;align-items:center}.wm svg{width:30px;height:24px}
nav .links a{color:var(--mute);text-decoration:none;margin-left:22px;font-size:15px}nav .links a.pill{background:#fff;color:var(--night);padding:11px 20px;border-radius:999px;font-weight:600}
.head{max-width:820px;margin:0 auto;padding:50px 24px 0;position:relative;z-index:2;color:#fff}
.crumb{font-family:"Geist Mono",monospace;font-size:13px;color:var(--mute)}.crumb a{color:var(--mute);text-decoration:none}
h1{font-family:var(--head);font-size:52px;line-height:1.08;font-weight:700;letter-spacing:-.018em;margin:18px 0 18px;text-wrap:balance}
.dek{color:var(--mute);font-size:20px;line-height:1.6}.meta{font-family:"Geist Mono",monospace;font-size:13px;color:var(--mute);margin-top:22px}
article{max-width:760px;margin:0 auto;padding:60px 24px 40px}
article h2{font-family:var(--head);font-size:32px;font-weight:700;letter-spacing:-.015em;line-height:1.15;margin:46px 0 14px}
article h3{font-family:var(--head);font-size:23px;font-weight:700;margin:30px 0 10px}
article p,article li{line-height:1.75;color:#24313D}article p{margin:0 0 16px}article ul,article ol{margin:0 0 18px 22px}article li{margin-bottom:8px}
article strong{color:var(--ink)}
.box{background:#fff;border:1px solid var(--lline);border-radius:18px;padding:22px 24px;margin:26px 0}.box p:last-child{margin:0}
.tldr{border-left:4px solid var(--glow)}
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--lline);border-radius:16px;overflow:hidden;margin:20px 0 24px;font-size:16px}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #E6ECF2;vertical-align:top}th{font-family:"Geist Mono",monospace;font-weight:400;font-size:12.5px;color:var(--grey)}tr:last-child td{border-bottom:0}
.src{font-size:14.5px;color:var(--grey)}
.cta{background:var(--night);color:#fff;border-radius:22px;padding:34px;margin:44px 0 10px;position:relative;overflow:hidden}
.cta:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 100% 100%,rgba(30,91,255,.45),transparent 70%);pointer-events:none}
.cta h2{margin:0 0 10px;color:#fff;font-size:28px}.cta p{color:var(--mute);position:relative}.cta a{position:relative;display:inline-block;background:#fff;color:var(--night);padding:13px 22px;border-radius:999px;font-weight:600;text-decoration:none;margin-top:6px}
.faq details{border-top:1px solid var(--lline);padding:16px 0}.faq details:last-child{border-bottom:1px solid var(--lline)}
.faq summary{font-family:var(--head);font-weight:700;font-size:20px;cursor:pointer}.faq details p{margin-top:10px}
.list{max-width:1100px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.list a{display:block;background:#fff;border:1px solid var(--lline);border-radius:20px;padding:26px;text-decoration:none;color:var(--ink)}.list small{font-family:"Geist Mono",monospace;color:var(--glow);font-size:12px}.list h2{font-family:var(--head);font-size:22px;margin:10px 0 8px;line-height:1.2}.list p{color:var(--grey);font-size:15.5px;line-height:1.55}
footer{background:var(--night);color:var(--mute);font-size:14px}footer div{max-width:1100px;margin:0 auto;padding:30px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer a{color:var(--mute);margin-left:18px;text-decoration:none}
@media (max-width:800px){h1{font-size:36px}article h2{font-size:26px}nav .links a:not(.pill){display:none}.list{grid-template-columns:1fr}}