body.solutions-page{
    --amber: #f58a22;
    --amber-light: #f58a22;
    --rust: #f58a22;
    background: #ffffff;
    color: #14102a;
  }
  html:has(body.solutions-page){ background: #ffffff; }

  body.solutions-page .solutions-content,
  body.solutions-page .solutions-content .shero,
  body.solutions-page .solutions-content .cap-map,
  body.solutions-page .solutions-content .six,
  body.solutions-page .solutions-content .delivery,
  body.solutions-page .solutions-content .cases,
  body.solutions-page .solutions-content .faq,
  body.solutions-page .solutions-content .cta-final{
    background: #ffffff;
  }

  /* Capability map: switch to light surface */
  body.solutions-page .solutions-content .cap-map{
    border-bottom: 1px solid rgba(15, 19, 24, 0.10);
  }
  body.solutions-page .solutions-content .cap-map .section-h{ color: var(--ink-900); }
  body.solutions-page .solutions-content .cap-map .section-sub{ color: var(--ink-600); }

  body.solutions-page .solutions-content .cap-map__visual{
    background: #14181f;
    border: 1px solid rgba(255, 255, 255, 0.10);
  }
  body.solutions-page .solutions-content .cap-map__visual::before{
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  }
  body.solutions-page .solutions-content .cap-layer{
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.10);
  }
  body.solutions-page .solutions-content .cap-layer__label{
    border-right: 1px dashed rgba(255, 255, 255, 0.18);
  }
  body.solutions-page .solutions-content .cap-layer__name{ color: #ffffff; }
  body.solutions-page .solutions-content .cap-chip{
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #cfd6dd;
  }
  body.solutions-page .solutions-content .cap-chip:hover{
    background: rgba(245, 138, 34, 0.12);
    border-color: var(--amber);
    color: #ffffff;
  }
  body.solutions-page .solutions-content .cap-chip--core{
    border-color: var(--amber);
    color: #ffffff;
    background: rgba(245, 138, 34, 0.16);
  }
  body.solutions-page .solutions-content .cap-chip--em{
    border-color: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
  }
  body.solutions-page .solutions-content .cap-map__legend{ color: var(--ink-600); }

  /* Keep existing delivery typography; just white background */
  body.solutions-page .solutions-content .delivery{
    border-bottom: 1px solid rgba(15, 19, 24, 0.10);
  }

  /* Closing CTA: white surface */
  body.solutions-page .solutions-content .cta-final{
    border-bottom: 1px solid rgba(15, 19, 24, 0.10);
  }

  /* ============================================================
     EVERY BG WHITE — catch-all override for /solutions index page.
     Forces white on every section/wrapper/footer/article/aside/main
     inside body.solutions-page so no colored or dark stripe leaks
     from globally-loaded styles.css (which has dark .shero, dark
     footer, dark .delivery, etc.).
     ============================================================ */
  html:has(body.solutions-page),
  body.solutions-page,
  body.solutions-page main,
  body.solutions-page .solutions-content,
  body.solutions-page .solutions-content > *:not(footer),
  body.solutions-page section,
  body.solutions-page header.shero,
  body.solutions-page .cap-map,
  body.solutions-page .six,
  body.solutions-page .delivery,
  body.solutions-page .cases,
  body.solutions-page .faq,
  body.solutions-page .cta-final,
  body.solutions-page .wrap:not(footer .wrap) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
  }
  /* Kill any decorative pseudo-element radial gradients / overlays
     (but leave the footer's pseudo-elements alone). */
  body.solutions-page section::before,
  body.solutions-page section::after,
  body.solutions-page header.shero::before,
  body.solutions-page header.shero::after {
    background: transparent !important;
    background-image: none !important;
  }