/* Beoli client showcase - scrolling rectangular logo cards */
.clients{display:none;padding:26px 0 8px;background:#fff;border-bottom:1px solid #E5E7EB}
.clients .section-head{margin-bottom:14px}
.clients h2{margin:0}
.clients .sub{margin:0 0 16px;color:#64748B;font-size:14px}
.clients .kicker{display:block;margin-bottom:6px}
.cl-track{display:flex;flex-wrap:nowrap;overflow:hidden;position:relative;padding:4px 0 18px;touch-action:pan-y;cursor:grab}
.cl-track:focus-visible{outline:2px solid #489D02;outline-offset:2px}
.cl-group{display:flex;gap:16px;margin:0;padding:0 16px;list-style:none;will-change:transform;flex:0 0 auto}
.cl-card{flex:0 0 auto;width:320px;height:128px;padding:14px;box-sizing:border-box;
  background:#fff;border:1px solid #E5E7EB;border-radius:10px;display:flex;align-items:center;justify-content:center}
.cl-card img{object-fit:contain;width:100%;height:100%;display:block}
.cl-ctl{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding-bottom:14px}
.cl-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  padding:0;color:#06522B;background:#fff;border:1px solid #E5E7EB;border-radius:12px;
  cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.cl-btn svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;
  stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cl-btn:hover{background:#F4F8F4;border-color:#C7D4C5}
.cl-btn:active{transform:scale(.94)}
.cl-btn:focus-visible{outline:2px solid #489D02;outline-offset:2px}
.cl-btn[disabled]{opacity:.5;cursor:default}
.cl-track.dragging{cursor:grabbing}
.cl-note{color:#64748B;font-size:12.5px;margin-right:auto;align-self:center}
@media(max-width:680px){
  .cl-card{width:260px;height:108px;padding:14px}
  .cl-group{gap:16px;padding:0 16px}
}
@media(prefers-reduced-motion:reduce){.cl-track{overflow-x:auto;touch-action:auto;-webkit-overflow-scrolling:touch}}