/* Scroll-triggered reveal used across the landing page sections (Problem, How It Works,
   Built for Everyone, Features, Get Started, Pricing, Video Demo) — see /js/landing.js for
   the IntersectionObserver that adds .lc-revealed once an element scrolls into view. */
[data-lc-reveal],
[data-lc-reveal-item] {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
[data-lc-reveal].lc-revealed,
[data-lc-reveal-item].lc-revealed {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    [data-lc-reveal],
    [data-lc-reveal-item] {
        transition: none;
    }
}