@media (prefers-reduced-motion: no-preference) {
    .reveal { opacity: 0; transform: translateY(24px); transition: opacity .55s ease, transform .55s ease; }
    .reveal.visible { opacity: 1; transform: none; }
    .hero-visual, .floating-chip { animation: floatSoft 7s ease-in-out infinite; }
    .chip-b { animation-delay: -1.8s; }
    .chip-c { animation-delay: -3.1s; }
    .service-card, .pricing-card, .portfolio-card, .btn { transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
}

@keyframes floatSoft {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}