/* Extracted from apipool.net's public logo strip, 2026-10-16.
 * Tailwind utilities scoped here; original 48px logos, 56px gaps,
 * 20px/500 labels and 50% text opacity retained; motion slowed to 60s.
 * Two equal groups make the original translate(-50%) loop seamless.
 */
.fb-provider-marquee { position: relative; z-index: 1; margin-top: clamp(40px, 6vw, 88px); padding: 32px 0; overflow: hidden; background: transparent; }
.fb-provider-track { display: flex; width: max-content; align-items: center; white-space: nowrap; animation: fb-provider-scroll 60s linear infinite; }
.fb-provider-group { display: flex; flex-shrink: 0; align-items: center; gap: 56px; padding-right: 56px; }
.fb-provider-item { display: flex; align-items: center; gap: 12px; flex-shrink: 0; user-select: none; }
.fb-provider-logo { display: block; width: 48px; height: 48px; flex-shrink: 0; object-fit: contain; }
.fb-provider-name { font-family: Arial, sans-serif; font-size: 20px; line-height: 28px; font-weight: 500; color: #1a1a1a; opacity: .5; }
@keyframes fb-provider-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .fb-provider-track { animation: none; } .fb-provider-marquee { overflow-x: auto; } .fb-provider-group[aria-hidden] { display: none; } }