/* CLIENTS PAGE — css/clients.css */

/* .hero-light-rays / .hero-warp-dots and .client-section/.client-section-header */

/* Stats strip: pushed a little further below the light hero (shared .client-section padding + 40px) */
.client-section { padding-top: calc(var(--space-section) + 40px); }

/* Logo wall */
.clp-logos-section {
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);
  padding: var(--space-section) var(--site-pad-x);
}
.clp-logos-inner { max-width: var(--site-max-w); margin: 0 auto; text-align: center; }
.clp-logos-inner h2 { color: var(--fg-primary); margin: 0 0 12px; }
.clp-logos-inner > p { color: var(--fg-body); font-size: var(--section-p); max-width: 760px; margin: 0 auto 40px; }

/* 5-row scrolling logo marquee — .client-carousel-block/.logo-track-wrapper/ */
.logo-track.clp-row-1,
.logo-track.clp-row-3 { animation: scrollLeft 20s linear infinite; }
.logo-track.clp-row-2,
.logo-track.clp-row-4 { animation: scrollRight 20s linear infinite; }
.logo-track.clp-row-5 { animation: scrollLeft 15s linear infinite; }

/* Testimonials (shared client-reviews section — new/css/client-reviews.css) */
#clients-testimonials { scroll-margin-top: 100px; }