/*!
 * Landing chrome — unique filename (nginx caches /css/ immutable).
 *
 * Matrix lettering uses the desktop brand lavender (#c0c1ff) on phones
 * and desktop (parity). The phone live-status chip was red (#fecaca);
 * that treatment is gone. Only the pulsing .edot stays red.
 */

html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow.is-matrix,
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.is-matrix,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow.is-matrix,
html body.erp-body #landing .erp-hero .erp-hero-eyebrow.is-matrix {
  color: #c0c1ff !important;
  -webkit-text-fill-color: #c0c1ff !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch,
html body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch {
  color: #c0c1ff !important;
  -webkit-text-fill-color: #c0c1ff !important;
  text-shadow: 0 0 8px rgb(192 193 255 / 45%) !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch.is-wait,
html body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch.is-wait {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch.is-scan,
html body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch.is-scan {
  color: #eef0ff !important;
  -webkit-text-fill-color: #eef0ff !important;
  text-shadow:
    0 0 8px #d4d5ff,
    0 0 16px rgb(192 193 255 / 70%) !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch.is-settled,
html body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch.is-settled {
  color: #d4d5ff !important;
  -webkit-text-fill-color: #d4d5ff !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch.is-space,
html body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch.is-space {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

@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,
  html body.erp-body #landing .erp-hero .erp-hero-eyebrow,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero .erp-hero-eyebrow {
    background: rgb(192 193 255 / 10%) !important;
    border: 1px solid rgb(192 193 255 / 20%) !important;
    color: #c0c1ff !important;
    -webkit-text-fill-color: #c0c1ff !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-active-module="landing"] body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch,
  html body.erp-body #landing .erp-hero-eyebrow .erp-mx-ch {
    text-shadow: none !important;
  }
}