/* DesignCoder leftover kill — /solutions /products /industries
   Live 2026-09-05 still served <x-dc> + #fff/#f5f7fb bands when nginx
   marketing-routes.conf was not applied. Next MarketingPageView is #0c0c11.
   This sheet is linked from MarketingLayout and can be injected into static
   HTML via infra/nginx/designcoder-kill.conf. */

html,body,x-dc,x-dc > div,[data-marketing-page],.am-home,main,
.algomong-root-shell,.algomong-root-main{
  background:#0c0c11 !important;
  color:#ececf1 !important;
  color-scheme:dark !important;
}

html:root,html:root[data-theme="light"]{
  --bg-0:#0c0c11 !important;
  --bg-1:#12121a !important;
  --bg-2:#17171f !important;
  --fg:#ececf1 !important;
  --wwc-1:#8b7cf7 !important;
  --wwc-2:#a99df9 !important;
  --wwc-fg:#0a0a10 !important;
  --wwc-shadow:rgba(139,124,247,.34) !important;
  --wwc-shadow-h:rgba(139,124,247,.44) !important;
  --wwc-focus:rgba(139,124,247,.7) !important;
}

section[style*="background:#fff"],
section[style*="background: #fff"],
section[style*="background:#f5f7fb"],
section[style*="background: #f5f7fb"],
section[style*="background:#eef1f7"],
section[style*="background: #eef1f7"],
div[style*="background:#fff"],
div[style*="background: #fff"],
div[style*="background:#f5f7fb"],
div[style*="background:#eef1f7"]{
  background:#0c0c11 !important;
  color:#ececf1 !important;
}

/* Teal / mint DesignCoder cards → dark purple band */
[style*="#155e6b"],[style*="#1f6f8b"],[style*="#14b8a6"],[style*="#2dd4bf"],
[style*="#0d9488"],[style*="#5eead4"]{
  background:#12121a !important;
  border-color:rgba(139,124,247,.35) !important;
  color:#ececf1 !important;
}

/* .scp0 = DesignCoder compiled tab (inactive was browser-default #0000ee) */
.scp0,
.r-quicknav a,
[data-scrollspy] a{
  color:#c9c9d4 !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  text-decoration:none !important;
}
.scp0:hover,
.r-quicknav a:hover,
[data-scrollspy] a:hover{
  color:#fff !important;
  border-color:rgba(139,124,247,.45) !important;
  background:rgba(139,124,247,.11) !important;
}
.scp0:active,
.r-quicknav a:active,
[data-scrollspy] a:active{
  color:#a99df9 !important;
  background:rgba(139,124,247,.18) !important;
  border-color:#8b7cf7 !important;
}
.scp0:focus-visible,
.r-quicknav a:focus-visible,
[data-scrollspy] a:focus-visible{
  outline:2px solid #8b7cf7 !important;
  outline-offset:2px;
}
.scp0.is-on,
.scp0.active,
.scp0[aria-current],
.r-quicknav a.is-on,
.r-quicknav a.active,
.r-quicknav a[aria-current]{
  color:#a99df9 !important;
  border-color:#8b7cf7 !important;
  background:rgba(139,124,247,.16) !important;
}

/* Host /_w/contact.js mint FAB — tokens only; script stays host-side */
.wwc-fab{
  background:linear-gradient(135deg,#a99df9,#8b7cf7) !important;
  color:#0a0a10 !important;
  box-shadow:0 10px 26px rgba(139,124,247,.34) !important;
}
.wwc-fab:hover{box-shadow:0 14px 32px rgba(139,124,247,.44) !important}
.wwc-fab:active{transform:scale(.98)}
.wwc-fab:focus-visible{outline:3px solid rgba(139,124,247,.7) !important;outline-offset:2px}
.wwc-card h4{color:#a99df9 !important}
.wwc-btn:focus-visible{outline:2px solid #8b7cf7 !important}
.wwc-btn svg{fill:#a99df9 !important}
