:root{--ink:#0a0a0f;--panel:#12121b;--edge:#1f1f2e;--brand:#7c5cff;--brand4:#9b86ff;--z3:#d4d4d8;--z4:#a1a1aa;--z5:#71717a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--z3);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.65;font-size:16px}
a{color:var(--brand4);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:840px;margin:0 auto;padding:0 20px}
header.nav{border-bottom:1px solid var(--edge);position:sticky;top:0;background:rgba(10,10,15,.85);backdrop-filter:blur(8px);z-index:10}
header.nav .row{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:1100px;margin:0 auto;padding:0 20px}
.logo{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:18px}
.logo .g{width:30px;height:30px;display:grid;place-items:center;background:var(--brand);border-radius:8px;color:#fff}
.btn{display:inline-block;background:var(--brand);color:#fff!important;font-weight:600;padding:10px 18px;border-radius:9px;font-size:14px}
.btn:hover{text-decoration:none;background:#6841f0}
main{padding:48px 0}
h1{color:#fff;font-size:40px;line-height:1.12;letter-spacing:-.02em;margin:.1em 0 .3em}
h2{color:#fff;font-size:26px;margin:1.7em 0 .5em}
h3{color:#fff;font-size:19px;margin:1.4em 0 .4em}
.lead{font-size:19px;color:var(--z4);margin-bottom:1.5em}
p{margin:.8em 0}
ul{padding-left:20px}li{margin:.35em 0}
table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px}
th,td{border:1px solid var(--edge);padding:10px 13px;text-align:left;vertical-align:top}
th{background:var(--panel);color:#fff}
td.y{color:#34d399;font-weight:600}
td.n{color:#8b8b97}
pre{background:#0c0c14;border:1px solid var(--edge);border-radius:10px;padding:16px;overflow:auto;font-size:13.5px;font-family:ui-monospace,Menlo,monospace;color:#d4d4d8;line-height:1.55}
code{font-family:ui-monospace,Menlo,monospace;color:var(--brand4);font-size:.92em}
pre code{color:inherit}
.cta{background:radial-gradient(70% 100% at 50% 0%,rgba(124,92,255,.12),transparent),var(--panel);border:1px solid var(--edge);border-radius:16px;padding:30px;margin:2.2em 0;text-align:center}
.cta h3{margin-top:0;color:#fff;font-size:22px}
.muted{color:var(--z5);font-size:13px}
.tag{display:inline-block;border:1px solid var(--edge);background:var(--panel);color:var(--z4);font-size:12px;padding:3px 11px;border-radius:99px;margin-bottom:14px}
footer{border-top:1px solid var(--edge);margin-top:54px;padding:30px 0;color:var(--z5);font-size:14px}
footer a{color:var(--z4);margin-right:18px}
.related a{display:inline-block;border:1px solid var(--edge);background:var(--panel);border-radius:8px;padding:8px 13px;margin:5px 6px 0 0;color:var(--z3);font-size:14px}
.related a:hover{border-color:var(--brand);text-decoration:none}