.flow-explorer{--lit:var(--money-lit)}.flow-explorer[data-product=finance]{--lit:var(--invest-lit)}.flow-explorer[data-product=registry]{--lit:var(--assets-lit)}.journey-switch{display:inline-flex;gap:.25rem;padding:.25rem;margin-bottom:1.25rem;background:var(--night-raised);border-radius:999px}.journey-switch button{padding:.5rem 1.25rem;background:none;border:0;border-radius:999px;font-size:.9375rem;font-weight:600;color:var(--night-dim);transition:background .3s var(--ease),color .3s var(--ease)}.journey-switch button:hover{color:var(--paper)}.journey-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.walkthrough{background:var(--night-raised);border-radius:clamp(1.25rem,2.6vw,2.25rem);overflow:hidden}.flow-head{display:grid;gap:.4rem;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.25rem,3vw,2.5rem) 0}.flow-label{font-size:clamp(1.25rem,2vw,1.625rem);font-weight:600;line-height:1.15;letter-spacing:-.03em}.flow-summary{max-width:44rem;color:var(--night-dim)}.flow-steps{display:flex;gap:.75rem;margin:clamp(1.25rem,2.5vw,2rem) clamp(1.25rem,3vw,2.5rem) 0;padding:0;list-style:none;border-bottom:1px solid var(--night-line)}.flow-steps li{flex:1;min-width:0}.flow-steps button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;width:100%;min-height:5.75rem;padding:.75rem 0 1.1rem;background:none;border:0;text-align:left;font-size:.9375rem;font-weight:500;line-height:1.25;color:var(--night-dim);transition:color .25s}.flow-steps button>span{display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid var(--night-line);border-radius:50%;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.flow-steps button>span .icon{width:.8rem;height:.8rem}.flow-steps button:hover,.flow-steps button[aria-current=step]{color:var(--paper)}.flow-steps button.is-complete>span,.flow-steps button[aria-current=step]>span{background:var(--lit);border-color:var(--lit);color:var(--night)}.flow-steps i{position:absolute;inset:auto 0 -1px;height:2px;overflow:hidden}.flow-steps b{display:block;height:100%;background:var(--lit);transform-origin:left}.flow-steps b.fill-progress{animation:flow-progress 5.2s linear forwards}@keyframes flow-progress{0%{transform:scaleX(0)}}.flow-diagram{padding:1.5rem clamp(.75rem,2vw,1.5rem) 0}.lane-headings{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:.8125rem;color:var(--night-dim)}.flow-diagram svg{display:block;width:100%;height:auto;max-height:26rem;overflow:visible}.lane-divider{fill:none;stroke:var(--night-line);stroke-dasharray:2 7}.flow-base-path{fill:none;stroke:var(--night-line)}.flow-node rect{fill:var(--night);stroke:var(--night-line);transition:stroke .4s var(--ease),fill .4s var(--ease)}.flow-node .node-title{font-size:17px;font-weight:600;letter-spacing:-.02em;fill:var(--night-dim);transition:fill .4s var(--ease)}.flow-node .node-subtitle{font-size:12px;fill:oklch(.64 .012 268)}.flow-node.node-active rect{fill:oklch(.25 .016 268);stroke:var(--lit);stroke-width:1.5}.flow-node.node-active .node-title{fill:var(--paper)}.flow-node.node-active .node-subtitle{fill:var(--night-dim)}.flow-active-path{fill:none;stroke:var(--paper);stroke-width:2;stroke-linecap:round}.flow-active-path.value{stroke:var(--lit);stroke-width:3}.flow-active-path.event{stroke:var(--night-dim);stroke-dasharray:5 6}.flow-packet{fill:var(--paper)}.flow-packet.value{fill:var(--lit)}.flow-packet.event{fill:var(--night-dim)}.transfer-caption{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:0 .75rem 1.5rem;font-size:.9375rem;font-weight:500}.transfer-caption>span:first-child{width:.5rem;height:.5rem;border-radius:2px;background:var(--paper)}.transfer-caption.value>span:first-child{background:var(--lit)}.transfer-caption.event>span:first-child{background:var(--night-dim)}.transfer-direction{margin-left:.5rem;font-weight:400;color:var(--night-dim)}.flow-story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.5rem,4vw,4rem);min-height:14.5rem;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.25rem,3vw,2.5rem);border-top:1px solid var(--night-line)}.flow-story h4{margin-bottom:.6rem;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:650;line-height:1.05;letter-spacing:-.035em}.flow-story-main>p:last-child{max-width:24rem;color:var(--night-dim)}.flow-outcome{margin-top:1rem;padding-top:1rem;color:var(--lit)}.flow-bottom,.flow-outcome{border-top:1px solid var(--night-line)}.flow-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:1.25rem clamp(1.25rem,3vw,2.5rem)}.flow-controls{display:flex;gap:.4rem}.flow-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:2.5rem;height:2.5rem;background:none;border:1px solid var(--night-line);border-radius:999px;color:var(--paper);transition:border-color .25s,opacity .25s}.flow-controls button.flow-play{min-width:6.25rem;padding:0 1rem;background:var(--paper);border-color:var(--paper);color:var(--ink);font-size:.9375rem;font-weight:600}.flow-controls button:hover:not(:disabled){border-color:var(--paper)}.flow-controls button:disabled{opacity:.35;cursor:default}.flow-status{font-size:.9375rem;color:var(--night-dim)}.flow-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-left:auto;font-size:.8125rem;color:var(--night-dim)}.flow-legend>span{display:flex;align-items:center;gap:.4rem}.flow-legend>span:before{content:"";width:.9rem;height:2px;background:var(--paper)}.flow-legend>.value:before{height:3px;background:var(--lit)}.flow-legend>.event:before{background:repeating-linear-gradient(90deg,var(--night-dim) 0 3px,transparent 3px 6px)}.flow-disclaimer{max-width:56rem;padding:0 clamp(1.25rem,3vw,2.5rem) 1.5rem;font-size:.8125rem;line-height:1.5;color:oklch(.66 .012 268)}.flow-mobile-route{display:none}@media (max-width:950px){.transfer-direction{display:none}.flow-legend{margin-left:0}}@media (max-width:700px){.journey-switch{display:flex}.journey-switch button{flex:1}.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 .75rem;border:0}.flow-steps button{min-height:5.5rem;font-size:.875rem;border-bottom:1px solid var(--night-line)}.flow-diagram{display:none}.flow-mobile-route{display:grid;gap:.6rem;margin:1.5rem 1.25rem}.flow-mobile-route>div{padding:1rem;background:var(--night);border:1px solid var(--lit);border-radius:.9rem;text-align:center;font-size:1.0625rem;font-weight:600}.flow-mobile-route>span{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--paper)}.flow-mobile-route>span.value{color:var(--lit)}.flow-mobile-route>span.event{color:var(--night-dim)}.flow-mobile-route small{font-size:.875rem}.is-running .flow-mobile-route .icon{animation:flow-mobile-pulse 1.3s ease-in-out infinite}@keyframes flow-mobile-pulse{0%,to{transform:translateY(-3px);opacity:.5}50%{transform:translateY(3px);opacity:1}}.flow-story{grid-template-columns:minmax(0,1fr);min-height:21rem}}@media (prefers-reduced-motion:reduce){.flow-steps b.fill-progress,.is-running .flow-mobile-route .icon{animation:none}.flow-node .node-title,.flow-node rect{transition:none}}