/*!
 * Landing chrome — unique filename (nginx caches /css/ immutable).
 *
 * Phone hero must not clip. Larger type + stacked CTAs pushed Request a
 * Demo off short viewports; overflow-x:clip on the command-center hero
 * can also clip the eyebrow. Desktop is unchanged.
 */

@media (max-width: 900px) {
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center,
  html body.erp-body #landing.module-section .erp-hero.erp-hero--command-center,
  html body.erp-body #landing .erp-hero.erp-hero--command-center {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    max-height: none !important;
    height: auto !important;
    contain: none !important;
    scroll-margin-top: calc(var(--erp-nav-main-h, 4rem) + 12px) !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-title,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-cta,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-title,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-cta {
    scroll-margin-top: calc(var(--erp-nav-main-h, 4rem) + 12px) !important;
  }
}

/* Short phones: keep eyebrow + headline + both CTAs in the first screen. */
@media (max-width: 430px) and (max-height: 740px) {
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center,
  html body.erp-body #landing .erp-hero.erp-hero--command-center {
    padding: 0.85rem 0.85rem 1.15rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-title,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-title,
  html body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-title,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-title {
    font-size: clamp(1.4rem, 6.2vw, 1.7rem) !important;
    line-height: 1.12 !important;
    margin: 0 auto 0.35rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-subtitle,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-subtitle,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-subtitle {
    font-size: clamp(0.92rem, 3.4vw, 1.02rem) !important;
    line-height: 1.4 !important;
    margin: 0 auto 0.55rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-cta,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-cta,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-cta {
    margin-bottom: 0.35rem !important;
    gap: 0.45rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-cta .btn-primary,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-cta .btn-outline,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-cta .btn-custom-primary,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-cta .btn-custom-outline,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .btn-primary,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .btn-outline {
    padding: 0.62rem 1.1rem !important;
  }
}

@media (max-width: 360px) and (max-height: 700px) {
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-title,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-title {
    font-size: 1.32rem !important;
    margin: 0 auto 0.28rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-subtitle,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-subtitle {
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
    margin: 0 auto 0.4rem !important;
  }
}