/* ALECTIUS — client logos block (scoped to #clients so Nicepage styles don't override it) */
section#clients.alx-clients{background:linear-gradient(#f2f2f2,#e9e9ec);padding:110px 20px 120px;font-family:"Open Sans",sans-serif;display:block}
#clients .alx-clients__inner{max-width:1140px;width:100%;margin:0 auto;text-align:center}
#clients h2.alx-clients__title{font-family:"Roboto Condensed",sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:12px;text-transform:uppercase;color:#999;margin:0 0 22px;padding:0}
#clients p.alx-clients__lead{max-width:620px;margin:0 auto 56px;padding:0;color:#6b6b6b;font-size:17px;line-height:1.65}
#clients ul.alx-clients__grid{list-style:none;margin:0 auto;padding:0;width:100%;max-width:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
#clients ul.alx-clients__grid li{position:relative;aspect-ratio:1/1;margin:0;padding:0;background:#fff;border-radius:26px;box-shadow:0 10px 28px rgba(0,0,0,.06);opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
#clients ul.alx-clients__grid li::before{content:none}
#clients ul.alx-clients__grid img{position:absolute;top:18%;left:18%;width:64%;height:64%;max-width:none;object-fit:contain;margin:0}
#clients ul.alx-clients__grid li.wide img{top:14%;left:10%;width:80%;height:72%}
#clients ul.alx-clients__grid li.badge img{border-radius:14px}
#clients.is-inview ul.alx-clients__grid li{opacity:1;transform:none}
#clients.is-inview ul.alx-clients__grid li:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.12)}
@media (max-width:991px){#clients ul.alx-clients__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:575px){
  section#clients.alx-clients{padding:70px 16px 80px}
  #clients h2.alx-clients__title{font-size:26px;letter-spacing:7px}
  #clients p.alx-clients__lead{font-size:15px;margin-bottom:36px}
  #clients ul.alx-clients__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  #clients ul.alx-clients__grid li{border-radius:16px}
}
@media (prefers-reduced-motion:reduce){#clients ul.alx-clients__grid li{opacity:1;transform:none;transition:none}}
