.flow-page{padding-bottom:40px}.back-link{display:inline-flex;align-items:center;gap:7px;margin-top:28px;color:#a9a0b3;font-size:12px;text-decoration:none;transition:color .18s ease}.back-link:hover{color:#eee7f5;text-decoration:underline;text-underline-offset:4px}.flow-hero{padding:30px 0 32px}.flow-kicker{color:var(--purple-2);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.flow-hero-grid{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:end;margin-top:8px}.flow-hero h1{margin:0 0 14px;font-size:clamp(42px,5.5vw,68px);line-height:.96}.flow-hero h1 span{color:#c6b2e8}.flow-hero p{margin:0;max-width:680px;color:#aaa1b4;font-size:15px}.flow-key{border-left:1px solid var(--line);padding:4px 0 4px 20px;display:grid;gap:12px}.key-line{display:flex;gap:9px;align-items:center;color:#928899;font-size:11px}.key-dot{width:8px;height:8px;border-radius:50%;background:var(--purple-2)}.key-dot.muted{background:#393142}.flow-map{border:1px solid var(--line);background:#0f0c14;border-radius:12px;padding:38px 30px 42px;position:relative;overflow:hidden}.flow-diagram{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.stage-node{border:1px solid #352a40;background:#15111b;border-radius:10px;padding:18px;position:relative;z-index:2}.stage-node:hover{border-color:#55406d}.stage-r1{width:280px}.node-label{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--purple-2)}.node-title{font-size:20px;font-weight:800;margin-top:5px}.node-sub{font-size:11px;color:var(--muted);margin-top:3px}.node-status{font-size:10px;color:#8f849b;margin-top:12px}.split-area{position:relative;width:66%;height:64px}.split-area:before{content:"";position:absolute;left:50%;top:0;width:1px;height:28px;background:#4a3860}.split-area:after{content:"";position:absolute;left:25%;right:25%;top:28px;height:1px;background:#4a3860}.connector-label{position:absolute;z-index:3;top:20px;color:#857a91;background:#0f0c14;padding:0 7px;font-size:8px;letter-spacing:.1em}.connector-upper{left:25%;transform:translate(-50%)}.connector-lower{left:75%;transform:translate(-50%)}.branch-grid{width:66%;display:grid;grid-template-columns:1fr 1fr;gap:72px}.branch-node{min-height:116px}.branch-node:before{content:"";position:absolute;left:50%;top:-36px;width:1px;height:36px;background:#4a3860}.merge-area{position:relative;width:66%;height:64px}.merge-area:before{content:"";position:absolute;left:25%;right:25%;top:32px;height:1px;background:#4a3860}.merge-area:after{content:"";position:absolute;left:50%;top:32px;width:1px;height:32px;background:#4a3860}.merge-left,.merge-right{position:absolute;top:0;width:1px;height:32px;background:#4a3860}.merge-left{left:25%}.merge-right{left:75%}.merge-node{width:280px;text-align:center}.merge-note{font-size:10px;color:#8f849b;margin-top:7px}.mobile-route{display:none}.knockout-path{width:100%;display:flex;flex-direction:column;align-items:center}.knockout-connector{height:34px;display:grid;place-items:center;color:#5e4b73;font-size:15px}.knockout-node{width:min(100%,620px);display:grid;grid-template-columns:1fr 230px;gap:25px;align-items:center}.knockout-progress{border-left:1px solid #2b2234;padding-left:20px}.progress-head{display:flex;justify-content:space-between;color:#7f748a;font-size:10px}.progress-head strong{color:#bfa8ee}.flow-bar{height:5px;background:#28212f;border-radius:99px;overflow:hidden;margin-top:7px}.flow-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));border-radius:99px}.stage-table{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.stage-table-head,.stage-table-row{display:grid;grid-template-columns:1.3fr .7fr .6fr .9fr 1.5fr;gap:14px;align-items:center;padding:13px 16px}.stage-table-head{font-size:9px;letter-spacing:.1em;color:#766b80;border-bottom:1px solid var(--line)}.stage-table-row{border-top:1px solid var(--line);font-size:12px;color:#c7bfce}.stage-table-row:first-of-type{border-top:0}.stage-table-row strong{display:block;color:#ddd6e4}.stage-table-row small{display:block;color:#746a7d;font-size:10px;margin-top:2px}.table-progress{display:grid;grid-template-columns:1fr 36px;gap:9px;align-items:center}.table-progress small{text-align:right}.path-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.path-cards article{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:18px;min-height:165px}.path-cards span{color:var(--purple-2);font-size:10px;font-weight:900;letter-spacing:.1em}.path-cards h3{margin:8px 0 5px;font-size:15px}.path-cards p{margin:0;color:var(--muted);font-size:12px}@media(max-width:850px){.flow-hero-grid{grid-template-columns:1fr}.flow-map{padding:28px 18px 34px}.branch-grid,.split-area,.merge-area{width:76%}.branch-grid{gap:32px}.knockout-node{grid-template-columns:1fr}.knockout-progress{border-left:0;border-top:1px solid #2b2234;padding:12px 0 0}.stage-table-head{display:none}.stage-table-row{grid-template-columns:1fr 1fr 1fr;gap:8px}.table-progress{grid-column:1/-1}.path-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.flow-hero{padding-top:28px}.flow-map{padding:24px 14px 30px}.stage-r1,.branch-grid,.diagram-connector,.merge-node,.knockout-node{width:100%}.split-area{height:28px;display:grid;place-items:center}.split-area:before,.split-area:after{display:none}.connector-label{display:inline;position:static;transform:none;padding:0;color:#766a82;background:transparent;font-size:9px}.connector-upper,.connector-lower{display:none}.split-area:after{display:block;position:static;width:auto;height:auto;background:none}.branch-grid{display:flex;flex-direction:column;gap:12px}.branch-node{padding:17px}.branch-node+.branch-node{margin-top:0}.branch-node:before{display:none}.mobile-route{display:block;margin-top:11px;padding-top:9px;border-top:1px solid #2b2234;color:#bfa8ee;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.merge-area{height:38px;width:100%;display:grid;place-items:center;background:none}.merge-area:before,.merge-area:after{display:none}.merge-area:after{content:"R2 TOP 21 JOINS R1 WINNERS";display:block;position:static;width:auto;height:auto;background:none;color:#766a82;font-size:9px;font-weight:800;letter-spacing:.08em}.merge-note{margin-top:7px}.stage-table-row{grid-template-columns:1fr 1fr}.stage-table-row>span:nth-child(3){display:none}.path-cards{grid-template-columns:1fr}}
