/**
 * Evolabs Global Refine Pass — Jul 2026
 * Polish Issues 1–16: navbar weight, sub-nav, spacing, width,
 * social, partners, product CTAs/colors, hero load, type, motion,
 * buttons, icons, imagery — without redesigning layouts.
 */

:root {
  /* Issue 1 — lighter navbar chrome */
  --brand-height: 38px;
  --brand-pad-block: 3px;
  --brand-pad-inline: 14px;
  --brand-pad-inline-start: 12px;
  --nav-pill-min-h: 28px;
  --nav-shell-pad: 2px;
  --nav-pill-bg: #fff;
  --nav-pill-border: rgba(16, 24, 32, 0.08);
  --nav-pill-shadow:
    0 8px 28px rgba(16, 24, 32, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 1);
  --nav-cluster-gap: 10px;
  --demo-nav-height: 36px;

  /* Issue 3 — denser enterprise section rhythm (still premium) */
  --space-section: clamp(72px, 7.5vw, 112px);
  --space-section-hero: clamp(120px, 11vw, 176px);
  --space-section-sm: clamp(56px, 7vw, 88px);
  --space-split: clamp(36px, 4vw, 56px);
  --space-head: clamp(20px, 1.8vw, 32px);
  --space-card-gap: clamp(24px, 2.4vw, 40px);
  --space-grid-gap: clamp(32px, 3.2vw, 56px);

  /* Issue 4 — wider fluid containers (near full viewport; gutters keep text readable) */
  --page-gutter: clamp(16px, 2vw, 40px);
  --container-narrow: 94vw;
  --container: 100%;
  --container-wide: 100%;
  --container-hero: 100%;
  --max: 100%;
  --max-hero: 100%;
  --header-max: min(92rem, calc(100% - 2 * var(--page-gutter)));
  --home-header-width: var(--header-max);
  --max-prose: 48rem;
  --max-heading: min(48ch, 100%);
  --max-diagram: 100%;
  --max-band-detail: 100%;
  --mega-width: min(92rem, calc(100% - 2 * var(--page-gutter)));

  /* Issue 13 — unified button tokens */
  --btn-height: 46px;
  --btn-height-sm: 36px;
  --btn-pad-x: 22px;
  --btn-radius: 999px;
  --btn-shadow: 0 8px 22px rgba(15, 110, 169, 0.16);
  --btn-shadow-hover: 0 12px 28px rgba(15, 110, 169, 0.22);
  --btn-transition: var(--motion-ui-duration, 240ms) var(--ease-standard, cubic-bezier(0.4, 0, 0.2, 1));

  /* Issue 14 — Lucide-aligned icon scale */
  --icon-stroke: 1.75;
  --icon-size: 22px;
  --icon-size-sm: 18px;
  --icon-size-lg: 28px;
}

/* ============================================================
   ISSUE 1 — Navbar visual weight
   ============================================================ */
.site-header {
  top: 8px;
}

.brand.brand--wordmark img {
  width: auto;
  height: 32px;
  max-width: min(220px, 48vw);
  object-fit: contain;
}

.footer-brand--wordmark .footer-brand-logo {
  width: auto;
  height: 40px;
  max-width: min(220px, 58vw);
  object-fit: contain;
}
/* Nav + footer wordmarks — flat official treatment (no glow / saturate / drop-shadow) */
.brand.brand--wordmark img,
.home-page .brand.brand--wordmark img,
.brand.brand--wordmark:hover img,
.home-page .header-inner:hover .brand.brand--wordmark img,
.footer-brand--wordmark .footer-brand-logo {
  filter: none !important;
  transition: none;
  transform: none;
}
.nav-shell {
  gap: 2px;
  padding: var(--nav-shell-pad);
  border-radius: 999px;
  background: var(--nav-pill-bg);
  border: 1px solid var(--nav-pill-border);
  border-color: var(--nav-pill-border);
  box-shadow: var(--nav-pill-shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow: visible;
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.nav-shell:hover,
.nav-shell:focus-within,
.nav-shell:has(.menu-trigger.is-open) {
  background: var(--nav-pill-bg);
  border-color: rgba(15, 110, 169, 0.14);
  box-shadow:
    0 10px 32px rgba(16, 24, 32, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 1);
}

.brand.brand--wordmark,
.home-page .brand.brand--wordmark,
.products-page .brand.brand--wordmark,
.demo-page .site-header .brand.brand--wordmark {
  background: #fff !important;
  border: 1px solid rgba(16, 24, 32, 0.08) !important;
  box-shadow:
    0 8px 28px rgba(16, 24, 32, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.home-page .header-inner::before,
.products-page .header-inner::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

/* Nav labels: dark blue on the always-visible white pill */
.nav-shell .nav-link,
.nav-shell .nav-link > a,
.nav-shell .menu-trigger > a,
.home-page .nav-link,
.home-page .nav-link > a,
.products-page .nav-link,
.products-page .nav-link > a {
  color: var(--nav-label, #0b1f33);
  text-shadow: none;
}

/* Light pages: dark labels over clear nav */
.solutions-page .nav-link,
.solutions-page .nav-link > a,
.company-page .nav-link,
.company-page .nav-link > a,
.demo-page .nav-link,
.demo-page .nav-link > a {
  color: var(--nav-label, #0b1f33);
  text-shadow: none;
}

/* Hover/active states on nav items */
.nav-shell .nav-link:hover,
.nav-shell .menu-trigger:hover,
.nav-shell:hover .nav-link,
.nav-shell:hover .nav-link > a,
.nav-shell:focus-within .nav-link,
.nav-shell:focus-within .nav-link > a,
.nav-shell:has(.menu-trigger.is-open) .nav-link,
.nav-shell:has(.menu-trigger.is-open) .nav-link > a,
.home-page .nav-shell:hover .nav-link,
.home-page .nav-shell:hover .nav-link > a,
.home-page .nav-shell:focus-within .nav-link,
.home-page .nav-shell:focus-within .nav-link > a,
.home-page .nav-shell:has(.menu-trigger.is-open) .nav-link,
.home-page .nav-shell:has(.menu-trigger.is-open) .nav-link > a,
.products-page .nav-shell:hover .nav-link,
.products-page .nav-shell:hover .nav-link > a,
.products-page .nav-shell:focus-within .nav-link,
.products-page .nav-shell:focus-within .nav-link > a,
.products-page .nav-shell:has(.menu-trigger.is-open) .nav-link,
.products-page .nav-shell:has(.menu-trigger.is-open) .nav-link > a {
  color: var(--nav-label, #0b1f33);
  text-shadow: none;
}

.nav-shell .nav-link:hover,
.nav-shell .menu-trigger:hover,
.nav-shell:hover .nav-link:hover,
.nav-shell:focus-within .nav-link:hover,
.nav-shell:has(.menu-trigger.is-open) .nav-link:hover,
.nav-shell:hover .menu-trigger:hover,
.nav-shell:focus-within .menu-trigger:hover,
.nav-shell:has(.menu-trigger.is-open) .menu-trigger:hover,
.home-page .nav-shell:hover .nav-link:hover,
.products-page .nav-shell:hover .nav-link:hover {
  color: var(--nav-hover);
}

@media (min-width: 1101px) {
  .site-header .brand,
  .site-header .brand.brand--wordmark {
    margin-inline-end: var(--nav-cluster-gap);
  }
}

.nav-link {
  min-height: var(--nav-pill-min-h);
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 650;
}

.nav-link > a,
.nav-shell > .nav-link:not(.menu-trigger) {
  padding-inline: 10px;
}

.site-header .demo-button.btn-liquid,
.demo-button.btn-liquid {
  min-height: var(--demo-nav-height);
  padding: 2px 4px 2px 14px;
  gap: 8px;
  font-size: 12.5px;
}

.site-header .demo-button.btn-liquid svg,
.demo-button.btn-liquid svg {
  width: 22px;
  height: 22px;
  padding: 4px;
}

.primary-action.btn-liquid {
  min-height: var(--btn-height);
  font-size: 14px;
}

/* ============================================================
   ISSUE 2 — Sub-navigation (solutions sticky)
   ============================================================ */
.solx-page {
  --solx-header-clear: 45px;
  --solx-subnav-gap: 4px;
  --solx-nav-rhythm: 3.4px;
  --solx-nav-h: 30.6px;
}

.solx-nav {
  top: calc(var(--solx-header-clear) + var(--solx-subnav-gap));
  min-height: 0;
  padding: 0;
}

.solx-nav-track {
  gap: var(--solx-nav-rhythm);
  padding: var(--solx-nav-rhythm);
  border-radius: 999px;
  max-width: min(var(--max), calc(100% - 2 * var(--page-gutter, 16px)));
  background: rgba(255, 255, 255, 0.62);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow:
    0 4px 20px rgba(16, 24, 32, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.solx-nav-track a {
  gap: 5.1px;
  min-height: calc(var(--solx-nav-h) - 2 * var(--solx-nav-rhythm));
  padding: 0 8.5px;
  font-size: 12.75px;
  font-weight: 500;
  letter-spacing: 0;
  border-radius: 999px;
  transition:
    color 220ms var(--ease-smooth, cubic-bezier(0.16, 1, 0.3, 1)),
    background-color 220ms var(--ease-smooth, cubic-bezier(0.16, 1, 0.3, 1)),
    transform 220ms var(--ease-smooth, cubic-bezier(0.16, 1, 0.3, 1)),
    box-shadow 220ms ease;
}

.solx-nav-icon {
  color: var(--color-ui-icon, #ff5a24);
  width: 15.3px;
  height: 15.3px;
}

.solx-nav-track a:hover,
.solx-nav-track a:focus-visible {
  transform: translateY(-1px);
  background: rgba(15, 110, 169, 0.1);
  color: var(--blue-dark, #0a4f78);
}

.solx-nav-track a.is-active {
  font-weight: 600;
  background: rgba(15, 110, 169, 0.14);
  color: var(--blue-dark, #0a4f78);
  box-shadow: inset 0 0 0 1px rgba(15, 110, 169, 0.16);
}

.solx-nav-track a.is-active .solx-nav-icon {
  color: var(--color-ui-icon, #ff5a24);
  opacity: 1;
}

@media (max-width: 1100px) {
  .solx-nav-track {
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .solx-nav-track a {
    scroll-snap-align: start;
  }
}

@media (max-width: 760px) {
  .solx-page {
    --solx-header-clear: 46px;
    --solx-subnav-gap: 4px;
    --solx-nav-h: 28.9px;
  }
  .solx-nav {
    top: calc(var(--solx-header-clear) + var(--solx-subnav-gap));
  }

  .solx-nav-track a {
    font-size: 11.9px;
    min-height: calc(var(--solx-nav-h) - 2 * var(--solx-nav-rhythm));
    padding: 0 8.5px;
  }
  .solx-nav-icon {
    width: 14.45px;
    height: 14.45px;
  }
}

/* ============================================================
   ISSUE 3 — Reduce excessive white space
   ============================================================ */
.section,
.home-page main > .section,
.products-page main > .section,
.solutions-page main > .section,
.company-page main > .section {
  /* inherit tightened --space-section */
}

.section-heading {
  margin-bottom: clamp(18px, 2vw, 28px);
}

.home-page .home-exec-hero-inner {
  padding-top: clamp(96px, 11vh, 140px);
  padding-bottom: clamp(36px, 5vh, 56px);
}

.home-page .home-partner-marquee {
  padding-top: calc(var(--space-section) * 0.35);
}

.page-hero .section-inner,
.products-hero-layout,
.solx-hero-inner,
.demo-hero .section-inner {
  padding-bottom: clamp(48px, 6vw, 88px);
}

.products-page {
  --space-section: clamp(72px, 7.5vw, 112px);
}

.home-page {
  --max: 100%;
  --max-hero: 100%;
  --container: var(--max);
  --container-wide: var(--max-hero);
  --container-hero: var(--max-hero);
}

/* ============================================================
   ISSUE 4 — Responsive width / line length
   ============================================================ */
.section-inner,
.container,
.u-container,
.footer-shell,
.footer-shell.section-inner {
  width: min(var(--max), calc(100% - 2 * var(--page-gutter)));
  max-width: none;
}

.home-page .home-exec-hero-copy,
.products-page .eco-hero-copy,
.solutions-page .solx-hero-copy {
  max-width: min(56rem, 100%);
}

.section-heading p,
.eco-section-lead,
.home-exec-hero-lead,
.platform-band-desc {
  max-width: min(58ch, 100%);
  text-wrap: pretty;
}

h1, h2, .section-heading h2, .home-plat-cinema-name {
  text-wrap: balance;
}

/* ============================================================
   ISSUE 6–7 — Partner logos equal height / spacing / hover
   Official brand marks keep native colors (never orange-recolor).
   ============================================================ */
.home-page .home-partner-marquee-set img,
.company-page .cmp-partner-badge img,
.products-page .eco-hero-partner-logos img,
.platform-band-logo-row img,
.home-page .home-partner-logos img {
  height: 28px;
  max-height: 28px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
  transition: transform 240ms var(--ease-smooth, cubic-bezier(0.16, 1, 0.3, 1)), opacity 240ms ease;
}

.home-page .home-partner-marquee-set li:hover img,
.company-page .cmp-partner-badge:hover img,
.products-page .eco-hero-partner-logos li:hover img {
  transform: translateY(-2px);
}


/* Company strip: wide enough for 7 logos; never squeeze into overlap */
.company-page .cmp-partner-strip-inner {
  width: min(1120px, 94%);
  min-width: 0;
  max-width: 100%;
}

.company-page .cmp-partner-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 2.8vw, 36px) clamp(22px, 3.2vw, 44px);
  width: 100%;
}

.company-page .cmp-partner-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  min-height: 36px;
  height: auto;
  padding: 4px 2px;
  transition: transform 240ms var(--ease-smooth, cubic-bezier(0.16, 1, 0.3, 1));
}

.company-page .cmp-partner-badge:hover {
  transform: translateY(-2px);
}

/* Marquee / strip items must not shrink under logos */
.home-page .home-partner-marquee-set li,
.products-page .eco-hero-partner-logos li,
.platform-band-logo-row li {
  flex: 0 0 auto;
}

/* ============================================================
   ISSUE 8 — Product CTA: Book a Demo filled + Learn More ghost pill
   ============================================================ */
.products-page .platform-band-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.products-page .platform-band-demo,
.products-page .platform-band-learn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--btn-height);
  padding: 0 var(--btn-pad-x);
  border-radius: var(--btn-radius);
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
  transition:
    transform var(--btn-transition),
    box-shadow var(--btn-transition),
    background var(--btn-transition),
    border-color var(--btn-transition),
    color var(--btn-transition);
}

.products-page .platform-band-demo {
  background: #fff;
  color: var(--band-demo-ink, #1a1a1a);
  border: 1.5px solid #fff;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}

.products-page .platform-band-learn {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.9);
  box-shadow: none;
}

.products-page .platform-band-demo:hover,
.products-page .platform-band-demo:focus-visible {
  transform: translateY(-2px);
  background: #f8fafc;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2);
}

.products-page .platform-band-learn:hover,
.products-page .platform-band-learn:focus-visible {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.12);
  border-color: #fff;
  color: #fff;
}

.products-page .platform-band-demo:focus-visible,
.products-page .platform-band-learn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
/* ============================================================
   ISSUE 9 — Softer product section colors
   Demo-button ink only; band backgrounds/hero-blend live in products-polish.css
   ============================================================ */
.products-page .platform-band--flow {
  --band-demo-ink: #8b2e2e;
}

.products-page .platform-band--mara {
  --band-demo-ink: #2a5a38;
}

.products-page .platform-band--frontline {
  --band-demo-ink: #b85a20;
}

.home-page .home-plat-cinema-slide[data-plat="flow"] {
  --plat-accent-soft: #c45b6a;
}

.home-page .home-plat-cinema-slide[data-plat="flow"] .home-plat-cinema-glow {
  opacity: 0.35;
  filter: saturate(0.7);
}

.home-page .home-plat-cinema-slide[data-plat="frontline"] .home-plat-cinema-glow {
  opacity: 0.35;
  filter: saturate(0.75);
}

.home-page .home-plat-cinema-slide[data-plat="mara"] .home-plat-cinema-glow {
  opacity: 0.35;
  filter: saturate(0.75);
}

/* ============================================================
   ISSUE 10 — Hero loading / CLS / navbar flicker
   ============================================================ */
.home-page .home-exec-hero {
  content-visibility: auto;
  contain-intrinsic-size: 644px;
  background: #0a1f33;
}

.home-page .home-exec-hero-bg {
  background: #0a1f33;
}

.home-page .home-exec-hero-bg img {
  opacity: 1;
  transition: opacity 480ms var(--ease-smooth, cubic-bezier(0.16, 1, 0.3, 1));
}

.products-page .eco-hero-media,
.products-page .eco-hero-illustration {
  aspect-ratio: 3 / 2;
  background: #e8eef4;
}

.products-page .eco-hero-illustration {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-exec-hero-bg img {
    transition: none;
  }
}

/* ============================================================
   ISSUE 11 — Typography polish
   ============================================================ */
p, li, .eco-section-lead, .platform-band-desc, .home-exec-hero-lead {
  text-wrap: pretty;
  orphans: 2;
  widows: 2;
}

.section-heading h2 {
  text-wrap: balance;
  max-width: var(--max-heading);
}

/* Hero H1s: no 48ch column - width follows hero copy container */
.products-hero-copy h1,
.home-exec-hero-copy h1,
.products-page--ecosystem .eco-hero-copy h1,
.solx-hero-copy h1 {
  text-wrap: pretty;
  max-width: none;
}

.section-heading p {
  max-width: min(62ch, 100%);
}

/* ============================================================
   ISSUE 12 — Global animation language
   ============================================================ */
[data-reveal],
.suite-card,
.eco-cat-card,
.cmp-who-block,
.solx-copy {
  transition:
    opacity var(--motion-reveal, 560ms) var(--ease-smooth, cubic-bezier(0.16, 1, 0.3, 1)),
    transform var(--motion-reveal, 560ms) var(--ease-smooth, cubic-bezier(0.16, 1, 0.3, 1)),
    filter var(--motion-reveal, 560ms) var(--ease-smooth, cubic-bezier(0.16, 1, 0.3, 1));
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .suite-card,
  .eco-cat-card,
  .home-plat-cinema-slide,
  .home-partner-marquee-track,
  [data-reveal] {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

/* ============================================================
   ISSUE 13 — Global button system
   ============================================================ */
/* Liquid fill is driven only by --p → background-size.
   Do NOT transition `background` here — it double-paints the fill. */
.btn-liquid,
.demo-button.btn-liquid,
.primary-action.btn-liquid,
.suite-demo.btn-liquid,
.footer-cta.btn-liquid {
  border-radius: var(--btn-radius);
  transition:
    --p 0.4s ease,
    color 0.4s ease,
    box-shadow var(--btn-transition),
    transform var(--btn-transition),
    border-color var(--btn-transition);
}

.secondary-action,
.primary-action:not(.btn-liquid) {
  border-radius: var(--btn-radius);
  min-height: var(--btn-height);
  padding-inline: var(--btn-pad-x);
  transition:
    color var(--btn-transition),
    background var(--btn-transition),
    box-shadow var(--btn-transition),
    transform var(--btn-transition),
    border-color var(--btn-transition);
}

.btn-liquid:disabled,
.primary-action:disabled,
.secondary-action:disabled,
button:disabled.btn-liquid {
  opacity: 0.48;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

.btn-liquid:focus-visible,
.primary-action:focus-visible,
.secondary-action:focus-visible,
.demo-button:focus-visible {
  outline: 2px solid var(--blue, #0f6ea9);
  outline-offset: 3px;
}

/* Learn More / secondary = outline ghost pill twin of Book a Demo orange */
a.secondary-action,
.solx-ctas .secondary-action {
  background: transparent;
  color: var(--demo-cta, #ff5a24);
  border: 1.5px solid var(--demo-cta, #ff5a24);
  box-shadow: none;
  border-radius: var(--btn-radius);
  min-height: var(--btn-height);
  padding-inline: var(--btn-pad-x);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 750;
  text-decoration: none;
  transition:
    transform var(--btn-transition),
    background var(--btn-transition),
    border-color var(--btn-transition),
    color var(--btn-transition),
    box-shadow var(--btn-transition);
}

/* Keep white outline Learn More on dark cinema bands */
.home-plat-cinema-actions .secondary-action {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.92);
  box-shadow: none;
  border-radius: var(--btn-radius);
  min-height: var(--btn-height);
  padding-inline: var(--btn-pad-x);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 750;
  text-decoration: none;
}

a.secondary-action:hover,
a.secondary-action:focus-visible,
.solx-ctas .secondary-action:hover,
.solx-ctas .secondary-action:focus-visible {
  transform: translateY(-2px);
  color: var(--demo-cta, #ff5a24);
  border-color: var(--demo-cta, #ff5a24);
  background: rgba(255, 90, 36, 0.08);
}

a.secondary-action:focus-visible {
  outline: 2px solid var(--blue, #0f6ea9);
  outline-offset: 3px;
}


/* ============================================================
   ISSUE 14 — Global icon system (Lucide stroke family)
   ============================================================ */
.mega-item-icon svg,
.solx-nav-icon svg,
.platform-band-icon svg,
.eco-cat-icon svg,
.prod-svc-icon svg,
.prod-rfid-feature-icon svg,
.prod-ind-icon svg,
.solx-value-icon svg,
.solx-journey-icon svg {
  stroke-width: var(--icon-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mega-item-icon,
.eco-cat-icon,
.platform-band-icon,
.prod-svc-icon,
.solx-value-icon {
  width: var(--icon-size);
  height: var(--icon-size);
}

.solx-nav-icon,
.prod-rfid-feature-icon {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}

.solx-page .solx-nav-icon {
  width: 15.3px;
  height: 15.3px;
}

@media (max-width: 760px) {
  .solx-page .solx-nav-icon {
    width: 14.45px;
    height: 14.45px;
  }
}

@media (max-width: 640px) {
  .solx-page .solx-nav-icon {
    width: 11.9px;
    height: 11.9px;
  }
}

/* ============================================================
   ISSUE 15 — Image quality
   ============================================================ */
img {
  max-width: 100%;
  height: auto;
}

/* Partner / brand marks keep fixed visual height (override img height:auto) */
.home-page .home-partner-marquee-set img,
.company-page .cmp-partner-badge img,
.products-page .eco-hero-partner-logos img,
.platform-band-logo-row img,
.home-page .home-partner-logos img {
  height: 28px;
  max-height: 28px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
}

.brand img,
.footer-brand-logo,
.platform-band-logo,
.home-plat-cinema-brand img,
.cmp-partner-badge img,
.home-partner-marquee-set img,
.eco-hero-partner-logos img,
.platform-band-logo-row img {
  object-fit: contain;
  image-rendering: auto;
}

/* Never apply UI-icon orange recolor to official partner brand marks */
.cmp-partner-badge img,
.home-partner-marquee-set img,
.eco-hero-partner-logos img,
.platform-band-logo-row img,
.home-partner-logos img {
  color: unset;
}

.home-exec-hero-bg img,
.home-plat-cinema-bg img,
.platform-band-art picture img,
.platform-band-art > img:not(.platform-band-logo),
.eco-hero-illustration {
  object-fit: cover;
}

/* ============================================================
   ISSUE 16 — Final polish: touch, ultrawide, zoom
   ============================================================ */
@media (min-width: 1600px) {
  :root {
    --page-gutter: clamp(16px, 2vw, 48px);
  }
}

@media (min-width: 2200px) {
  :root {
    --container: 100%;
    --container-wide: 100%;
    --max: 100%;
    --max-hero: 100%;
  }
}

@media (max-width: 760px) {
  .site-header .demo-button.btn-liquid {
    min-height: 40px;
    padding: 2px 4px 2px 12px;
  }

  .nav-link {
    min-height: 28px;
    font-size: 12px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .solx-nav-track a,
  .platform-band-demo,
  .btn-liquid {
    min-height: 44px;
  }
}

/* ============================================================
   COLOR POLISH — Jul 2026
   Eyebrows -> #001feb | Headers -> #0a4f78 | UI icons -> #ff5a24
   Layouts untouched. Logos / official social marks left alone.
   ============================================================ */
:root {
  --color-section-eyebrow: #001feb;
  --color-section-label: #001feb;
  --color-section-heading: #0a4f78;
  --color-ui-icon: #ff5a24;
}

.home-page { --color-section-heading: #0a4f78; }
.products-page,
.solution-builder-page { --color-section-eyebrow: #001feb; }
.solutions-page {
  --sol-eyebrow: #001feb;
  --sol-heading: #0a4f78;
}
.company-page {
  --color-section-eyebrow: #001feb;
  --color-section-heading: #0a4f78;
}
.demo-page {
  --color-section-eyebrow: #ff5a24;
  --color-section-label: #ff5a24;
  --color-section-heading: #0a4f78;
}

/* Eyebrows / kickers / labels → black */
.eyebrow,
.section-label,
.text-eyebrow,
.demo-section-label,
.demo-form-eyebrow,
.capability-preview-label,
.capability-kicker,
.footer-kicker,
.eyebrow.evo-supporting-label,
.product-ecosystem-label.eyebrow,
.sol-solution-eyebrow,
.sol-acc-body-eyebrow,
.solx-eyebrow,
.sol-sb-entry-eyebrow,
.suite-kicker,
.prod-erp-kicker,
.home-page .eyebrow,
.products-page .eyebrow,
.products-page .section-heading .eyebrow,
.products-page .page-hero .eyebrow,
.products-page--ecosystem .prod-rfid-header .eyebrow,
.products-page--ecosystem .prod-erp-header .eyebrow,
.products-page--ecosystem .prod-ind-header .eyebrow,
.products-page--ecosystem .prod-svc-header .eyebrow,
.products-page--ecosystem .eco-hero-copy .eyebrow,
.solutions-page .eyebrow,
.solutions-page .solutions-hero-copy .eyebrow,
.solutions-page #why-evolabs .sol-trust-heading .eyebrow,
.solutions-page .sol-final-cta .eyebrow,
.company-page .eyebrow,
.demo-page .eyebrow,
.demo-page .demo-form-eyebrow,
.solx-value-title,
.demo-page .demo-section-label {
  color: var(--color-section-eyebrow, #001feb);
}

/* Dark / inverse surfaces keep light eyebrows for contrast */
.home-page .home-exec-hero .eyebrow,
.section.dark .eyebrow,
.dark .eyebrow,
.cta-panel.dark .eyebrow,
.products-page .platform-band-detail-kicker,
.solutions-page #warehouse .sol-solution-eyebrow,
.solutions-page #assets .sol-solution-eyebrow,
.solutions-page #sales .sol-solution-eyebrow,
.solutions-page #rfid .sol-solution-eyebrow,
.solutions-page #mobility .sol-solution-eyebrow {
  color: #7eb8e8;
}

/* Product suite kickers keep platform brand hues */
.products-page .suite-card[data-suite="flow"] .suite-kicker { color: #9a1c1c; }
.products-page .suite-card[data-suite="mara"] .suite-kicker { color: #1f6b47; }
.products-page .suite-card[data-suite="frontline"] .suite-kicker { color: #c44712; }

/* Headers / headings → dark blue */
h1, h2, h3, h4, h5, h6,
.section-heading h2,
.section-heading h3,
.cta-panel h2,
.cta-panel-copy h2,
.split-intro h2,
.product-focus-copy h2,
.capability-copy h2,
.operations-layer-copy h2,
.legal-content h2,
.legal-content h3,
.sol-trust-heading h2,
.sol-final-cta .sol-cta-panel h2,
.solutions-page .solx-copy h2,
.demo-form-card h2,
.demo-hero h1,
.page-hero h1,
.solutions-page .solutions-hero-copy h1,
.solutions-page .solx-hero-copy h1,
.company-page h1,
.company-page h2,
.company-page h3,
.company-page .cmp-hero-copy h1,
.home-page h2,
.home-page h3,
.home-page h4,
.suite-card-head h3,
.eco-card h3,
.integ-head h3,
.tile-grid h3,
.product-grid h3,
.faq-item h3,
.faq-question h3,
.sol-enterprise-card h3,
.sol-flip-front h3,
.sol-cap-card h3,
.sol-industry-card h3,
.sol-solution-body h3,
.sol-acc-body-title,
.home-page .home-eco-chain h3,
.home-page .home-ind-name,
.home-page .home-trust-rail h3,
.home-page .home-timeline-card h3 {
  color: #0a4f78;
}

/* Inverse / on-dark headings stay white */
.section.dark h1,
.section.dark h2,
.section.dark h3,
.section.dark .section-heading h2,
.section.dark .cta-panel h2,
.section.dark .cta-panel-copy h2,
.section.dark .sol-cta-panel h2,
.home-page .home-exec-hero h1,
.products-page--ecosystem .eco-hero-copy h1,
.products-page .products-hero-copy h1,
.products-page .platform-band-detail-inner :is(h2, h3, h4, strong),
.products-page .platform-band :is(h2, h3),
.cta-panel.dark h2,
.dark h1,
.dark h2,
.dark h3 {
  color: #ffffff;
}

/* Footer stays light-on-dark (do not apply heading blue) */
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .footer-col-heading,
.site-footer .footer-cta-heading,
.site-footer .footer-brand-name {
  color: #ffffff;
}

/* UI icons that were dark/brand blue → orange */
.eco-icon,
.explorer-visual-icon,
.integ-ico,
.tile-icon:not(.logo),
.capability-feature-icon,
.workflow-node-icon,
.partner-badge-icon:not([class*="partner-brand"]),
.sol-trust-icon,
.sol-industry-icon,
.sol-cap-icon,
.sol-flip-icon,
.sol-why-chip,
.solx-value-icon,
.solx-journey-icon,
.solx-nav-icon,
.mega-item-icon,
.mega-item-arrow,
.eco-cat-icon,
.prod-svc-icon,
.prod-rfid-feature-icon,
.prod-ind-icon,
.prod-hw-category-media--icon,
.cmp-impact-icon,
.cmp-industry-icon,
.cmp-eco-icon,
.cmp-value-icon,
.home-page .home-eco-icon,
.home-page .home-trust-icon,
.home-page .home-timeline-icon,
.home-page .home-ind-panel.is-active .home-ind-icon,
.home-page .home-ind-panel:hover .home-ind-icon,
.hardware-page .hw-line-visual--icon,
.co-cap-icon,
.co-workflow-icon,
.co-principle-icon,
.co-tech-group-icon,
.co-delivery-icon,
.co-milestone-icon,
.co-pillar-icon,
.co-industry-icon {
  color: var(--color-ui-icon, #ff5a24);
}

.eco-icon svg,
.explorer-visual-icon svg,
.integ-ico svg,
.capability-feature-icon svg,
.workflow-node-icon svg,
.partner-badge-icon:not([class*="partner-brand"]) svg,
.sol-trust-icon svg,
.sol-industry-icon svg,
.sol-cap-icon svg,
.sol-flip-icon svg,
.sol-why-chip svg,
.solx-value-icon svg,
.solx-journey-icon svg,
.solx-nav-icon svg,
.mega-item-icon svg,
.mega-item-arrow svg,
.eco-cat-icon svg,
.prod-svc-icon svg,
.prod-rfid-feature-icon svg,
.prod-ind-icon svg,
.prod-hw-category-media--icon svg,
.platform-band-icon svg,
.cmp-impact-icon svg,
.cmp-industry-icon svg,
.cmp-eco-icon svg,
.cmp-value-icon svg,
.home-page .home-eco-icon svg,
.home-page .home-trust-icon svg,
.home-page .home-timeline-icon svg,
.home-page .home-ind-icon svg,
.hardware-page .hw-line-visual--icon svg,
.co-cap-icon svg,
.co-workflow-icon svg,
.co-principle-icon svg,
.co-tech-group-icon svg,
.co-delivery-icon svg,
.co-milestone-icon svg,
.co-pillar-icon svg,
.co-industry-icon svg {
  stroke: currentColor;
}

.hardware-page .hw-line-visual--icon svg {
  stroke: var(--color-ui-icon, #ff5a24);
}

.company-page .cmp-impact-item:hover .cmp-impact-icon {
  color: var(--orange-deep, #e84b18);
}

.solutions-page .sol-cap-card:hover .sol-cap-icon,
.solutions-page .sol-industry-card:hover .sol-industry-icon,
.solutions-page .sol-trust-card:hover .sol-trust-icon {
  color: var(--color-ui-icon, #ff5a24);
}

.eco-icon,
.sol-cap-icon {
  background: color-mix(in srgb, var(--color-ui-icon, #ff5a24) 12%, #fff);
}

.company-page .cmp-impact-icon {
  border-color: color-mix(in srgb, var(--color-ui-icon, #ff5a24) 22%, transparent);
}

/* Official logos / social brand assets — no recolor */
.suite-icon img,
.tile-icon.logo img,
.partner-badge-icon.partner-brand--sap img,
.evo-eco-icon--logo img,
.brand img,
.footer-brand-logo,
.home-plat-cinema-brand img,
.platform-band-logo,
.cmp-partner-badge img,
.home-partner-marquee-set img,
.eco-hero-partner-logos img,
.cmp-industry-icon--img img {
  color: inherit;
  filter: none;
}

/* Higher-specificity icon overrides (beat page hardcodes like #001feb) */
.products-page--ecosystem .eco-cat-icon,
.products-page--ecosystem .prod-rfid-feature-icon,
.products-page--ecosystem .prod-ind-icon,
.products-page--ecosystem .prod-svc-icon,
.products-page .prod-hw-category-media--icon,
.solutions-page .sol-trust-icon,
.solutions-page .sol-industry-icon,
.solutions-page .sol-cap-icon,
.solutions-page .sol-flip-icon,
.solutions-page .sol-challenges-section .sol-flip-icon,
.solutions-page .solx-value-icon,
.solutions-page .solx-journey-icon,
.solutions-page .solx-nav-icon,
.company-page .cmp-impact-icon,
.company-page .cmp-industry-icon,
.company-page .cmp-eco-icon,
.home-page .home-eco-icon,
.home-page .home-trust-icon,
.home-page .home-timeline-icon,
.home-page .home-ind-panel.is-active .home-ind-icon,
.home-page .home-ind-panel:hover .home-ind-icon {
  color: var(--color-ui-icon, #ff5a24);
}

.products-page--ecosystem .prod-rfid-feature:hover .prod-rfid-feature-icon,
.products-page--ecosystem .prod-ind-col:hover .prod-ind-icon,
.products-page--ecosystem .prod-svc-step:hover .prod-svc-icon {
  color: var(--color-ui-icon, #ff5a24);
}

/* Value icons are raster/brand imagery — do not force orange */
.company-page .cmp-value-icon {
  color: inherit;
  filter: none;
}
/* ============================================================
   DARK / COLORED SURFACE TEXT — readable white (Jul 2026)
   Color polish forced black eyebrows + dark-blue headings globally.
   Re-assert light text only on dark/saturated fills. Light sections unchanged.
   Do not restyle Book a Demo filled pill (keeps --band-demo-ink on white).
   ============================================================ */

/* --- Products: Flow / Mara / Frontline platform bands --- */
.products-page .platform-band,
.products-page .platform-band-content,
.products-page .platform-band-detail {
  color: #ffffff;
}

.products-page .platform-band :is(
  h1, h2, h3, h4, h5, h6,
  p, li, span, strong, em,
  .platform-band-tagline,
  .platform-band-desc,
  .platform-band-features li,
  .platform-band-detail-kicker,
  .platform-band-partner-label,
  .suite-meta-label,
  .platform-workflow span
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Platform-band feature icons (Flow/Mara/Frontline) — white only; never orange UI tint */
.products-page .platform-band .platform-band-icon,
.products-page .platform-band .platform-band-icon svg,
.products-page .platform-band .platform-band-icon svg * {
  color: #fff !important;
  stroke: currentColor !important;
  fill: none;
}

/* Outline Learn More stays white on band; filled Book a Demo keeps dark ink */
.products-page .platform-band .platform-band-learn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.products-page .platform-band .platform-band-demo:not(.platform-band-learn),
.products-page .platform-band .platform-band-demo:not(.platform-band-learn) span {
  color: var(--band-demo-ink, #1a1a1a) !important;
  -webkit-text-fill-color: var(--band-demo-ink, #1a1a1a) !important;
}

/* Homepage / products dark heroes — pure bright white (beat section heading blue) */
.home-page .home-exec-hero h1,
.home-page .home-exec-hero-copy h1,
.home-page #home-hero-title,
.home-page .home-exec-hero-lead,
.products-page--ecosystem .eco-hero--illustration .eco-hero-copy h1,
.products-page .products-hero-copy h1,
.home-page .home-builder h2,
.home-page .home-builder #home-builder-title,
.home-page .home-builder p,
.home-builder h2,
.home-builder #home-builder-title,
.home-builder p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* --- Homepage platform cinema (dark photo slides) --- */
.home-page .home-plat-cinema,
.home-page .home-plat-cinema-copy {
  color: #ffffff;
}

.home-page .home-plat-cinema :is(
  .home-plat-cinema-eyebrow,
  .home-plat-cinema-name,
  .home-plat-cinema-sub,
  .home-plat-cinema-benefits li,
  h2, h3, p, li
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.home-page .home-plat-cinema-eyebrow {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

.home-page .home-plat-cinema-sub,
.home-page .home-plat-cinema-benefits li {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* --- Solutions: light .solx rows keep dark readable text ---
   Do NOT force white on #warehouse/#assets/#sales/#rfid/#mobility alone.
   Those IDs now use .solx-section with near-white tinted backgrounds;
   white !important on p/li hid .solx-desc + feature labels (white-on-white).
   Legacy dark .sol-solution-row / accordion contrast stays in solutions-polish.css. */
.solutions-page .solx-section :is(.solx-eyebrow, .solx-tagline, .solx-desc, .solx-value-title, .solx-values li) {
  -webkit-text-fill-color: unset;
}

.solutions-page .solx-section .solx-eyebrow {
  color: var(--sol-eyebrow, #001feb);
}

.solutions-page .solx-section .solx-copy h2 {
  color: var(--sol-heading, #0a4f78);
  -webkit-text-fill-color: var(--sol-heading, #0a4f78);
}

.solutions-page .solx-section .solx-tagline {
  color: rgba(10, 31, 51, 0.78);
}

.solutions-page .solx-section .solx-desc {
  color: var(--solx-muted, rgba(10, 31, 51, 0.72));
}

.solutions-page .solx-section .solx-value-title {
  color: var(--color-section-eyebrow, #001feb);
}

.solutions-page .solx-section .solx-values li {
  color: var(--color-section-eyebrow, #001feb);
}

/* Legacy dark colored accordion rows only (if re-enabled) */
.solutions-page #warehouse.sol-solution-row,
.solutions-page #assets.sol-solution-row,
.solutions-page #sales.sol-solution-row,
.solutions-page #rfid.sol-solution-row,
.solutions-page #mobility.sol-solution-row,
.solutions-page #warehouse.sol-acc-item.is-open,
.solutions-page #assets.sol-acc-item.is-open,
.solutions-page #sales.sol-acc-item.is-open,
.solutions-page #rfid.sol-acc-item.is-open,
.solutions-page #mobility.sol-acc-item.is-open {
  color: #ffffff;
}

.solutions-page #warehouse.sol-solution-row :is(
  .sol-solution-eyebrow, .sol-acc-body-eyebrow, .sol-acc-title, .sol-acc-body-title,
  .sol-solution-body h3, .sol-acc-desc, .sol-solution-body > p, .sol-benefit-list li
),
.solutions-page #assets.sol-solution-row :is(
  .sol-solution-eyebrow, .sol-acc-body-eyebrow, .sol-acc-title, .sol-acc-body-title,
  .sol-solution-body h3, .sol-acc-desc, .sol-solution-body > p, .sol-benefit-list li
),
.solutions-page #sales.sol-solution-row :is(
  .sol-solution-eyebrow, .sol-acc-body-eyebrow, .sol-acc-title, .sol-acc-body-title,
  .sol-solution-body h3, .sol-acc-desc, .sol-solution-body > p, .sol-benefit-list li
),
.solutions-page #rfid.sol-solution-row :is(
  .sol-solution-eyebrow, .sol-acc-body-eyebrow, .sol-acc-title, .sol-acc-body-title,
  .sol-solution-body h3, .sol-acc-desc, .sol-solution-body > p, .sol-benefit-list li
),
.solutions-page #mobility.sol-solution-row :is(
  .sol-solution-eyebrow, .sol-acc-body-eyebrow, .sol-acc-title, .sol-acc-body-title,
  .sol-solution-body h3, .sol-acc-desc, .sol-solution-body > p, .sol-benefit-list li
),
.solutions-page #warehouse.sol-acc-item.is-open :is(
  .sol-solution-eyebrow, .sol-acc-body-eyebrow, .sol-acc-title, .sol-acc-body-title,
  .sol-solution-body h3, .sol-acc-desc, .sol-solution-body > p, .sol-benefit-list li
),
.solutions-page #assets.sol-acc-item.is-open :is(
  .sol-solution-eyebrow, .sol-acc-body-eyebrow, .sol-acc-title, .sol-acc-body-title,
  .sol-solution-body h3, .sol-acc-desc, .sol-solution-body > p, .sol-benefit-list li
),
.solutions-page #sales.sol-acc-item.is-open :is(
  .sol-solution-eyebrow, .sol-acc-body-eyebrow, .sol-acc-title, .sol-acc-body-title,
  .sol-solution-body h3, .sol-acc-desc, .sol-solution-body > p, .sol-benefit-list li
),
.solutions-page #rfid.sol-acc-item.is-open :is(
  .sol-solution-eyebrow, .sol-acc-body-eyebrow, .sol-acc-title, .sol-acc-body-title,
  .sol-solution-body h3, .sol-acc-desc, .sol-solution-body > p, .sol-benefit-list li
),
.solutions-page #mobility.sol-acc-item.is-open :is(
  .sol-solution-eyebrow, .sol-acc-body-eyebrow, .sol-acc-title, .sol-acc-body-title,
  .sol-solution-body h3, .sol-acc-desc, .sol-solution-body > p, .sol-benefit-list li
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.solutions-page #warehouse.sol-solution-row :is(.sol-solution-eyebrow, .sol-acc-body-eyebrow),
.solutions-page #assets.sol-solution-row :is(.sol-solution-eyebrow, .sol-acc-body-eyebrow),
.solutions-page #sales.sol-solution-row :is(.sol-solution-eyebrow, .sol-acc-body-eyebrow),
.solutions-page #rfid.sol-solution-row :is(.sol-solution-eyebrow, .sol-acc-body-eyebrow),
.solutions-page #mobility.sol-solution-row :is(.sol-solution-eyebrow, .sol-acc-body-eyebrow),
.solutions-page #warehouse.sol-acc-item.is-open :is(.sol-solution-eyebrow, .sol-acc-body-eyebrow),
.solutions-page #assets.sol-acc-item.is-open :is(.sol-solution-eyebrow, .sol-acc-body-eyebrow),
.solutions-page #sales.sol-acc-item.is-open :is(.sol-solution-eyebrow, .sol-acc-body-eyebrow),
.solutions-page #rfid.sol-acc-item.is-open :is(.sol-solution-eyebrow, .sol-acc-body-eyebrow),
.solutions-page #mobility.sol-acc-item.is-open :is(.sol-solution-eyebrow, .sol-acc-body-eyebrow) {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}
/* Dark section utility classes */
.section.dark :is(p, li, .eyebrow, h1, h2, h3),
.dark :is(p, li, .eyebrow, h1, h2, h3),
.cta-panel.dark :is(p, li, .eyebrow, h1, h2, h3) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.section.dark .eyebrow,
.dark .eyebrow,
.cta-panel.dark .eyebrow {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}


/* Builder result Learn More — same outline pill language */
a.builder-learn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--btn-height);
  padding: 0 var(--btn-pad-x);
  border-radius: var(--btn-radius);
  background: transparent;
  border: 1.5px solid currentColor;
  box-shadow: none;
  font-weight: 750;
  text-decoration: none;
  transition:
    transform var(--btn-transition),
    background var(--btn-transition),
    border-color var(--btn-transition),
    color var(--btn-transition);
}

a.builder-learn:hover,
a.builder-learn:focus-visible {
  transform: translateY(-2px);
  background: rgba(15, 110, 169, 0.06);
}

a.builder-learn:focus-visible {
  outline: 2px solid var(--blue, #0f6ea9);
  outline-offset: 3px;
}
/* Homepage hero partners — keep white mono (do not let filter:none win) */
.home-page .home-exec-hero .home-hero-partner-logos img {
  filter: brightness(0) invert(1);
}

/* ============================================================
   SAP / Sage optical size - match Syspro / Zebra visual weight
   Applied via alt + src so every partner strip benefits.
   Excludes ecosystem diagram micro-icons (.evo-eco-icon).
   ============================================================ */
.platform-band-logo-row img[alt="SAP"],
.eco-hero-partner-logos img[alt="SAP"],
.home-partner-logos img[alt="SAP"],
.cmp-partner-badge img[alt="SAP"],
.solx-art-logos img[alt="SAP"],
.home-hero-partner-logos img[alt="SAP"],
img.partner-logo--sap,
.partner-logo--sap img {
  height: 36px;
  max-height: 40px;
  max-width: 118px;
  width: auto;
  object-fit: contain;
  transform: scale(1.28);
  transform-origin: center center;
}

.platform-band-logo-row img[alt="Sage"],
.eco-hero-partner-logos img[alt="Sage"],
.home-partner-logos img[alt="Sage"],
.cmp-partner-badge img[alt="Sage"],
.solx-art-logos img[alt="Sage"],
.home-hero-partner-logos img[alt="Sage"],
img.partner-logo--sage,
.partner-logo--sage img {
  height: 34px;
  max-height: 38px;
  max-width: 130px;
  width: auto;
  object-fit: contain;
  transform: scale(1.22);
  transform-origin: center center;
}

/* Products platform detail (red ERP strip) - beat aside height:24px */
.products-page .platform-band-col--aside .platform-band-logo-row img[alt="SAP"],
.products-page .platform-band-logo-row img[src*="sap-wordmark"] {
  height: 34px;
  max-height: 36px;
  max-width: 108px;
  transform: scale(1.35);
  transform-origin: center center;
}

.products-page .platform-band-col--aside .platform-band-logo-row img[alt="Sage"],
.products-page .platform-band-logo-row img[src*="sage.svg"] {
  height: 32px;
  max-height: 34px;
  max-width: 118px;
  transform: scale(1.3);
  transform-origin: center center;
}

/* Products hero partners - base height is ~18px */
.products-page--ecosystem .eco-hero-partner-logos img[alt="SAP"],
.products-page--ecosystem .eco-hero-partner-logos img[src*="sap-wordmark"] {
  height: 28px;
  max-height: 30px;
  max-width: 96px;
  transform: scale(1.45);
  transform-origin: left center;
}

.products-page--ecosystem .eco-hero-partner-logos img[alt="Sage"],
.products-page--ecosystem .eco-hero-partner-logos img[src*="sage.svg"] {
  height: 26px;
  max-height: 28px;
  max-width: 110px;
  transform: scale(1.4);
  transform-origin: left center;
}

.products-page--ecosystem .eco-hero-partner-logos li:hover img[alt="SAP"],
.products-page--ecosystem .eco-hero-partner-logos li:hover img[src*="sap-wordmark"] {
  transform: translateY(-1px) scale(1.45);
}

.products-page--ecosystem .eco-hero-partner-logos li:hover img[alt="Sage"],
.products-page--ecosystem .eco-hero-partner-logos li:hover img[src*="sage.svg"] {
  transform: translateY(-1px) scale(1.4);
}

/* Company strip */
.company-page .cmp-partner-badge--sap img,
.company-page .cmp-partner-badge img[alt="SAP"] {
  height: 36px;
  max-height: 40px;
  max-width: 96px;
  transform: scale(1.25);
  transform-origin: center center;
}

.company-page .cmp-partner-badge--sage img,
.company-page .cmp-partner-badge img[alt="Sage"] {
  height: 34px;
  max-height: 38px;
  max-width: 120px;
  transform: scale(1.22);
  transform-origin: center center;
}

/* Solutions ERP art logos */
.solx-art-logos img[alt="SAP"],
.solx-art-logos img[src*="sap-wordmark"] {
  height: 34px;
  max-height: 36px;
  max-width: 120px;
  transform: scale(1.3);
  transform-origin: center center;
}

.solx-art-logos img[alt="Sage"],
.solx-art-logos img[src*="sage.svg"] {
  height: 32px;
  max-height: 34px;
  max-width: 130px;
  transform: scale(1.25);
  transform-origin: center center;
}

/* Products ERP accordion triggers */
.products-page--ecosystem .prod-erp-item[data-erp="sap"] .prod-erp-logo img {
  width: 128px;
  height: 48px;
  max-width: 128px;
  max-height: 48px;
  transform: scale(1.12);
  transform-origin: center center;
}

.products-page--ecosystem .prod-erp-item[data-erp="sage"] .prod-erp-logo img {
  width: 128px;
  height: 48px;
  max-width: 128px;
  max-height: 48px;
  transform: scale(1.18);
  transform-origin: center center;
}

@media (max-width: 720px) {
  .products-page--ecosystem .eco-hero-partner-logos img[alt="SAP"],
  .products-page--ecosystem .eco-hero-partner-logos img[src*="sap-wordmark"] {
    height: 24px;
    max-height: 26px;
    transform: scale(1.4);
  }

  .products-page--ecosystem .eco-hero-partner-logos img[alt="Sage"],
  .products-page--ecosystem .eco-hero-partner-logos img[src*="sage.svg"] {
    height: 22px;
    max-height: 24px;
    transform: scale(1.35);
  }

  .company-page .cmp-partner-badge--sap img,
  .company-page .cmp-partner-badge img[alt="SAP"] {
    height: 30px;
    max-height: 32px;
    max-width: 84px;
  }

  .company-page .cmp-partner-badge--sage img,
  .company-page .cmp-partner-badge img[alt="Sage"] {
    height: 28px;
    max-height: 30px;
    max-width: 100px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .products-page--ecosystem .eco-hero-partner-logos img[alt="SAP"],
  .products-page--ecosystem .eco-hero-partner-logos img[src*="sap-wordmark"] {
    transform: scale(1.45);
  }

  .products-page--ecosystem .eco-hero-partner-logos img[alt="Sage"],
  .products-page--ecosystem .eco-hero-partner-logos img[src*="sage.svg"] {
    transform: scale(1.4);
  }
}