.clients{position:relative;background:radial-gradient(ellipse at 15% 45%,#0688ff0c,transparent 65%),radial-gradient(ellipse at 85% 55%,#da1fff08,transparent 65%)}.clients h2{max-width:900px}.clients-intro{color:#98a8c0;line-height:1.8;max-width:730px;margin:22px 0 38px}.client-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.client-tabs button{padding:12px 22px;border:1px solid #ffffff1c;border-radius:30px;color:#a5b2c8;font:inherit;font-size:.85rem;cursor:pointer;background:#ffffff02;transition:background .3s,color .3s,border-color .3s}.client-tabs button:hover{border-color:#0688ff80;color:white}.client-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(110deg,#0688ff25,#da1fff18);border-color:#0688ff85}.client-tabs button:focus-visible,.client-pagination button:focus-visible{outline:2px solid #00b0d1;outline-offset:4px}.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;min-height:270px;align-content:center;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.client-logo{height:135px;display:flex;align-items:center;justify-content:center;padding:30px 35px}.client-logo img{max-width:100%;width:180px;height:75px;object-fit:contain;opacity:.85;transition:opacity .3s,transform .3s}.client-logo:hover img{opacity:1;transform:translateY(-3px)}.client-logo[hidden],.client-panels>[hidden],.client-pagination[hidden]{display:none}.client-panels>[role=tabpanel]{animation:clients-in .4s ease}.client-pagination{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:20px;font-size:.75rem;color:#9aacbf}.client-pagination button{width:38px;height:38px;border:1px solid #ffffff25;border-radius:50%;cursor:pointer;color:white}.client-pagination button:disabled{opacity:.3;cursor:default}@keyframes clients-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:250px}.client-logo{padding:25px;height:110px}.client-tabs{gap:8px}.client-tabs button{padding:10px 14px;font-size:.75rem}.clients-intro{font-size:.9rem}.client-logo img{height:60px}}@media(prefers-reduced-motion:reduce){.client-panels>[role=tabpanel]{animation:none}.client-logo img{transition:none}}