.flow-loop:where(.astro-njexprfw){position:relative;padding-top:2.4rem}.flow-track:where(.astro-njexprfw){position:absolute;top:calc(2.4rem + 24px);left:6%;right:6%;height:2px}.flow-line:where(.astro-njexprfw){position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14) 8%,rgba(255,255,255,.14) 92%,transparent)}.flow-dot:where(.astro-njexprfw){position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:999px;background:var(--color-accent-400);box-shadow:0 0 12px 2px color-mix(in srgb,var(--color-accent-400) 65%,transparent)}.flow-steps:where(.astro-njexprfw){position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.flow-step:where(.astro-njexprfw){position:relative;text-align:center}.flow-node:where(.astro-njexprfw){margin:0 auto;display:flex;height:48px;width:48px;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:var(--color-ink-900);color:var(--color-dust-300)}.flow-label:where(.astro-njexprfw){margin-top:.7rem;font-size:13px;font-weight:600;color:var(--color-paper-50)}.flow-sub:where(.astro-njexprfw){margin-top:.15rem;font-size:11.5px;color:var(--color-dust-400)}.flow-auto:where(.astro-njexprfw){position:absolute;bottom:calc(100% + .35rem);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-accent-400) 35%,transparent);background:color-mix(in srgb,var(--color-accent-400) 12%,transparent);padding:3px 9px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:var(--color-accent-300);opacity:0}@media(max-width:640px){.flow-sub:where(.astro-njexprfw){display:none}.flow-label:where(.astro-njexprfw){font-size:10.5px}.flow-node:where(.astro-njexprfw){height:38px;width:38px;border-radius:11px}.flow-node:where(.astro-njexprfw) svg:where(.astro-njexprfw){width:16px;height:16px}.flow-auto:where(.astro-njexprfw){font-size:8px;padding:2px 6px}.flow-track:where(.astro-njexprfw){top:calc(2.4rem + 19px)}}@media(prefers-reduced-motion:no-preference){.flow-dot:where(.astro-njexprfw){animation:flow-dot-travel 9.5s cubic-bezier(.45,.05,.55,.95) infinite}.flow-node:where(.astro-njexprfw){animation:flow-node-glow 9.5s ease-in-out infinite}.flow-step-1:where(.astro-njexprfw) .flow-node:where(.astro-njexprfw){animation-delay:0s}.flow-step-2:where(.astro-njexprfw) .flow-node:where(.astro-njexprfw){animation-delay:1.9s}.flow-step-3:where(.astro-njexprfw) .flow-node:where(.astro-njexprfw){animation-delay:3.8s}.flow-step-4:where(.astro-njexprfw) .flow-node:where(.astro-njexprfw){animation-delay:5.7s}.flow-step-5:where(.astro-njexprfw) .flow-node:where(.astro-njexprfw){animation-delay:7.6s}.flow-auto:where(.astro-njexprfw){animation:flow-auto-pop 9.5s ease-in-out infinite}.flow-step-1:where(.astro-njexprfw) .flow-auto:where(.astro-njexprfw){animation-delay:.45s}.flow-step-3:where(.astro-njexprfw) .flow-auto:where(.astro-njexprfw){animation-delay:4.25s}.flow-step-4:where(.astro-njexprfw) .flow-auto:where(.astro-njexprfw){animation-delay:6.15s}}@media(prefers-reduced-motion:reduce){.flow-dot:where(.astro-njexprfw){display:none}.flow-node:where(.astro-njexprfw){border-color:color-mix(in srgb,var(--color-accent-400) 38%,transparent);color:var(--color-accent-300)}.flow-auto:where(.astro-njexprfw){opacity:1}}@keyframes flow-dot-travel{0%{left:0%;opacity:0}2%{opacity:1}96%{opacity:1}to{left:100%;opacity:0}}@keyframes flow-node-glow{0%,4%{border-color:#ffffff1a;color:var(--color-dust-300);transform:none;box-shadow:none}8%,20%{border-color:color-mix(in srgb,var(--color-accent-400) 55%,transparent);color:var(--color-accent-300);transform:translateY(-3px);box-shadow:0 6px 22px -6px color-mix(in srgb,var(--color-accent-400) 35%,transparent)}32%,to{border-color:#ffffff1a;color:var(--color-dust-300);transform:none;box-shadow:none}}@keyframes flow-auto-pop{0%,3%{opacity:0;transform:translate(-50%) translateY(4px) scale(.92)}7%,24%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}32%,to{opacity:0;transform:translate(-50%) translateY(-3px) scale(.95)}}
