.client-logos{position:relative;isolation:isolate;padding:56px 0 64px;overflow:hidden;border-block:1px solid #332b42;background:radial-gradient(ellipse at 70% 0,rgba(146,55,238,.13),transparent 65%),#0b0914}
.client-logos-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 var(--pad,24px) 28px}
.client-logos-eyebrow{font-size:12px;color:#c2a0ff;letter-spacing:.08em}
.client-logos h2{font-size:clamp(30px,4vw,54px);line-height:1.2;margin:10px 0;font-weight:800}
.client-logos h2 em{color:#c2a0ff;font-style:normal}
.client-logos-heading p{color:#aaa3b8;margin:0;font-size:15px}
.client-logos-toggle{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border:1px solid #645378;border-radius:999px;padding:10px 16px;min-height:44px;background:#191123;color:#f7f5fc;font:inherit;font-size:13px;cursor:pointer}
.client-logos-toggle[hidden]{display:none}
.client-logos-toggle .icon{width:18px;height:18px}
.client-logos-toggle:hover{background:#332048}
.client-logos :focus-visible{outline:2px solid #c2a0ff;outline-offset:4px}
.client-logos-window{overflow-x:auto;direction:ltr;scrollbar-width:thin;scrollbar-color:#795699 transparent;padding:7px 0 12px}
.client-logos-track{display:flex;width:max-content;direction:ltr}
.client-logos-group{display:flex;align-items:center;gap:16px;list-style:none;margin:0;padding:0 16px 0 0;flex-shrink:0}
.client-logos-card{width:204px;height:136px;display:flex;align-items:center;justify-content:center;padding:16px;flex-shrink:0;border-radius:20px;background:#fff;box-shadow:0 4px 18px #0002;overflow:hidden;transition:transform .25s,box-shadow .25s}
.client-logos-card img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;filter:none}
.client-logos-card:hover{transform:translateY(-4px);box-shadow:0 5px 24px #9237ee40}
.client-logos-jagum{background:#f3ede5;padding:0 18px}
.client-logos-jagum img{width:160px;height:160px;max-width:none}
.client-logos-ofer,.client-logos-mai{padding:15px 44px}
.client-logos-hair-wishes{background:#21192b;border:1px solid #574267}
.client-logos-gana{background:#f6f6f6}
.client-logos.is-animated .client-logos-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.client-logos.is-animated .client-logos-track{animation:client-logos-drift 46s linear infinite}
.client-logos.is-paused .client-logos-track,.client-logos.is-offscreen .client-logos-track,.client-logos:hover .client-logos-track,.client-logos:focus-within .client-logos-track{animation-play-state:paused}
@keyframes client-logos-drift{to{transform:translateX(-50%)}}
.motion-reduced .client-logos-track{animation:none!important;transform:none!important}
.motion-reduced .client-logos [data-clone]{display:none}
.motion-reduced .client-logos .client-logos-window{overflow-x:auto;mask-image:none}
@media(max-width:760px){.client-logos{padding:36px 0 40px}.client-logos-heading{gap:14px;padding-bottom:22px;align-items:center}.client-logos-heading p{font-size:13px;max-width:200px}.client-logos-toggle{width:44px;padding:10px}.client-logos-toggle span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.client-logos-card{width:168px;height:116px;border-radius:16px;padding:14px}.client-logos-group{gap:12px;padding-right:12px}.client-logos-ofer,.client-logos-mai{padding:14px 36px}.client-logos-jagum{padding:0 10px}.client-logos-jagum img{width:140px;height:140px}.client-logos.is-animated .client-logos-track{animation-duration:40s}}
@media(prefers-reduced-motion:reduce){.client-logos .client-logos-track{animation:none!important;transform:none!important}.client-logos [data-clone]{display:none}.client-logos.is-animated .client-logos-window{overflow-x:auto;mask-image:none}.client-logos-card{transition:none}}
/* Pointer-driven motion shares one continuous position with autoplay. */
.client-logos.is-animated .client-logos-track{animation:none;will-change:transform}
.client-logos.is-animated .client-logos-window{touch-action:pan-y pinch-zoom;cursor:grab;user-select:none}
.client-logos.is-dragging .client-logos-window{cursor:grabbing}
.client-logos-card img{-webkit-user-drag:none;user-select:none}
@media(max-width:760px){
  .client-logos-card{width:120px;height:86px;padding:10px;border-radius:12px}
  .client-logos-group{gap:10px;padding-right:10px}
  .client-logos-ofer,.client-logos-mai{padding:10px 26px}
  .client-logos-jagum{padding:0 5px}
  .client-logos-jagum img{width:106px;height:106px}
}