:root{--bg:#0e1116;--panel:#141922;--ink:#f4f4ef;--body:#b0b7c3;--mute:#8a93a3;--y:#FFF01F;--line:rgba(255,255,255,.09)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--body);font:17px/1.7 "Space Grotesk",system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration:underline dotted var(--y);text-underline-offset:4px}
a:hover{color:var(--y)}
header,footer{border-bottom:1px solid var(--line)}
footer{border-top:1px solid var(--line);border-bottom:0;margin-top:64px}
.bar{max-width:1080px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.logo{font:500 18px "JetBrains Mono",ui-monospace,monospace;color:var(--ink);text-decoration:none}
.logo span{color:var(--y)}
nav a{font:12px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--body);text-decoration:none;margin-left:18px}
nav a.cta{background:var(--y);color:#0e1116;padding:8px 12px}
main{max-width:740px;margin:0 auto;padding:48px 20px}
.eyebrow{font:11px "JetBrains Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--y)}
h1{color:var(--ink);font-size:clamp(30px,5vw,44px);line-height:1.08;letter-spacing:-.02em;margin:.4em 0 .5em}
h2{color:var(--ink);font-size:24px;line-height:1.2;margin:1.8em 0 .5em}
h3{color:var(--ink);font-size:18px;margin:1.4em 0 .3em}
.lede{font-size:19px;color:var(--ink);opacity:.9}
code{font:14px "JetBrains Mono",ui-monospace,monospace;color:var(--ink);background:rgba(255,255,255,.05);padding:1px 5px}
pre{background:#0b0e13;border:1px solid var(--line);padding:16px 18px;overflow-x:auto;line-height:1.8}
pre code{background:none;padding:0}
table{width:100%;border-collapse:collapse;font-size:15px;margin:1em 0}
th,td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
th{color:var(--ink);font-weight:500}
.cta-box{margin-top:48px;border:1px solid rgba(255,240,31,.4);background:rgba(255,240,31,.05);padding:22px 24px}
.cta-box p{margin:.3em 0}
.meta{font:12px "JetBrains Mono",monospace;color:var(--mute)}
.list a{display:block;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}
.list a strong{color:var(--ink);display:block}
.list a span{color:var(--body);font-size:15px}