.flow-section.pain-section{display:grid;grid-template-columns:1fr 1.15fr;grid-template-rows:auto;align-items:center;gap:3vw;min-height:760px;padding:100px clamp(24px,6vw,100px);overflow:hidden}
.flow-copy{position:relative;z-index:1;max-width:570px}
.flow-copy h2{font-family:var(--sans);font-size:clamp(38px,4.3vw,68px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:0;color:#e5f6ff}
.flow-copy h2 em{font-style:italic;color:#e5f6ff;text-shadow:var(--axia-glow)}
.flow-description{font-size:clamp(16px,1.3vw,20px);color:#b5cbd6;line-height:1.55;margin:30px 0}.flow-description p{margin:0 0 18px}
.flow-caption{font-size:clamp(16px,1.3vw,20px);color:#b5cbd6;line-height:1.55;max-width:36ch;min-height:3.1em;margin:30px 0}
.flow-controls{display:flex;flex-wrap:wrap;gap:10px}
.flow-controls button,.flow-foot button{font:500 13px var(--sans);padding:14px 18px;background:#07141dc9;color:#c9dce7;border:1px solid #527083;border-radius:4px;cursor:pointer;transition:background .2s,color .2s}
.flow-controls button[aria-pressed=true]{background:#e5f6ff;color:#07141d;border-color:#e5f6ff}
.flow-controls button:hover{border-color:#e5f6ff}
.flow-legend{font:12px/1.5 var(--sans);color:#b5cbd6;display:flex;align-items:center;gap:6px;margin:22px 0 0}
.flow-legend span{width:8px;height:8px;background:#edaa74;border-radius:50%}.flow-legend b{font-weight:500;color:#edaa74}
.flow-visual{min-width:0}.flow-stage{position:relative;height:580px;isolation:isolate;overflow:hidden}
.flow-stage canvas{display:block;width:100%;height:100%}
.flow-value{position:absolute;left:0;top:0;font:11px/1.4 var(--mono);white-space:nowrap;color:#c9efff;padding:5px 8px;background:#07141dd9;border-left:1px solid #80b4ca;pointer-events:none}
.flow-value.is-inconsistent{color:#ffd0aa;border-color:#edaa74}
.flow-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#aec4d1;font:11px/1.5 var(--sans)}
.flow-foot button{padding:8px 12px;font-size:11px}
.flow-fallback{display:none;color:#adc4d0;padding:60px 20px;font-size:20px;line-height:1.6}.flow-unavailable .flow-fallback{display:block}
.flow-section[data-flow-state=connected] .flow-legend{visibility:hidden}
@media(max-width:900px){.flow-section.pain-section{grid-template-columns:1fr;gap:24px;padding:80px 24px;min-height:0}.flow-copy{max-width:640px}.flow-copy h2{font-size:clamp(36px,7vw,56px)}.flow-caption{margin:22px 0;min-height:0}.flow-stage{height:470px}.flow-visual{width:100%;max-width:680px;justify-self:center}}
@media(max-width:480px){.flow-stage{height:410px;margin-inline:-16px}.flow-value{font-size:9px;padding:4px}.flow-controls button{font-size:12px;padding:12px}.flow-foot{align-items:flex-start}.flow-foot>span{max-width:145px}.flow-foot button{white-space:nowrap}.flow-copy h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.flow-controls button{transition:none}}