.river{padding:36px 0 64px}
.river h1{font-size:clamp(30px,5vw,48px);margin:8px 0 12px}
.lead{max-width:640px;color:var(--muted);margin-bottom:28px}
.bead{
  display:grid;grid-template-columns:1fr 72px 1fr;gap:12px;align-items:center;margin-bottom:18px;
}
.bead:nth-child(even) .panel:first-child{opacity:.25}
.bead:nth-child(odd) .panel:last-of-type{opacity:.25}
.panel{padding:16px;background:#10182e;border:1px solid var(--line)}
.knot{
  width:56px;height:56px;border-radius:50%;background:var(--p);color:#fff;
  display:grid;place-items:center;font-weight:800;margin:0 auto;
}
.bead:nth-child(even) .knot{background:var(--g);color:#08101f}
.panel h2{font-size:18px;margin-bottom:6px}
.panel p{color:var(--muted);font-size:14px}
.kpi{color:var(--g);font-weight:800;font-size:13px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.split div{border:1px solid var(--line);padding:10px;font-size:13px}
@media(max-width:800px){
  .bead{grid-template-columns:1fr}
  .bead:nth-child(even) .panel:first-child,.bead:nth-child(odd) .panel:last-of-type{display:none}
  .split{grid-template-columns:1fr}
}