/* Scroll reveal: hidden only when JS runs, so the page still shows without it */
.js .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.js .reveal.in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js .reveal { opacity: 1; transform: none; transition: none; }
  .bubble { animation: none; }
  .btn:hover, .feature:hover { transform: none; }
}