/* v2 · 04 "Same organization. A better way to operate." — before / after race, white line style on the blue.
   Same five teams on both sides; one request each. Left bounces between teams, right flows straight. */
.rr{position:absolute;right:max(56px,calc((100% - 1440px) / 2));top:40px;width:300px;height:248px;pointer-events:none;z-index:1}
.rr svg{width:100%;height:100%;overflow:visible}
.rr .rr-h{font:600 10px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-anchor:middle;fill:#cbd0ff}
.rr .rr-div{stroke:rgba(255,255,255,.25);stroke-width:1;stroke-dasharray:3 4}
.rr .rr-route{fill:none;stroke:#f2b8b4;stroke-opacity:.55;stroke-width:1.3;stroke-dasharray:3 3}
.rr .rr-flow{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.rr .rr-node{fill:#2a2d9f;stroke:#fff;stroke-width:1.6;transition:fill .3s}
.rr .rr-node.done{fill:#5fd39a;stroke:#5fd39a}
.rr .rr-dot-b{fill:#f2b8b4}
.rr .rr-dot-a{fill:#fff}
.rr .rr-cap{font:500 9px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;text-anchor:middle;fill:#cbd0ff}
.rr .rr-tick{fill:rgba(255,255,255,.18)}
.rr .rr-tick.b.on{fill:#f2b8b4}
.rr .rr-tick.a.on{fill:#fff}
.rr .rr-pill rect{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.55)}
.rr .rr-pill text{font:600 10px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;fill:#fff;text-anchor:middle}
@media(max-width:1100px){.rr{display:none}}