.trust-strip {
    background: var(--c-purple-deep);
    padding-block: 24px;
    overflow: hidden;
}

.trust-strip__inner {
    display: flex;
    align-items: center;
    gap: 32px;
}

.trust-strip__label {
    flex: none;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: rgba(255,255,255,0.5);
}

.trust-strip__viewport {
    flex: 1;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
            mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
}

.trust-strip__track {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 64px;
    animation: trust-marquee 40s linear infinite;
}

.trust-strip:hover .trust-strip__track { animation-play-state: paused; }

.trust-strip__logos {
    display: flex;
    align-items: center;
    gap: 80px;
    flex: none;
}

.trust-strip__logos img {
    height: 32px;
    width: auto;
    filter: brightness(0) invert(1) opacity(0.7);
    transition: opacity var(--t-fast) var(--ease-out), filter var(--t-fast) var(--ease-out);
}

.trust-strip__logos li:hover img { filter: brightness(0) invert(1) opacity(1); }

@keyframes trust-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    .trust-strip__track { animation: none; }
}

@media (max-width: 767px) {
    .trust-strip__inner { flex-direction: column; align-items: flex-start; gap: 16px; }
    .trust-strip__viewport { width: 100%; }
    .trust-strip__logos { gap: 60px; }
    .trust-strip__track { gap: 40px; animation-duration: 30s; }
    .trust-strip__logos img { height: 24px; }
}