.v-kinetic .k-steps{display:flex;flex-direction:column;gap:clamp(3rem,7vw,6rem);margin-top:clamp(4rem,8vw,7rem)}.v-kinetic .k-step{display:grid;grid-template-columns:repeat(12,1fr);column-gap:2rem;align-items:center}.v-kinetic .k-step-art,.v-kinetic .k-step-body{grid-row:1}.v-kinetic .k-step-art{grid-column:1/span 6}.v-kinetic .k-step-body{grid-column:7/span 6}.v-kinetic .k-step:nth-child(2n) .k-step-body{grid-column:1/span 6}.v-kinetic .k-step:nth-child(2n) .k-step-art{grid-column:7/span 6}@media (min-width:1024px){.v-kinetic .k-step-art{grid-column:1/span 5}.v-kinetic .k-step-body{grid-column:7/span 5}.v-kinetic .k-step:nth-child(2n) .k-step-body{grid-column:2/span 5}.v-kinetic .k-step:nth-child(2n) .k-step-art{grid-column:8/span 5}}.v-kinetic .k-step-n{margin-bottom:1.25rem}.v-kinetic .k-body{margin-top:1rem;max-width:26rem;font-size:1.125rem;line-height:1.55;color:var(--mut);text-wrap:pretty}@media (max-width:639px){.v-kinetic .k-step{display:block}.v-kinetic .k-step-art{margin-bottom:.5rem}.v-kinetic .k-art{max-height:220px}}.v-kinetic .k-art{--t0:calc(240ms + var(--i, 0) * 70ms);display:block;color:var(--fg)}.v-kinetic .k-art :is(rect,circle,line,path){vector-effect:non-scaling-stroke}.v-kinetic .k-art :is(.k-art-doc-ln,.k-art-h1,.k-art-h2,.k-art-bar,.k-art-typed){transform-box:fill-box;transform-origin:0 50%}.v-kinetic .k-art .k-art-ck1{transform-box:fill-box;transform-origin:0 0}.v-kinetic .k-art .k-art-ck2{transform-box:fill-box;transform-origin:0 100%}.v-kinetic .k-art :is(.k-art-ripple,.k-art-live,.k-art-live-ghost){transform-box:fill-box;transform-origin:50% 50%}.v-kinetic .k-art .k-art-pin{transform-box:fill-box;transform-origin:50% 100%}.v-kinetic .k-art .k-art-cur{transform-box:fill-box;transform-origin:0 0}@keyframes k-draw{0%{transform:scale(0)}to{transform:scale(1)}}.v-kinetic .k-art-bead{offset-rotate:0deg}@supports not (offset-path:path("M0 0 L1 1")){.v-kinetic .k-art-bead{display:none}}.v-kinetic .k-step[data-in] .k-art-1 .k-art-bead{animation:k-s1-go .8s var(--k-ease) calc(var(--t0) + var(--i) * .4s) both,k-s1-go-loop 8s var(--k-ease) calc(var(--t0) + 5.6s + var(--i) * .4s) infinite}@keyframes k-s1-go{0%{offset-distance:0;opacity:1}80%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes k-s1-go-loop{0%{offset-distance:0;opacity:0}10%,2%{opacity:1}12%,to{offset-distance:100%;opacity:0}}.v-kinetic .k-step[data-in] .k-art-1 .k-art-doc-ln{animation:k-s1-ln .42s var(--k-ease) calc(var(--t0) + .8s + var(--i) * .14s) both}@keyframes k-s1-ln{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.v-kinetic .k-step[data-in] .k-art-2 :is(.k-art-nav,.k-art-hero,.k-art-card,.k-art-foot){animation:k-s2-in .6s var(--k-ease) calc(var(--t0) + var(--i) * .2s) both,k-s2-wave 8s var(--k-ease) calc(var(--t0) + 5s + var(--i) * .12s) infinite}@keyframes k-s2-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes k-s2-wave{0%,to{transform:none}4%{transform:translateY(-3px)}9%{transform:none}}.v-kinetic .k-step[data-in] .k-art-2 .k-art-bar{animation:k-s2-bar 1.5s var(--k-ease) calc(var(--t0) + .1s) both}@keyframes k-s2-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.v-kinetic .k-step[data-in] .k-art-2 .k-art-ck1{animation:k-draw .14s var(--k-ease) calc(var(--t0) + 1.65s) both}.v-kinetic .k-step[data-in] .k-art-2 .k-art-ck2{animation:k-draw .22s var(--k-ease) calc(var(--t0) + 1.79s) both}.v-kinetic .k-art-3 .k-art-h1{--sx:1.4}.v-kinetic .k-art-3 .k-art-h2{--sx:1.3}.v-kinetic .k-art-3 .k-art-card-a{--dx:216px}.v-kinetic .k-art-3 .k-art-card-b,.v-kinetic .k-art-3 .k-art-card-c{--dx:-108px}.v-kinetic .k-art-3 :is(.k-art-h1,.k-art-h2){transform:scaleX(var(--sx))}.v-kinetic .k-art-3 .k-art-card{transform:translateX(var(--dx))}.v-kinetic .k-art-3 .k-art-pin{opacity:0}.v-kinetic .k-step[data-in] .k-art-3 :is(.k-art-h1,.k-art-h2){animation:k-s3-ln .6s var(--k-ease) calc(var(--t0) + .8s) both,k-s3-ln-loop 8s linear calc(var(--t0) + 4.4s) infinite}@keyframes k-s3-ln{0%{transform:scaleX(1)}to{transform:scaleX(var(--sx))}}@keyframes k-s3-ln-loop{0%,18%{transform:scaleX(var(--sx));animation-timing-function:cubic-bezier(.2,.8,.2,1)}25.5%,58%{transform:scaleX(1);animation-timing-function:cubic-bezier(.2,.8,.2,1)}65.5%,to{transform:scaleX(var(--sx))}}.v-kinetic .k-step[data-in] .k-art-3 .k-art-card{animation:k-s3-card .6s var(--k-ease) calc(var(--t0) + .8s) both,k-s3-card-loop 8s linear calc(var(--t0) + 4.4s) infinite}@keyframes k-s3-card{0%{transform:translateX(0)}to{transform:translateX(var(--dx))}}@keyframes k-s3-card-loop{0%,18%{transform:translateX(var(--dx));animation-timing-function:cubic-bezier(.2,.8,.2,1)}25.5%,58%{transform:translateX(0);animation-timing-function:cubic-bezier(.2,.8,.2,1)}65.5%,to{transform:translateX(var(--dx))}}.v-kinetic .k-step[data-in] .k-art-3 .k-art-pin{animation:k-s3-pin 2.2s linear var(--t0) both,k-s3-pin-loop 8s linear calc(var(--t0) + 4.4s) infinite}@keyframes k-s3-pin{0%{opacity:0;transform:translateY(-40px);animation-timing-function:cubic-bezier(.5,0,.85,.5)}5%{opacity:1}20%{transform:none;animation-timing-function:ease-out}25%{transform:scale(1.08,.88);animation-timing-function:cubic-bezier(.2,.8,.2,1)}33%,68%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1)}80%,to{opacity:0;transform:scale(.6)}}@keyframes k-s3-pin-loop{0%,10%{opacity:0;transform:translateY(-40px);animation-timing-function:cubic-bezier(.5,0,.85,.5)}11%{opacity:1}15%{transform:none;animation-timing-function:ease-out}16.5%{transform:scale(1.08,.88);animation-timing-function:cubic-bezier(.2,.8,.2,1)}19%,27%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1)}30%,49.9%{opacity:0;transform:scale(.6)}50%{opacity:0;transform:translateY(-40px);animation-timing-function:cubic-bezier(.5,0,.85,.5)}51%{opacity:1}55%{transform:none;animation-timing-function:ease-out}56.5%{transform:scale(1.08,.88);animation-timing-function:cubic-bezier(.2,.8,.2,1)}59%,67%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1)}70%,to{opacity:0;transform:scale(.6)}}.v-kinetic .k-step[data-in] .k-art-3 :is(.k-art-pin-at,.k-art-ck-at){animation:k-s3-at 8s step-end calc(var(--t0) + 4.4s) infinite}@keyframes k-s3-at{0%{transform:none}10%{transform:translate(-72px,72px)}50%,to{transform:none}}.v-kinetic .k-step[data-in] .k-art-3 .k-art-check{animation:k-s3-ck 2.2s step-end var(--t0) both,k-s3-ck-loop 8s linear calc(var(--t0) + 4.4s) infinite}@keyframes k-s3-ck{0%{opacity:0}75%,to{opacity:1}}@keyframes k-s3-ck-loop{0%,6%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1)}29.9%,9%{opacity:0}30%,46%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1)}49%,69.9%{opacity:0}70%,to{opacity:1}}.v-kinetic .k-step[data-in] .k-art-3 .k-art-ck1{animation:k-draw .14s var(--k-ease) calc(var(--t0) + 1.65s) both,k-s3-ck1-loop 8s linear calc(var(--t0) + 4.4s) infinite}.v-kinetic .k-step[data-in] .k-art-3 .k-art-ck2{animation:k-draw .22s var(--k-ease) calc(var(--t0) + 1.79s) both,k-s3-ck2-loop 8s linear calc(var(--t0) + 4.4s) infinite}@keyframes k-s3-ck1-loop{0%,10%{transform:none}10.1%,30%{transform:scale(0);animation-timing-function:cubic-bezier(.2,.8,.2,1)}31.75%,50%{transform:none}50.1%,70%{transform:scale(0);animation-timing-function:cubic-bezier(.2,.8,.2,1)}71.75%,to{transform:none}}@keyframes k-s3-ck2-loop{0%,10%{transform:none}10.1%,31.75%{transform:scale(0);animation-timing-function:cubic-bezier(.2,.8,.2,1)}34.5%,50%{transform:none}50.1%,71.75%{transform:scale(0);animation-timing-function:cubic-bezier(.2,.8,.2,1)}74.5%,to{transform:none}}.v-kinetic .k-art-4 .k-art-yes{color:var(--k-blue);fill:var(--k-blue);transform:translateY(-2px)}.v-kinetic .k-art-4 .k-art-no{opacity:.3}.v-kinetic .k-art-4 .k-art-ripple{opacity:0}.v-kinetic .k-step[data-in] .k-art-4 .k-art-cur{animation:k-s4-cur 2.2s linear var(--t0) both,k-s4-cur-loop 8s linear calc(var(--t0) + 2.2s) infinite}@keyframes k-s4-cur{0%{opacity:0;transform:translate(260px,110px);animation-timing-function:cubic-bezier(.2,.8,.2,1)}8%{opacity:1}45%,55%{transform:none;animation-timing-function:ease-in}57%{transform:scale(.88);animation-timing-function:cubic-bezier(.2,.8,.2,1)}63%,to{opacity:1;transform:none}}@keyframes k-s4-cur-loop{0%,39%{transform:none;animation-timing-function:ease-in}40%{transform:scale(.88);animation-timing-function:cubic-bezier(.2,.8,.2,1)}42%,to{transform:none}}.v-kinetic .k-step[data-in] .k-art-4 .k-art-yes{animation:k-s4-yes 2.2s linear var(--t0) both}@keyframes k-s4-yes{0%,45%{color:var(--fg);fill:var(--bg);transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1)}52%,57%{color:var(--fg);fill:var(--bg);transform:translateY(-2px);animation-timing-function:cubic-bezier(.2,.8,.2,1)}68%,to{color:var(--k-blue);fill:var(--k-blue);transform:translateY(-2px)}}.v-kinetic .k-step[data-in] .k-art-4 .k-art-no{animation:k-s4-no 2.2s linear var(--t0) both}@keyframes k-s4-no{0%,57%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1)}75%,to{opacity:.3}}.v-kinetic .k-step[data-in] .k-art-4 .k-art-ripple{animation:k-s4-ripple 2.2s linear var(--t0) both,k-s4-ripple-loop 8s linear calc(var(--t0) + 2.2s) infinite}@keyframes k-s4-ripple{0%,57%{opacity:0;transform:scale(.4);animation-timing-function:ease-out}58%{opacity:.9}90%,to{opacity:0;transform:scale(3.6)}}@keyframes k-s4-ripple-loop{0%,40%{opacity:0;transform:scale(.4);animation-timing-function:ease-out}41%{opacity:.9}50%,to{opacity:0;transform:scale(3.6)}}.v-kinetic .k-art-5 :is(.k-art-caret,.k-art-veil,.k-art-live-ghost){opacity:0}.v-kinetic .k-step[data-in] .k-art-5 .k-art-caret{animation:k-s5-caret 2.1s step-end var(--t0) both}@keyframes k-s5-caret{0%{opacity:1}16.67%{opacity:0}33.33%,99.9%{opacity:1}to{opacity:0}}.v-kinetic .k-step[data-in] .k-art-5 .k-art-typed{animation:k-s5-type 1.3s steps(13) calc(var(--t0) + .7s) both}@keyframes k-s5-type{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.v-kinetic .k-step[data-in] .k-art-5 .k-art-caret-at{animation:k-s5-caret-at 1.3s steps(13) calc(var(--t0) + .7s) both}@keyframes k-s5-caret-at{0%{transform:none}to{transform:translateX(130px)}}.v-kinetic .k-step[data-in] .k-art-5 .k-art-shackle{animation:k-s5-lock .24s cubic-bezier(.5,0,.85,.5) calc(var(--t0) + 2.1s) both}@keyframes k-s5-lock{0%{transform:translateY(-3px)}to{transform:none}}.v-kinetic .k-step[data-in] .k-art-5 .k-art-live{animation:k-s5-live .4s var(--k-ease) calc(var(--t0) + 2.35s) both}@keyframes k-s5-live{0%{transform:scale(0)}to{transform:scale(1)}}.v-kinetic .k-step[data-in] .k-art-5 .k-art-veil{animation:k-s5-veil .9s var(--k-ease) calc(var(--t0) + 2.5s) both}@keyframes k-s5-veil{0%{opacity:1}to{opacity:0}}.v-kinetic .k-step[data-in] .k-art-5 .k-art-live-ghost{animation:k-s5-pulse .8s ease-out calc(var(--t0) + 2.7s) both,k-s5-pulse-loop 8s ease-out calc(var(--t0) + 3.5s) infinite}@keyframes k-s5-pulse{0%{opacity:0;transform:scale(1)}2%{opacity:.4}to{opacity:0;transform:scale(3.4)}}@keyframes k-s5-pulse-loop{0%,25%{opacity:0;transform:scale(1)}25.1%{opacity:.4}35%{opacity:0;transform:scale(3.4)}74.9%{opacity:0;transform:scale(1)}75%{opacity:.4}85%,to{opacity:0;transform:scale(3.4)}}@media (prefers-reduced-motion:reduce){.v-kinetic .k-art *{animation:none!important}}