/* ticker marquee (template "Trusted": rails top border, padding 40/44, gap 28) */
.tk__rails { padding: 40px 0 44px; display: flex; flex-direction: column; gap: 28px; }
.tk__label { padding: 0 var(--rail-pad); color: var(--muted); }
.lm { width: 100%; overflow: hidden; padding: 6px 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.lm__track { display: flex; width: max-content; animation: lmScroll var(--lm-dur, 60s) linear infinite; }
.lm__list { display: flex; align-items: center; gap: var(--lm-gap, 64px); padding-right: var(--lm-gap, 64px); flex-shrink: 0; }
.lm__item { display: flex; align-items: center; gap: 10px; color: var(--text-3); white-space: nowrap; transition: color 200ms ease; }
.lm__logo { width: calc(var(--lm-size, 22px) + 8px); height: calc(var(--lm-size, 22px) + 8px); flex-shrink: 0; border-radius: 999px; background: #f5f5f4; display: grid; place-items: center; overflow: hidden; }
.lm__logo.is-dark { background: #1c1917; box-shadow: inset 0 0 0 1px rgba(250, 250, 249, 0.1); }
.lm__logo img { width: 74%; height: 74%; object-fit: contain; display: block; }
.lm__item span { font: 600 19px/1 var(--f-display); letter-spacing: -0.02em; }
@keyframes lmScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (hover: hover) and (pointer: fine) { .lm:hover .lm__track { animation-play-state: paused; } .lm__item:hover { color: var(--text) !important; } }
@media (max-width: 809.98px) { .lm { --lm-gap: 44px; --lm-size: 18px; } .lm__item { gap: 8px; } .lm__item span { font-size: 15px; } }
@media (prefers-reduced-motion: reduce) { .lm__track { animation: none; flex-wrap: wrap; width: 100%; justify-content: center; } .lm__list[aria-hidden] { display: none; } }
