.kinetic-scene-fit[data-astro-cid-y7rqgeem]{container-type:inline-size;display:flex;justify-content:center;width:100%}.kinetic-scene[data-astro-cid-y7rqgeem]{--kinetic-u: min(var(--kinetic-max, 1px), 100cqw / var(--kinetic-w));position:relative;width:calc(var(--kinetic-w) * var(--kinetic-u));height:calc(var(--kinetic-h) * var(--kinetic-u))}@media(prefers-reduced-motion:reduce){.kinetic-scene[data-astro-cid-y7rqgeem] *{transition:none!important;animation:none!important}}.flow[data-astro-cid-wbn4mwh7]{position:relative;width:100%;height:100%}.flow__station[data-astro-cid-wbn4mwh7]{position:absolute;top:calc(82 * var(--kinetic-u));width:calc(60 * var(--kinetic-u));height:calc(60 * var(--kinetic-u));border-radius:calc(18 * var(--kinetic-u));border:1px solid rgb(var(--kinetic-ink) / .08);background:color-mix(in srgb,rgb(var(--kinetic-ink)) var(--mix),rgb(var(--kinetic-surface)));opacity:.32;transition:opacity var(--kinetic-base) var(--kinetic-ease)}.flow__station--you[data-astro-cid-wbn4mwh7]{left:calc(18 * var(--kinetic-u))}.flow__station--ruul[data-astro-cid-wbn4mwh7]{left:calc(120 * var(--kinetic-u))}.flow__station--client[data-astro-cid-wbn4mwh7]{left:calc(222 * var(--kinetic-u))}.flow__label[data-astro-cid-wbn4mwh7]{position:absolute;top:calc(68 * var(--kinetic-u));left:0;width:100%;text-align:center;font-size:calc(12 * var(--kinetic-u));font-weight:500;line-height:1;letter-spacing:calc(.2 * var(--kinetic-u));color:rgb(var(--kinetic-ink) / .72)}.flow__station--you[data-astro-cid-wbn4mwh7]{background:none;border:0}.flow__desk[data-astro-cid-wbn4mwh7]{position:absolute;left:calc(-7 * var(--kinetic-u));top:calc(58 * var(--kinetic-u));width:calc(74 * var(--kinetic-u));height:calc(2.5 * var(--kinetic-u));border-radius:99px;background:rgb(var(--kinetic-ink) / .32)}.flow__person[data-astro-cid-wbn4mwh7]{position:absolute;left:0;bottom:0;width:calc(34 * var(--kinetic-u));height:calc(18 * var(--kinetic-u));border-radius:calc(17 * var(--kinetic-u)) calc(17 * var(--kinetic-u)) 0 0;background:rgb(var(--kinetic-ink) / .34)}.flow__person[data-astro-cid-wbn4mwh7]:before{content:"";position:absolute;left:calc(10.5 * var(--kinetic-u));bottom:calc(18 * var(--kinetic-u));width:calc(13 * var(--kinetic-u));height:calc(13 * var(--kinetic-u));border-radius:50%;background:rgb(var(--kinetic-ink) / .34)}.flow__rig[data-astro-cid-wbn4mwh7]{position:absolute;right:0;bottom:calc(6 * var(--kinetic-u));width:calc(34 * var(--kinetic-u));height:calc(28 * var(--kinetic-u));border-radius:calc(5 * var(--kinetic-u));background:color-mix(in srgb,rgb(var(--kinetic-ink)) 28%,rgb(var(--kinetic-surface)))}.flow__rig[data-astro-cid-wbn4mwh7]:before{content:"";position:absolute;left:50%;top:100%;width:calc(9 * var(--kinetic-u));height:calc(6 * var(--kinetic-u));margin-left:calc(-4.5 * var(--kinetic-u));background:color-mix(in srgb,rgb(var(--kinetic-ink)) 32%,rgb(var(--kinetic-surface)))}.flow__rig-face[data-astro-cid-wbn4mwh7]{position:absolute;inset:calc(3 * var(--kinetic-u));border-radius:calc(2 * var(--kinetic-u));background:color-mix(in srgb,rgb(var(--kinetic-ink)) 3%,rgb(var(--kinetic-surface)))}.flow__rig-line[data-astro-cid-wbn4mwh7]{position:absolute;left:calc(4 * var(--kinetic-u));top:calc((4 + var(--i) * 7) * var(--kinetic-u));width:calc(var(--w) * var(--kinetic-u));height:calc(3 * var(--kinetic-u));border-radius:99px;background:rgb(var(--kinetic-ink) / .28);transform-origin:left center}.flow__rig-line--live[data-astro-cid-wbn4mwh7]{animation:flow-type calc(4 * var(--kinetic-slow)) var(--kinetic-ease) infinite}@keyframes flow-type{0%{transform:scaleX(0)}22%{transform:scaleX(1)}72%{transform:scaleX(1)}82%{transform:scaleX(0)}to{transform:scaleX(0)}}.flow__ring[data-astro-cid-wbn4mwh7]{position:absolute;top:50%;left:50%;width:calc(26 * var(--kinetic-u));height:calc(26 * var(--kinetic-u));border-radius:50%;border:calc(4 * var(--kinetic-u)) solid rgb(var(--color-ruul-lime));opacity:0;transform:translate(-50%,-50%) scale(.4);transition:transform var(--kinetic-fast) var(--kinetic-ease-pop),opacity var(--kinetic-fast) ease}.flow__sheet[data-astro-cid-wbn4mwh7]{position:absolute;top:calc(6 * var(--kinetic-u));left:calc(25 * var(--kinetic-u));width:calc(46 * var(--kinetic-u));height:calc(62 * var(--kinetic-u));border-radius:calc(10 * var(--kinetic-u));border:1px solid rgb(var(--kinetic-ink) / .1);background:color-mix(in srgb,rgb(var(--kinetic-ink)) 6%,rgb(var(--kinetic-surface)));transform:translate(0);transition:transform var(--kinetic-slow) var(--kinetic-ease)}.flow__sheet[data-astro-cid-wbn4mwh7]:before{content:"";position:absolute;left:calc(11 * var(--kinetic-u));top:calc(15 * var(--kinetic-u));width:calc(24 * var(--kinetic-u));height:calc(4 * var(--kinetic-u));border-radius:99px;background:rgb(var(--kinetic-ink) / .22);box-shadow:0 calc(12 * var(--kinetic-u)) 0 rgb(var(--kinetic-ink) / .22),0 calc(24 * var(--kinetic-u)) 0 rgb(var(--kinetic-ink) / .22);transform-origin:left center;transform:scaleX(.2);opacity:0;transition:transform var(--kinetic-base) var(--kinetic-ease),opacity var(--kinetic-fast) ease}.flow__shadow[data-astro-cid-wbn4mwh7]{position:absolute;left:50%;bottom:calc(-12 * var(--kinetic-u));width:calc(44 * var(--kinetic-u));height:calc(10 * var(--kinetic-u));border-radius:50%;background:rgb(var(--kinetic-ink) / .1);filter:blur(calc(5 * var(--kinetic-u)));transform:translate(-50%)}.flow__seal[data-astro-cid-wbn4mwh7]{position:absolute;right:calc(-7 * var(--kinetic-u));bottom:calc(-7 * var(--kinetic-u));width:calc(22 * var(--kinetic-u));height:calc(22 * var(--kinetic-u));border-radius:50%;background:rgb(var(--kinetic-surface));border:calc(4 * var(--kinetic-u)) solid rgb(var(--color-ruul-lime));opacity:0;transform:scale(.3);transition:transform var(--kinetic-fast) var(--kinetic-ease-pop),opacity var(--kinetic-fast) ease}.flow__lane[data-astro-cid-wbn4mwh7]{position:absolute;left:calc(48 * var(--kinetic-u));top:calc(182 * var(--kinetic-u));width:calc(204 * var(--kinetic-u));height:calc(4 * var(--kinetic-u));border-radius:99px;background:rgb(var(--kinetic-ink) / .12);opacity:0;transition:opacity var(--kinetic-base) var(--kinetic-ease)}.flow__coin[data-astro-cid-wbn4mwh7]{position:absolute;left:calc(243 * var(--kinetic-u));top:calc(175 * var(--kinetic-u));width:calc(18 * var(--kinetic-u));height:calc(18 * var(--kinetic-u));border-radius:50%;background:rgb(var(--color-ruul-lime));opacity:0}[data-beat] .flow__station[data-astro-cid-wbn4mwh7][data-step="1"]{opacity:1}[data-beat] .flow__sheet[data-astro-cid-wbn4mwh7]:before{transform:scaleX(1);opacity:1}[data-beat="2"] .flow__station[data-astro-cid-wbn4mwh7][data-step="2"],[data-beat="3"] .flow__station[data-astro-cid-wbn4mwh7][data-step="2"],[data-beat="4"] .flow__station[data-astro-cid-wbn4mwh7][data-step="2"]{opacity:1}[data-beat="2"] .flow__ring[data-astro-cid-wbn4mwh7],[data-beat="3"] .flow__ring[data-astro-cid-wbn4mwh7],[data-beat="4"] .flow__ring[data-astro-cid-wbn4mwh7]{opacity:1;transform:translate(-50%,-50%) scale(1)}[data-beat="2"] .flow__sheet[data-astro-cid-wbn4mwh7]{transform:translate(calc(102 * var(--kinetic-u)))}[data-beat="3"] .flow__station[data-astro-cid-wbn4mwh7][data-step="3"],[data-beat="4"] .flow__station[data-astro-cid-wbn4mwh7][data-step="3"]{opacity:1}[data-beat="3"] .flow__seal[data-astro-cid-wbn4mwh7],[data-beat="4"] .flow__seal[data-astro-cid-wbn4mwh7]{opacity:1;transform:scale(1)}[data-beat="3"] .flow__sheet[data-astro-cid-wbn4mwh7],[data-beat="4"] .flow__sheet[data-astro-cid-wbn4mwh7]{transform:translate(calc(204 * var(--kinetic-u)));transition-delay:calc(2 * var(--kinetic-step))}[data-beat="4"] .flow__lane[data-astro-cid-wbn4mwh7]{opacity:1}[data-beat="4"] .flow__coin[data-astro-cid-wbn4mwh7]{opacity:1;animation:flow-coin calc(2 * var(--kinetic-slow)) var(--kinetic-ease) forwards}@keyframes flow-coin{0%{transform:translate(0)}42%{transform:translate(calc(-102 * var(--kinetic-u)))}58%{transform:translate(calc(-102 * var(--kinetic-u)))}to{transform:translate(calc(-204 * var(--kinetic-u)))}}@media(prefers-reduced-motion:reduce){[data-beat="4"] .flow__coin[data-astro-cid-wbn4mwh7]{transform:translate(calc(-204 * var(--kinetic-u)))}}.how-ruul-stage[data-astro-cid-4h5j5g3n]{margin-inline:calc(-1*max(20px,env(safe-area-inset-left)));padding-inline:max(20px,env(safe-area-inset-left))}@media(min-width:1024px){.how-ruul-stage[data-astro-cid-4h5j5g3n]{position:static;margin-inline:0;padding:0}}