/* v6.8.9 — mobile first-view and billing journey alignment, desktop untouched */
@media (max-width:700px) {
  /* The fixed bottom action bar occupies part of the visual viewport. */
  .collectmd-home .hero {
    height:calc(100svh - 10px)!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .collectmd-home .hero-content {
    padding-top:clamp(84px,12.2svh,112px)!important;
  }
  .collectmd-home .hero .hero-h1 {
    font-size:clamp(38px,10.7vw,49px)!important;
    line-height:.88!important;
  }
  .collectmd-home .hero .hero-bottom {margin-top:9px!important}
  .collectmd-home .hero .hero-bottom p {line-height:1.42!important}
  .collectmd-home .hero .cmd-cta-hero {margin-top:12px!important}
  /* Raise and tighten the two distinct graphic elements into the first view. */
  .collectmd-home .hero .cm45-doctor {
    bottom:6.6%!important;
    height:auto!important;
    max-height:32%!important;
    width:57%!important;
    right:-5%!important;
    object-fit:contain!important;
    object-position:bottom center!important;
  }
  .collectmd-home .hero .cm45-dashboard {
    bottom:10.2%!important;
    left:4%!important;
    right:auto!important;
    width:46%!important;
    max-width:185px!important;
    transform:none!important;
  }
  .collectmd-home .hero .cm45-words {bottom:24%!important;left:34%!important;width:62%!important}
  .collectmd-home .hero .cm45-words strong {font-size:clamp(40px,11.2vw,58px)!important}
  .collectmd-home .hero .cm45-glow {bottom:6%!important;height:38%!important}
  .collectmd-home .hero .cm45-trend {top:56%!important;height:13%!important}
  .collectmd-home .hero .cm45-momentum {top:56%!important}

  /* Billing journey: the USA map is a centered backdrop, not a shape protruding
     from the left. Keep five distinct interactive circles in a contained area. */
  .collectmd-home .nation-pin {height:100svh!important;min-height:0!important;overflow:hidden!important}
  .collectmd-home .nation-intro {top:5.5%!important;left:6%!important;right:6%!important}
  .collectmd-home .nation-intro h2 {font-size:clamp(34px,9.2vw,43px)!important}
  .collectmd-home .nation-intro p {font-size:clamp(12px,3vw,14px)!important;line-height:1.46!important;margin:10px 0 12px!important}
  .collectmd-home .nation-intro .button {margin-top:6px!important}
  .collectmd-home .nation-stage {top:35%!important;bottom:10%!important;left:0!important;right:0!important;height:auto!important;overflow:hidden!important}
  .collectmd-home .nation-map {
    width:94vw!important;
    max-width:430px!important;
    height:auto!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    opacity:.8!important;
  }
  .collectmd-home .nation-orbit {left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
  .collectmd-home .nation-pin .nation-bubble-a {left:4%!important;top:18%!important}
  .collectmd-home .nation-pin .nation-bubble-b {left:63%!important;top:9%!important}
  .collectmd-home .nation-pin .nation-bubble-c {left:30%!important;top:32%!important}
  .collectmd-home .nation-pin .nation-bubble-d {left:62%!important;top:66%!important}
  .collectmd-home .nation-pin .nation-bubble-e {left:1%!important;top:68%!important}
  .collectmd-home .nation-footer {bottom:3%!important}
}
@media(max-width:700px) and (max-height:740px) {
  .collectmd-home .hero {height:100svh!important;min-height:0!important}
  .collectmd-home .hero-content {padding-top:83px!important}
  .collectmd-home .hero .hero-h1 {font-size:clamp(34px,10vw,43px)!important}
  .collectmd-home .hero .cm45-dashboard {bottom:10%!important;width:43%!important}
  .collectmd-home .hero .cm45-doctor {bottom:7%!important;max-height:30%!important}
  .collectmd-home .nation-pin {height:100svh!important;min-height:0!important}
  .collectmd-home .nation-stage {top:38%!important;bottom:9%!important}
}