@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");
:root{
  --bg:#060a0d;
  --panel:#0c141a;
  --line:#1c2a32;
  --cyan:#22c4d6;
  --ink:#eef4f5;
  --muted:#8fa0a8;
  --radius:2px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-0.01em}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 28px}
header{
  position:sticky;top:0;z-index:10;
  background:rgba(6,10,13,.92);
  border-bottom:1px solid var(--line);
}
nav.wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.brand{color:var(--ink);font-weight:700;font-size:1rem}
.brand span{display:block;font-size:.58rem;letter-spacing:.28em;color:var(--muted);margin-top:2px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:400}
.nav-links{display:flex;gap:22px;flex-wrap:wrap}
.nav-links a{color:var(--muted);font-size:.86rem;font-family:"IBM Plex Mono",ui-monospace,monospace}
.nav-links a:hover{color:var(--ink);text-decoration:none}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.8rem;
  border-radius:var(--radius);
  color:#04070a;
  background:var(--cyan);
  text-decoration:none;
  font-weight:500;
}
.btn:hover{text-decoration:none;filter:brightness(1.08)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
main{padding:56px 0 80px}
.eyebrow{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}
h1{font-size:2rem;margin-bottom:16px}
h2{font-size:1.25rem;margin:28px 0 10px}
p,li{color:#c5d2d6}
p{margin-bottom:14px}
ul{padding-left:1.2em;margin-bottom:16px}
li{margin-bottom:8px}
.card{background:var(--panel);border:1px solid var(--line);padding:22px;margin:22px 0}
.card strong{color:var(--ink)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
footer{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-size:.9rem}
footer a{color:var(--cyan)}
.dl{margin:16px 0}
.dl div{margin-bottom:10px}
.dl dt{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-family:"IBM Plex Mono",ui-monospace,monospace}
.dl dd{color:var(--ink);margin:2px 0 0}