/* Collect MD 6.8.5 — mobile composition repair. Desktop rules intentionally untouched. */
@media (max-width:700px) {
  html,body{max-width:100%;overflow-x:clip}
  body.collectmd-front{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
  .collectmd-home section,.collectmd-home .who-track,.collectmd-home .nation-track{max-width:100%;}

  /* Hero: keep headlines readable over the consultation photograph and retain
     the live HTML/CSS dashboard and separate cutout doctor above the sticky bar. */
  .collectmd-home .hero{min-height:760px!important;height:max(820px,100svh)!important;max-height:960px!important;overflow:hidden!important}
  /* Contrast only under the hero copy; keep the foreground doctor bright. */
  .collectmd-home .hero-content:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-21px;top:0;width:min(96vw,400px);height:100%;background:linear-gradient(90deg,rgba(8,23,22,.55),rgba(8,23,22,.26) 68%,transparent);border-radius:0 24px 24px 0}
  .collectmd-home .hero .hero-h1,.collectmd-home .hero .hero-h1 .line{color:#f7f8f3!important}
  .collectmd-home .hero .hero-h1 .stroke{-webkit-text-stroke:1.3px #f7f8f3!important;color:transparent!important}
  .collectmd-home .hero-content>.eyebrow,.collectmd-home .hero .hero-bottom p{color:#f2f7ee!important}
  .collectmd-home .hero-content{padding-top:clamp(114px,16svh,143px)!important;position:relative!important;z-index:12!important}
  .collectmd-home .hero .hero-h1{font-size:clamp(43px,11.4vw,54px)!important;line-height:.9!important;max-width:min(300px,88vw)!important}
  .collectmd-home .hero .hero-bottom{margin-top:13px!important}
  .collectmd-home .hero .hero-bottom p{font-size:12px!important;line-height:1.5!important;max-width:290px!important}
  .collectmd-home .hero .cm45-doctor{bottom:1%!important;right:-10%!important;width:62%!important;max-height:41%!important;height:auto!important;object-fit:contain!important;object-position:bottom center!important;opacity:1!important;z-index:6!important}
  .collectmd-home .hero .cm45-dashboard{bottom:6%!important;left:4%!important;right:auto!important;width:47%!important;max-width:210px!important;z-index:9!important}
  .collectmd-home .hero .cm45-words{bottom:21%!important;left:23%!important;width:75%!important;z-index:4!important}
  .collectmd-home .hero .cm45-words strong{font-size:clamp(48px,14vw,65px)!important}
  .collectmd-home .hero .cm45-glow{bottom:0!important;right:-16%!important;height:45%!important}
  .collectmd-home .hero .cm45-trend{top:58%!important;right:0!important;width:60%!important;height:16%!important}
  .collectmd-home .hero .cm45-momentum{top:57%!important;right:4%!important}

  /* Nation/billing journey: separate the text-and-CTA area from the bubble
     animation and map. Prevent the first bubble from running behind the CTA. */
  .collectmd-home .nation-pin{height:100svh!important;min-height:740px!important;overflow:hidden!important}
  .collectmd-home .nation-intro{left:6%!important;right:6%!important;top:6%!important;max-width:none!important;z-index:20!important}
  .collectmd-home .nation-intro h2{font-size:clamp(39px,10vw,54px)!important;line-height:.95!important;margin:12px 0!important;max-width:285px!important}
  .collectmd-home .nation-intro p{font-size:13px!important;line-height:1.5!important;max-width:340px!important;margin:12px 0 14px!important}
  .collectmd-home .nation-intro .button{position:relative!important;z-index:22!important;margin-top:4px!important;max-width:100%!important}
  .collectmd-home .nation-stage{top:32%!important;bottom:8%!important;height:auto!important}
  .collectmd-home .nation-map{width:110vw!important;left:52%!important;top:53%!important;max-width:none!important}
  .collectmd-home .nation-pin .nation-bubble{width:clamp(110px,33vw,145px)!important;max-width:40vw!important}
  .collectmd-home .nation-pin .nation-bubble-c{width:clamp(145px,45vw,185px)!important;max-width:49vw!important}
  .collectmd-home .nation-pin .nation-bubble-a{left:3%!important;top:26%!important}
  .collectmd-home .nation-pin .nation-bubble-b{left:63%!important;top:18%!important}
  .collectmd-home .nation-pin .nation-bubble-c{left:29%!important;top:41%!important}
  .collectmd-home .nation-pin .nation-bubble-d{left:61%!important;top:68%!important}
  .collectmd-home .nation-pin .nation-bubble-e{left:0%!important;top:73%!important}
  .collectmd-home .nation-footer{bottom:2.4%!important;left:6%!important;right:6%!important;z-index:25!important}

  /* Who we are: four cards should be fully readable, not clipped by an
     animated 100svh scene. The static responsive composition is intentional
     on touch devices; motion-enhanced desktop remains as built. */
  .collectmd-home .who-track{height:auto!important;min-height:0!important}
  .collectmd-home .who-pin{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:55px 5% 110px!important;display:flex!important;flex-direction:column!important;gap:22px!important}
  .collectmd-home .who-intro{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;z-index:5!important}
  .collectmd-home .who-intro h2{font-size:clamp(39px,10vw,52px)!important;line-height:.96!important;margin:14px 0!important}
  .collectmd-home .who-intro p{font-size:14px!important;line-height:1.55!important;max-width:100%!important;margin:14px 0 18px!important}
  .collectmd-home .who-intro .button{margin:0!important;position:relative!important;z-index:7!important}
  .collectmd-home .who-stage{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;grid-template-rows:none!important;gap:12px!important;z-index:5!important;align-items:stretch!important}
  .collectmd-home .who-card,.collectmd-home .who-card-a,.collectmd-home .who-card-b,.collectmd-home .who-card-c,.collectmd-home .who-card-d{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;display:flex!important;width:100%!important;height:auto!important;min-height:230px!important;max-height:none!important;overflow:visible!important;justify-content:flex-start!important;align-items:flex-start!important;padding:18px 14px!important;rotate:none!important}
  .collectmd-home .who-card h3{font-size:clamp(17px,4.6vw,22px)!important;line-height:1.14!important;margin:13px 0 10px!important;overflow-wrap:anywhere!important;hyphens:auto!important}
  .collectmd-home .who-card p{font-size:clamp(11px,3vw,13px)!important;line-height:1.52!important;max-width:none!important;margin:0!important;overflow:visible!important}
  .collectmd-home .who-card .who-kicker{flex-shrink:0!important}
  .collectmd-home .who-footer{position:relative!important;inset:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;margin-top:4px!important;z-index:5!important}
  .collectmd-home .who-pulse{display:none!important}
  .collectmd-home .who-orbit{pointer-events:none!important;opacity:.45!important}

  /* Payment journey: eliminate the dark top veil and maintain readable copy.
     Keep the interactive illustration on its own lower visual plane. */
  .collectmd-home .transaction-stick:before{display:none!important;content:none!important}
  .collectmd-home .transaction-stick{background:#f4f6f0!important;color:#10251c!important;isolation:isolate!important}
  .collectmd-home .trans-top{top:6%!important;left:6%!important;right:6%!important;width:auto!important;max-width:88%!important;z-index:30!important}
  .collectmd-home .trans-top h2{font-size:clamp(38px,10vw,54px)!important;line-height:.97!important;color:#10251c!important;margin:12px 0!important}
  .collectmd-home .trans-top .eyebrow,.collectmd-home .trans-top p{color:#31533c!important;opacity:1!important}
  .collectmd-home .trans-top p{font-size:13px!important;line-height:1.5!important;max-width:320px!important;margin:12px 0 16px!important}
  .collectmd-home .trans-top .button{position:relative!important;z-index:31!important}
  .collectmd-home .transaction-stick .trans-world{top:36%!important;pointer-events:none!important}

  /* Drawer: correct top logo clipping, narrow arrows and menu spacing. */
  .cmd-drawer{width:min(90vw,390px)!important;padding:calc(24px + env(safe-area-inset-top,0px)) 22px calc(24px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overflow-x:hidden!important}
  .cmd-drawer-top{min-height:55px!important;padding:0 0 24px!important;align-items:center!important;flex-shrink:0!important}
  .cmd-drawer-top .logo{display:inline-flex!important;align-items:flex-start!important;line-height:1.2!important;font-size:25px!important;white-space:nowrap!important}
  .cmd-drawer-close{flex-shrink:0!important;display:grid!important;place-items:center!important;color:#10251c!important;border-color:#bac9b7!important}
  .cmd-drawer-links{margin:20px 0 28px!important}
  .cmd-drawer-links a{min-height:68px!important;font-size:clamp(18px,5vw,23px)!important;line-height:1.2!important;gap:8px!important}
  .cmd-drawer-links a b{margin-left:auto!important;flex:0 0 28px!important;width:28px!important;text-align:right!important;color:#30762b!important;font-size:21px!important}
  .cmd-drawer-bottom{margin-top:auto!important;padding:23px 16px 15px!important;background:#e6f1e1!important;border-radius:16px!important}
  .cmd-drawer-bottom p{font-size:clamp(21px,6vw,28px)!important;line-height:1.15!important;margin:12px 0 18px!important;color:#193a28!important}
  .cmd-drawer-cta{font-size:12px!important;min-height:52px!important}

  /* Keep the sticky CTAs from covering the last content of each section. */
  .cmd-mobile-bottom-cta{z-index:8000!important;padding-top:10px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
  .cmd-mobile-bottom-cta a{font-size:clamp(9px,2.7vw,12px)!important;min-height:47px!important}
}
@media (max-width:380px){
 .collectmd-home .who-card{padding:15px 11px!important;min-height:245px!important}
 .collectmd-home .who-card h3{font-size:17px!important}
 .collectmd-home .nation-pin .nation-bubble-a{top:29%!important}
 .collectmd-home .nation-intro p{font-size:12px!important}
}
@media (max-width:700px) and (max-height:740px){
 .collectmd-home .hero{height:800px!important;min-height:800px!important}
 .collectmd-home .nation-pin{height:800px!important;min-height:800px!important}
 .collectmd-home .trans-top h2{font-size:40px!important}
}