/* Logo's in twee banen (uit de homepage-test :8150, 11 nov 2026). Alles onder .sft. */
.sft{--ease:cubic-bezier(.22,1,.36,1);--line:rgba(255,255,255,.07);position:relative;padding:clamp(60px,7vw,100px) 0;isolation:isolate;overflow-x:clip;background:transparent!important;color:#F4F5FA}
.sft::before{content:"";position:absolute;z-index:-1;width:900px;height:600px;top:50%;left:50%;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(123,140,255,.10),transparent);filter:blur(30px);pointer-events:none}
.sft-head{width:min(1260px,100% - 32px);margin:0 auto 44px;display:grid;justify-items:center;text-align:center;gap:20px}
.sft-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font:600 11px/1 Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#aab4ff;background:color-mix(in srgb,#7b8cff 11%,transparent);border:1px solid color-mix(in srgb,#7b8cff 28%,transparent)}
.sft-tag i{width:6px;height:6px;border-radius:50%;background:#7b8cff;box-shadow:0 0 10px #7b8cff}
.sft-h2{margin:0!important;font:800 clamp(32px,4.2vw,56px)/1.06 Poppins,sans-serif!important;letter-spacing:-.04em!important;word-spacing:.04em;color:#fff!important}
.sft-sub{margin:0!important;max-width:560px;font:400 17px/1.6 Roboto,system-ui,sans-serif!important;color:#A9AEC4!important}
.sft-mq{position:relative;overflow:hidden;padding:8px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.sft-trk{display:flex;gap:14px;width:max-content;animation:sftMq 55s linear infinite}
.sft-trk.rv{animation-direction:reverse;animation-duration:65s}
.sft-mq:hover .sft-trk{animation-play-state:paused}
@keyframes sftMq{to{transform:translateX(calc(-50% - 7px))}}
.sft-lg{position:relative;flex:none;width:196px;height:96px;display:grid;place-items:center;padding:24px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--line);overflow:hidden;transition:transform .6s var(--ease),border-color .5s,background .5s}
.sft-lg::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-120%);transition:transform 1s var(--ease)}
.sft-lg img{width:auto;height:auto;max-height:32px;max-width:124px;object-fit:contain;filter:grayscale(1) invert(1) brightness(1.6);mix-blend-mode:screen;opacity:.5;transition:opacity .5s,transform .6s var(--ease)}
.sft-lg:hover{transform:translateY(-6px);border-color:rgba(232,54,66,.45);background:linear-gradient(180deg,rgba(232,54,66,.12),rgba(255,255,255,.02))}
.sft-lg:hover::after{transform:translateX(120%)}
.sft-lg:hover img{opacity:1;transform:scale(1.06)}
@media (max-width:600px){.sft-lg{width:150px;height:78px;padding:18px}.sft-lg img{max-width:104px;max-height:26px}}
@media (prefers-reduced-motion:reduce){.sft-trk{animation:none}}