/* The live account journey, in the site's original visual language. */
.hero-flow-art{margin:18px 0 22px;min-width:0}
.hero-flow-viewport{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#354b63 transparent}
.hero-flow-svg{display:block;width:100%;height:auto;overflow:visible}
.hero-flow-svg text{font-family:var(--mono);font-weight:400;fill:#8ca3bb}
.hero-flow-wire{fill:none;stroke:#375471;stroke-width:1.25;stroke-linecap:round;opacity:.7}
.hero-flow-packet{fill:#b6ddff;stroke:#6ab2f1;stroke-width:1;pointer-events:none}
.hero-flow-card{fill:var(--bg);stroke:#304257;stroke-width:1;transition:stroke .25s ease,fill .25s ease}
.hero-flow-node.is-active .hero-flow-card{stroke:#8dbce6;fill:#0d141d}
.hero-flow-node.is-active .hero-flow-title{fill:#dcecff}
.hero-flow-node.is-active .hero-flow-icon{stroke:#a4d0f5}
.hero-flow-node.is-active .hero-flow-port{fill:#aad5fa;stroke:#95c2e9}
.hero-flow-icon{fill:none;stroke:#7cadcf;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.hero-flow-svg .hero-flow-title{font-family:var(--display);font-size:13px;font-weight:500;fill:#cad8e6;letter-spacing:.1px}
.hero-flow-svg .hero-flow-subtitle{font-size:9px;fill:#6c839c}
.hero-flow-svg .hero-flow-event{font-size:10px;fill:#8ea6be}
.hero-flow-svg .hero-flow-previous{opacity:.35}
.hero-flow-svg .hero-flow-next{opacity:.55}
.hero-flow-svg .hero-flow-current{fill:#b4d7f7}
.hero-flow-event-focus{fill:#85bbef;opacity:.055}
.hero-flow-event-dot{fill:#93c9f6}
.hero-flow-svg .hero-flow-detail{font-size:9px;fill:#9ebdd8}
.hero-flow-svg .hero-flow-value{font-family:var(--display);font-size:12px;fill:#b6d8f5;letter-spacing:.1px}
.hero-flow-svg .hero-flow-foot{font-size:7.5px;fill:#617a92}
.hero-flow-rule{stroke:#233346;stroke-width:.8}
.hero-flow-port{fill:var(--bg);stroke:#577a99;stroke-width:1}
.hero-flow-svg .hero-flow-core-title{font-family:var(--display);font-size:18px;font-weight:500;fill:#b6d8f5;letter-spacing:-.6px}
.hero-flow-core .hero-flow-card{stroke:#537b9e;fill:#0d141d}
.hero-flow-svg .hero-flow-state{font-family:var(--display);font-size:11.5px;fill:#b6d3ed}
.hero-flow-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;font:7px/1.6 var(--mono);letter-spacing:.04em;color:#7b94ac;margin-top:13px}
.hero-flow-caption [data-flow-source]{color:#536d85;white-space:nowrap}
.hero-flow-scroll-hint{display:none}
@media(max-width:760px){
  .hero-flow-art{margin:19px 0 24px}
  .hero-flow-svg{min-width:620px}
  .hero-flow-viewport{padding-bottom:6px}
  .hero-flow-caption{font-size:7px;align-items:flex-start}
  .hero-flow-scroll-hint{display:block;margin:6px 0 0;font:8px/1.5 var(--mono);color:#5c7892;text-align:right}
}
@media(prefers-reduced-motion:reduce){.hero-flow-card{transition:none}}