:root{
  --bg:#f7fbff;
  --text:#17324d;
  --muted:#61758a;
  --primary:#0b6fa4;
  --primary2:#18a0ae;
  --card:#ffffff;
  --line:#dbe8f1;
  --accent:#eaf7fb;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  background:#fff;
  line-height:1.6;
}
.container{width:min(1120px,92%);margin:0 auto}
header{
  position:sticky;top:0;z-index:10;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter: blur(8px);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{font-size:1.25rem;font-weight:800;letter-spacing:.2px;color:var(--primary);text-decoration:none}
nav a{color:var(--text);text-decoration:none;margin-left:22px;font-weight:600;font-size:.95rem}
nav a:hover{color:var(--primary)}
.btn{
  display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;
  background:var(--primary);color:white;font-weight:700;border:1px solid var(--primary)
}
.btn.secondary{background:white;color:var(--primary)}
.hero{
  background:linear-gradient(135deg,#eef9ff,#f9ffff);
  padding:86px 0 70px;border-bottom:1px solid var(--line)
}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center}
.eyebrow{color:var(--primary2);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}
h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.02;margin:.3em 0 .25em}
h2{font-size:2rem;margin-bottom:.4em}
h3{margin-bottom:.35em}
.lead{font-size:1.15rem;color:var(--muted);max-width:720px}
.hero-card,.card{
  background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;
  box-shadow:0 10px 30px rgba(24,68,96,.07)
}
.badge{display:inline-block;background:var(--accent);color:var(--primary);padding:7px 10px;border-radius:999px;font-size:.84rem;font-weight:700;margin:4px 4px 4px 0}
section{padding:68px 0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.product{min-height:220px}
.product .icon{font-size:2rem}
.muted{color:var(--muted)}
.cta{background:#102f46;color:#fff;border-radius:22px;padding:38px}
.cta .muted{color:#c6d4de}
footer{background:#0b2234;color:#d8e4ec;padding:38px 0;margin-top:30px}
footer a{color:#fff}
.small{font-size:.9rem}
.page-hero{padding:60px 0;background:var(--bg);border-bottom:1px solid var(--line)}
form{display:grid;gap:14px}
input,textarea{
  width:100%;padding:13px 14px;border:1px solid #c9d9e5;border-radius:10px;font:inherit
}
textarea{min-height:150px}
.policy h2{margin-top:1.6em;font-size:1.4rem}
@media (max-width:820px){
  .hero-grid,.grid-3,.grid-2{grid-template-columns:1fr}
  nav{display:none}
  .hero{padding-top:56px}
}