:root{
  --ink:#0b1220;
  --text:#1f2937;
  --muted:#475569;
  --brand:#2563eb;
  --accent:#10b981;
  --surface:#ffffff;
  --surface-alt:#f8fafc;
  --radius:16px;
  --shadow:0 10px 30px rgba(2,12,27,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:50}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}
.brand{font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:.2px}
.brand span{color:var(--brand)}
.nav a{margin-left:16px;text-decoration:none;color:var(--muted)}
.nav a.cta{background:var(--brand);color:#fff;padding:10px 14px;border-radius:10px}
.nav a:hover{color:var(--ink)}
.hero{padding:64px 0;background:linear-gradient(180deg,#f8fbff,#fff)}
.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero h1{font-size:2.2rem;line-height:1.2;margin:0 0 12px}
.hero p{color:var(--muted);margin:0 0 20px}
.hero-cta .button{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);margin-right:12px}
.button-secondary{background:#e2e8f0;color:#0b1220}
.button-accent{background:var(--accent);color:#fff}
.hero-media img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}
.section{padding:64px 0;background:#fff}
.section.alt{background:var(--surface-alt)}
.lede{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:24px}
.card{background:#fff;border:1px solid #edf2f7;padding:18px;border-radius:14px;box-shadow:var(--shadow)}
.card h3{margin:0 0 8px}
.checklist{padding-left:18px}
.checklist li{margin-bottom:10px}
.narrow{max-width:750px;margin:0 auto}
.contact .contact-link{color:var(--brand);text-decoration:none}
.contact .contact-link:hover{text-decoration:underline}
.site-footer{padding:28px 0;border-top:1px solid #e5e7eb;background:#fff;color:var(--muted);text-align:center}
@media (max-width: 960px){
  .grid{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px){
  .cards{grid-template-columns:1fr}
  .hero h1{font-size:1.8rem}
}