/* Entrances use temporary WAAPI effects; no pending or hidden CSS state. */
@media (prefers-reduced-motion: no-preference) {
  html[data-production="true"][data-motion="on"] .modern-header {
    transition: box-shadow .18s ease-out, background-color .18s ease-out;
  }
  html[data-production="true"][data-motion="on"] :is(.btn,.overview-card,.service-selector-button) {
    transition: transform .16s ease-out, box-shadow .16s ease-out, background-color .16s ease-out;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html[data-production="true"][data-motion="on"] .btn:hover { transform: translateY(-1px); }
  html[data-production="true"][data-motion="on"] .overview-card:hover { transform: translateY(-2px); }
}