.clients-showcase{--client-width:200px;--client-height:110px;--client-gap:16px;min-width:0;margin-top:60px}.clients-showcase[data-size=small]{--client-width:155px;--client-height:88px}.clients-showcase[data-size=large]{--client-width:260px;--client-height:145px}.clients-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.clients-heading .section-kicker{font-size:9px}.client-playback{border:1px solid var(--line);border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:8px 11px;font-size:10px;display:flex}.client-card{height:var(--client-height);text-align:center;flex-shrink:0;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex;overflow:hidden}.client-card>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:65px;transition:filter .25s,opacity .25s;display:block}.client-card>span{letter-spacing:-.5px;overflow-wrap:anywhere;font-size:16px;font-weight:500}.clients-showcase[data-size=small] .client-card{padding:18px}.clients-showcase[data-size=small] .client-card>img{max-height:45px}.clients-showcase[data-size=large] .client-card>img{max-height:85px}.clients-showcase[data-style=bordered] .client-card{border:1px solid var(--line);border-radius:8px}.clients-showcase[data-style=filled] .client-card{background:var(--surface);border-radius:8px}.clients-showcase[data-style=elevated] .client-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 15px #1020390d}.clients-showcase[data-logos=grayscale] .client-card>img{filter:grayscale();opacity:.7}.clients-showcase[data-logos=grayscale] .client-card:hover>img{filter:none;opacity:1}.clients-grid{grid-template-columns:repeat(var(--client-columns),minmax(0,1fr));gap:var(--client-gap);display:none}.clients-carousel{scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;max-width:100%;padding:8px 0 18px;overflow:auto hidden}.clients-carousel::-webkit-scrollbar{display:none}.clients-track{width:max-content;animation:client-loop var(--client-duration) linear infinite;display:flex}.clients-track-group{gap:var(--client-gap);padding:0 var(--client-gap) 0 0;margin:0;list-style:none;display:flex}.clients-track .client-card{width:var(--client-width)}.clients-carousel:hover .clients-track,.clients-carousel:focus-within .clients-track,.clients-showcase[data-paused=true] .clients-track{animation-play-state:paused}.clients-showcase[data-layout=grid] .clients-grid{display:grid}.clients-showcase[data-layout=grid] .clients-carousel,.clients-showcase[data-layout=grid] .client-playback{display:none}.client-demo-note{color:var(--muted);margin:9px 0 0;font-size:10px}@keyframes client-loop{to{transform:translate(-50%)}}@media (max-width:900px) and (min-width:601px){.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.clients-showcase{--client-gap:10px;margin-top:38px}.clients-heading{align-items:flex-start;gap:10px;margin-bottom:15px}.clients-heading .section-kicker{letter-spacing:.8px;font-size:7px}.client-playback{padding:7px 9px;font-size:9px}.client-card{height:calc(var(--client-height)*.85);padding:16px}.client-card>span{font-size:12px}.clients-showcase[data-mobile-layout=grid] .clients-grid{grid-template-columns:repeat(var(--client-mobile-columns),minmax(0,1fr));display:grid}.clients-showcase[data-mobile-layout=grid] .clients-carousel,.clients-showcase[data-mobile-layout=grid] .client-playback,.clients-showcase[data-mobile-layout=carousel] .clients-grid{display:none}.clients-showcase[data-mobile-layout=carousel] .clients-carousel{display:block}.clients-showcase[data-mobile-layout=carousel] .client-playback{display:flex}.clients-track .client-card{width:calc((100vw - 12vw - 10px)/var(--client-mobile-columns))}}@media (prefers-reduced-motion:reduce){.clients-track{animation:none}.clients-track-group[aria-hidden=true],.clients-track-group .client-repeat{display:none}.client-playback{display:none!important}.clients-carousel{scrollbar-width:thin}}.clients-track{animation:none;transform:none}
