:root{
  --bg:#ffffff; --surface:#f8fafc; --muted:#5b6477; --text:#0c1222; --accent:#1f7ae0;
  --border:#e2e8f0; --link:#1559b2; --max:1160px; --radius:14px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.container{max-width:var(--max);margin:0 auto;padding:24px}
.hero{padding:72px 24px;background:linear-gradient(180deg,#eef5ff,transparent)}
.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:0 0 12px}
.hero p{max-width:820px;color:#334155;margin:0 0 20px}
.btn{display:inline-block;padding:12px 18px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700}
.btn:hover{opacity:.92;text-decoration:none}
.btn-outline{background:transparent;border:1px solid var(--border);color:#0c1222}
.grid{display:grid;gap:20px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.section{padding:40px 24px}
.section h2{margin:8px 0 8px 0}
.kicker{letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-size:12px}
.badge{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;color:#334155;background:#fff}

.site-header{position:sticky;top:0;z-index:50;background:#ffffff;border-bottom:1px solid var(--border);backdrop-filter:saturate(1.2) blur(8px)}
.navbar{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:16px;padding:12px 24px}
.brand{font-weight:900;letter-spacing:.02em;color:#0c1222}
.brand b{color:var(--accent)}
.nav-links{display:none;gap:18px;align-items:center;margin-left:auto}
.nav-links a{color:#0c1222;background-color:#ffffff}
.nav-links .sitemap{margin-left:auto}
.cta{background:var(--accent);color:#fff;padding:8px 12px;border-radius:999px}
.burger{margin-left:auto;background:transparent;border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px}
.burger i{width:20px;height:2px;background:#0c1222;border-radius:2px;display:block}
/* Mobile drawer */
.drawer{position:fixed;inset:0 0 0 30%;transform:translateX(100%);transition:transform .25s ease;background:#fff;border-left:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:12px}
.drawer a{padding:12px 10px;border-radius:10px;border:1px solid var(--border);color:#0c1222; background: #ffffff;} 
.drawer .sitemap{font-weight:700}
.drawer.open{transform:translateX(0%)}
@media (min-width: 980px){
  .burger{display:none}
  .drawer{display:none}
  .nav-links{display:flex}
}
.site-footer{border-top:1px solid var(--border);margin-top:40px;background:#fafcff}
.footer-grid{display:grid;gap:24px;grid-template-columns:2fr 1fr 1fr 1fr;max-width:var(--max);margin:0 auto;padding:24px}
.fineprint{border-top:1px solid var(--border);margin-top:20px;padding-top:12px;text-align:center;color:#64748b}
.feature{align-items:center}
.feature img{border-radius:10px;border:1px solid var(--border);background:#fff}
.testimonials .item{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}
.testimonials .item img{border-radius:12px;border:1px solid var(--border);background:#fff}
.table{width:100%;border-collapse:separate;border-spacing:0}
.table th,.table td{padding:12px;border-bottom:1px solid var(--border);text-align:left}
@media (max-width: 980px){
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}