.how{--ease:cubic-bezier(.45,.05,.25,1);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:26px;gap:26px}.how__card{--t:calc(var(--k, 0) * .8s);position:relative;display:flex;flex-direction:column;padding:22px 22px 24px;border-radius:var(--radius);background:radial-gradient(120% 70% at 0 0,rgb(198 161 91/.1),transparent 60%),linear-gradient(180deg,#17130e,#0f0d0a);border:1px solid rgb(198 161 91/.14)}.how__card h3{font-size:1.2rem;margin:14px 0 8px}.how__card p{color:var(--mute);line-height:1.55}.how__frame{position:absolute;left:-.5px;top:-.5px;width:calc(100% + 1px);height:calc(100% + 1px);overflow:visible;pointer-events:none}.how__frame rect{fill:none}.how__ring{stroke:rgb(231 201 138/.45);stroke-width:1.2;stroke-dasharray:1 1;stroke-dashoffset:0;transition:stroke .3s ease}.how__card:hover .how__ring{stroke:rgb(255 236 190/.95)}.how__comet{stroke-linecap:round;opacity:0;stroke-dasharray:var(--L) calc(1 - var(--L));stroke-dashoffset:var(--L)}.how__comet--tail{--L:.16;stroke:#c6a15b;stroke-width:1.4}.how__comet--mid{--L:.05;stroke:#f3dca6;stroke-width:2}.how__comet--head{--L:.012;stroke:#fffaf0;stroke-width:3}.how__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:46px}.how__num{display:block;width:92px;height:auto;overflow:visible}.how__digits{font:700 46px var(--font-display),sans-serif;letter-spacing:-.02em}.how__digits--line{fill:none;stroke:#f3dca6;stroke-width:1;stroke-dasharray:400;stroke-dashoffset:0;opacity:.55}.how__shine{translate:0 0}.how__card:hover .how__shine--hover{animation:how-shine .9s ease}.how__icon{display:block;width:46px;height:46px;flex:none;overflow:visible;fill:none;stroke:#e7c98a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.how__icon :is(circle,path,rect){stroke-dasharray:1 1;stroke-dashoffset:0}.how__icon .how__mark{stroke:#fff1c4}.how__icon .how__flash{stroke:none;fill:#fff6d8;opacity:0;transform-box:fill-box;transform-origin:center}.how__key{transform-box:view-box;transform-origin:28px 24px}.how__card:hover .how__icon{stroke:#fff6d8}.how__link{position:absolute;left:100%;top:44px;width:26px;height:2px;pointer-events:none}.how__link:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgb(198 161 91/.45) 0 4px,transparent 4px 8px)}.how__link:after{content:"";position:absolute;left:-3px;top:-2px;width:6px;height:6px;border-radius:50%;opacity:0;background:#fff6d8;box-shadow:0 0 8px 2px rgb(255 214 140/.8)}.how.is-armed .how__ring{stroke-dashoffset:1}.how.is-armed .how__digits--line{stroke-dashoffset:400}.how.is-armed .how__rise{translate:0 58px}.how.is-armed .how__icon :is(circle,path,rect){stroke-dashoffset:1;opacity:0}.how.is-armed .how__card :is(h3,p){opacity:0;translate:0 10px}.how.is-armed .how__link:before{scale:0 1;transform-origin:left}.how.is-go .how__ring{animation:how-ring 1.5s var(--ease) var(--t) both}.how.is-go .how__comet{animation:how-comet 1.5s var(--ease) var(--t) both}.how.is-go .how__digits--line{animation:how-line 1.1s ease-out calc(var(--t) + .1s) both}.how.is-go .how__rise{animation:how-rise .8s cubic-bezier(.3,.7,.3,1) calc(var(--t) + .75s) both}.how.is-go .how__shine:not(.how__shine--hover){animation:how-shine .9s ease calc(var(--t) + 1.45s) both}.how.is-go .how__icon :is(circle,path,rect){animation:how-draw .8s ease-out calc(var(--t) + .3s + var(--j, 0) * .14s) both}.how.is-go .how__card :is(h3,p){animation:how-text .6s ease-out calc(var(--t) + .45s) both}.how.is-go .how__card p{animation-delay:calc(var(--t) + .55s)}.how.is-go .how__link:before{animation:how-link .5s ease-out calc(var(--t) + 1s) both}.how.is-go .how__link:after{animation:how-run .6s ease-in-out calc(var(--t) + 1s) both}.how.is-go .how__key{animation:how-turn .7s cubic-bezier(.5,0,.3,1) calc(var(--t) + 1.7s) both}.how.is-go .how__icon .how__flash{animation:how-flash .7s ease-out calc(var(--t) + 1.95s) both}@keyframes how-ring{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes how-comet{0%{stroke-dashoffset:var(--L);opacity:0}3%{opacity:1}85%{opacity:1}to{stroke-dashoffset:calc(var(--L) - 1);opacity:0}}@keyframes how-line{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}@keyframes how-rise{0%{translate:0 58px}to{translate:0 0}}@keyframes how-shine{0%{translate:0 0}to{translate:190px 0}}@keyframes how-draw{0%{stroke-dashoffset:1;opacity:0}1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes how-text{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes how-link{0%{scale:0 1}to{scale:1 1}}@keyframes how-run{0%{opacity:0;translate:0 0}20%{opacity:1}80%{opacity:1}to{opacity:0;translate:26px 0}}@keyframes how-turn{0%,to{scale:1 1}45%{scale:1 .14}}@keyframes how-flash{0%{opacity:0;scale:.2}30%{opacity:.9}to{opacity:0;scale:2.2}}@media (max-width:760px){.how{grid-template-columns:minmax(0,1fr);gap:22px}.how__card{padding:18px 18px 20px}.how__num{width:80px}.how__icon{width:40px;height:40px}.how__top{min-height:40px}.how__link{left:46px;top:100%;width:2px;height:22px}.how__link:before{background:repeating-linear-gradient(180deg,rgb(198 161 91/.45) 0 4px,transparent 4px 8px)}.how__link:after{left:-2px;top:-3px}.how.is-armed .how__link:before{scale:1 0;transform-origin:top}@keyframes how-link{0%{scale:1 0}to{scale:1 1}}@keyframes how-run{0%{opacity:0;translate:0 0}20%{opacity:1}80%{opacity:1}to{opacity:0;translate:0 22px}}}@media (prefers-reduced-motion:reduce){.how__comet,.how__flash{display:none}.how *{animation:none!important}}