.how-kicker{animation:up .5s both}.how h2{animation:up .55s .08s both}.how-lead{animation:up .5s .16s both}.step{overflow:hidden;animation:card-in .65s both}.step:nth-of-type(1){animation-delay:.15s}.step:nth-of-type(2){animation-delay:.28s}.step:nth-of-type(3){animation-delay:.41s}.step:nth-of-type(4){animation-delay:.54s}.step:after{content:'';position:absolute;inset:-60% auto -60% -30%;width:22%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-20deg);transition:.55s}.step:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 45px color-mix(in srgb,var(--step) 24%,transparent);border-color:var(--step)}.step:hover:after{left:120%}.step>b{animation:pulse 2.4s infinite}.step>i{transition:transform .35s}.step:hover>i{transform:scale(1.14) rotate(-5deg)}.how-steps>em{animation:arrow-pulse 1.8s infinite}.how-assurances{animation:up .6s .65s both}.how-assurances article{transition:.25s}.how-assurances article:hover{background:#0b1e3a;transform:translateY(-5px)}.how-assurances article:hover i{animation:wiggle .6s}.how h2 span{background:linear-gradient(90deg,#00aeff,#b840ff);background-clip:text;color:transparent}@keyframes up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:0;transform:translateY(42px) scale(.96)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 34px color-mix(in srgb,var(--step) 85%,transparent);transform:scale(1.08)}}@keyframes arrow-pulse{50%{box-shadow:0 0 30px #009dff;transform:translateX(-50%) scale(1.13)}}@keyframes wiggle{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@media(prefers-reduced-motion:reduce){.how *{animation:none!important;transition:none!important}}
