/* Loaded after the shared shell stylesheet so the homepage video-first hero panel can stay compact. */
body[data-page="home"] {
  --mokozoo-home-hero-image: url("../../../assets/home-hero-video-previews/6612.jpg?v=20260607-video-carousel");
}

body[data-page="home"] .home-hero-section[data-home-hero-video-carousel] {
  --home-hero-video-aspect: 16 / 9;
  --home-hero-mobile-media-height: clamp(23.85rem, 48svh, 26.9rem);
  --home-hero-mobile-panel-bottom-gap: clamp(0.68rem, 1.45svh, 0.95rem);
  touch-action: pan-y;
}

body[data-page="home"] .landing-hero-card .hero-copy.hero-copy-panel {
  isolation: isolate;
}

body[data-page="home"] .landing-hero-card .hero-copy.hero-copy-panel .hero-star-divider {
  display: none !important;
}

body[data-page="home"] .home-hero-video-controls {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

body[data-page="home"] .home-hero-video-arrow {
  position: absolute;
  top: 50%;
  display: inline-flex;
  width: clamp(2.35rem, 3vw, 3rem);
  height: clamp(2.35rem, 3vw, 3rem);
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.54);
  border-radius: 999px;
  background: rgba(4, 22, 48, 0.42);
  box-shadow: 0 0.85rem 1.8rem rgba(3, 14, 30, 0.22);
  color: #fffaf0;
  cursor: pointer;
  opacity: 0.76;
  pointer-events: auto;
  transform: translateY(-50%);
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    opacity 180ms ease,
    transform 180ms ease;
  -webkit-backdrop-filter: blur(8px) saturate(1.08);
  backdrop-filter: blur(8px) saturate(1.08);
}

body[data-page="home"] .home-hero-video-arrow:hover,
body[data-page="home"] .home-hero-video-arrow:focus-visible {
  border-color: rgba(255, 255, 255, 0.78);
  background: rgba(4, 22, 48, 0.64);
  box-shadow: 0 1rem 2.1rem rgba(3, 14, 30, 0.28);
  opacity: 1;
}

body[data-page="home"] .home-hero-video-arrow:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.34);
  outline-offset: 3px;
}

body[data-page="home"] .home-hero-video-arrow:active {
  transform: translateY(-50%) scale(0.96);
}

body[data-page="home"] .home-hero-video-arrow-prev {
  left: clamp(0.82rem, 1.5vw, 1.45rem);
}

body[data-page="home"] .home-hero-video-arrow-next {
  right: clamp(0.82rem, 1.5vw, 1.45rem);
}

body[data-page="home"] .home-hero-video-arrow svg {
  display: block;
  width: clamp(1.25rem, 1.62vw, 1.6rem);
  height: clamp(1.25rem, 1.62vw, 1.6rem);
}

body[data-page="home"] .home-hero-video-arrow[hidden] {
  display: none;
}

body[data-page="home"] .home-hero-section[data-hero-video-orientation="portrait"] > .home-hero-background-video {
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: blur(clamp(14px, 1.35vw, 22px)) brightness(0.46) saturate(0.86) !important;
  transform: scale(1.08) !important;
}

html body[data-page="home"][data-page] .home-hero-section[data-hero-video-orientation="portrait"] > .home-hero-background-video {
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: blur(clamp(14px, 1.35vw, 22px)) brightness(0.46) saturate(0.86) !important;
  transform: scale(1.08) !important;
}

body[data-page="home"] .home-hero-section[data-hero-video-orientation="portrait"] .landing-hero-card .hero-frame .home-hero-mobile-video {
  display: block !important;
  position: absolute !important;
  inset: auto !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 2 !important;
  width: min(22rem, 72%) !important;
  height: min(72svh, 44rem) !important;
  max-height: calc(100% - 2rem) !important;
  aspect-ratio: 9 / 16 !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 1.05rem !important;
  background:
    #071327
    var(--mokozoo-home-hero-image)
    center center / cover
    no-repeat !important;
  box-shadow:
    0 1.6rem 4.2rem rgba(3, 14, 30, 0.34),
    0 0 0 1px rgba(255, 255, 255, 0.12) !important;
  filter: brightness(0.94) saturate(0.98) !important;
  object-fit: contain !important;
  object-position: center center !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) !important;
}

@media (min-width: 861px) {
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout {
    min-height: calc(100svh - clamp(6.65rem, 6.8vw, 7.35rem)) !important;
    align-content: center !important;
    align-items: center !important;
    padding:
      clamp(7.4rem, 11.2svh, 8.6rem)
      clamp(3.2rem, 5.1vw, 6.3rem)
      clamp(4.2rem, 7svh, 5.6rem)
      clamp(6.2rem, 7.5vw, 8.8rem) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel {
    --home-hero-action-font-size: clamp(0.86rem, 0.96vw, 1rem);
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    align-self: center !important;
    justify-items: center !important;
    width: min(100%, 35.5rem) !important;
    max-width: 35.5rem !important;
    gap: clamp(0.82rem, 1.02vw, 1.08rem) !important;
    margin: 0 !important;
    padding: clamp(1.08rem, 1.34vw, 1.35rem) clamp(1.12rem, 1.65vw, 1.55rem) !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    border-radius: 0.92rem !important;
    background:
      linear-gradient(135deg, rgba(4, 22, 48, 0.58), rgba(4, 22, 48, 0.22)),
      rgba(4, 22, 48, 0.22) !important;
    box-shadow: 0 1.2rem 3rem rgba(3, 14, 30, 0.22) !important;
    color: #fffaf0 !important;
    text-align: center !important;
    transform: none !important;
    -webkit-backdrop-filter: blur(9px) saturate(1.08) !important;
    backdrop-filter: blur(9px) saturate(1.08) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title {
    display: block !important;
    width: 100% !important;
    max-width: 8.8em !important;
    justify-self: center !important;
    margin: 0 !important;
    color: #fff7ea !important;
    font-size: clamp(2.95rem, 3.82vw, 4.2rem) !important;
    line-height: 0.98 !important;
    text-align: center !important;
    text-shadow: 0 0.16rem 0.9rem rgba(3, 14, 30, 0.38) !important;
    text-transform: none !important;
  }

  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title {
    max-width: 9.4em !important;
    font-size: clamp(2.72rem, 3.35vw, 3.9rem) !important;
    line-height: 1.02 !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title > span,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title > span,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title > span,
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary {
    color: inherit !important;
    text-align: center !important;
    text-shadow: inherit !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy {
    width: 100% !important;
    max-width: 28.5rem !important;
    justify-self: center !important;
    margin: 0 !important;
    color: rgba(255, 250, 239, 0.92) !important;
    font-size: clamp(0.98rem, 1.12vw, 1.15rem) !important;
    line-height: 1.36 !important;
    text-align: center !important;
    text-shadow: 0 0.12rem 0.7rem rgba(3, 14, 30, 0.3) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row {
    display: grid !important;
    width: 100% !important;
    max-width: 31rem !important;
    justify-self: center !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(0.65rem, 0.85vw, 0.82rem) !important;
    margin: 0.1rem 0 0 !important;
    justify-items: stretch !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action {
    display: grid !important;
    width: 100% !important;
    min-height: clamp(2.88rem, 3.12vw, 3.18rem) !important;
    grid-template-columns: clamp(2.45rem, 2.7vw, 2.85rem) minmax(0, 1fr) clamp(2.45rem, 2.7vw, 2.85rem) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 0 !important;
    padding: 0.28rem 0.38rem !important;
    border-radius: 999px !important;
    font-size: var(--home-hero-action-font-size) !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy {
    grid-column: 2 !important;
    width: 100% !important;
    text-align: center !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 3rem) !important;
    overflow: visible !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title {
    max-width: none !important;
    overflow: visible !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title::after,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title::after,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title::after {
    content: "949-806-9000";
    color: var(--us-navy, #08274f);
    font-size: var(--home-hero-action-font-size) !important;
    font-weight: 900;
    line-height: 1;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-hours,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-hours,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-hours {
    display: none !important;
  }

  html body[data-page="home"][data-page] .home-hero-section[data-hero-video-orientation="portrait"] .landing-hero-card.hero-section-layout,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section[data-hero-video-orientation="portrait"] .landing-hero-card.hero-section-layout,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section[data-hero-video-orientation="portrait"] .landing-hero-card.hero-section-layout {
    grid-template-columns: minmax(0, 35.5rem) minmax(16rem, 1fr) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section[data-hero-video-orientation="portrait"] .landing-hero-card .hero-frame {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    align-self: center !important;
    justify-self: center !important;
    width: min(100%, 31rem) !important;
    height: min(72svh, 44rem) !important;
    min-height: 30rem !important;
    overflow: visible !important;
    pointer-events: none !important;
  }
}

@media (max-width: 860px) {
  body[data-page="home"] .home-hero-section[data-hero-video-orientation="portrait"] > .home-hero-background-video {
    display: block !important;
  }

  body[data-page="home"] .home-hero-video-arrow {
    top: clamp(12.8rem, 36svh, 18.5rem);
    width: 2.24rem;
    height: 2.24rem;
    background: rgba(4, 22, 48, 0.5);
    opacity: 0.82;
  }

  body[data-page="home"] .home-hero-video-arrow-prev {
    left: 0.62rem;
  }

  body[data-page="home"] .home-hero-video-arrow-next {
    right: 0.62rem;
  }

  body[data-page="home"] .home-hero-video-arrow svg {
    width: 1.2rem;
    height: 1.2rem;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-frame,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-frame,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-frame {
    grid-row: 1 / 3 !important;
    grid-column: 1 !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout {
    grid-template-rows: minmax(0, var(--home-hero-mobile-media-height)) auto !important;
    padding: 0 !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-frame .home-hero-mobile-video {
    inset: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    aspect-ratio: var(--home-hero-video-aspect, 16 / 9) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
  }

  html body[data-page="home"][data-page] .home-hero-section[data-hero-video-orientation="portrait"] .landing-hero-card .hero-frame .home-hero-mobile-video {
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: -0.65rem !important;
    left: 50% !important;
    width: auto !important;
    height: min(calc(100% + 0.65rem), 32.45rem) !important;
    max-width: calc(100% - 5.4rem) !important;
    max-height: calc(100% + 0.65rem) !important;
    aspect-ratio: var(--home-hero-video-aspect, 9 / 16) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 0.92rem 0.92rem 0 0 !important;
    box-shadow:
      0 1.2rem 3rem rgba(3, 14, 30, 0.28),
      0 0 0 1px rgba(255, 255, 255, 0.1) !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: translateX(-50%) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel {
    --home-hero-action-font-size: clamp(0.6rem, 2.15vw, 0.72rem);
    grid-row: 2 !important;
    grid-column: 1 !important;
    position: relative !important;
    z-index: 4 !important;
    display: block !important;
    box-sizing: border-box !important;
    align-self: end !important;
    width: min(calc(100% - 0.75rem), 26.5rem) !important;
    max-width: min(calc(100% - 0.75rem), 26.5rem) !important;
    margin: 0 auto var(--home-hero-mobile-panel-bottom-gap) !important;
    padding: 0.32rem 0.38rem 0.36rem !important;
    border: 1px solid rgba(255, 255, 255, 0.36) !important;
    border-radius: 0.86rem !important;
    background:
      linear-gradient(180deg, rgba(255, 252, 244, 0.62), rgba(255, 247, 234, 0.42)),
      rgba(255, 247, 234, 0.38) !important;
    box-shadow:
      0 0.9rem 2rem rgba(3, 14, 30, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    color: var(--us-navy, #08274f) !important;
    text-align: left !important;
    transform: none !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.06) !important;
    backdrop-filter: blur(10px) saturate(1.06) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0 !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title {
    display: block !important;
    width: 100% !important;
    max-width: 10.9em !important;
    margin: 0 !important;
    color: var(--us-navy, #08274f) !important;
    font-size: clamp(1.28rem, 4.9vw, 1.48rem) !important;
    line-height: 1.05 !important;
    text-align: left !important;
    text-shadow: none !important;
    text-transform: none !important;
  }

  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title {
    max-width: 10.6em !important;
    font-size: clamp(1.24rem, 4.85vw, 1.44rem) !important;
    line-height: 1.08 !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title > span,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title > span,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title > span,
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary {
    display: block !important;
    color: inherit !important;
    text-align: left !important;
    text-shadow: none !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary {
    margin-top: 0.04em !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0.34rem 0 0 !important;
    color: rgba(8, 39, 79, 0.82) !important;
    font-size: clamp(0.68rem, 2.35vw, 0.76rem) !important;
    line-height: 1.24 !important;
    text-align: left !important;
    text-shadow: none !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel.space-y-6 > .hero-cta-row.hero-cta-row,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel.space-y-6 > .hero-cta-row.hero-cta-row,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel.space-y-6 > .hero-cta-row.hero-cta-row {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.32rem !important;
    margin: 0.22rem 0 0 !important;
    justify-items: stretch !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action {
    min-height: 1.86rem !important;
    border-radius: 999px !important;
    font-size: var(--home-hero-action-font-size) !important;
    line-height: 1 !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action {
    padding-inline: 0.42rem !important;
    font-size: var(--home-hero-action-font-size) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action {
    gap: 0.22rem !important;
    justify-content: center !important;
    padding: 0.16rem 0.28rem !important;
    background: rgba(255, 253, 246, 0.78) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy {
    width: 100% !important;
    text-align: center !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-icon,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-icon,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-icon,
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-icon,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-icon,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-icon {
    flex-basis: 1.12rem !important;
    width: 1.12rem !important;
    height: 1.12rem !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title {
    max-width: none !important;
    overflow: visible !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title::after,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title::after,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title::after {
    content: "949-806-9000";
    color: var(--us-navy, #08274f);
    font-size: var(--home-hero-action-font-size) !important;
    font-weight: 900;
    line-height: 1;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 1.34rem) !important;
    overflow: visible !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-hours,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-hours,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-hours {
    display: none !important;
  }
}

@media (max-width: 380px) {
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel {
    width: min(calc(100% - 0.6rem), 26.5rem) !important;
    max-width: min(calc(100% - 0.6rem), 26.5rem) !important;
    padding: 0.3rem 0.36rem 0.34rem !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title {
    font-size: clamp(1.18rem, 4.8vw, 1.34rem) !important;
  }
}

@media (max-width: 860px) {
  html body[data-page="home"][data-page] header.site-header.title-bar + section.home-hero-section,
  html body[data-page="home"][data-page] .home-hero-section {
    height: auto !important;
    min-height: 0 !important;
  }
}

@media (max-width: 860px) {
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel {
    padding: 0.32rem 0.38rem 0.36rem !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title {
    max-width: 100% !important;
    font-size: clamp(1.06rem, 4.25vw, 1.24rem) !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-wrap: balance;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title > span,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title > span,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title > span,
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-title-secondary {
    display: inline !important;
    text-align: inherit !important;
  }

  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title {
    white-space: nowrap !important;
  }

  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title {
    font-size: clamp(0.98rem, 3.95vw, 1.12rem) !important;
    white-space: nowrap !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy {
    margin-top: 0.28rem !important;
    font-size: clamp(0.66rem, 2.42vw, 0.74rem) !important;
    line-height: 1.16 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 860px) {
  html body[data-page="home"][data-page] .home-hero-section[data-hero-video-orientation="portrait"] .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel {
    width: min(calc(100% - 0.75rem), 26.5rem) !important;
    max-width: min(calc(100% - 0.75rem), 26.5rem) !important;
  }

  html[lang="en"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel .hero-main-title {
    font-size: clamp(0.94rem, 3.7vw, 1.06rem) !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 380px) {
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel {
    width: min(calc(100% - 0.6rem), 26.5rem) !important;
    max-width: min(calc(100% - 0.6rem), 26.5rem) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section[data-hero-video-orientation="portrait"] .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section[data-hero-video-orientation="portrait"] .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section[data-hero-video-orientation="portrait"] .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel {
    width: min(calc(100% - 0.6rem), 26.5rem) !important;
    max-width: min(calc(100% - 0.6rem), 26.5rem) !important;
  }
}

/* Cross-platform CTA fit lock: avoid platform font metrics clipping the phone number. */
html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  color: var(--us-navy, #08274f) !important;
  font-size: var(--home-hero-action-font-size) !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums;
  line-height: 1 !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title::after,
html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title::after,
html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title::after {
  content: none !important;
}

html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon) {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (min-width: 861px) {
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row {
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr) !important;
    gap: clamp(0.5rem, 0.72vw, 0.72rem) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    padding-inline: clamp(0.68rem, 0.92vw, 0.95rem) !important;
    text-align: center !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-icon,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-icon,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-icon {
    position: absolute !important;
    top: 50% !important;
    left: clamp(0.34rem, 0.48vw, 0.48rem) !important;
    transform: translateY(-50%) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
}

/* Mobile video stage: top title bar and bottom navy strip define the first viewport. */
@media (max-width: 860px) {
  html body[data-page="home"][data-page] {
    --home-hero-mobile-service-height: 4.35rem;
  }

  html body[data-page="home"][data-page] header.site-header.title-bar + section.home-hero-section[data-home-hero-video-carousel],
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel],
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel],
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] {
    position: relative !important;
    display: grid !important;
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: none !important;
    grid-template-rows: minmax(0, 1fr) var(--home-hero-mobile-service-height) !important;
    align-content: stretch !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #071327 var(--mokozoo-home-hero-image) center center / cover no-repeat !important;
  }

  @supports (height: 100dvh) {
    html body[data-page="home"][data-page] header.site-header.title-bar + section.home-hero-section[data-home-hero-video-carousel],
    html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel],
    html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel],
    html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] {
      height: 100dvh !important;
      min-height: 100dvh !important;
    }
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .home-hero-background-video,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .home-hero-background-video,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .home-hero-background-video {
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 5.1% !important;
    z-index: 0 !important;
    width: 100% !important;
    height: calc(100% - var(--home-hero-mobile-service-height)) !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      #071327
      var(--mokozoo-home-hero-image)
      center center / cover
      no-repeat !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    filter: blur(20px) brightness(0.72) saturate(1.08) !important;
    transform: scale(1.09) !important;
    transform-origin: center center !important;
    pointer-events: none !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .home-hero-video-controls,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .home-hero-video-controls,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .home-hero-video-controls {
    inset: 0 0 var(--home-hero-mobile-service-height) 0 !important;
    z-index: 6 !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .home-hero-video-arrow,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .home-hero-video-arrow,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .home-hero-video-arrow {
    top: 50% !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card.hero-section-layout,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card.hero-section-layout,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card.hero-section-layout {
    position: relative !important;
    z-index: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card.hero-section-layout::before,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card.hero-section-layout::before,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card.hero-section-layout::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    background:
      linear-gradient(180deg, rgba(4, 18, 38, 0.12) 0%, rgba(4, 18, 38, 0.02) 28%, rgba(4, 18, 38, 0.02) 78%, rgba(4, 18, 38, 0.08) 100%),
      linear-gradient(90deg, rgba(4, 18, 38, 0.08), rgba(4, 18, 38, 0) 36%, rgba(4, 18, 38, 0.08)) !important;
    pointer-events: none !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-frame,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-frame,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-frame {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    background: transparent !important;
    pointer-events: none !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-frame .home-hero-mobile-video,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-frame .home-hero-mobile-video,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-frame .home-hero-mobile-video {
    display: block !important;
    position: absolute !important;
    inset: auto !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: var(--home-hero-video-aspect, 16 / 9) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: brightness(0.98) saturate(1.02) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel][data-hero-video-orientation="portrait"] .landing-hero-card .hero-frame .home-hero-mobile-video,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel][data-hero-video-orientation="portrait"] .landing-hero-card .hero-frame .home-hero-mobile-video,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel][data-hero-video-orientation="portrait"] .landing-hero-card .hero-frame .home-hero-mobile-video {
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    width: auto !important;
    height: 100% !important;
    aspect-ratio: var(--home-hero-video-aspect, 9 / 16) !important;
    object-fit: cover !important;
    transform: translateX(-50%) !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-frame .home-hero-mobile-video,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-frame .home-hero-mobile-video,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-frame .home-hero-mobile-video,
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel][data-hero-video-orientation="portrait"] .landing-hero-card .hero-frame .home-hero-mobile-video,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel][data-hero-video-orientation="portrait"] .landing-hero-card .hero-frame .home-hero-mobile-video,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel][data-hero-video-orientation="portrait"] .landing-hero-card .hero-frame .home-hero-mobile-video {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .media-preview-stack,
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-mobile-concept-card {
    display: none !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip {
    position: relative !important;
    z-index: 7 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--home-hero-mobile-service-height) !important;
    min-height: var(--home-hero-mobile-service-height) !important;
    margin: 0 !important;
    padding: 0 0.18rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--us-navy, #08274f) !important;
    box-shadow: none !important;
    color: #fff !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip a,
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip button,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip a,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip button,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip a,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip button {
    min-height: var(--home-hero-mobile-service-height) !important;
    padding-block: 0.42rem !important;
    border-left-color: rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip .hero-service-icon,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip .hero-service-icon,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .hero-service-strip .hero-service-icon {
    color: currentColor !important;
  }
}

@media (max-width: 860px) {
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action {
    grid-template-columns: 1.12rem minmax(0, 1fr) !important;
    column-gap: 0.2rem !important;
    padding-right: 0.26rem !important;
    justify-items: stretch !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title {
    grid-column: 2 !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon) {
    text-align: left !important;
  }

  html body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title {
    text-align: right !important;
  }
}

@media (max-width: 860px) {
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel {
    --home-hero-action-font-size: clamp(0.72rem, 2.85vw, 0.9rem);
    position: absolute !important;
    right: auto !important;
    bottom: clamp(0.28rem, 0.75svh, 0.46rem) !important;
    left: 50% !important;
    z-index: 8 !important;
    display: grid !important;
    align-content: center !important;
    row-gap: clamp(0.22rem, 0.72svh, 0.38rem) !important;
    box-sizing: border-box !important;
    width: var(--mokozoo-titlebar-glass-width, calc(100% - 0.75rem)) !important;
    max-width: var(--mokozoo-titlebar-glass-width, calc(100% - 0.75rem)) !important;
    min-height: clamp(7.1rem, 15.3svh, 8.35rem) !important;
    margin: 0 !important;
    padding: clamp(0.86rem, 2.55svh, 1.1rem) clamp(0.78rem, 3.5vw, 1.1rem) clamp(0.88rem, 2.4svh, 1rem) !important;
    border: 1px solid rgba(162, 176, 198, 0.42) !important;
    border-radius: var(--mokozoo-titlebar-glass-radius, 0.84rem) !important;
    background:
      radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.1), transparent 34%),
      linear-gradient(135deg, rgba(26, 28, 36, 0.92), rgba(15, 18, 27, 0.82)),
      rgba(12, 16, 26, 0.78) !important;
    box-shadow:
      0 1.15rem 2.8rem rgba(3, 8, 16, 0.32),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    color: #fff8ee !important;
    text-align: center !important;
    transform: translateX(-50%) !important;
    -webkit-backdrop-filter: blur(13px) saturate(1.08) !important;
    backdrop-filter: blur(13px) saturate(1.08) !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0 !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #fff8ee !important;
    font-size: clamp(1.18rem, 5.1vw, 1.56rem) !important;
    line-height: 1.04 !important;
    text-align: center !important;
    text-shadow: 0 0.1rem 0.45rem rgba(0, 0, 0, 0.28) !important;
    white-space: normal !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title > span,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title > span,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title > span,
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-title-secondary {
    display: block !important;
    color: inherit !important;
    text-align: inherit !important;
    text-shadow: inherit !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-title-secondary,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-title-secondary {
    margin-top: 0.08rem !important;
    font-size: 0.72em !important;
    line-height: 1 !important;
  }

  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title {
    font-size: clamp(1.08rem, 4.65vw, 1.42rem) !important;
  }

  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title {
    font-size: clamp(0.92rem, 3.85vw, 1.2rem) !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel > .hero-market-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel > .hero-market-copy,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel > .hero-market-copy {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    color: rgba(255, 248, 238, 0.9) !important;
    font-size: clamp(0.82rem, 3.15vw, 0.98rem) !important;
    line-height: 1.12 !important;
    text-align: center !important;
    text-shadow: 0 0.08rem 0.32rem rgba(0, 0, 0, 0.22) !important;
    white-space: normal !important;
  }

  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel > .hero-market-copy {
    font-size: clamp(0.68rem, 2.62vw, 0.82rem) !important;
    line-height: 1.26 !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(0.42rem, 1.7vw, 0.56rem) !important;
    margin: 0 !important;
    justify-items: stretch !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action,
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action {
    --home-hero-mobile-button-slot: clamp(1.45rem, 6vw, 1.9rem);
    min-height: clamp(2.28rem, 6.6svh, 2.72rem) !important;
    border-radius: 999px !important;
    font-size: var(--home-hero-action-font-size) !important;
    line-height: 1 !important;
    position: relative !important;
    display: grid !important;
    align-items: center !important;
    justify-content: center !important;
    grid-template-columns: var(--home-hero-mobile-button-slot) minmax(0, 1fr) var(--home-hero-mobile-button-slot) !important;
    padding: 0 clamp(0.08rem, 0.55vw, 0.2rem) !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action::after,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action::after,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action::after,
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action::after,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action::after,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-action::after {
    content: "" !important;
    display: block !important;
    width: var(--home-hero-mobile-button-slot) !important;
    height: 1px !important;
    grid-column: 3 !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-icon,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-icon,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-icon,
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-icon,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-icon,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-icon {
    position: static !important;
    grid-column: 1 !important;
    justify-self: center !important;
    transform: none !important;
    flex: 0 0 auto !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-primary-action > span:not(.hero-primary-icon),
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-copy,
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-phone-title {
    display: block !important;
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }
}

@media (max-width: 430px) {
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card.hero-section-layout {
    width: 100% !important;
    max-width: 100vw !important;
    padding-inline: 0.4rem !important;
    overflow-x: hidden !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel {
    width: 100% !important;
    max-width: calc(100vw - 1.2rem) !important;
    margin-inline: auto !important;
    padding-inline: 0.65rem !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card.hero-section-layout .hero-copy.hero-copy-panel > .hero-market-copy {
    max-width: 100% !important;
    padding-inline: 0.1rem !important;
    overflow-wrap: normal !important;
  }

  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-cta-row {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 860px) {
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .home-hero-background-video,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .home-hero-background-video,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] > .home-hero-background-video {
    left: 5.1% !important;
    right: auto !important;
    width: 89.8% !important;
    transform: scale(1.09) !important;
    transform-origin: center center !important;
  }
}

/* 2026-06-13 font QA: keep homepage labels compact without changing video framing. */
html body[data-page="home"][data-page] .home-hero-section > .hero-service-strip a,
html body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button,
html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip a,
html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button,
html[lang="es"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip a,
html[lang="es"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button {
  min-height: clamp(3.15rem, 4.2vw, 4.25rem) !important;
  padding-inline: clamp(0.24rem, 0.8vw, 0.58rem) !important;
}

html body[data-page="home"][data-page] .home-hero-section > .hero-service-strip span,
html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip span,
html[lang="es"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip span {
  max-width: 100% !important;
  font-size: clamp(0.58rem, 0.82vw, 0.8rem) !important;
  line-height: 1.08 !important;
  text-wrap: pretty !important;
}

@media (min-width: 861px) {
  html body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button span,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button span,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button span {
    white-space: nowrap !important;
  }

  html body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button strong,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button strong,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button strong {
    display: none !important;
  }
}

html body[data-page="home"][data-page] .incubation-status-chip,
html[lang="zh-CN"] body[data-page="home"][data-page] .incubation-status-chip,
html[lang="es"] body[data-page="home"][data-page] .incubation-status-chip {
  display: inline-grid !important;
  grid-template-columns: 0.42rem max-content !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 1.35rem !important;
  align-items: center !important;
  gap: 0.28rem !important;
  padding: 0.2rem 0.42rem !important;
  font-size: clamp(0.48rem, 0.62vw, 0.62rem) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
}

html body[data-page="home"][data-page] .incubation-status-chip span,
html[lang="zh-CN"] body[data-page="home"][data-page] .incubation-status-chip span,
html[lang="es"] body[data-page="home"][data-page] .incubation-status-chip span {
  min-width: 0 !important;
  white-space: nowrap !important;
}

html body[data-page="home"][data-page] .media-preview-stack,
html[lang="zh-CN"] body[data-page="home"][data-page] .media-preview-stack,
html[lang="es"] body[data-page="home"][data-page] .media-preview-stack {
  text-align: left !important;
}

/* 2026-06-13 font QA pass 2: smaller home type, no video framing changes. */
@media (min-width: 861px) {
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title {
    max-width: min(100%, 18ch) !important;
    font-size: clamp(1.92rem, 3vw, 2.86rem) !important;
    line-height: 1.05 !important;
    text-wrap: pretty !important;
  }

  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title {
    max-width: min(100%, 21ch) !important;
    font-size: clamp(1.72rem, 2.48vw, 2.42rem) !important;
  }
}

@media (max-width: 860px) {
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title {
    font-size: clamp(1.58rem, 8vw, 2.16rem) !important;
    line-height: 1.06 !important;
  }

  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title {
    font-size: clamp(1.42rem, 7.2vw, 1.96rem) !important;
  }

  html body[data-page="home"][data-page] .home-hero-section > .hero-service-strip span,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip span,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip span {
    font-size: clamp(0.42rem, 2.05vw, 0.56rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }

  html body[data-page="home"][data-page] .home-hero-section > .hero-service-strip a,
  html body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip a,
  html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip a,
  html[lang="es"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button {
    min-height: clamp(2.62rem, 11vw, 3.18rem) !important;
    padding-inline: 0.12rem !important;
  }
}

/* 2026-06-13 font QA pass 3: one-line service labels and calmer H1. */
@media (min-width: 861px) {
  html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title,
  html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title {
    font-size: clamp(1.48rem, 2.22vw, 2.12rem) !important;
    line-height: 1.08 !important;
  }

  html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title {
    font-size: clamp(1.38rem, 2.02vw, 1.92rem) !important;
    line-height: 1.1 !important;
  }

  html[lang="es"] body[data-page="home"][data-page] article[data-home-product="global-vibes-box"] h4 {
    font-size: clamp(1rem, 1.18vw, 1.32rem) !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
  }
}

html body[data-page="home"][data-page] .home-hero-section > .hero-service-strip a,
html body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button,
html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip a,
html[lang="zh-CN"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button,
html[lang="es"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip a,
html[lang="es"] body[data-page="home"][data-page] .home-hero-section > .hero-service-strip button {
  font-size: clamp(0.42rem, 0.72vw, 0.72rem) !important;
  line-height: 1 !important;
}

html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title > span,
html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title > span,
html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title > span {
  display: inline !important;
  width: auto !important;
}

html body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title > span + span::before,
html[lang="zh-CN"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title > span + span::before,
html[lang="es"] body[data-page="home"][data-page] section.home-hero-section[data-home-hero-video-carousel] .landing-hero-card .hero-copy.hero-copy-panel .hero-main-title > span + span::before {
  content: " ";
}