/*!
 * Landing chrome — unique filename (nginx caches /css/ immutable).
 *
 * Brighten the landing hero canvas one step so the navy is midnight indigo
 * rather than near-black. Same hue family and the same 165deg four-stop
 * shape, so glass KPI cards, white type, and the hero→Business fade still
 * sit on one continuous field. Desktop and phone share the treatment.
 *
 * Was: #0b1120 → #0f172a → #131c38 → #0b1224
 * Now: #141c38 → #1a2748 → #22335c → #15203c
 */

html[data-active-module="landing"] {
  --elinom-tech-bg: #15203c;
  --elinom-tech-bg-gradient: linear-gradient(
    165deg,
    #141c38 0%,
    #1a2748 38%,
    #22335c 72%,
    #15203c 100%
  );
  --erp-hero-fade-from: #15203c;
}

html[data-active-module="landing"],
html[data-active-module="landing"] body.erp-body,
html[data-active-module="landing"] body.erp-body .erp-content-scroll,
html[data-active-module="landing"] body.erp-body #landing.module-section,
html[data-active-module="landing"] body.erp-body #landing.module-section.active {
  background-color: var(--elinom-tech-bg) !important;
  background-image: var(--elinom-tech-bg-gradient) !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section::before,
html[data-active-module="landing"] body.erp-body #landing.module-section .erp-landing-cards-section::before {
  background: linear-gradient(
    180deg,
    rgb(21 32 60 / 0%) 0%,
    rgb(21 32 60 / 16%) 18%,
    rgb(26 39 72 / 36%) 36%,
    rgb(68 85 114 / 56%) 54%,
    rgb(226 232 240 / 86%) 76%,
    #ffffff 100%
  ) !important;
  box-shadow: 0 28px 64px -18px rgb(21 32 60 / 36%) !important;
}

@media (max-width: 900px) {
  html[data-active-module="landing"],
  html[data-active-module="landing"] body.erp-body,
  html[data-active-module="landing"] body.erp-body .erp-content-scroll,
  html[data-active-module="landing"] body.erp-body #landing.module-section,
  html[data-active-module="landing"] body.erp-body #landing.module-section.active {
    background-attachment: scroll !important;
  }
}