.flow-now{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.flow-now>div{min-width:0}.flow-now h2{font-size:24px;font-weight:500;line-height:1.4;margin:8px 0 12px}.flow-now .button{flex-shrink:0}.flow-next{padding:12px 16px;background:var(--mint);border-radius:10px}.flow-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.flow-stage{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:linear-gradient(145deg,#ffffffb3,#ffffff45);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start;min-width:0}.flow-stage h2{font-size:18px;font-weight:500;margin:5px 0}.flow-stage p{font-size:13px;line-height:1.7;color:var(--muted)}.flow-stage .flow-stage-step{font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.flow-stage .flow-value{display:flex;align-items:center;gap:13px;color:var(--ink);margin:14px 0 8px}.flow-value strong{font-size:32px;font-weight:500;line-height:1}.flow-value span{font-size:12px;max-width:160px}.flow-stage .button{margin-top:auto}.flow-side-columns{align-items:start}.flow-next-item{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.flow-next-item:first-child{padding-top:0}.flow-next-item:last-child{border-bottom:0;padding-bottom:0}.flow-next-item>div{min-width:0;flex:1}.flow-next-item h3,.flow-tool h3{font-size:14px;font-weight:600;margin:0 0 8px}.flow-next-item p,.flow-tool p{font-size:12px;line-height:1.8;margin:0;color:var(--muted)}.flow-next-item .button{flex-shrink:0}.flow-facts{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:16px}.flow-facts span{font-size:12px;color:var(--muted)}.flow-facts strong{display:block;font-size:26px;font-weight:500;color:var(--ink)}.flow-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.flow-tool{padding:18px;border:1px solid var(--line);border-radius:12px;min-width:0}.flow-tool>div{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:12px}.flow-tool h3{margin:0}.flow-tool .status{font-size:10px;white-space:normal}.flow-tool a{display:inline-block;margin-top:14px;font-size:12px;color:var(--green)}.flow-radar-controls{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.flow-radar-sources,.flow-radar-signals{list-style:none;margin:18px 0 0;padding:0}.flow-radar-sources li,.flow-radar-signals li{padding:12px 0;border-top:1px solid var(--line);min-width:0;overflow-wrap:anywhere}.flow-radar-sources li>div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.flow-radar-sources strong{font-size:12px}.flow-radar-sources p{font-size:12px;color:var(--muted);line-height:1.7;margin:7px 0}.flow-radar-sources small,.flow-radar-signals small{display:block;font-size:11px;color:var(--muted);line-height:1.7}.flow-radar-signals a{font-size:12px;line-height:1.7;color:var(--green)}
@media(max-width:1100px){.flow-stages,.flow-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-now{flex-direction:column}}
@media(max-width:650px){.flow-stages,.flow-tools{grid-template-columns:minmax(0,1fr)}.flow-stage{padding:20px}.flow-now h2{font-size:22px}.flow-next{padding:12px}.flow-now .button,.flow-next-item .button{white-space:normal;max-width:100%}.flow-next-item{flex-direction:column;gap:12px}.flow-side-columns{display:block}.flow-tool a{overflow-wrap:anywhere}.flow-radar-controls .button{min-height:44px}.flow-stage .button{min-height:44px}}