:root{--motion-fast:180ms;--motion-medium:260ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
.situation-title{display:block}
@media(prefers-reduced-motion:no-preference){
 a,button,.quiz-options label{transition:color var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-medium),translate var(--motion-medium) var(--motion-ease),scale var(--motion-fast) var(--motion-ease)}
 button:enabled:active,a:active{scale:.98}
 .quiz-options label:active{scale:.99}
 .maria-poster,.mikhail-video>img,.certificate img,.brand img,.legal-brand img,.legal-marketing img{transition:scale 420ms var(--motion-ease)}
 input{transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}
 #lead-phone:focus{box-shadow:0 0 0 4px #4986cc18}
 .quiz-options input:checked+.radio-mark:after{animation:selection-pop 220ms var(--motion-ease)}
 @keyframes selection-pop{from{scale:.65;opacity:.3}to{scale:1;opacity:1}}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 button:enabled:hover,a:hover{translate:0 -2px}
 .button:hover,.legal-license:hover{box-shadow:0 6px 16px #0d34611c}
 .prosthesis-card:hover,.method-tabs button:hover,.quiz-options label:hover{translate:0 -3px;box-shadow:0 6px 18px #0d346116}
 .video-controls button:hover,.dialog-close:hover,.license-gallery-nav button:hover{translate:0 0;scale:1.06}
 .header nav a:hover,.legal-docs a:hover,.document-link:hover{color:var(--blue)}
 .maria-video:hover .maria-poster,.mikhail-video:hover>img,.certificate:hover img{scale:1.025}
 .brand:hover img,.legal-brand:hover img,.legal-marketing:hover img{scale:1.025}
 .map:hover{translate:none}
}
@media(prefers-reduced-motion:reduce){a,button,input,.quiz-options label{transition:none!important;translate:none!important;scale:1!important}}