.flow[data-astro-cid-z7xlw4xh]{--step: 1.5s;--cycle: 6s;--node: 64px;--gap: 2rem;display:grid;gap:var(--gap)}.flow-step[data-astro-cid-z7xlw4xh]{position:relative;display:grid;grid-template-columns:var(--node) 1fr;gap:1rem;align-items:start;align-content:start}.flow-text[data-astro-cid-z7xlw4xh]{padding-top:.6rem}.flow-node[data-astro-cid-z7xlw4xh]{position:relative;z-index:1;display:grid;place-items:center;width:var(--node);height:var(--node);border-radius:999px;background:var(--surface-hi);color:var(--primary);box-shadow:var(--shadow-neu-sm),0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent);animation:flow-node var(--cycle) var(--ease) infinite;animation-delay:calc(var(--i) * var(--step))}.is-goal[data-astro-cid-z7xlw4xh] .flow-node[data-astro-cid-z7xlw4xh]{color:var(--swiss);box-shadow:var(--shadow-neu-sm),0 0 0 1px color-mix(in srgb,var(--swiss) 30%,transparent);animation-name:flow-goal}.flow-seg[data-astro-cid-z7xlw4xh]{position:absolute;left:calc(var(--node) / 2 - 1px);top:var(--node);width:2px;height:calc(100% - var(--node) + var(--gap));border-radius:2px;background:color-mix(in srgb,var(--primary) 16%,transparent)}.flow-fill[data-astro-cid-z7xlw4xh]{position:absolute;inset:0 0 auto;height:0;border-radius:inherit;--head: var(--primary);background:linear-gradient(180deg,var(--primary),var(--sky));box-shadow:0 0 10px 1px color-mix(in srgb,var(--primary) 60%,transparent);animation:flow-fill-y var(--cycle) linear infinite;animation-delay:calc(var(--i) * var(--step))}.flow-step[data-astro-cid-z7xlw4xh]:nth-last-child(2) .flow-fill[data-astro-cid-z7xlw4xh]{--head: var(--swiss);background:linear-gradient(180deg,var(--primary),var(--swiss))}.flow-fill[data-astro-cid-z7xlw4xh]:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;margin-left:-5px;border-radius:999px;background:var(--head);box-shadow:0 0 8px 2px var(--head),0 0 22px 6px color-mix(in srgb,var(--head) 45%,transparent)}@media(min-width:768px){.flow[data-astro-cid-z7xlw4xh]{--gap: 1.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.flow-step[data-astro-cid-z7xlw4xh]{grid-template-columns:1fr;justify-items:center;text-align:center}.flow-text[data-astro-cid-z7xlw4xh]{padding-top:.25rem}.flow-seg[data-astro-cid-z7xlw4xh]{left:calc(50% + var(--node) / 2);top:calc(var(--node) / 2 - 1px);width:calc(100% + var(--gap) - var(--node));height:2px}.flow-fill[data-astro-cid-z7xlw4xh]{inset:0 auto 0 0;width:0;height:auto;background:linear-gradient(90deg,var(--primary),var(--sky));animation-name:flow-fill-x}.flow-step[data-astro-cid-z7xlw4xh]:nth-last-child(2) .flow-fill[data-astro-cid-z7xlw4xh]{background:linear-gradient(90deg,var(--primary),var(--swiss))}.flow-fill[data-astro-cid-z7xlw4xh]:after{inset:50% -5px auto auto;margin:-5px 0 0}}@keyframes flow-fill-y{0%{height:0;opacity:1}25%{height:100%;opacity:1}80%{height:100%;opacity:1}to{height:100%;opacity:0}}@keyframes flow-fill-x{0%{width:0;opacity:1}25%{width:100%;opacity:1}80%{width:100%;opacity:1}to{width:100%;opacity:0}}@keyframes flow-node{0%,22%{transform:scale(1.06);box-shadow:var(--shadow-neu-sm),0 0 0 6px color-mix(in srgb,var(--primary) 14%,transparent),0 0 30px 4px color-mix(in srgb,var(--primary) 45%,transparent)}45%,to{transform:none;box-shadow:var(--shadow-neu-sm),0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent)}}@keyframes flow-goal{0%,40%{transform:scale(1.08);box-shadow:var(--shadow-neu-sm),0 0 0 7px color-mix(in srgb,var(--swiss) 14%,transparent),0 0 36px 6px color-mix(in srgb,var(--swiss) 50%,transparent)}65%,to{transform:none;box-shadow:var(--shadow-neu-sm),0 0 0 1px color-mix(in srgb,var(--swiss) 30%,transparent),0 0 18px color-mix(in srgb,var(--swiss) 22%,transparent)}}@media(prefers-reduced-motion:reduce){.flow-node[data-astro-cid-z7xlw4xh],.flow-fill[data-astro-cid-z7xlw4xh]{animation:none}.flow-fill[data-astro-cid-z7xlw4xh]{height:100%}.flow-fill[data-astro-cid-z7xlw4xh]:after{display:none}.is-goal[data-astro-cid-z7xlw4xh] .flow-node[data-astro-cid-z7xlw4xh]{box-shadow:var(--shadow-neu-sm),0 0 0 6px color-mix(in srgb,var(--swiss) 14%,transparent),0 0 28px 4px color-mix(in srgb,var(--swiss) 40%,transparent)}@media(min-width:768px){.flow-fill[data-astro-cid-z7xlw4xh]{width:100%;height:auto}}}