@font-face { font-family:'Syne'; font-weight:700; font-display:swap; src:url('fonts/syne-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family:'Syne'; font-weight:800; font-display:swap; src:url('fonts/syne-latin-800-normal.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-weight:400; font-display:swap; src:url('fonts/inter-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-weight:600; font-display:swap; src:url('fonts/inter-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family:'JetBrains Mono'; font-weight:400; font-display:swap; src:url('fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2'); }
:root { --ink:#070810; --ink-2:#0f1120; --electric:#7DF9C2; --electric-mid:rgba(125,249,194,0.25);
  --text-body:rgba(255,255,255,0.72); --text-muted:rgba(255,255,255,0.38); --border:rgba(255,255,255,0.07); }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:'Inter',sans-serif; background:var(--ink); color:#fff; line-height:1.75; -webkit-font-smoothing:antialiased; }
.top { position:sticky; top:0; background:rgba(7,8,16,0.85); backdrop-filter:blur(16px); border-bottom:1px solid var(--border); padding:14px 24px; display:flex; align-items:center; gap:12px; z-index:10; }
.top img { height:30px; width:auto; }
.top a { color:#fff; text-decoration:none; font-weight:600; font-size:14px; font-family:'Syne',sans-serif; }
.top .back { margin-left:auto; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--electric); letter-spacing:0.06em; }
main { max-width:780px; margin:0 auto; padding:64px 24px 100px; }
.eyebrow { font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:0.16em; text-transform:uppercase; color:var(--electric); margin-bottom:12px; }
h1 { font-family:'Syne',sans-serif; font-size:clamp(30px,5vw,44px); font-weight:800; letter-spacing:-0.02em; margin-bottom:36px; }
h2 { font-family:'Syne',sans-serif; font-size:20px; font-weight:700; margin:44px 0 14px; color:#fff; }
h3 { font-family:'Inter',sans-serif; font-size:15px; font-weight:600; margin:26px 0 8px; color:#fff; }
p, li { font-size:14.5px; color:var(--text-body); margin-bottom:12px; }
ul { padding-left:22px; margin-bottom:14px; }
a { color:var(--electric); text-decoration:none; }
a:hover { text-decoration:underline; }
strong { color:#fff; }
.box { background:var(--ink-2); border:1px solid var(--border); border-radius:12px; padding:22px 24px; margin:18px 0; }
.muted { color:var(--text-muted); font-size:12.5px; }
footer { border-top:1px solid var(--border); padding:28px 24px; text-align:center; font-size:12px; color:var(--text-muted); }
footer a { margin:0 10px; }