html:has(main[data-medical-motion]) { scroll-behavior: smooth; }
main[data-medical-motion] #consultation { scroll-margin-top: 120px; }
main[data-medical-motion] :is(.button, .sc-button, .fit-slider-button, .sc-match-tabs button) {
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease;
}
main[data-medical-motion] :is(.sc-task-grid, .sc-management-grid, .security-grid, .comparison-grid, .testimonial-grid) > * {
  transition: transform .25s ease, box-shadow .25s ease;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  main[data-medical-motion] :is(.button, .sc-button, .fit-slider-button):hover { transform: translateY(-3px); }
  main[data-medical-motion] :is(.sc-task-grid, .sc-management-grid, .security-grid, .comparison-grid, .testimonial-grid) > *:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgb(252 0 84 / 10%);
  }
}
@media (prefers-reduced-motion: reduce) {
  html:has(main[data-medical-motion]) { scroll-behavior: auto; }
  main[data-medical-motion] *, main[data-medical-motion] *::before, main[data-medical-motion] *::after { transition: none !important; }
}