html { scroll-padding-top: 5rem; }
body { overflow-x: hidden; }
[data-reveal], .reveal-card { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
[data-reveal].is-visible, .reveal-card.is-visible { opacity: 1; transform: translateY(0); }
.phone-frame { animation: phone-float 7s ease-in-out infinite; }
@keyframes phone-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.feature-card, .testimonial-card { transition: transform .25s ease, box-shadow .25s ease; }
.feature-card:hover, .testimonial-card:hover { transform: translateY(-5px); box-shadow: 0 18px 35px rgba(124, 58, 237, .12); }
#screenshot-slider { scrollbar-width: none; }
#screenshot-slider > * { min-width: min(82vw, 360px); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }