:root{
  --bg:#0f3554;
  --ink:#0c2436;
  --muted:#5c7c93;
  --light:#f5f7fa;
  --brand:#1a73e8;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--ink);background:var(--light);}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header{background:var(--bg);color:#fff;padding:28px 0}
.header .brand{font-weight:800;letter-spacing:.3px;font-size:24px}
.nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:10px}
.nav a{color:#d7e6f3;text-decoration:none;font-weight:600}
.nav a:hover{color:#fff;text-decoration:underline}
.hero{padding:64px 0;text-align:center;background:white;border-bottom:1px solid #e6edf3}
.hero h1{font-size:38px;margin:0 0 12px}
.hero p{color:var(--muted);margin:0 auto 24px;max-width:720px;font-size:18px}
.cta{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:700}
.section{padding:56px 0}
.section h2{font-size:28px;margin:0 0 8px}
.section p.lead{color:var(--muted);margin:0 0 28px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{background:#fff;border:1px solid #e6edf3;border-radius:14px;padding:18px}
.card h3{margin:0 0 6px;font-size:18px}
.card p{margin:0;color:var(--muted)}
.badge{display:inline-block;background:#e8f0fe;color:#1a73e8;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:10px}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.footer{background:#0f3554;color:#d7e6f3;padding:22px 0;margin-top:24px;font-size:14px}
.footer a{color:#fff;text-decoration:none}
.list{margin:0;padding-left:18px;color:var(--muted)}
.small{font-size:14px;color:var(--muted)}
blockquote{margin:0;padding:16px 16px;border-left:4px solid var(--brand);background:#f1f6ff;border-radius:8px}
@media (max-width:900px){
  .grid{grid-template-columns:1fr}
  .kv{grid-template-columns:1fr}
  .hero h1{font-size:30px}
}