/* motion.css — shared motion pack for the JGAMail Signature Builder.
   Reveal-on-scroll itself lives in styles.css (.reveal / .reveal.in) and is
   triggered by motion.js (and, on index.html, by app.js); this file adds
   ONLY card hover lift and button press feedback. Nothing here hides
   content: with JavaScript off, or with reduced motion preferred, every
   element is fully visible and these rules do not apply. */
@media (prefers-reduced-motion: no-preference) {
  .card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
  }
  .card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(15, 36, 64, 0.10);
  }
  .btn,
  .icon-btn {
    transition: transform 0.12s ease;
  }
  .btn:active,
  .icon-btn:active {
    transform: translateY(1px) scale(0.99);
  }
}