.clients-section{background:#000;padding:100px 0;overflow:hidden;position:relative;min-height:400px}.clients-section::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(230,44,125,.03) 50%,transparent 60%),linear-gradient(-135deg,transparent 40%,rgba(107,92,255,.03) 50%,transparent 60%);pointer-events:none}.clients-marquee-wrapper{position:absolute;width:150%;left:-25%;padding:30px 0;transform-origin:center;overflow:visible}.clients-marquee-wrapper:nth-of-type(1){top:15%;transform:rotate(-8deg)}.clients-marquee-wrapper:nth-of-type(2){top:55%;transform:rotate(8deg)}.clients-marquee-gradient{position:absolute;top:0;bottom:0;width:150px;z-index:2;pointer-events:none}.clients-marquee-gradient-left{left:0;background:linear-gradient(to right,#000,transparent)}.clients-marquee-gradient-right{right:0;background:linear-gradient(to left,#000,transparent)}.clients-marquee{display:flex;width:fit-content}.clients-marquee-track{display:flex;align-items:center;gap:40px;animation:scroll-rtl 50s linear infinite}.clients-marquee-reverse .clients-marquee-track{animation:scroll-ltr 60s linear infinite}.clients-marquee-wrapper:hover .clients-marquee-track{animation-play-state:paused}.client-logo-item{flex:0 0 auto;width:200px;height:110px;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);border:1px solid rgba(255,255,255,.08);border-radius:24px;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.34,1.56,.64,1);cursor:pointer;box-shadow:0 8px 32px rgba(0,0,0,.6)}.client-logo-item::before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#e62c7d,#6b5cff,#e62c7d);background-size:200% 200%;border-radius:24px;opacity:0;transition:opacity .5s ease;z-index:-1;animation:gradient-shift 3s ease infinite}.client-logo-item::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.client-logo-item:hover{transform:translateY(-12px) scale(1.08) rotateZ(0deg);border-color:transparent;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);box-shadow:0 24px 60px rgba(230,44,125,.3),0 0 80px rgba(107,92,255,.2),0 0 0 1px rgba(230,44,125,.5)}.client-logo-item:hover::before{opacity:1}.client-logo-item:hover::after{opacity:1}.client-logo{max-width:100%;max-height:65px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1) opacity(.7);transition:all .5s ease}.client-logo-item:hover .client-logo{filter:brightness(1) invert(0) opacity(1);transform:scale(1.15)}.clients-section .section-title{color:#fff;text-align:center;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:20px;position:relative;z-index:10}.clients-section .section-description{color:rgba(255,255,255,.7);text-align:center;max-width:600px;margin:0 auto 60px;position:relative;z-index:10}[data-theme=dark] .clients-section{background:#000}[data-theme=light] .clients-section{background:#0a0a0a}@media (max-width:968px){.clients-section{min-height:350px;padding:60px 0}.clients-marquee-wrapper{width:200%;left:-50%}.clients-marquee-wrapper:nth-of-type(1){top:10%;transform:rotate(-5deg)}.clients-marquee-wrapper:nth-of-type(2){top:55%;transform:rotate(5deg)}.client-logo-item{width:160px;height:90px;padding:18px;border-radius:16px}.client-logo{max-height:50px}.clients-marquee-track{gap:24px}.clients-marquee-gradient{width:80px}}@media (max-width:768px){.client-logo-item{width:140px;height:80px;padding:15px}.client-logo{max-height:45px}}@media (prefers-reduced-motion:reduce){.clients-marquee-track{animation:none}.client-logo-item::before{animation:none}}