/* "Trusted by" server strip (12 Nov). Same card language: 1px line, dark card, mono kicker. Desktop marquee, phones a static wrap. */
.tb{max-width:var(--gf-wrap,1180px);margin:0 auto 72px;text-align:center}
.tb-k{margin:0 0 18px;font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gf-mut)}
.tb-v{overflow:hidden}
.tb-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.tb-row li{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:1px solid var(--gf-line);border-radius:14px;background:var(--gf-card,#151517);color:var(--gf-txt,#ececf0);font:600 14px/1 var(--sans);white-space:nowrap}
.tb-row img{width:36px;height:36px;border-radius:9px;object-fit:contain;display:block}
@media (hover:hover) and (pointer:fine){
  .tb-row li{transition:border-color .3s,color .3s}
  .tb-row img{filter:grayscale(1);opacity:.7;transition:filter .35s,opacity .35s}
  .tb-row li:hover{border-color:rgba(255,255,255,.18)}
  .tb-row li:hover img{filter:none;opacity:1}
}
.tb.is-marq .tb-v{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tb.is-marq .tb-row{flex-wrap:nowrap;justify-content:flex-start;width:max-content;animation:tb-marq 46s linear infinite}
.tb.is-marq .tb-v:hover .tb-row{animation-play-state:paused}
@keyframes tb-marq{to{transform:translateX(-50%)}}
@media (max-width:760px){.tb{margin-bottom:52px;padding:0 16px}.tb-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tb-row li{flex-direction:column;justify-content:center;gap:7px;padding:12px 6px 10px;font-size:12px;white-space:normal}.tb-row img{width:32px;height:32px;border-radius:8px}}
@media (prefers-reduced-motion:reduce){.tb.is-marq .tb-row{animation:none}}
