@keyframes scrollLogos {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        @keyframes iconPop {
            0% { transform: scale(0.6); opacity: 0; }
            100% { transform: scale(1); opacity: 1; }
        }
        @keyframes scrollLeft {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        @keyframes scrollRight {
            0% { transform: translateX(-50%); }
            100% { transform: translateX(0); }
        }

        @keyframes featureScrollUp {
            0% { transform: translateY(0); }
            100% { transform: translateY(-50%); }
        }

        @keyframes featureScrollDown {
            0% { transform: translateY(-50%); }
            100% { transform: translateY(0); }
        }
        .hero-content {
            animation: looply-hero-enter 700ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
        }

        @keyframes looply-hero-enter {
            from { opacity: 0; transform: translateY(24px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes looply-button-sheen {
            0%,
            72% {
                transform: translateX(-220%) skewX(-24deg);
            }
            88%,
            100% {
                transform: translateX(420%) skewX(-24deg);
            }
        }

        html.motion-ready .site-reveal {
            opacity: 0;
            transform: translateY(28px);
            transition: opacity 560ms ease, transform 560ms cubic-bezier(0.2, 0.8, 0.2, 1);
            transition-delay: var(--reveal-delay, 0ms);
        }

        html.motion-ready .site-reveal.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        @media (prefers-reduced-motion: reduce) {
            .feature-track,
            .testimonials-track {
                animation: none !important;
            }
        }