:root{
  --bg:#0b0b0c;--fg:#f7f7f7;--muted:#b9b9bd;--brand:#ffd200;--ink:#111;--card:#151517;--link:#ffd200;--ok:#18a957;--warn:#ff8b00
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

/* Layout */
.container{max-width:1100px;margin:0 auto;padding:0 20px}
header.site-header{position:sticky;top:0;z-index:1000;background:rgba(11,11,12,.9);backdrop-filter:saturate(150%) blur(6px);border-bottom:1px solid #1f1f22}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;gap:12px;align-items:center}
.brand svg{width:34px;height:34px}
.brand-name{font-weight:700;letter-spacing:.2px}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links a{color:var(--fg);opacity:.9}
.nav-links a.cta{background:var(--brand);color:var(--ink);padding:10px 14px;border-radius:8px;font-weight:700}
.hamburger{display:none;background:none;border:0;color:var(--fg);font-size:1.4rem}

/* Hero */
.hero{padding:64px 0;background:linear-gradient(180deg,#121214 0%,#0b0b0c 100%)}
.hero h1{font-size:2.2rem;line-height:1.15;margin:.3rem 0}
.hero p.lede{color:var(--muted);max-width:760px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-block;padding:13px 18px;border-radius:10px;font-weight:700;border:1px solid transparent}
.btn-primary{background:var(--brand);color:var(--ink)}
.btn-secondary{border-color:#2a2a2f;color:var(--fg)}
.btn:hover{transform:translateY(-1px)}

/* Sections */
.section{padding:56px 0;border-top:1px solid #16161a}
.grid{display:grid;gap:22px}
@media(min-width:800px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:3rem}}
.card{background:var(--card);border:1px solid #1f1f25;border-radius:12px;padding:18px}
.card h3{margin-top:6px}
.stat{font-size:1.8rem;font-weight:800;color:var(--brand)}

/* Article */
.post{max-width:820px;margin:0 auto}
.post h1{font-size:2rem}
.post h2{margin-top:1.6rem}
.post time{color:var(--muted);font-size:.95rem}
.post .cta-banner{margin:28px 0;padding:16px;border-radius:10px;background:#16161a;border:1px dashed #2a2a30}

/* Footer */
footer{padding:36px 0;border-top:1px solid #16161a;color:var(--muted)}

/* Utilities */
.muted{color:var(--muted)}
.kicker{font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brand)}
.pill{display:inline-block;border:1px solid #2b2b31;border-radius:999px;padding:6px 10px;font-size:.9rem}
.list-check{list-style:none;padding-left:0}
.list-check li{margin:8px 0;padding-left:28px;position:relative}
.list-check li:before{content:"✓";position:absolute;left:0;color:var(--ok)}

/* Tables */
table{width:100%;border-collapse:collapse;margin:12px 0}
thead th{background:#141418;color:var(--muted);text-align:left;font-weight:700}
th,td{padding:10px;border-bottom:1px solid #1f1f25}
tbody tr:hover{background:#121216}

/* Mobile nav */
@media(max-width:799px){
  .hamburger{display:block}
  .nav-links{display:none;position:absolute;top:60px;left:0;right:0;background:#0f0f12;border-bottom:1px solid #1b1b20;padding:14px}
  .nav-links.open{display:flex;flex-direction:column}
}