:root{
      --brand:#0ea5e9;      /* medical blue */
      --brand-2:#5bbdf2;
      --ink:#0b1220;        /* headings */
      --muted:#475569;      /* body */
      --bg:#ffffff;
      --card:#f6fafe;
      --line:#e6eef5;
      --radius:20px;
      --shadow:0 10px 35px rgba(14,165,233,.12);
    }
    *{box-sizing:border-box}
    html,body{margin:0}
    body{
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      color:var(--ink);
      background:var(--bg);
      line-height:1.7;
    }
    a{color:var(--brand);text-decoration:none}
    .container{max-width:1120px;margin:0 auto;padding:24px}
    .hero{
      position:relative;
      overflow:hidden;
      border-radius:calc(var(--radius) + 4px);
      background:
        radial-gradient(1200px 600px at 80% -10%, #e9f6ff 10%, transparent 40%),
        linear-gradient(180deg,#ffffff 0%, #f9fcff 100%);
      box-shadow:var(--shadow);
    }
    .hero__grid{
      display:grid;gap:20px;align-items:center;
      grid-template-columns:1fr;
      padding:36px 28px;
    }
    .kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-weight:600}
    h1{font-size:clamp(28px,5vw,44px);line-height:1.15;margin:.4rem 0 1rem}
    .lead{color:var(--muted);font-size:clamp(16px,2.4vw,18px);max-width:60ch}
    .hero__art{
      border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff
    }
    .hero__art img{width:100%;display:block}

    /* Feature cards */
    .features{margin:34px 0;display:grid;gap:16px;grid-template-columns:1fr}
    .card{
      background:linear-gradient(180deg,#ffffff, #f8fbff);
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:22px;
      box-shadow:var(--shadow);
    }
    .card h3{margin:.2rem 0 .6rem;font-size:20px;color:var(--ink)}
    .card p{margin:0;color:var(--muted)}
    .icon{width:28px;height:28px;margin-right:10px;flex:0 0 auto}
    .card__head{display:flex;align-items:center;margin-bottom:6px}

    /* Two-column content */
    .split{display:grid;gap:24px;grid-template-columns:1fr}
    .split .pane{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
    .pane h2{margin-top:0;font-size:22px;color:var(--ink)}
    .pane ul{margin:0;padding-left:18px;color:var(--muted)}
    .pane li{margin:.4rem 0}

    /* Before/After */
    .ba{
      margin-top:8px;display:grid;gap:16px;grid-template-columns:1fr 1fr;
    }
    .ba__item{
      border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff
    }
    .ba__item figure{margin:0}
    .ba__item img{width:100%;display:block}
    .ba__item figcaption{
      text-align:center;padding:8px 10px;font-weight:600;color:var(--muted);background:#f9fcff
    }

    /* Pullquote */
    .quote{
      margin:28px 0;
      border-radius:var(--radius);
      padding:26px 24px;
      border:1px solid var(--line);
      background:linear-gradient(180deg,#ffffff, #f5faff);
      box-shadow:var(--shadow);
      font-size:18px;
    }
    .quote strong{color:var(--ink)}

    /* FAQ */
    details{
      border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff
    }
    details+details{margin-top:12px}
    summary{cursor:pointer;font-weight:600;color:var(--ink)}
    details p{margin:.6rem 0 0;color:var(--muted)}

    /* CTA */
    .cta{
      margin:34px 0 8px;text-align:center;
      padding:28px;
      border-radius:24px;
      background:linear-gradient(90deg, #e8f6ff, #ffffff);
      border:1px solid var(--line);
    }
    .btn{
      display:inline-block;margin-top:12px;padding:14px 20px;border-radius:14px;
      background:linear-gradient(180deg, var(--brand), var(--brand-2));
      color:#fff;font-weight:700;border:0;box-shadow:0 6px 20px rgba(14,165,233,.25)
    }

    /* Desktop upgrades */
    @media (min-width:960px){
      .hero__grid{grid-template-columns:1.1fr .9fr;padding:56px 44px}
      .features{grid-template-columns:repeat(4,1fr)}
      .split{grid-template-columns:1.1fr .9fr}
    }