:root{
  --bg:#0D1117;
  --card:#161B22;
  --text:#E6EDF3;
  --muted:#8B949E;
  --border:#30363d;
  --accent:#3A86FF;
  --ok:#10B981;
  --warn:#F59E0B;
  --bad:#EF4444;
  --gold:#E5C07B;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}

.wrapper{max-width:1100px;margin:0 auto;padding:24px 16px}

.hero{
  padding:36px 16px;
  margin:0 auto 16px;
  border-bottom:1px solid var(--border);
}
.hero h1{margin:0 0 8px;font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-0.02em}
.hero p{margin:0;color:var(--muted);max-width:70ch}

.grid{
  display:grid;gap:16px;margin:16px 0;
}
.grid.two{grid-template-columns:1fr 1fr}
@media (max-width:900px){.grid.two{grid-template-columns:1fr}}

.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  padding:16px;
}

h2{margin:0 0 8px;font-size:20px}
.list{margin:8px 0 0;padding-left:18px}
.list.bullets{list-style:disc}
.list.numbered{list-style:decimal}
.list li{margin:6px 0}

.pillars{display:grid;gap:16px;margin:16px 0}
.pillars .pillar{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}
.pillars h2{margin:0 0 6px}

.btn{
  display:inline-block;
  background:var(--accent);
  color:#fff;
  padding:10px 14px;
  border-radius:10px;
  border:1px solid transparent;
  transition:transform .05s ease,opacity .2s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn.secondary{
  background:transparent;
  color:var(--text);
  border-color:var(--border);
}

.cta{display:inline-block;margin-top:12px}

.fineprint{
  color:var(--muted);
  font-size:13px;
  padding:12px 0;
  border-top:1px solid var(--border);
  margin-top:8px;
}

/* Utilities */
.center{display:flex;align-items:center;justify-content:center}
.muted{color:var(--muted)}
.gold{color:var(--gold)}
.bad{color:var(--bad)}
.ok{color:var(--ok)}
.warn{color:var(--warn)}