.process-scene{--scene-ink:#131a2a;--scene-ink-soft:#3a4358;--scene-line-soft:#c8cdd8;--scene-highlight:#1c2ec2;--scene-blue:#16d7f9}.process-scene svg{width:100%;height:100%;overflow:visible}.process-scene .scene-ink{stroke:var(--scene-ink);stroke-width:5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.process-scene .scene-soft{stroke:var(--scene-line-soft);fill:none;stroke-linecap:round}.process-scene .fill-ink{fill:var(--scene-ink)}.process-scene .fill-highlight{fill:var(--scene-highlight)}.process-scene .fill-blue{fill:var(--scene-blue)}.process-scene .scene-text{font-family:var(--font-kalam), cursive;fill:var(--scene-ink);font-weight:700}@media (prefers-reduced-motion:no-preference){.process-scene.play .drawable{stroke-dasharray:1;stroke-dashoffset:1px;animation:.6s ease-out forwards process-draw;animation-delay:var(--d,0s)}@keyframes process-draw{to{stroke-dashoffset:0}}.process-scene .pop{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(0)}.process-scene.play .pop{animation:.45s cubic-bezier(.2,1.6,.4,1) forwards process-pop;animation-delay:var(--d,0s)}@keyframes process-pop{to{opacity:1;transform:scale(1)}}.process-scene .sweep{transform-box:fill-box;transform-origin:0;transform:scaleX(0)}.process-scene.play .sweep{animation:.5s ease-out forwards process-sweep;animation-delay:var(--d,0s)}@keyframes process-sweep{to{transform:scaleX(1)}}.process-scene .fade{opacity:0}.process-scene.play .fade{animation:.5s ease-out forwards process-fade-in;animation-delay:var(--d,0s)}@keyframes process-fade-in{to{opacity:1}}.process-scene .s1-dart{opacity:0;transform:translate(150px,-150px)}.process-scene.play .s1-dart{animation:.5s cubic-bezier(.3,1.3,.5,1) 1.35s forwards process-s1-fly}@keyframes process-s1-fly{0%{opacity:0;transform:translate(150px,-150px)}20%{opacity:1}to{opacity:1;transform:translate(0)}}.process-scene.play .s1-board{transform-box:fill-box;transform-origin:50%;animation:.35s ease-out 1.8s process-s1-shake}@keyframes process-s1-shake{0%,to{transform:translate(0)}30%{transform:translate(3px,2px)rotate(1deg)}60%{transform:translate(-2px,-1px)rotate(-.6deg)}}.process-scene .s1-pulse{opacity:0;transform-box:fill-box;transform-origin:50%}.process-scene.play .s1-pulse{animation:.9s ease-out 1.95s 2 process-s1-pulse}@keyframes process-s1-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.process-scene .s3-plane{opacity:0;transform-box:fill-box;transform-origin:50%}.process-scene.play .s3-plane-a{animation:1s ease-in-out .9s forwards process-s3-fly-a}.process-scene.play .s3-plane-b{animation:1s ease-in-out 1.5s forwards process-s3-fly-b}.process-scene.play .s3-plane-c{animation:1s ease-in-out 2.1s forwards process-s3-fly-c}@keyframes process-s3-fly-a{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}50%{transform:translate(90px,-58px)rotate(-16deg)}92%{opacity:1}to{opacity:0;transform:translate(178px,-82px)rotate(4deg)}}@keyframes process-s3-fly-b{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}50%{transform:translate(90px,-16px)rotate(-8deg)}92%{opacity:1}to{opacity:0;transform:translate(178px,-6px)rotate(3deg)}}@keyframes process-s3-fly-c{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}50%{transform:translate(88px,26px)rotate(8deg)}92%{opacity:1}to{opacity:0;transform:translate(178px,64px)rotate(2deg)}}.process-scene .s3-card{transform-box:fill-box;transform-origin:50%}.process-scene.play .s3-hit-a{animation:.5s ease-out 1.85s forwards process-s3-hit}.process-scene.play .s3-hit-b{animation:.5s ease-out 2.45s forwards process-s3-hit}.process-scene.play .s3-hit-c{animation:.5s ease-out 3.05s forwards process-s3-hit}@keyframes process-s3-hit{0%{stroke:var(--scene-ink)}40%{stroke:var(--scene-highlight);transform:scale(1.06)}to{stroke:var(--scene-highlight);transform:scale(1)}}.process-scene .s4-spark{opacity:0}.process-scene.play .s4-spark{animation:.9s ease-in-out 2.6s 2 forwards process-s4-travel}@keyframes process-s4-travel{0%{opacity:1;transform:translate(0)}90%{opacity:1}to{opacity:0;transform:translate(112px,58px)}}.process-scene .s4-ring{opacity:0;transform-box:fill-box;transform-origin:50%}.process-scene.play .s4-ring{animation:.8s ease-out 3.5s 2 process-s4-ring}@keyframes process-s4-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.process-scene .s5-dot{opacity:.15}.process-scene.play .s5-dot{animation:.55s ease-in-out 3 backwards process-s5-blink}.process-scene.play .s5-dot-1{animation-delay:.55s}.process-scene.play .s5-dot-2{animation-delay:.7s}.process-scene.play .s5-dot-3{animation-delay:.85s}@keyframes process-s5-blink{0%,to{opacity:.15}50%{opacity:1}}.process-scene .s5-meter{transform-box:fill-box;transform-origin:0;transform:scaleX(0)}.process-scene.play .s5-meter{animation:1.2s cubic-bezier(.5,0,.3,1) 3.4s forwards process-s5-fill}@keyframes process-s5-fill{to{transform:scaleX(1)}}.process-scene .s6-flap{transform-box:fill-box;transform-origin:top}.process-scene.play .s6-flap{animation:.6s ease-in-out .9s forwards process-s6-open}@keyframes process-s6-open{to{transform:scaleY(-.85)}}.process-scene .s6-letter{transform:translateY(78px)}.process-scene.play .s6-letter{animation:.8s cubic-bezier(.2,1.2,.4,1) 1.5s forwards process-s6-rise}@keyframes process-s6-rise{to{transform:translateY(0)}}.process-scene .s6-confetti{opacity:0;transform-box:fill-box;transform-origin:50%}.process-scene.play .s6-confetti{animation:1.1s cubic-bezier(.2,.8,.4,1) forwards process-s6-burst;animation-delay:calc(2.45s + var(--cd,0s))}@keyframes process-s6-burst{0%{opacity:1;transform:translate(0)rotate(0)scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(var(--cx), var(--cy)) rotate(var(--cr)) scale(1)}}}@media (prefers-reduced-motion:reduce){.process-scene .drawable,.process-scene .pop,.process-scene .sweep,.process-scene .fade,.process-scene .s1-dart,.process-scene .s1-pulse,.process-scene .s3-plane,.process-scene .s4-spark,.process-scene .s4-ring,.process-scene .s5-meter,.process-scene .s6-letter,.process-scene .s6-confetti{opacity:1;stroke-dashoffset:0;transform:none;animation:none!important}}