/*! Bytecode — [bytecode_client_logos] logo marquee + case studies button */
.bccl{--bccl-blue:#1A6DFF;--bccl-red:#FF4B2B;padding:80px 0 80px;font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;overflow:hidden}
.bccl *,.bccl *::before,.bccl *::after{box-sizing:border-box}
.bccl__head{max-width:1240px;margin:0 auto;padding:0 24px;text-align:center}
.bccl__label{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bccl-red)}
#home-logos .bccl__label {
    margin:0 0 10px;
}
/*.bccl__label::before,.bccl__label::after{content:"";width:26px;height:1px;background:currentColor}*/

.bccl__title{margin:14px 0 0;font-family:inherit;font-weight:800;text-transform:uppercase;font-size:clamp(32px,4.4vw,48px);line-height:1;letter-spacing:-.04em;color:#fff}
.bccl__title span{display:block;color:var(--bccl-blue)}
.bccl__marq{overflow:hidden;margin-top:44px;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.bccl__marq+.bccl__marq{margin-top:18px}
.bccl__track{display:flex;align-items:center;gap:18px;width:max-content;animation:bccl-mq 38s linear infinite}
.bccl__marq.is-rev .bccl__track{animation-direction:reverse;animation-duration:44s}
.bccl__marq:hover .bccl__track{animation-play-state:paused}
@keyframes bccl-mq{to{transform:translateX(-50%)}}
.bccl__tile{display:grid;place-items:center;width:200px;height:86px;padding:18px 26px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:border-color .3s,background .3s}
.bccl__tile:hover{border-color:rgba(127,168,255,.4);background:rgba(11,102,255,.08)}
.bccl__tile img{display:block;max-width:100%;max-height:42px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.75;transition:opacity .3s}
.bccl__tile:hover img{opacity:1}
/* logos with their own (non-transparent) background are shown as they are */
.bccl__tile.is-raw img{filter:none;opacity:1;border-radius:6px}
.bccl__foot{margin-top:44px;text-align:center;padding:0 24px}
.bccl__btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 34px;border-radius:999px;border:1px solid rgba(255,255,255,.75);color:#fff!important;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;text-decoration:none!important;transition:background .25s,border-color .25s,transform .25s}
.bccl__btn:hover{background:#0B66FF;border-color:#0B66FF;transform:translateY(-2px)}

/* ---------- buttons ---------- */
/*.bccl .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:15px 28px;border-radius:999px;border:1.5px solid rgba(255,255,255,.45);background:transparent;color:#fff;font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}*/
/*.bccl .btn:hover{transform:translateY(-2px);border-color:#fff}*/
/*.bccl .btn-blue{background:linear-gradient(135deg,#2F7BFF,#0B5CF0 60%,#4A3DFF);border-color:transparent;box-shadow:0 14px 34px -12px rgba(47,123,255,.95),inset 0 1px 0 rgba(255,255,255,.3)}*/
/*.bccl .btn-blue:hover{border-color:transparent;box-shadow:0 18px 42px -12px rgba(47,123,255,1),inset 0 1px 0 rgba(255,255,255,.3)}*/
/*.bccl .btn-white{background:#fff;border-color:#fff;color:#0A1A44}*/
/*.bccl .btn svg{width:16px;height:16px;transition:transform .25s}*/
/*.bccl .btn:hover svg{transform:translateX(3px)}*/

@media (max-width:767px){.bccl{padding:50px 0 50px}.bccl__tile{width:150px;height:70px;padding:14px 18px}}
@media (prefers-reduced-motion:reduce){.bccl__track{animation:none}}