/* =========================================================================
   clients — Figma 1053:1596 "Clients CTA" · mobile 969:830
   dark 1500×832 card on the planet glow · copy · two logo rows (marquee,
   opposite directions, faded edges).
   ========================================================================= */
.clients{padding:0 0 108px;background:var(--white)}
.clients__card{position:relative;display:flex;flex-direction:column;align-items:center;min-height:832px;padding:78px 0 64px;border-radius:20px;overflow:hidden;color:var(--white);background:#000 url("../images/clients-bg.webp") right 0 top 22px/103.81% auto no-repeat}
.clients__copy{display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:24px}
.clients__title{line-height:63px}
.clients__text{max-width:990px;margin:31px 0 44px;font-size:28px;line-height:38px}
.clients__strip{width:100%;margin-top:auto;display:flex;flex-direction:column;gap:24px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.clients__row{display:flex;width:max-content;animation:clients-marquee 40s linear infinite}
.clients__row--rev{animation-direction:reverse}
.clients__strip:hover .clients__row{animation-play-state:paused}
.clients__logos{gap:0}
.clients__logos li{width:230px;height:100px;justify-content:center}
.clients__logos img,.clients__logos svg{opacity:.7}
@keyframes clients-marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}

@media (max-width:1100px){
  .clients{padding-bottom:80px}
  .clients__card{min-height:0;padding:64px 0 48px}
  .clients__title{line-height:var(--lh-h2)}
  .clients__text{font-size:22px;line-height:32px;margin:24px 0 36px}
  .clients__strip{margin-top:64px}
}
@media (max-width:800px){
  .clients{padding-bottom:56px}
  .clients__card{padding:40px 0 32px;background-position:50% 100%;background-size:260% auto}
  .clients__text{font-size:18px;line-height:27px;margin:16px 0 28px}
  .clients__strip{margin-top:44px;gap:8px}
  .clients__logos li{width:150px;height:72px}
  .clients__logos img,.clients__logos svg{height:calc(var(--h) * .62)}
}