/* Motion polish: check-off sequence, button feedback, hover lifts, menu and dialog entrances.
   Transform and opacity only; everything below is off for reduced-motion users. */
.example-mark svg{display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.example-mark path{stroke-dasharray:1;stroke-dashoffset:0}
.example-mark{position:relative}
.example-mark::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold);opacity:0;pointer-events:none}
@keyframes check-row{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes check-pop{from{transform:scale(.72)}to{transform:scale(1)}}
@keyframes check-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes check-ring{from{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}
@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes intake-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 .follow-through-example[data-checks=ready] li{opacity:0}
 .follow-through-example[data-checks=ready] .example-mark path{stroke-dashoffset:1}
 .follow-through-example[data-checks=playing] li{animation:check-row 420ms var(--ease-out) backwards}
 .follow-through-example[data-checks=playing] .example-mark{animation:check-pop 320ms var(--ease-out) backwards}
 .follow-through-example[data-checks=playing] .example-mark path{animation:check-draw 340ms var(--ease-out) backwards}
 .follow-through-example[data-checks=playing] li:nth-child(1){animation-delay:0ms}
 .follow-through-example[data-checks=playing] li:nth-child(2){animation-delay:170ms}
 .follow-through-example[data-checks=playing] li:nth-child(3){animation-delay:340ms}
 .follow-through-example[data-checks=playing] li:nth-child(4){animation-delay:510ms}
 .follow-through-example[data-checks=playing] li:nth-child(1) .example-mark,.follow-through-example[data-checks=playing] li:nth-child(1) .example-mark path{animation-delay:120ms}
 .follow-through-example[data-checks=playing] li:nth-child(2) .example-mark,.follow-through-example[data-checks=playing] li:nth-child(2) .example-mark path{animation-delay:290ms}
 .follow-through-example[data-checks=playing] li:nth-child(3) .example-mark,.follow-through-example[data-checks=playing] li:nth-child(3) .example-mark path{animation-delay:460ms}
 .follow-through-example[data-checks=playing] li:nth-child(4) .example-mark,.follow-through-example[data-checks=playing] li:nth-child(4) .example-mark path{animation-delay:630ms}
 .follow-through-example[data-checks=playing] li:last-child .example-mark::after{animation:check-ring 600ms var(--ease-out) 900ms backwards}
 .support-actions .support-button.secondary{transition:background-size 260ms var(--ease-out)}
 .mobile-menu[open] nav{animation:menu-in 220ms var(--ease-out)}
 html.keyboard-input .mobile-menu[open] nav{animation:none}
 #intake-dialog[open] .booking-card{animation:intake-rise 240ms var(--ease-out)}
 #intake-dialog[open]::backdrop{animation:backdrop-in 200ms ease-out}
}
@media(hover:hover) and (pointer:fine){
 .support-actions .support-button.secondary:hover{background-size:100% 1px,100% 1px!important}
 .text-cta>span{transition:transform var(--motion-feedback) var(--ease-out)}
 .text-cta:hover>span{transform:translate(2px,-2px)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .support-button.primary:hover,.header>[data-book]:hover,.submit:hover{transform:translateY(-1px)}
 .founder-card{transition:transform 240ms var(--ease-out),box-shadow 240ms var(--ease-out)}
 .founder-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(31,52,66,.1)}
 .care-group-icon{transition:transform 240ms var(--ease-out)}
 .care-service-group:hover .care-group-icon{transform:translateY(-2px)}
}