/* Landing hero copy and its text-free location-to-care illustration. */
#top .hero-copy.ms-hero-copy {
  position: relative;
  min-width: 0;
  padding: .25rem 0 0;
  isolation: isolate;
}
#top .ms-hero-copy::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -8%;
  top: 16%;
  width: 95%;
  height: 55%;
  pointer-events: none;
  background: radial-gradient(ellipse, rgba(231, 240, 255, .48), transparent 70%);
}
#top .ms-hero-copy .ms-hero-trust {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: .56rem;
  padding: .38rem .8rem .38rem .4rem;
  border: 1px solid rgba(177, 198, 229, .58);
  border-radius: 999px;
  background: rgba(255, 255, 255, .7);
  box-shadow: 0 4px 18px rgba(44, 81, 132, .035), inset 0 1px 0 #fff;
  color: #36557e;
  font-size: .71rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .025em;
}
#top .ms-hero-trust .ms-hero-trust-mark {
  display: grid;
  place-items: center;
  width: 1.65rem;
  height: 1.65rem;
  flex: none;
  border-radius: 50%;
  color: #0f63ff;
  background: #eaf2ff;
}
#top .ms-hero-trust-mark svg { width: 1rem; height: 1rem; stroke: currentColor; }
#top .ms-hero-copy .ms-hero-title {
  max-width: 100%;
  margin: 1.9rem 0 0 !important;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: clamp(4.3rem, 6.7vw, 6.7rem) !important;
  font-weight: 800;
  line-height: .99;
  letter-spacing: -.065em;
}
#top .ms-hero-title .hero-word {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  color: #10264d;
  font-weight: inherit;
  letter-spacing: inherit;
  text-shadow: none;
  filter: none;
  animation: none;
}
#top .ms-hero-title .hero-word-medicate {
  margin-top: .06em;
  padding-bottom: .065em;
  color: #e92c61;
  background: linear-gradient(105deg, #f24472 7%, #e5285d 76%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
#top .ms-hero-copy > .ms-hero-description {
  max-width: 30rem;
  margin: 1.55rem 0 0 !important;
  color: #53647e !important;
  font-size: .98rem !important;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -.009em;
  text-wrap: pretty;
}
#top .ms-hero-copy .hero-route-journey.ms-hero-journey {
  display: block;
  position: relative;
  width: min(100%, 38.5rem);
  min-height: 0;
  height: auto;
  aspect-ratio: 3 / 1;
  margin: 1.1rem 0 0;
  border: 0;
  border-radius: 1.5rem;
  outline-offset: 4px;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(15, 99, 255, .08);
}
#top .ms-hero-journey::before,
#top .ms-hero-journey::after { content: none; }
#top .ms-hero-journey:focus-visible {
  outline: 2px solid #0f63ff;
  box-shadow: 0 0 0 6px rgba(15, 99, 255, .06);
}
#top .ms-hero-journey .ms-hero-art { display: block; width: 100%; height: auto; overflow: visible; }
#top .ms-hero-journey .ms-hero-route-light { opacity: .58; }
#top .ms-hero-journey .ms-hero-route-signal {
  stroke-dasharray: .08 .92;
  stroke-dashoffset: 1;
  opacity: 0;
  animation: ms-hero-route-travel 8s ease-in-out infinite;
}
#top .ms-hero-journey .ms-hero-locator-ring,
#top .ms-hero-journey .ms-hero-care-ring {
  transform-box: fill-box;
  transform-origin: center;
  animation: ms-hero-beacon 8s ease-out infinite;
}
#top .ms-hero-journey .ms-hero-care-ring { animation-delay: -4s; }
#top .ms-hero-journey .ms-hero-medicine {
  animation: ms-hero-float 8s ease-in-out infinite;
}
#top .ms-hero-journey .ms-hero-arrival {
  transform-box: fill-box;
  transform-origin: center;
  animation: ms-hero-arrival 8s ease-in-out infinite;
}
#top .ms-hero-journey .ms-hero-link-arrow { transition: transform .25s ease, opacity .25s ease; opacity: .68; }
#top .ms-hero-journey:hover .ms-hero-link-arrow,
#top .ms-hero-journey:focus-visible .ms-hero-link-arrow { transform: translateX(3px); opacity: 1; }
/* The shared hero lifecycle owns when animation clocks may run. */
#top .ms-hero-copy *,
#top .ms-hero-copy *::before,
#top .ms-hero-copy *::after { animation-play-state: paused !important; }
#top .hero-shell[data-hero-motion='running'] .ms-hero-journey.is-route-ready *,
#top .hero-shell[data-hero-motion='running'] .ms-hero-journey.is-route-ready *::before,
#top .hero-shell[data-hero-motion='running'] .ms-hero-journey.is-route-ready *::after { animation-play-state: running !important; }
@keyframes ms-hero-route-travel {
  0%, 10% { stroke-dashoffset: 1; opacity: 0; }
  16% { opacity: .92; }
  67% { stroke-dashoffset: 0; opacity: .92; }
  74%, 100% { stroke-dashoffset: 0; opacity: 0; }
}
@keyframes ms-hero-beacon {
  0%, 10%, 100% { transform: scale(1); opacity: .7; }
  55%, 82% { transform: scale(1.12); opacity: .18; }
}
@keyframes ms-hero-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes ms-hero-arrival { 0%, 52%, 100% { transform: scale(1); } 67% { transform: scale(1.07); } 77% { transform: scale(1); } }
@media (min-width: 1600px) {
  #top .ms-hero-copy .ms-hero-title { font-size: 7.1rem !important; }
  #top .ms-hero-copy > .ms-hero-description { max-width: 33rem; font-size: 1.04rem !important; }
}
@media (max-width: 1023px) and (min-width: 641px) {
  #top .ms-hero-copy .ms-hero-title { font-size: clamp(4.8rem, 10vw, 6.2rem) !important; }
  #top .ms-hero-copy > .ms-hero-description { max-width: 34rem; }
  #top .ms-hero-copy .ms-hero-journey { max-width: 36rem; }
}
@media (max-width: 640px) {
  #top .hero-copy.ms-hero-copy { padding-top: .35rem; }
  #top .ms-hero-copy .ms-hero-trust { padding: .32rem .67rem .32rem .32rem; gap: .45rem; font-size: .62rem; letter-spacing: .018em; }
  #top .ms-hero-trust .ms-hero-trust-mark { width: 1.4rem; height: 1.4rem; }
  #top .ms-hero-trust-mark svg { width: .9rem; height: .9rem; }
  #top .ms-hero-copy .ms-hero-title { margin-top: 1.45rem !important; font-size: clamp(3.25rem, 15.1vw, 5.3rem) !important; line-height: 1; letter-spacing: -.06em; }
  #top .ms-hero-copy > .ms-hero-description { margin-top: 1.15rem !important; max-width: 30rem; font-size: .88rem !important; line-height: 1.75; }
  #top .ms-hero-copy .ms-hero-journey { margin-top: 1rem; width: 100%; min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #top .ms-hero-copy *, #top .ms-hero-copy *::before, #top .ms-hero-copy *::after { animation: none !important; transition: none !important; }
  #top .ms-hero-journey .ms-hero-route-signal { display: none; }
  #top .ms-hero-journey .ms-hero-route-light { opacity: .7; }
  #top .ms-hero-journey:hover .ms-hero-link-arrow, #top .ms-hero-journey:focus-visible .ms-hero-link-arrow { transform: none; }
}
