.clients-section{position:relative;padding:80px 0;overflow:hidden;background:0 0;display:block}.clients-marquee-wrapper{position:relative;width:100%;display:flex;overflow:hidden;margin-bottom:24px;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.clients-marquee{display:flex;width:fit-content;transform:translate3d(0,0,0)}.clients-marquee-track{display:flex;align-items:center;gap:24px;padding:16px 0;animation:scrollHorizontal 60s linear infinite}.clients-marquee-reverse .clients-marquee-track{animation:scrollHorizontalReverse 60s linear infinite}.client-logo-item{position:relative;flex:0 0 auto;width:180px;height:100px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.2,0,0,1)}.client-logo-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-4px);box-shadow:0 4px 8px 3px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.3)}.client-logo{max-width:100%;max-height:100%;width:auto;object-fit:contain;filter:grayscale(100%) opacity(.7);transition:all .3s ease}.client-logo-item:hover .client-logo{filter:grayscale(0%) opacity(1);transform:scale(1.1)}.clients-marquee-wrapper:hover .clients-marquee-track{animation-play-state:paused}[data-theme=light] .client-logo-item{background:#f3f3fa;border:1px solid #e0e0e0;box-shadow:none}[data-theme=light] .client-logo{filter:grayscale(100%) opacity(.6)}[data-theme=light] .client-logo-item:hover{background:#fff;border-color:var(--md-sys-color-primary);box-shadow:0 4px 8px 3px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1)}@media (max-width:768px){.client-logo-item{width:140px;height:80px;border-radius:12px;padding:16px}.clients-marquee-track{gap:16px}}