.flow-section{--flow-accent:var(--accent-cyan);box-sizing:border-box;font-family:var(--font-sans)}.flow-section .inner{max-width:var(--container-max);margin:0 auto}.flow-eyebrow{font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;color:var(--flow-accent);align-items:center;gap:8px;margin-bottom:14px;display:inline-flex}.flow-eyebrow:before{content:"";background:var(--flow-accent);border-radius:1px;width:16px;height:2px}.flow-h2{font-size:38px;font-weight:var(--weight-extrabold);letter-spacing:-1.2px;line-height:var(--leading-heading);color:var(--text-primary);margin:0 0 12px}.flow-lead{font-size:16px;line-height:var(--leading-body);color:var(--text-secondary);text-wrap:pretty;max-width:560px;margin:0}.flow-chip{font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;color:var(--text-muted);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);align-items:center;padding:3px 7px;font-size:10px;display:inline-flex}.flow-node{box-sizing:border-box;background:var(--surface-2);border:2px solid color-mix(in srgb, var(--flow-accent) 45%, transparent);width:14px;height:14px;transition:background var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);border-radius:50%;flex:none}.flow-node.done{background:var(--flow-accent);border-color:var(--flow-accent)}@keyframes flow-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--flow-accent) 30%, transparent)}55%{box-shadow:0 0 0 8px color-mix(in srgb, var(--flow-accent) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--flow-accent) 0%, transparent)}}.flow-node.active{background:var(--flow-accent);border-color:var(--flow-accent)}@media (prefers-reduced-motion:no-preference){.flow-node.active{animation:flow-pulse 2.5s var(--ease-out) infinite}}.flow-step .s-title{font-size:15px;font-weight:var(--weight-bold);letter-spacing:-.2px;color:var(--text-primary);margin:0 0 5px;line-height:1.3}.flow-step .s-desc{color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.5}.flow-step .s-note{font-size:11px;font-weight:var(--weight-semibold);color:var(--accent-emerald);margin-top:7px;display:inline-block}.flow-line path.track{stroke:#0f172a1a;fill:none}.flow-line path.draw{stroke:var(--flow-accent);fill:none}.flow-sim{background:var(--surface-1);border:1px dashed #0891b259;border-radius:10px;align-items:center;gap:14px;margin-top:30px;padding:10px 16px;display:flex}.flow-sim .lbl{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;font-size:10px}.flow-sim input[type=range]{accent-color:var(--accent-cyan);cursor:pointer;flex:1;min-width:0}.flow-v2.desktop{padding:72px 80px 56px}.flow-v2.desktop .lane{height:360px;margin-top:44px;position:relative}.flow-v2.desktop .flow-line{width:100%;height:100%;position:absolute;inset:0}.flow-v2.desktop .flow-step{width:188px;position:absolute}.flow-v2.desktop .lane>.flow-node{position:absolute;transform:translate(-50%,-50%)}.flow-v2.desktop .flow-step .flow-chip{margin-bottom:9px}.flow-v2.desktop .flow-step.up{text-align:left}.flow-v2.mobile{padding:48px 20px 40px}.flow-v2.mobile .flow-h2{letter-spacing:-.8px;font-size:28px}.flow-v2.mobile .flow-lead{font-size:15px}.flow-v2.mobile .lane{margin-top:32px;position:relative}.flow-v2.mobile .flow-line{width:28px;position:absolute;top:0;bottom:0;left:0}.flow-v2.mobile .steps{flex-direction:column;gap:24px;display:flex}.flow-v2.mobile .flow-step{box-sizing:border-box;height:112px;padding-left:52px;position:relative}.flow-v2.mobile .flow-step .flow-node{position:absolute;top:4px}.flow-v2.mobile .flow-step:nth-child(odd) .flow-node{left:0}.flow-v2.mobile .flow-step:nth-child(2n) .flow-node{left:14px}.flow-v2.mobile .flow-step .flow-chip{margin-bottom:8px}.ergon-d-flow-mobile-only{display:block}.ergon-d-flow-desktop-only{display:none}@media (min-width:1024px){.ergon-d-flow-mobile-only{display:none}.ergon-d-flow-desktop-only{display:block}}