:root{
  --bg:#0b0c10;
  --panel:#11131a;
  --text:#e9ecf1;
  --muted:#a7b0c0;
  --line:rgba(255,255,255,.10);
  --btn:#e9ecf1;
  --btnText:#0b0c10;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
}

.wrap{max-width:1040px; margin:0 auto; padding:24px}
.header{
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid var(--line);
}
.brand{color:var(--text); text-decoration:none; font-weight:700; letter-spacing:.2px}
.nav a{color:var(--muted); text-decoration:none; margin-left:16px}
.nav a:hover{color:var(--text)}
.nav a.active{color:var(--text)}

.hero{padding:40px 0 20px}
.hero.slim{padding:28px 0 10px}
.kicker{color:var(--muted); margin:0 0 10px; font-size:14px; letter-spacing:.6px; text-transform:uppercase}
h1{margin:0 0 12px; font-size:44px; line-height:1.08}
.lead{margin:0 0 18px; color:var(--muted); font-size:18px; max-width:760px}

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

.card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px 18px;
}
.card h2{margin:0 0 8px; font-size:18px}
.card p{margin:0 0 10px}

.bullets{margin:10px 0 0; padding-left:18px; color:var(--muted)}
.bullets li{margin:6px 0}

.cta-row{display:flex; gap:10px; flex-wrap:wrap; margin:18px 0 8px}
.btn{
  display:inline-block;
  background:var(--btn);
  color:var(--btnText);
  text-decoration:none;
  padding:10px 14px;
  border-radius:10px;
  font-weight:650;
  border:1px solid transparent;
}
.btn.ghost{
  background:transparent;
  color:var(--text);
  border:1px solid var(--line);
}
.btn:hover{filter:brightness(0.98)}
.btn.ghost:hover{border-color:rgba(255,255,255,.22)}

.link{color:var(--text); text-decoration:none}
.link:hover{text-decoration:underline}

.fine{color:var(--muted); font-size:12.5px; margin:10px 0 0}
.footer{border-top:1px solid var(--line); margin-top:28px}