/*!
 * Landing chrome — unique filename (nginx caches /css/ immutable).
 *
 * Raise type on the connected-ecosystem homepage hero
 * ("One Platform. An Entire Business Ecosystem." / "Built to Connect,
 * Automate & Scale."), plus KPI tiles, Get Started steps, and catalogue
 * cards. Desktop and phone share the same type treatment (parity); layout
 * still adapts. Vertical gaps in the command-center hero are tightened so
 * the three Get Started CTAs stay on short desktop viewports. The phone
 * eyebrow stays on one line.
 */

/* ── Hero headline, deck, eyebrow, CTAs ─────────────────────────────── */

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.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-eyebrow,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow {
  font-size: 0.82rem !important;
  letter-spacing: 0.07em !important;
}

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.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,
html body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-title {
  font-size: clamp(2.55rem, 3.8vw, 3.65rem) !important;
  line-height: 1.1 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-title .erp-hero-title__lead,
html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-title .erp-hero-title__tail,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-title .erp-hero-title__lead,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-title .erp-hero-title__tail {
  white-space: normal !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(1.18rem, 1.7vw, 1.38rem) !important;
  line-height: 1.58 !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,
html body.erp-body #landing .erp-hero.erp-hero--command-center .btn-custom-primary,
html body.erp-body #landing .erp-hero.erp-hero--command-center .btn-custom-outline {
  font-size: 1.15rem !important;
}

/* ── Get Started strip ───────────────────────────────────────────── */

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-label,
html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero .next-steps-strip .next-step-label,
html body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-label,
html body.erp-body #landing.module-section .erp-hero .next-steps-strip .next-step-label {
  font-size: 0.95rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-index,
html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero .next-steps-strip .next-step-index,
html body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-index {
  font-size: 0.82rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-item::after,
html body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-item::after {
  font-size: 1rem !important;
}

/* ── KPI tiles + command-center preview ───────────────────────────── */

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__label,
html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__label {
  font-size: 0.78rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__value,
html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__value {
  font-size: clamp(1.5rem, 2vw, 1.95rem) !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__hint,
html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__hint {
  font-size: 0.74rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-title,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-title {
  font-size: 1.18rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-metric-line,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-metric-line {
  font-size: 1rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-metric-line strong,
html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center #erpAutomationCount,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-metric-line strong,
html body.erp-body #landing .erp-hero.erp-hero--command-center #erpAutomationCount {
  font-size: 1.18rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-trust-label,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-trust-label {
  font-size: 0.76rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stat-value,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stat-value {
  font-size: 0.92rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stat-label,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stat-label {
  font-size: 0.78rem !important;
}

/* ── Catalogue: category headings + module cards (desktop + phone) ─ */

html[data-active-module="landing"] body.erp-body #landing #erpLandingCarousels .erp-modcat__title,
html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section #erpLandingCarousels .erp-modcat__title,
#erpLandingCarousels .erp-modcat__title {
  font-size: 1.2rem !important;
}

html[data-active-module="landing"] body.erp-body #landing #erpLandingCarousels .erp-modcat__count,
#erpLandingCarousels .erp-modcat__count {
  font-size: 0.88rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-fcard .erp-fcard-title,
html[data-active-module="landing"] body.erp-body #landing.module-section .erp-fcard .erp-fcard-title,
html body.erp-body #landing .erp-fcard .erp-fcard-title,
#modules-grid.erp-featured-row--image-cards .erp-fcard-title,
#erpLandingCarousels .erp-fcard .erp-fcard-title,
#erpLandingCarousels .erp-fcard-title {
  font-size: 1.35rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .unit-card h3,
html[data-active-module="landing"] body.erp-body #landing.module-section .unit-card h3,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card h3,
html body.erp-body #landing .unit-card h3,
.unit-gateway-grid--image-cards .unit-card h3,
#erpLandingCarousels .unit-card h3 {
  font-size: 1.35rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-fcard .erp-fcard-desc,
html[data-active-module="landing"] body.erp-body #landing.module-section .erp-fcard .erp-fcard-desc,
html body.erp-body #landing .erp-fcard .erp-fcard-desc,
#modules-grid.erp-featured-row--image-cards .erp-fcard-desc,
#erpLandingCarousels .erp-fcard .erp-fcard-desc,
#erpLandingCarousels .erp-fcard-desc {
  font-size: 1.02rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .unit-card p,
html[data-active-module="landing"] body.erp-body #landing.module-section .unit-card p,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card p,
html body.erp-body #landing .unit-card p,
.unit-gateway-grid--image-cards .unit-card p,
#erpLandingCarousels .unit-card p {
  font-size: 1.02rem !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-fcard .erp-fcard-footer,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-footer,
#modules-grid.erp-featured-row--image-cards .erp-fcard-footer,
#erpLandingCarousels .erp-fcard-footer,
#erpLandingCarousels .unit-footer,
.unit-gateway-grid--image-cards .unit-footer {
  font-size: 0.84rem !important;
}

/* ── Desktop: reclaim vertical chrome so Get Started stays in view ─ */
/* Selectors must beat 20260908herofit + 20260904j (!important + module-section). */

@media (min-width: 901px) {
  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[data-active-module="landing"] #landing .erp-hero.erp-hero--command-center {
    padding-bottom: 0.7rem !important;
  }

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

  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.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-title {
    margin: 0 0 0.45rem !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 {
    margin: 0 0 0.5rem !important;
  }

  html body.erp-body #landing.module-section .erp-hero .next-steps-strip,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero .next-steps-strip,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .next-steps-strip,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip {
    margin: 0.45rem auto 0 !important;
    padding: 0.45rem 0.85rem 0.5rem !important;
  }
}

@media (min-width: 901px) and (max-height: 800px) {
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-inner {
    row-gap: 0.28rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-cc-kpi-row,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-visual,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-kpi-row,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-visual.erp-cc-kpi-row,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-kpi-row,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-visual.erp-cc-kpi-row {
    grid-auto-rows: 96px !important;
  }

  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .kpi-card,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card {
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    padding: 0.45rem 0.65rem 0.4rem !important;
  }

  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.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-title {
    margin: 0 0 0.22rem !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 {
    margin: 0 0 0.28rem !important;
  }

  html body.erp-body #landing.module-section .erp-hero .next-steps-strip,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero .next-steps-strip,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .next-steps-strip,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip {
    margin: 0.22rem auto 0 !important;
    padding: 0.32rem 0.75rem 0.32rem !important;
  }
}

/* ── Phone: keep the larger scale, wrap instead of shrinking to 20px ─ */

@media (max-width: 900px) {
  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.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-eyebrow,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow {
    font-size: 0.7rem !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    width: max-content !important;
    max-width: calc(100% - 8px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !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.85rem, 6.4vw, 2.35rem) !important;
    line-height: 1.14 !important;
    overflow-wrap: break-word !important;
    word-break: normal !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: clamp(1.05rem, 3.8vw, 1.2rem) !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,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .btn-custom-primary,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .btn-custom-outline {
    font-size: 1.08rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__value,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__value {
    font-size: clamp(1.28rem, 4.8vw, 1.55rem) !important;
  }
}

@media (max-width: 520px) {
  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.65rem, 7.6vw, 1.95rem) !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__label,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__label {
    font-size: 0.72rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__hint,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__hint {
    font-size: 0.7rem !important;
  }
}

@media (max-width: 360px) {
  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.5rem !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.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-eyebrow,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow {
    font-size: 0.62rem !important;
    letter-spacing: 0.04em !important;
  }
}