.featured-car img{transition:transform .32s cubic-bezier(.2,.7,.3,1)}
.featured-car{transition:box-shadow .25s,transform .18s}
@media(hover:hover) and (pointer:fine){.featured-car:hover img{transform:translateY(-3px) scale(1.045)}.featured-car:hover{box-shadow:0 10px 26px #244a8612}}
.featured-car:active{transform:scale(.985)}
.featured-car:focus-visible{outline:3px solid #9bb7ff;outline-offset:3px}
.life-step{position:relative}
.life-step:after{content:'';position:absolute;left:0;bottom:-10px;width:100%;height:2px;background:linear-gradient(90deg,#2c5bff,#dfe8ff);transform:scaleX(0);transform-origin:left;transition:transform .55s ease}
.life-cards li.arrived .life-step:after{transform:scaleX(1)}
.life-cards li:nth-child(2) .life-step:after{transition-delay:.12s}.life-cards li:nth-child(3) .life-step:after{transition-delay:.24s}
.benefit-illustration.motion-arrived{animation:benefit-settle .55s cubic-bezier(.2,.7,.3,1) both}
@keyframes benefit-settle{from{opacity:.35;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
details.motion-details[open]>*:not(summary){animation:detail-appear .22s ease both}
@keyframes detail-appear{from{opacity:.3;transform:translateY(-4px)}to{opacity:1;transform:none}}
.rec-body #rec-content.motion-question{animation:detail-appear .24s ease both}
.motion-complete{display:grid;place-items:center;width:62px;height:62px;margin:0 0 22px;border-radius:50%;background:#edf3ff;color:#2d5aff;animation:benefit-settle .35s ease both}
.motion-complete svg{width:32px;height:32px}.motion-complete path{stroke-dasharray:36;stroke-dashoffset:36;animation:check-draw .45s .1s ease forwards}
@keyframes check-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.featured-car,.featured-car img,.life-step:after{transition:none!important}.benefit-illustration.motion-arrived,.motion-complete,.motion-complete path,.motion-question,details.motion-details[open]>*{animation:none!important}.motion-complete path{stroke-dashoffset:0}.life-step:after{transform:scaleX(1)}}