:root{
    --primary:#153B63; --accent:#3FA0E3; --rose:#1D78B8; --ink:#07182A;
    --bg:#F7FAFD; --surface:#EEF6FD; --surface2:#EEF6FD; --muted:#61758A; --line:#DCEAF6;
    --grad:linear-gradient(135deg,#153B63 0%,#1D78B8 55%,#3FA0E3 115%);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'DM Sans',system-ui,sans-serif;color:var(--muted);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
  .wrap{max-width:1120px;margin:0 auto;padding:0 22px}
  h1,h2,h3,h4{font-family:'Playfair Display',serif;color:var(--ink);line-height:1.14;font-weight:600}
  em{font-style:italic}
  a{text-decoration:none;color:inherit}
  section{padding:64px 0}
  .eyebrow{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600;color:var(--accent)}
  .lead{font-size:17px;max-width:56ch}
  .ph{background:var(--surface2);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;color:#61758A;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;padding:8px}
  .media-photo{overflow:hidden;padding:0;background:#fff}
  .media-photo img{width:100%;height:100%;display:block;object-fit:cover}

  /* buttons */
  .btn{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;padding:11px 20px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
  .btn-grad{background:var(--grad);color:#fff;box-shadow:0 8px 22px rgba(123,63,160,.28)}
  .btn-grad:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(123,63,160,.36)}
  .btn-out{background:transparent;color:var(--primary);border-color:var(--primary)}
  .btn-out:hover{background:var(--surface)}
  .btn-light{background:#fff;color:var(--primary)}
  .btn-ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.5)}
  .btn-ghost:hover{background:rgba(255,255,255,.24)}

  /* header */
  header{position:sticky;top:0;z-index:50;background:rgba(251,249,246,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .hdr{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
  .logo{font-family:'Playfair Display',serif;font-weight:700;font-size:22px;color:var(--ink);letter-spacing:.2px}
  .logo span{color:var(--primary)}
  nav ul{display:flex;gap:22px;list-style:none;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:500}
  nav a{color:var(--ink);opacity:.82}
  nav a:hover{opacity:1;color:var(--primary)}
  .hdr-cta{display:flex;gap:10px}

  /* breadcrumb */
  .crumb{padding:16px 0 0;font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--muted)}
  .crumb a:hover{color:var(--primary)}
  .crumb b{color:var(--primary)}

  /* hero */
  .hero{padding-top:34px}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
  .hero h1{font-size:clamp(30px,4vw,44px);margin:14px 0 16px}
  .hero .cta-row{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
  .hero-media{position:relative}
  .stat-badge{position:absolute;z-index:2;max-width:min(285px,calc(100% - 36px));background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:0 12px 30px rgba(7,24,42,.12)}
  .stat-badge .n{font-family:'Playfair Display',serif;font-size:22px;color:var(--primary);font-weight:700}
  .stat-badge .l{font-family:'Space Grotesk',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
  .sb-1{left:18px;top:26px}
  .sb-2{right:18px;bottom:30px}

  /* symmetrical split (signature) */
  .split-head{text-align:center;max-width:640px;margin:0 auto 40px}
  .split-head h2{font-size:clamp(26px,3vw,34px);margin-top:12px}
  .split{display:grid;grid-template-columns:1fr 1fr;gap:26px;position:relative}
  .split:before{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--line),transparent);transform:translateX(-50%)}
  .col-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 14px 34px rgba(7,24,42,.06)}
  .col-women{border-top:4px solid var(--rose)}
  .col-men{border-top:4px solid var(--primary)}
  .col-tag{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding:6px 12px;border-radius:999px;color:#fff;margin-bottom:14px}
  .tag-w{background:var(--rose)}
  .tag-m{background:var(--primary)}
  .col-card h3{font-size:24px;margin-bottom:6px}
  .col-card .sub{font-size:14px;margin-bottom:16px}
  .mini-label{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:16px 0 8px}
  .chips{display:flex;flex-wrap:wrap;gap:7px}
  .chip{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:500;background:var(--surface);border:1px solid var(--line);color:var(--ink);padding:6px 11px;border-radius:999px}
  .therapy-list{list-style:none;margin-top:6px}
  .therapy-list li{display:flex;gap:9px;align-items:flex-start;font-size:14px;padding:5px 0}
  .therapy-list li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;margin-top:7px}
  .col-women .therapy-list li:before{background:var(--rose)}
  .col-men .therapy-list li:before{background:var(--primary)}

  /* explainer band */
  .explain{background:var(--surface)}
  .explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
  .explain h2{font-size:clamp(26px,3vw,34px);margin:12px 0 14px}
  .explain-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
  .ep{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
  .ep h4{font-family:'Space Grotesk',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:5px}
  .ep p{font-size:13px}

  /* marquee */
  .marquee-sec{padding:46px 0}
  .marquee-head{text-align:center;margin-bottom:26px}
  .marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .track{display:flex;gap:14px;width:max-content;animation:scroll 26s linear infinite}
  .marquee:hover .track{animation-play-state:paused}
  @keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .form-card{flex:none;width:200px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 8px 20px rgba(7,24,42,.05)}
  .form-card .fc-ph{height:112px;margin-bottom:12px;border-radius:12px;overflow:hidden;background:#EEF6FD}
  .form-card .fc-ph img{object-fit:contain;object-position:center;padding:8px;background:#EEF6FD}
  .form-card--suppositories .fc-ph img{object-fit:cover;object-position:center 48%;padding:8px}
  .form-card h4{font-size:17px;margin-bottom:3px}
  .form-card p{font-size:12.5px}

  /* stat row */
  .stats{background:var(--surface)}
  .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
  .stat-tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 18px;text-align:center;box-shadow:0 10px 26px rgba(7,24,42,.05)}
  .stat-tile .big{font-family:'Playfair Display',serif;font-size:36px;color:var(--primary);font-weight:700;line-height:1}
  .stat-tile .cap{font-family:'Space Grotesk',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-top:10px;color:var(--muted)}

  /* steps */
  .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
  .step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;position:relative;box-shadow:0 12px 30px rgba(7,24,42,.05)}
  .step .num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .step h4{font-size:18px;margin-bottom:6px}
  .step p{font-size:13.5px}

  /* faq */
  .faq{background:var(--surface)}
  .faq-wrap{max-width:820px;margin:0 auto}
  details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 18px;margin-bottom:12px;transition:.2s}
  details[open]{box-shadow:0 12px 30px rgba(7,24,42,.07)}
  summary{list-style:none;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--ink);font-size:16px;padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}
  summary::-webkit-details-marker{display:none}
  summary:after{content:"+";font-size:22px;color:var(--primary);font-weight:600;transition:.2s}
  details[open] summary:after{transform:rotate(45deg)}
  details p{padding:0 0 16px;font-size:14.5px}

  /* cta */
  .cta{background:var(--grad);border-radius:0}
  .cta-inner{text-align:center;color:#fff;max-width:680px;margin:0 auto}
  .cta h2{color:#fff;font-size:clamp(26px,3vw,34px);margin-bottom:14px}
  .cta p{color:rgba(255,255,255,.9);font-size:16px;margin-bottom:24px}
  .cta .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
  .cta-contact{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-family:'Space Grotesk',sans-serif;font-size:13.5px;color:rgba(255,255,255,.94)}
  .cta-contact b{color:#fff}

  /* footer */
  footer{background:var(--ink);color:#C7D9E8;padding:56px 0 26px}
  .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px}
  .foot-logo{font-family:'Playfair Display',serif;font-weight:700;font-size:22px;color:#fff;margin-bottom:12px}
  .foot-logo span{color:#A9D8F5}
  footer p{font-size:14px;color:#A9D8F5;max-width:34ch}
  .foot-col h4{font-family:'Space Grotesk',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:14px}
  .foot-col ul{list-style:none;display:grid;gap:9px;font-size:14px}
  .foot-col a:hover{color:#fff}
  .foot-contact li{font-size:14px;margin-bottom:9px;color:#C7D9E8}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;text-align:center;font-size:13px;color:#61758A}

  @media(max-width:900px){
    nav,.hdr-cta{display:none}
    .hero-grid,.explain-grid,.split{grid-template-columns:1fr}
    .split:before{display:none}
    .stat-grid,.steps-grid{grid-template-columns:1fr 1fr}
    .explain-points{grid-template-columns:1fr 1fr}
    .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:560px){
    .stat-grid,.steps-grid,.foot-grid{grid-template-columns:1fr}
  }