@media (prefers-reduced-motion: no-preference) {
  main > *, .card, .service-card, .hero-content { animation: hbt-enter .5s cubic-bezier(.16,1,.3,1) both; }
  a, button { transition: transform .18s ease, filter .18s ease, box-shadow .18s ease; }
  a:hover, button:hover { transform: translateY(-2px); }
  a:active, button:active { transform: scale(.98); }
}
@keyframes hbt-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }