:root {
  --ink: #090D18;
  --indigo: #121C34;
  --rain: #213B5A;
  --silver: #D6DCE6;
  --amber: #D4A56C;
  --muted: #9AA6B6;
}
* { box-sizing: border-box; }
html { background: var(--ink); color: var(--silver); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 75% 15%, rgba(33,59,90,.28), transparent 34%), linear-gradient(180deg, var(--ink), #0d1425 62%, #101828); }
a { color: var(--silver); text-decoration-color: rgba(214,220,230,.35); text-underline-offset: 4px; }
.wrap { width: min(1040px, calc(100% - 40px)); margin: 0 auto; }
nav { display:flex; align-items:center; justify-content:space-between; padding:28px 0; }
.brand { font-size: 14px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; }
.navlinks { display:flex; gap:20px; font-size:14px; }
.hero { padding: 92px 0 104px; max-width: 760px; }
.eyebrow { color: var(--amber); letter-spacing:.16em; text-transform:uppercase; font-size:12px; font-weight:700; }
h1 { font-size: clamp(48px, 8vw, 92px); line-height:.98; letter-spacing:-.05em; margin:20px 0 24px; font-weight:650; }
.lede { font-size: clamp(20px, 2.6vw, 28px); line-height:1.45; color:#bec7d4; max-width:700px; }
.rule { width:84px; height:1px; background:var(--amber); margin:38px 0; }
.card { border:1px solid rgba(214,220,230,.12); background:rgba(18,28,52,.52); border-radius:20px; padding:28px; backdrop-filter: blur(10px); }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding-bottom:90px; }
.card h2 { margin:0 0 10px; font-size:20px; font-weight:600; }
.card p { margin:0; color:var(--muted); line-height:1.65; }
.legal { max-width:780px; padding:58px 0 90px; }
.legal h1 { font-size:clamp(40px,6vw,64px); }
.legal h2 { margin-top:38px; font-size:22px; }
.legal p, .legal li { color:#b8c1cf; line-height:1.75; }
.legal ul { padding-left:20px; }
.meta { color:var(--muted); font-size:14px; margin-bottom:36px; }
footer { border-top:1px solid rgba(214,220,230,.1); padding:28px 0 44px; color:var(--muted); font-size:13px; }
@media (max-width:760px) {
  .grid { grid-template-columns:1fr; }
  .hero { padding:64px 0 78px; }
  .navlinks { gap:12px; font-size:12px; }
}