:root{
  --bg:#07111f;--panel:#102037;--text:#eef7ff;--muted:#b4c2d5;
  --accent:#4ce0d2;--line:#263a54;--max:960px
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#07111f;color:var(--text);line-height:1.65}
a{color:var(--accent)}
.wrap{max-width:var(--max);margin:auto;padding:0 22px}
nav{border-bottom:1px solid #25344a;background:#0b1727;padding:18px 0}
.nav{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.brand{font-weight:800;font-size:1.15rem}
.links a{margin-left:14px;text-decoration:none}
.hero{padding:70px 0 46px}
.eyebrow{color:var(--accent);font-weight:800}
h1{font-size:clamp(2.5rem,8vw,5rem);line-height:1;margin:14px 0;letter-spacing:-.035em}
h2{margin-top:30px}
.lead,.card p,.legal p,.legal li{color:var(--muted)}
.lead{font-size:1.18rem;max-width:800px}
.purpose{
  margin:26px 0 0;padding:18px 20px;border:1px solid #2f6c70;
  border-radius:14px;background:#0d2930;color:#d9f5f1;font-size:1.04rem
}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 60px}
.card,.legal{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px}
.legal{margin:42px 0}
.notice{padding:16px;border:1px solid #2f6c70;border-radius:12px;background:#0d2930}
footer{border-top:1px solid #25344a;padding:28px 0;color:#9fb0c6}
code{color:#c5ecff}
@media(max-width:760px){.grid{grid-template-columns:1fr}.links a{margin-left:8px}}