.process-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:32px 0 0;padding:0;list-style:none;display:grid}.process-steps li{grid-template-columns:44px minmax(0,1fr);align-content:start;gap:16px;display:grid;position:relative}.process-steps li:not(:last-child):after{content:"→";color:var(--faint);position:absolute;top:10px;right:-20px}.process-steps__number{border:1px solid var(--navy-soft);width:44px;height:44px;font:16px var(--font-mono);font-variant-numeric:tabular-nums;background:var(--paper);border-radius:50%;align-self:start;place-items:center;display:grid}.process-steps h3{margin:2px 0 8px;font-size:16px;line-height:1.5}.process-steps p{color:var(--muted);margin:0;font-size:12px;line-height:1.85}.process-steps[data-animated=true] li:after{display:none}.process-steps[data-animated=true][data-revealed=false] li{opacity:0}.process-steps[data-animated=true][data-revealed=true][data-finished=false] li{animation:.55s cubic-bezier(.22,1,.36,1) both process-step-reveal;animation-delay:calc(var(--step-index) * .24s)}.process-steps__connector{width:clamp(44px,4.8vw,88px);height:20px;color:color-mix(in srgb, var(--accent) 32%, var(--line));opacity:0;transition:opacity .3s;position:absolute;top:12px;right:-28px}.process-steps__connector:before,.process-steps__connector:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:8px}.process-steps__connector:before{left:0}.process-steps__connector:after{right:0}.process-steps__connector svg{width:100%;height:100%;display:block}.process-steps__connector .process-steps__circuit--vertical{display:none}.process-steps[data-finished=true] .process-steps__connector{opacity:1}.process-steps__flow{stroke:var(--accent);stroke-dasharray:.26 1;stroke-dashoffset:.26px;opacity:0}.process-steps[data-finished=true][data-flowing=true] .process-steps__flow{animation:3s linear infinite process-circuit-flow;animation-delay:calc(var(--step-index) * .55s)}.process-steps[data-flowing=true] .process-steps__connector:after{animation:3s ease-out infinite process-circuit-arrival;animation-delay:calc(var(--step-index) * .55s)}@keyframes process-step-reveal{0%{opacity:0;transform:translate(-12px,10px)}to{opacity:1;transform:none}}@keyframes process-circuit-flow{0%,8%{stroke-dashoffset:.26px;opacity:0}15%{opacity:1}74%{stroke-dashoffset:-1px;opacity:1}82%,to{stroke-dashoffset:-1px;opacity:0}}@keyframes process-circuit-arrival{0%,60%,to{background:currentColor;transform:scale(1)}74%{background:var(--accent);transform:scale(1.65)}}@media (width<=1100px){.process-steps{gap:24px}.process-steps li{gap:12px}.process-steps li:not(:last-child):after{right:-16px}.process-steps__connector{right:-20px}}@media (width<=900px){.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}.process-steps li:after{display:none}.process-steps[data-animated=true]{grid-template-columns:minmax(0,1fr);gap:32px}.process-steps[data-animated=true] .process-steps__connector{width:20px;height:auto;inset:44px auto -32px 12px}.process-steps__connector .process-steps__circuit--horizontal{display:none}.process-steps__connector .process-steps__circuit--vertical{display:block}.process-steps__connector:before,.process-steps__connector:after{top:0;left:8px;right:auto}.process-steps__connector:after{top:auto;bottom:0}}@media (prefers-reduced-motion:reduce){.process-steps[data-animated=true] li{opacity:1;transform:none;animation:none!important}.process-steps__connector{opacity:1;transition:none}.process-steps__flow{opacity:0;animation:none!important}.process-steps__connector:after{animation:none!important}}@media (width<=600px){.process-steps{grid-template-columns:minmax(0,1fr);gap:24px}.process-steps p{font-size:13px}.process-steps[data-animated=true]{gap:24px}.process-steps[data-animated=true] .process-steps__connector{bottom:-24px}}