/* Keep client artwork on neutral surfaces in either site theme. */
html .clients-section,
html[data-theme=dark] .clients-section {
  background:#f6f8fc;
  color:#14315d;
  border-block:1px solid #e4eaf2;
}
.clients-section .eyebrow { color:#4654bc; }
.clients-section .clients-heading h2 { color:#14315d; }
.clients-section .clients-heading>p { color:#586b83; }
.clients-section .clients-grid { border:0; gap:16px; }
.clients-section .client-cell,
html[data-theme=dark] .clients-section .client-cell {
  background:#fff;
  height:144px;
  padding:24px;
  border:1px solid #e4eaf2;
  border-radius:8px;
}
.clients-section .client-cell img { max-height:80px; max-width:100%; }
.clients-section :is(.client-flxled,.client-dx) img {
  background:#122650;
  padding:16px;
  border-radius:6px;
  box-sizing:border-box;
  width:160px;
  height:80px;
}
@media(max-width:680px) {
  .clients-section .clients-grid { gap:10px; }
  .clients-section .client-cell { height:120px; padding:16px; }
  .clients-section :is(.client-flxled,.client-dx) img { padding:12px; height:70px; }
}

/* Audit: standalone product links need a usable target without changing copy. */
.homepage .solution-card .btn-link{min-height:44px;display:inline-flex;align-items:center}
/* Keep logo artwork neutral while the surrounding section follows dark mode. */
html[data-theme=dark] .clients-section {
  background:var(--background);
  color:var(--foreground);
  border-color:var(--border);
}
html[data-theme=dark] .clients-section .eyebrow { color:var(--link); }
html[data-theme=dark] .clients-section .clients-heading h2 { color:var(--foreground); }
html[data-theme=dark] .clients-section .clients-heading>p { color:var(--muted-foreground); }
html[data-theme=dark] .clients-section .client-cell {
  background:#fff;
  border-color:var(--border);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}