/*!
 * Original desktop command-center hero.
 * Left copy + right 2×2 KPI dashboard + AI banner.
 * Phone stays a stacked, centered first-paint layout.
 */

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-corner-stat,
html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-corner-stat,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-scaling-curve,
html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-scaling-curve {
  display: none !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-dashboard {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__bars {
  display: flex;
  align-items: flex-end;
  gap: 0.22rem;
  height: 1.7rem;
  margin-top: 0.15rem;
  position: relative;
  z-index: 1;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__bars span {
  display: block;
  width: 0.38rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #38bdf8, #6366f1);
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__bars span:nth-child(1) { height: 38%; }
html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__bars span:nth-child(2) { height: 52%; }
html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__bars span:nth-child(3) { height: 46%; }
html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__bars span:nth-child(4) { height: 72%; }
html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__bars span:nth-child(5) { height: 96%; }

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__avatars {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
  position: relative;
  z-index: 1;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__avatars span {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 999px;
  border: 2px solid #0b1224;
  margin-left: -0.35rem;
  background: linear-gradient(135deg, #34d399, #0891b2);
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__avatars span:first-child {
  margin-left: 0;
  background: linear-gradient(135deg, #38bdf8, #6366f1);
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__avatars span:nth-child(3) {
  background: linear-gradient(135deg, #f472b6, #f59e0b);
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: #86efac;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__status::before {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 3px rgb(34 197 94 / 18%);
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__hint--down {
  color: #f87171 !important;
}

/* Live status dot — visible on every viewport. Desktop lavender / phone
   red pill colours stay elsewhere; only this dot stays red and pulses. */
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow {
  gap: 0.45rem !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow .edot {
  display: inline-block !important;
  width: 0.42rem !important;
  height: 0.42rem !important;
  flex-shrink: 0 !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  box-shadow: 0 0 0 3px rgb(239 68 68 / 22%), 0 0 10px rgb(239 68 68 / 75%) !important;
  animation: edot-pulse 2s ease-in-out infinite !important;
}

@keyframes edot-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.65);
  }
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-next-live {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.28rem !important;
  color: #fecaca !important;
  font-weight: 800 !important;
  animation: erp-next-live-text 1.4s ease-in-out infinite !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-next-live-dot {
  display: inline-block !important;
  width: 0.42rem !important;
  height: 0.42rem !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  box-shadow: 0 0 0 0 rgb(239 68 68 / 70%) !important;
  animation: erp-next-live-dot 1.4s ease-in-out infinite !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-live-label {
  animation: erp-next-live-text 1.4s ease-in-out infinite !important;
}

@keyframes erp-next-live-text {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}

@keyframes erp-next-live-dot {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgb(239 68 68 / 65%), 0 0 6px rgb(239 68 68 / 55%);
    opacity: 1;
  }
  50% {
    transform: scale(1.25);
    box-shadow: 0 0 0 6px rgb(239 68 68 / 0), 0 0 12px rgb(239 68 68 / 85%);
    opacity: 0.55;
  }
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-live-label {
  display: inline-flex;
  align-items: center;
  margin-left: 0.15rem;
  padding: 0.08rem 0.4rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fecaca;
  background: rgb(239 68 68 / 18%);
  border: 1px solid rgb(248 113 113 / 35%);
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-nodes {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.35rem;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-nodes span {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: rgb(99 102 241 / 35%);
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-nodes span.is-on {
  background: #38bdf8;
  box-shadow: 0 0 0 4px rgb(56 189 248 / 22%);
}

@media (min-width: 1100px) {
  html 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 {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(24.5rem, 30rem) !important;
    grid-template-areas:
      "copy dash"
      "trust trust"
      "steps steps" !important;
    align-items: center !important;
    column-gap: 2.4rem !important;
    row-gap: 1.35rem !important;
    max-width: 1240px !important;
    width: 100% !important;
    text-align: left !important;
  }

  html body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-content,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-content {
    grid-area: copy !important;
    align-items: flex-start !important;
    align-self: center !important;
    text-align: left !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
  }

  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.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-subtitle,
  html body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .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"] #landing .erp-hero.erp-hero--command-center .erp-hero-title,
  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-subtitle,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-title,
  html[data-active-module="landing"] #landing .erp-hero .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 {
    text-align: left !important;
    margin: 0 0 1rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-subtitle,
  html[data-active-module="landing"] #landing .erp-hero.erp-hero--command-center .erp-hero-subtitle {
    text-align: left !important;
    margin: 0 0 1.2rem !important;
    max-width: 34rem !important;
  }

  html 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 {
    justify-content: flex-start !important;
    align-items: center !important;
    width: auto !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center {
    min-height: calc(100vh - 4.5rem) !important;
    padding-bottom: 2.75rem !important;
    box-sizing: border-box !important;
  }

  /* Brand lavender, the same pill phones and tablets already paint. The
     desktop split-hero restore recoloured it red, which read as an error
     banner above "Enterprise Management". Only the live dot stays red. */
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow {
    background: rgb(192 193 255 / 10%) !important;
    border-color: rgb(192 193 255 / 20%) !important;
    color: #c0c1ff !important;
    gap: 0.45rem !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow .edot {
    display: inline-block !important;
    width: 0.42rem !important;
    height: 0.42rem !important;
    border-radius: 999px !important;
    background: #ef4444 !important;
    box-shadow: 0 0 0 3px rgb(239 68 68 / 22%), 0 0 10px rgb(239 68 68 / 75%) !important;
    animation: edot-pulse 2s ease-in-out infinite !important;
  }

  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 {
    border-radius: 999px !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-dashboard {
    grid-area: dash !important;
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
  }

  html body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-visual,
  html body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-cc-kpi-row,
  html body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-visual,
  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 .erp-hero.erp-hero--command-center .erp-hero-visual,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-visual,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-kpi-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 0.75rem !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card {
    height: auto !important;
    min-height: 8.4rem !important;
    padding: 0.9rem 0.95rem 0.85rem !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card__icon {
    width: 1.85rem !important;
    height: 1.85rem !important;
    border-radius: 0.55rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.05rem !important;
    color: #fff !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card--revenue .kpi-card__icon {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    box-shadow: 0 0 16px rgb(99 102 241 / 45%) !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card--workforce .kpi-card__icon {
    background: linear-gradient(135deg, #059669, #34d399) !important;
    box-shadow: 0 0 16px rgb(16 185 129 / 40%) !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card--outstanding .kpi-card__icon {
    background: linear-gradient(135deg, #d97706, #fbbf24) !important;
    box-shadow: 0 0 16px rgb(245 158 11 / 40%) !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card--compliance .kpi-card__icon {
    background: linear-gradient(135deg, #2563eb, #38bdf8) !important;
    box-shadow: 0 0 16px rgb(56 189 248 / 40%) !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-center {
    width: 100% !important;
    margin: 0 !important;
    padding: 0.95rem 1.05rem !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .ticker-wrap {
    display: none !important;
  }

  html body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-stats.erp-hero-trust-strip,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stats.erp-hero-trust-strip {
    grid-area: trust !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html body.erp-body #landing .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 {
    grid-area: steps !important;
  }
}

/* ── Desktop header: main nav, then search immediately below it.
   The search row is taken out of flow so the hero box
   (min-height: calc(100vh - 4.5rem)) does not grow. ── */
@media (min-width: 901px) {
  html[data-active-module="landing"] {
    --erp-nav-util-h: 0px;
    --erp-nav-stack-h: var(--erp-nav-main-h);
    --erp-desktop-search-h: 3rem;
  }

  html[data-active-module="landing"] body.erp-body #navbar.navbar,
  html[data-active-module="landing"] body.erp-body #navbar.erp-shell-navbar,
  html[data-active-module="landing"] body.erp-body nav.navbar.erp-shell-navbar {
    top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    min-height: var(--erp-nav-main-h) !important;
    height: var(--erp-nav-main-h) !important;
    max-height: var(--erp-nav-main-h) !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar .container.nav-container,
  html[data-active-module="landing"] body.erp-body #navbar .nav-container {
    order: 1 !important;
    flex: 0 0 var(--erp-nav-main-h) !important;
    width: 100% !important;
    max-width: 100% !important;
    height: var(--erp-nav-main-h) !important;
    min-height: var(--erp-nav-main-h) !important;
    max-height: var(--erp-nav-main-h) !important;
    padding: 0 1.15rem 0 1.25rem !important;
    gap: 0.45rem !important;
    overflow: visible !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar {
    order: 2 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--erp-desktop-search-h) !important;
    min-height: var(--erp-desktop-search-h) !important;
    max-height: var(--erp-desktop-search-h) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
    margin: 0 !important;
    z-index: 2 !important;
    background-color: var(--erp-nav-chrome-bg, #070d1a) !important;
    background-image: var(--erp-nav-chrome-surface) !important;
    background-size: var(--erp-nav-chrome-size) !important;
    box-sizing: border-box !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner {
    justify-content: flex-end !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 1.25rem !important;
    gap: 0.5rem !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-spacer {
    display: none !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar #utilAiSearchSlot,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-ai-search-slot {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: clamp(9rem, 12vw, 11.5rem) !important;
    min-width: 9rem !important;
    max-width: 11.5rem !important;
    flex: 0 0 auto !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar #us-trigger,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .us-trigger,
  html[data-active-module="landing"] body.erp-body #navbar #utilAiSearchSlot .us-trigger {
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    max-height: 2.25rem !important;
    width: 100% !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center,
  html[data-active-module="landing"] #landing .erp-hero.erp-hero--command-center {
    padding-top: calc(2.4rem + var(--erp-desktop-search-h)) !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navActionsGroup {
    display: none !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar .nav-auth-buttons {
    border-left: 0 !important;
    padding-left: 0.15rem !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar .nav-auth-buttons > .util-btn[data-elinom-secbtn="1"]:not(.util-btn-security) {
    display: none !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn .erp-login-lock,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn .fa-right-to-bracket,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn .fa-lock {
    color: #dc2626 !important;
    -webkit-text-fill-color: #dc2626 !important;
    font-size: 0.78rem !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar .nav-auth-buttons #loginBtn.util-btn,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    background: linear-gradient(120deg, #38bdf8 0%, #6366f1 34%, #f472b6 67%, #f59e0b 100%) !important;
    background-size: 220% 220% !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 0.38rem 0.95rem !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 22px rgb(99, 102, 241, 0.33), 0 3px 12px rgb(245, 158, 11, 0.28) !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar .nav-auth-buttons #loginBtn.util-btn:hover,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn:hover {
    background: linear-gradient(120deg, #22d3ee 0%, #4f46e5 34%, #ec4899 67%, #fb923c 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 14px 30px rgb(99, 102, 241, 0.42), 0 6px 16px rgb(245, 158, 11, 0.35) !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navUserChip {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navUserChip .nav-user-avatar,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navUserChip .nav-user-avatar {
    background: #ec4899 !important;
    background-color: #ec4899 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 0 0 2px rgb(236 72 153 / 35%) !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navNotifWrap {
    border-left: 0 !important;
    padding-left: 0 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-lang-wrap {
    border-left: 0 !important;
    padding-left: 0.1rem !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-lang-btn,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .elinom-lang-btn {
    color: #fff !important;
    gap: 0.35rem !important;
    background: transparent !important;
    border: 0 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-lang-btn .fa-chevron-down,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .elinom-lang-btn .fa-chevron-down {
    display: none !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar {
    overflow: visible !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner {
    overflow: visible !important;
    flex-shrink: 0 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navUserChip,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navNotifWrap,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-lang-wrap {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navUserChip .nav-user-name {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  html[data-active-module="landing"] body.erp-body #navbar .nav-menu,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu {
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar .nav-menu > li > a,
  html[data-active-module="landing"] body.erp-body #navbar .nav-menu > li > a.nav-link {
    padding: 0 0.48rem !important;
    font-size: 0.8rem !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar .nav-row-icon {
    display: none !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar .insurance-li {
    display: none !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li:has(> a.marketplace-btn) {
    order: 4 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.zuto-li {
    order: 4 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.entertainment-li {
    order: 5 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.capital-li {
    order: 6 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.wallet-li {
    order: 7 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.nav-end-link {
    order: 10 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.connect-li {
    order: 8 !important;
    flex: 0 0 auto !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.partners-li {
    order: 9 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.about-li {
    order: 10 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.help-li {
    order: 11 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li:has(#platformBtn) {
    display: none !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.connect-li > a,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.connect-li > a * {
    color: #38bdf8 !important;
    -webkit-text-fill-color: #38bdf8 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li > a.marketplace-btn,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li > a.marketplace-btn * {
    color: #fb7185 !important;
    -webkit-text-fill-color: #fb7185 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.capital-li > a,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.capital-li > a * {
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.wallet-li > a,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.wallet-li > a * {
    color: #2dd4bf !important;
    -webkit-text-fill-color: #2dd4bf !important;
  }
}

@media (min-width: 1280px) and (max-width: 1399px) {
  html[data-active-module="landing"] body.erp-body #navbar .container.nav-container,
  html[data-active-module="landing"] body.erp-body #navbar .nav-container {
    max-width: calc(100% - 22rem) !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar .nav-menu > li > a,
  html[data-active-module="landing"] body.erp-body #navbar .nav-menu > li > a.nav-link {
    padding: 0 0.1rem !important;
    font-size: 0.76rem !important;
  }

  /* Keep the required order. Park only Partners/About on laptop so Help
     Centre stays last and Search does not cover the end of the bar. */
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.partners-li,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.about-li {
    display: none !important;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  html[data-active-module="landing"] body.erp-body #navbar .nav-menu > li > a,
  html[data-active-module="landing"] body.erp-body #navbar .nav-menu > li > a.nav-link {
    padding: 0 0.18rem !important;
    font-size: 0.76rem !important;
  }
}

@media (min-width: 1280px) and (max-width: 1599px) {
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner {
    gap: 0.22rem !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar #utilAiSearchSlot,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-ai-search-slot,
  html[data-active-module="landing"] body.erp-body #navbar #us-trigger,
  html[data-active-module="landing"] body.erp-body #navbar .us-trigger {
    width: 8rem !important;
    min-width: 8rem !important;
    max-width: 8rem !important;
  }
}

/* ── KPI card glow, compact AI bar, trust dividers, dark steps ── */
html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card--revenue {
  box-shadow:
    0 0 28px rgb(99 102 241 / 22%),
    inset 0 0 0 1px rgb(99 102 241 / 28%) !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card--workforce {
  box-shadow:
    0 0 28px rgb(16 185 129 / 20%),
    inset 0 0 0 1px rgb(52 211 153 / 28%) !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card--outstanding {
  box-shadow:
    0 0 28px rgb(245 158 11 / 18%),
    inset 0 0 0 1px rgb(251 191 36 / 28%) !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card--compliance {
  box-shadow:
    0 0 28px rgb(56 189 248 / 20%),
    inset 0 0 0 1px rgb(56 189 248 / 28%) !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-center {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
  padding: 0.7rem 0.95rem !important;
  border-radius: 1.15rem !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-orbs,
html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-orbs {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-center {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-head {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  position: relative !important;
  z-index: 2 !important;
  isolation: isolate !important;
  min-height: 2.6rem !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-identity {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 7.5rem) !important;
  min-width: 0 !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-title {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-identity,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-titles,
html 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-live-label,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-metric,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-metric-line {
  position: static !important;
  transform: none !important;
  inset: auto !important;
  float: none !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-feed {
  overflow: hidden !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-feed-rotator,
html body.erp-body #landing .erp-hero.erp-hero--command-center #erpCommandFeedRotator {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  min-width: 0 !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-icon {
  width: 2.15rem !important;
  height: 2.15rem !important;
  background: linear-gradient(135deg, #7c3aed, #6366f1) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgb(124 58 237 / 45%) !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-icon .fa-wand-magic-sparkles,
html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-icon i {
  font-size: 0.95rem !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-title {
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-metric {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  margin-left: auto !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-metric #erpAutomationCount,
html body.erp-body #landing .erp-hero.erp-hero--command-center #erpAutomationCount {
  font-size: 1.65rem !important;
  line-height: 1 !important;
  color: #fff !important;
  font-weight: 800 !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-metric-line {
  margin: 0 !important;
  font-size: 0.72rem !important;
  color: #94a3b8 !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-nodes {
  margin: 0 !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-trust-label {
  display: none !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stats.erp-hero-trust-strip,
html body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-stats.erp-hero-trust-strip,
html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stats.erp-hero-trust-strip,
html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-stats.erp-hero-trust-strip,
html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-trust-strip,
html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-stats {
  display: flex !important;
  flex-flow: row nowrap !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stat.trust-item {
  flex: 1 1 0 !important;
  justify-content: center !important;
  padding: 0 0.35rem !important;
  min-width: 0 !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stat.trust-item + .trust-item {
  border-left: 1px solid rgb(148 163 184 / 22%);
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stat-value {
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  color: #cbd5e1 !important;
  white-space: nowrap !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .trust-ico--blue { color: #38bdf8 !important; }
html body.erp-body #landing .erp-hero.erp-hero--command-center .trust-ico--green { color: #34d399 !important; }
html body.erp-body #landing .erp-hero.erp-hero--command-center .trust-ico--purple { color: #a78bfa !important; }
html body.erp-body #landing .erp-hero.erp-hero--command-center .trust-ico--yellow { color: #fbbf24 !important; }
html body.erp-body #landing .erp-hero.erp-hero--command-center .trust-ico--pink { color: #f472b6 !important; }

html body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.65rem !important;
  margin: 0.15rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-item {
  background: rgb(15 23 42 / 72%) !important;
  border: 1px solid rgb(148 163 184 / 22%) !important;
  color: #f8fafc !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%) !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-label {
  color: #f8fafc !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-item::after {
  content: "\2192" !important;
  color: #e2e8f0 !important;
}

html body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-item {
  text-decoration: none !important;
}

@media (max-width: 900px) {
  html body.erp-body #landing .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 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-item,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip .next-step-item {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-decoration: none !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stats.erp-hero-trust-strip {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.55rem 0.85rem !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stat.trust-item {
    flex: 0 0 auto !important;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stat.trust-item + .trust-item {
    border-left: 0;
  }

  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-head {
    flex-wrap: wrap !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow .edot,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-next-live,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-next-live-dot,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-live-label {
    animation: none !important;
  }
}

@media (width >= 901px) {
  html.erp-nav-dropdown-open body.erp-body #landing .erp-hero-eyebrow,
  html.erp-nav-dropdown-open body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-eyebrow,
  html.erp-nav-dropdown-open 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:has(#navbar .nav-dropdown-open) #landing .erp-hero-eyebrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}