.session-flow{--flow-gap:42px;--flow-row-gap:64px;margin:36px 0 48px;border:1px solid #3b5364;background:#0c1721;position:relative;isolation:isolate;overflow:visible}
.flow-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:32px 32px 0}
.flow-kicker{font:9px/1.8 var(--mono);letter-spacing:.12em;color:var(--cyan)}
.flow-heading h3{font-size:clamp(30px,3.3vw,43px);line-height:1.16;font-weight:550;letter-spacing:-.05em;margin:16px 0 0}.flow-heading h3 em{font-style:normal;color:var(--red)}
.flow-scope{display:block;position:relative;font:9px/1.9 var(--mono);color:var(--muted);padding:0 0 5px 19px;flex-shrink:0}.flow-scope>i{position:absolute;top:6px;left:0;width:6px;height:6px;background:var(--cyan);border-radius:50%}
.section p.flow-intro{font-size:13px;line-height:1.9;color:var(--muted);max-width:800px;margin:22px 32px 28px}
.flow-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:17px;align-items:center;padding:14px 32px 18px;border-bottom:1px solid #314555;position:sticky;top:0;z-index:5;background:#0c1721}
.flow-current{flex-basis:100%;font:10px/1.8 var(--mono);color:#b7d6df;border-top:1px solid #2d4454;padding-top:12px;overflow-wrap:anywhere}
.flow-route-controls{display:flex;flex-wrap:wrap;gap:6px}.flow-route-controls button{font:10px/1.7 var(--mono);border:1px solid #45596b;background:#111e2a;color:#b5c5d4;padding:11px 13px;min-height:42px}
.flow-route-controls button[aria-pressed=true]{color:#e6f5f7;background:#1b3542;border-color:#79b8c6;box-shadow:inset 0 -2px #8cc9d3}
.flow-route-controls button[data-flow-route=renew][aria-pressed=true]{background:#322532;border-color:#d998a3;box-shadow:inset 0 -2px #ed9295;color:#fbd8dc}
.flow-playback{display:flex;align-items:center;gap:9px}.flow-playback button{font:10px/1.8 var(--mono);padding:11px 15px;border:1px solid #9ba9b6;background:#e1eaf0;color:#132231;min-height:42px;display:inline-flex;gap:9px;align-items:center}
.flow-playback #flow-reset{background:transparent;color:#adbfce;border-color:#405367}.flow-playback button:hover{filter:brightness(1.1)}.flow-playback button:disabled{opacity:.6;cursor:default}.play-symbol{font-size:11px;width:13px;text-align:center}
.flow-canvas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:'session worker partner' 'cookie refresh verification';gap:var(--flow-row-gap) var(--flow-gap);padding:34px 32px;background-image:radial-gradient(#53667c27 .75px,transparent .75px);background-size:17px 17px}
.flow-node{--node-accent:#8cc9d3;border:1px solid #415568;background:linear-gradient(145deg,#152431,#101b26);padding:22px;min-width:0;position:relative;display:flex;flex-direction:column;transition:background .25s,border-color .25s,box-shadow .25s}
.flow-node-head{display:flex;gap:10px;align-items:center;color:var(--node-accent);font:8px/1.65 var(--mono);letter-spacing:.04em;min-height:30px}.flow-node-head>span:nth-child(2){min-width:0;flex:1}.flow-node-head>i{flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#647688}
.flow-node-mark{display:flex;flex-shrink:0;width:27px;height:27px;align-items:center;justify-content:center;font:13px/1 var(--mono);border:1px solid #496577;background:#1d3040;color:var(--node-accent)}
.flow-node h4{font-size:clamp(23px,2.2vw,29px);line-height:1.22;letter-spacing:-.04em;font-weight:550;margin:20px 0 12px;color:#edf2f7;overflow-wrap:anywhere}
.section .flow-node p{font-size:12px;line-height:1.85;color:#bbcad8;margin:0 0 14px}
.flow-node code,.flow-node-detail{font:10px/1.85 var(--mono);color:#8eabba;overflow-wrap:anywhere;display:block;margin-bottom:24px}
.flow-node>a{display:block;font:9px/1.8 var(--mono);color:#a6cbd4;border-top:1px solid #304555;padding-top:13px;margin-top:auto}.flow-node>a>span{display:inline-block;margin-left:5px}
.flow-node>a:hover{color:#f1b7bf}.flow-session{grid-area:session}.flow-worker{grid-area:worker}.flow-partner{grid-area:partner}.flow-refresh{grid-area:refresh}.flow-cookie{grid-area:cookie}.flow-verification{grid-area:verification}
.conditional-node{--node-accent:#ed9295;background:linear-gradient(145deg,#241f2b,#171c29);border-color:#574655}.conditional-node .flow-node-mark{background:#302532;border-color:#745765}.conditional-node .flow-node-detail,.conditional-node>a{color:#c6a9b4}
.flow-node.is-active{border-color:var(--node-accent);box-shadow:0 0 0 1px var(--node-accent),0 10px 30px #0003;background:#1b2d3c}.conditional-node.is-active{background:#322633}
.flow-node.is-active .flow-node-head>i{background:var(--node-accent);box-shadow:0 0 0 4px #96cfda1c}.conditional-node.is-active .flow-node-head>i{box-shadow:0 0 0 4px #ed92951c}
.flow-node.is-visited{border-color:#637f8e}.flow-node.is-active.is-visited{border-color:var(--node-accent)}
.flow-wire{--wire-color:#496473;position:absolute;pointer-events:none;z-index:2;display:block;color:var(--wire-color)}.flow-wire:before{content:'';position:absolute;display:block;background:currentColor}.flow-wire:after{content:'';position:absolute;width:0;height:0;border:4px solid transparent}
.wire-right{top:50%;left:100%;width:calc(var(--flow-gap) + 1px);height:1px}.wire-right:before,.wire-left:before{left:0;right:0;top:0;height:1px}.wire-right:after{right:0;top:-3.5px;border-left:6px solid currentColor;border-right:0}
.wire-left{right:100%;top:50%;width:calc(var(--flow-gap) + 1px);height:1px}.wire-left:after{left:0;top:-3.5px;border-right:6px solid currentColor;border-left:0}
.wire-down{left:50%;top:100%;height:calc(var(--flow-row-gap) + 1px);width:1px}.wire-up{left:50%;bottom:100%;height:calc(var(--flow-row-gap) + 1px);width:1px}.wire-down:before,.wire-up:before{top:0;bottom:0;left:0;width:1px}.wire-down:after{bottom:0;left:-3.5px;border-top:6px solid currentColor;border-bottom:0}.wire-up:after{top:0;left:-3.5px;border-bottom:6px solid currentColor;border-top:0}
.wire-branch{--wire-color:#725360}.flow-wire.is-active{--wire-color:#8cc9d3}.flow-wire.wire-branch.is-active{--wire-color:#ed9295}
.flow-wire>i{display:none;position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.flow-wire.is-active>i{display:block}.wire-right>i{left:50%;top:-2px}.wire-left>i{right:50%;top:-2px}.wire-down>i{top:50%;left:-2px}.wire-up>i{bottom:50%;left:-2px}
.motion-available:not(.motion-off) .session-flow.is-playing .wire-right.is-active>i{animation:flow-right .95s ease-in-out infinite}.motion-available:not(.motion-off) .session-flow.is-playing .wire-left.is-active>i{animation:flow-left .95s ease-in-out infinite}.motion-available:not(.motion-off) .session-flow.is-playing .wire-down.is-active>i{animation:flow-down .95s ease-in-out infinite}.motion-available:not(.motion-off) .session-flow.is-playing .wire-up.is-active>i{animation:flow-up .95s ease-in-out infinite}
@keyframes flow-right{from{left:0}to{left:calc(100% - 5px)}}@keyframes flow-left{from{right:0}to{right:calc(100% - 5px)}}@keyframes flow-down{from{top:0}to{top:calc(100% - 5px)}}@keyframes flow-up{from{bottom:0}to{bottom:calc(100% - 5px)}}
.flow-step-reader{border-top:1px solid #405565;background:#111f2b;padding:25px 32px 0}.flow-step-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}.flow-step-meta>span{font:10px/1.8 var(--mono);color:var(--cyan);letter-spacing:.04em}
.flow-step-buttons{display:flex;flex-wrap:wrap;gap:6px}.flow-step-buttons button{width:40px;height:40px;padding:0;font:10px/1 var(--mono);color:#b5c7d6;background:#14232f;border:1px solid #405665}.flow-step-buttons button[aria-current=step]{background:#dca0a9;color:#141d28;border-color:#dca0a9}
.flow-step-copy{padding:20px 0 24px;min-height:152px}.flow-step-copy h4{font-size:24px;line-height:1.35;font-weight:550;letter-spacing:-.03em;margin:0 0 11px}.section .flow-step-copy p{font-size:13px;line-height:1.9;max-width:920px;margin:0;color:#bdcbd8}.flow-step-copy>a{display:inline-block;font:10px/1.8 var(--mono);color:var(--cyan);margin-top:13px}
.flow-step-navigation{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #344959;padding:15px 0}.flow-step-navigation button{border:0;padding:10px 0;background:transparent;font:11px/1.8 var(--mono);color:var(--cyan);min-height:40px}.flow-step-navigation button:disabled{color:#74899b;cursor:default}.flow-step-navigation>span{font:9px/1.8 var(--mono);color:#9cb0c1;text-align:center}
.section p.flow-branch-note{margin:0;padding:21px 32px;background:#1f1e2a;font-size:11px;line-height:1.9;color:#c5b9c5;border-top:1px solid #554754}.flow-branch-note>span{display:block;color:#f1a7b1;font:9px/1.8 var(--mono);letter-spacing:.07em;margin-bottom:9px}.flow-branch-note a{color:#efafb9}
.session-flow figcaption{margin:0;padding:19px 32px;font:10px/1.9 var(--mono);color:var(--muted);border-top:1px solid #344959}.session-flow figcaption a{color:var(--cyan)}
.tracking-hero .credential-card{border-top:3px solid var(--cyan);box-shadow:10px 10px 0 #080f17}.clock-grid article{position:relative}.clock-grid article:before{content:'';height:2px;width:32px;background:var(--cyan);display:block;position:absolute;top:-1px;left:20px}.clock-grid article:nth-child(2):before{background:var(--red)}
.settlement-rails .stage{line-height:1.8}.penalty-chart .penalty-track{height:14px}.penalty-chart .penalty-track i{background:linear-gradient(90deg,#a76175,#ed9295)}
@media(max-width:1080px){.session-flow{--flow-gap:28px;--flow-row-gap:46px}.flow-canvas{padding:28px}.flow-node{padding:19px}.flow-node-head{font-size:8px;gap:8px}.flow-heading,.flow-toolbar{padding-left:28px;padding-right:28px}.section p.flow-intro{margin-left:28px;margin-right:28px}}
@media(max-width:820px){.flow-canvas{grid-template-columns:1fr 1fr;grid-template-areas:'session worker' 'partner verification' 'refresh cookie';gap:20px}.flow-wire{display:none}.flow-heading{align-items:flex-start}.flow-scope{font-size:8px}.flow-node h4{font-size:26px}.flow-heading h3{font-size:35px}.flow-toolbar{gap:14px}.flow-step-copy{min-height:172px}}
@media(max-width:620px){.flow-heading{display:block;padding:23px 20px 0}.flow-heading h3{font-size:32px}.flow-scope{margin-top:19px;font-size:9px;line-height:1.8}.flow-scope br{display:none}.flow-scope>i{top:5px}.section p.flow-intro{margin:17px 20px 23px}.flow-toolbar{padding:13px 20px 17px;display:block}.flow-route-controls{display:grid;grid-template-columns:1fr 1fr}.flow-route-controls button{font-size:9px;white-space:normal;text-align:left;padding:10px;min-height:50px}.flow-current{display:block;margin-top:13px;font-size:9px}.flow-playback{margin-top:13px}.flow-playback #flow-play{flex:1;justify-content:center}.flow-canvas{grid-template-columns:1fr;grid-template-areas:'session' 'worker' 'partner' 'verification' 'refresh' 'cookie';padding:20px;gap:16px}.flow-node{padding:21px}.flow-node h4{font-size:27px;margin:15px 0 10px}.flow-node-head{font-size:9px}.flow-node code,.flow-node-detail{margin-bottom:18px}.flow-node>a{font-size:10px}.flow-step-reader{padding:21px 20px 0}.flow-step-copy{min-height:0;padding-bottom:20px}.flow-step-copy h4{font-size:23px}.flow-step-navigation{flex-wrap:wrap;gap:0}.flow-step-navigation>span{order:3;flex-basis:100%;padding-bottom:7px}.flow-step-buttons{gap:5px}.flow-step-buttons button{width:28px;height:32px}.section p.flow-branch-note,.session-flow figcaption{padding:19px 20px}.session-flow{margin-left:0;margin-right:0}.tracking-hero .credential-card{box-shadow:6px 6px 0 #080f17}}
@media(max-width:800px){.settlement-rails{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'records records' 'itemlabel ledgerlabel' 'purchase purchase' 'itemone ledgerone' 'review review' 'itemtwo ledgertwo' 'settle settle' 'itemthree ledgerthree'}
.settlement-rails>div:nth-child(1){grid-area:records}.settlement-rails>div:nth-child(2){grid-area:purchase}.settlement-rails>div:nth-child(3){grid-area:review}.settlement-rails>div:nth-child(4){grid-area:settle}.settlement-rails>div:nth-child(5){grid-area:itemlabel}.settlement-rails>div:nth-child(6){grid-area:itemone}.settlement-rails>div:nth-child(7){grid-area:itemtwo}.settlement-rails>div:nth-child(8){grid-area:itemthree}.settlement-rails>div:nth-child(9){grid-area:ledgerlabel}.settlement-rails>div:nth-child(10){grid-area:ledgerone}.settlement-rails>div:nth-child(11){grid-area:ledgertwo}.settlement-rails>div:nth-child(12){grid-area:ledgerthree}.settlement-rails>div{padding:19px 16px}.settlement-rails .stage{padding:12px 16px}.settlement-rails strong{font-size:18px;overflow-wrap:anywhere}.settlement-rails .rail-label{color:#d9e9f2;background:#203342;font-size:10px}}
@media(prefers-reduced-motion:reduce){.session-flow *{animation:none!important;transition:none!important}}
@media print{.session-flow{background:white;border-color:#9aa7b1;break-inside:auto}.flow-toolbar,.flow-step-reader,.flow-wire{display:none!important}.flow-heading h3,.flow-node h4{color:#183143}.flow-scope,.section p.flow-intro,.section .flow-node p,.flow-node-detail,.flow-node code{color:#354e62}.flow-canvas{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'session worker' 'partner verification' 'refresh cookie';background:none;gap:18px}.flow-node,.flow-node.is-active,.conditional-node,.conditional-node.is-active{background:white!important;border-color:#8295a4!important;box-shadow:none!important;break-inside:avoid}.flow-node-head,.flow-node>a{color:#284e65}.flow-node-mark{background:#edf1f4!important;color:#183143!important}.section p.flow-branch-note{color:#34313f;background:#f3f0f4}.flow-branch-note>span,.flow-heading h3 em{color:#983749}.session-flow figcaption{color:#344b5c}.flow-heading{break-after:avoid}}
