.section.block-clients{position:relative;isolation:isolate;padding-block:34px 18px;background:linear-gradient(180deg,transparent 0%,var(--primary-soft,#f3f5fd) 46%,#fff 100%)}
.section.block-clients::before{content:"";position:absolute;z-index:-1;inset:-120px 0 auto;height:240px;background:radial-gradient(ellipse at 50% 65%,var(--primary-tint,#dce0f9) 0%,var(--primary-soft,#f3f5fd) 52%,transparent 76%);filter:blur(30px);clip-path:inset(-60px 0);pointer-events:none}
.section:has(+ .block-clients)>.container{position:relative;z-index:1}
.clients-heading{text-align:center;margin-bottom:24px}
.clients-heading h2{font-size:clamp(16px,1.6vw,19px);line-height:1.5;letter-spacing:0;font-weight:650}
.clients-heading p{max-width:660px;margin:8px auto 0;color:var(--muted);font-size:14px}
.clients-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.clients-track{display:flex;width:max-content;max-width:100%;margin-inline:auto}
.clients-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 28px;padding:0;margin:0;list-style:none}
.clients-logo{display:flex;align-items:center;justify-content:center;flex:0 0 160px;width:160px;height:64px}
.clients-logo img{display:block;width:160px;height:64px;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .18s,opacity .18s}
.clients.is-animated .clients-track{max-width:none;animation:clients-scroll var(--clients-duration,30s) linear infinite}
.clients.is-animated .clients-list{flex-wrap:nowrap;justify-content:flex-start;flex-shrink:0;gap:clamp(28px,4vw,64px);padding-inline-end:clamp(28px,4vw,64px)}
@media(hover:hover){.clients-viewport:has(.clients-logo:hover) .clients-track{animation-play-state:paused}.clients-logo:hover img{filter:none;opacity:1}}
@keyframes clients-scroll{to{transform:translateX(-50%)}}
@media(min-width:700px){.section.block-clients{padding-top:38px}.clients-heading{margin-bottom:30px}.clients-list{column-gap:48px}}
@media(max-width:699px){.section.block-clients::before{top:-80px;height:180px;filter:blur(24px)}}
@media(prefers-reduced-motion:reduce){.clients.is-animated .clients-track{animation:none}.clients-viewport{mask-image:none}.clients-logo img{transition:none}}