:root{
      --bg:#0b3d91;       /* Medical deep blue */
      --bg2:#0f53b5;      /* Gradient blue */
      --card:#0e2f6e;     /* Card blue */
      --ink:#0f1a2e;      /* Dark ink for light sections */
      --brand:#1f86ff;    /* Primary brand blue */
      --brand2:#4cc3ff;   /* Accent blue */
      --text:#f0f6ff;     /* Light text on dark */
      --muted:#b9cdee;
      --white:#ffffff;
      --radius:18px;
      --shadow:0 12px 40px rgba(0,0,0,.22);
    }
    *{box-sizing:border-box}
    html,body{margin:0;font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg),var(--bg2))}
    img{max-width:100%;display:block}
    a{color:var(--brand);text-decoration:none}
    .wrap{max-width:1200px;margin:0 auto;padding:24px}
    .hero{
      padding:64px 0;
      background:linear-gradient(135deg, rgba(31,134,255,.25), rgba(76,195,255,.12));
      border-bottom:1px solid rgba(255,255,255,.12)
    }
    .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
    @media (max-width: 980px){ .hero-grid{grid-template-columns:1fr} }
    .badge{display:inline-block;padding:6px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-weight:700;color:var(--muted);backdrop-filter:blur(6px)}
    h1{font-size:clamp(28px,4.6vw,52px);line-height:1.12;margin:12px 0 10px}
    .lead{color:#e6f1ff;opacity:.95;max-width:70ch}
    .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
    .btn{display:inline-block;padding:14px 22px;border-radius:999px;font-weight:800;color:var(--white);background:linear-gradient(90deg,var(--brand),var(--brand2));box-shadow:var(--shadow)}
    .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.28);color:#e5efff}
    .mock{border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;background:rgba(255,255,255,.04);padding:14px}

    /* Sections */
    section{padding:56px 0;border-top:1px solid rgba(255,255,255,.08)}
    .tiles{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
    .card{grid-column:span 4;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
    .card.wide{grid-column:span 6}
    .card.full{grid-column:span 12}
    @media (max-width: 980px){ .card,.card.wide,.card.full{grid-column:1/-1} }
    h2{font-size:clamp(22px,3.4vw,36px);margin:0 0 10px}
    h3{font-size:clamp(18px,2.4vw,24px);margin:0 0 8px}

    /* KPI bar */
    .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:12px}
    .kpi{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px;text-align:center}
    .kpi b{font-size:20px;display:block}

    /* Light band for Before/After to highlight results */
    .band{
      background:#f7fbff;color:var(--ink);
      border-top:1px solid #e8f1ff;border-bottom:1px solid #e8f1ff;
    }
    .band .wrap{color:var(--ink)}
    .ba{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}
    .panel{
      background:#ffffff;border:1px solid #e6eef9;border-radius:14px;padding:14px;box-shadow:0 10px 30px rgba(12,40,120,.08)
    }
    .panel .tag{display:inline-block;background:#e9f3ff;color:#0a3c8b;border:1px solid #cfe2ff;border-radius:999px;padding:4px 10px;font-weight:700;margin-bottom:8px}

    /* FAQ mini */
    details{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px}
    summary{cursor:pointer;font-weight:800}

    footer{padding:30px 20px;text-align:center;color:#c9dbff;border-top:1px solid rgba(255,255,255,.12)}