:root{
  --bg:#0a1022;
  --panel:#111a39;
  --text:#edf1ff;
  --muted:#bcc6eb;
  --accent:#86a6ff;
  --accent2:#4ee1c1;
  --border:#2a3b79;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  color:var(--text);
  line-height:1.55;
  background:
    radial-gradient(1100px 600px at 10% -10%,#1f316a 0%,transparent 45%),
    radial-gradient(900px 500px at 90% 10%,#153243 0%,transparent 40%),
    var(--bg);
}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 20px}
.brand{font-weight:800;letter-spacing:.2px}
.nav-actions{display:flex;gap:10px}

.hero{padding:60px 20px 36px}
.kicker{margin:0 0 10px;color:var(--accent2);font-weight:700}
h1{margin:0 0 14px;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.13}
h1 span{color:var(--accent2)}
.lead{max-width:820px;color:var(--muted);font-size:1.08rem}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 14px}
.trust-pills{display:flex;gap:10px;flex-wrap:wrap}
.trust-pills span{background:#0f1b3f;border:1px solid var(--border);padding:8px 11px;border-radius:999px;color:var(--muted);font-size:.93rem}

.btn{display:inline-block;text-decoration:none;font-weight:700;padding:12px 18px;border-radius:10px}
.btn.small{padding:10px 14px}
.btn{background:linear-gradient(135deg,var(--accent),#9cb6ff);color:#0b1020}
.btn.ghost{background:transparent;border:1px solid #41579f;color:var(--text)}

.split{display:grid;grid-template-columns:1.3fr .9fr;gap:16px;padding:10px 20px 30px}
.steps{display:grid;gap:12px}
.steps article,.callout,.card,.price-card,.contact-box{background:linear-gradient(180deg,#121d42,#101837);border:1px solid var(--border);border-radius:14px;padding:16px}
.steps h3,.callout h3,.card h3,.price-card h3{margin:0 0 8px}
.steps p{margin:0;color:var(--muted)}
.callout ul,.card ul,.contact-box ul{margin:0;padding-left:20px;color:var(--muted)}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;padding:6px 20px 28px}
.pricing{padding:6px 20px 28px}
.pricing h2,.contact h2{margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.price{font-size:2rem;font-weight:800;margin:4px 0}
.featured{border-color:var(--accent2);box-shadow:0 0 0 1px #4ee1c155 inset}
.provider-costs{margin-top:16px;background:linear-gradient(180deg,#121d42,#101837);border:1px solid var(--border);border-radius:14px;padding:14px;overflow:auto}
.provider-costs h3{margin:0 0 10px}
.provider-costs table{width:100%;border-collapse:collapse;min-width:560px}
.provider-costs th,.provider-costs td{padding:10px 8px;border-bottom:1px solid #283a75;text-align:left}
.provider-costs th{color:#d8e2ff;font-size:.92rem}
.provider-costs td{color:var(--muted)}
.fineprint{margin-top:10px;color:var(--muted)}

.contact{padding:8px 20px 46px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-box a{color:#b7f8e8}

.lead-form{display:grid;gap:10px}
.lead-form label{display:grid;gap:6px;font-weight:600;font-size:.95rem}
.lead-form input,.lead-form select,.lead-form textarea{
  width:100%;
  background:#0d1531;
  border:1px solid #334889;
  color:var(--text);
  border-radius:10px;
  padding:10px 12px;
  font:inherit;
}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{
  outline:none;
  border-color:var(--accent2);
  box-shadow:0 0 0 3px #4ee1c133;
}

.footer{padding:22px 20px 36px;color:var(--muted);font-size:.92rem}

@media (max-width:900px){
  .split{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hero{padding-top:42px}
}