.operational-flow-section{padding:70px 0;background:#f5f4f7;color:#292036;scroll-margin-top:65px}
.operational-flow-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:65px}
.operational-flow-story h2{font-size:clamp(32px,4.1vw,55px);line-height:1.03;letter-spacing:-.05em;margin:20px 0}
.operational-flow-story>p{font-size:18px;line-height:1.55;color:#6b6475;max-width:520px;margin:0}
.operational-flow-explanation{list-style:none;padding:0;margin:28px 0;display:grid;gap:22px}
.operational-flow-explanation li{display:flex;gap:17px}.operational-flow-explanation b{background:#7107e7;color:white;font:11px monospace;align-self:start;padding:7px}
.operational-flow-explanation strong{display:block;font-size:17px}.operational-flow-explanation span{display:block;margin-top:6px;color:#6b6475;font-size:14px;line-height:1.5}
.crm-theatre{min-width:0;width:100%;max-width:480px;margin:auto}
.crm-flow-toolbar{display:flex;align-items:center;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:1px;margin-bottom:10px;color:#746b7c}
.crm-flow-toolbar span{display:flex;align-items:center;gap:7px}.crm-flow-toolbar i{width:6px;height:6px;background:#7107e7;border-radius:50%}
.crm-flow-toolbar button{font-family:inherit;font-size:10px;color:#63546f;background:transparent;border:1px solid #d4cddd;border-radius:4px;padding:7px 9px;cursor:pointer}
.crm-flow-svg{display:block;width:100%;height:auto;overflow:visible;font-family:'DM Sans',sans-serif;color:#292036}
.crm-micro{font:8.8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.35px;fill:#746b7c}.crm-bold{font-weight:700;fill:#292036}
.crm-wires path{fill:none;stroke:#d7cfdf;stroke-width:1.2;stroke-dasharray:2 4}.crm-wires path[data-crm-route^=agent]{stroke-dasharray:none}.crm-wires .crm-return-wire{stroke:#79b7ad;stroke-dasharray:3 4}
.crm-channel{cursor:pointer;outline:none}.crm-channel circle{fill:white;stroke:#292036;transition:fill .2s,stroke .2s}.crm-channel text{font:9px ui-monospace,monospace;letter-spacing:.4px;text-anchor:middle;fill:#746b7c}
.crm-channel:hover circle,.crm-channel:focus-visible circle,.crm-channel.is-active circle{fill:#eee0ff;stroke:#7107e7;stroke-width:2}
.crm-core-ring{fill:none;stroke:#7107e7;stroke-width:1;opacity:.16}.crm-theatre.is-processing .crm-core-ring{stroke-width:3;opacity:.45}
.crm-agent-ring{fill:none;stroke:#7107e7;opacity:0;transition:opacity .3s}.crm-agent-face{fill:white;stroke:#292036}.crm-agent-label{fill:#e9e5ed}.crm-agent-status{font:8px ui-monospace,monospace;letter-spacing:.4px;fill:#746b7c}
.crm-agent.is-active .crm-agent-ring{opacity:.5}.crm-agent.is-active .crm-agent-face{stroke:#7107e7;stroke-width:2}.crm-agent.is-active .crm-agent-label{fill:#7107e7}.crm-agent.is-active .crm-agent-status{fill:white}
.crm-outcome rect{fill:white;stroke:#d4cddd;transition:fill .25s,stroke .25s}.crm-outcome.is-active rect{stroke:#7107e7;fill:#eee0ff}.crm-total{font-size:25px;font-weight:850;letter-spacing:-1px;fill:#7107e7}
.crm-recurring rect{fill:#e9f2ee;stroke:#d4e6df}.crm-recurring.is-active rect{fill:#d3f0e6;stroke:#057f82}.crm-small-total{font-size:20px;font-weight:800;fill:#057f82}.crm-caption{font-size:9px;fill:#62766c}
.crm-flow-caption{font-size:11px;text-align:center;color:#746b7c;margin:12px 0 0;min-height:30px;line-height:1.4}
.crm-flow-in-view .mobile-sticky-cta{visibility:hidden!important;pointer-events:none!important}
.crm-row-enter{animation:crm-row-enter .35s ease-out}@keyframes crm-row-enter{from{transform:translateY(-27px);opacity:.3}to{transform:translateY(0);opacity:1}}
@media(max-width:850px){.operational-flow-layout{grid-template-columns:1fr;gap:22px}.operational-flow-explanation,.operational-flow-cta{display:none!important}.operational-flow-story{text-align:center}.operational-flow-story>p{margin:12px auto 0;font-size:15px}.operational-flow-story h2{font-size:34px;margin:14px 0}.operational-flow-section{padding:40px 0}.operational-flow-story .eyebrow{font-size:9px}.crm-theatre{max-width:440px}}
@media(max-width:480px){.operational-flow-layout{gap:18px}.operational-flow-story h2{font-size:29px}.operational-flow-story>p{font-size:13px;line-height:1.45}.crm-flow-toolbar{margin-bottom:5px;font-size:7.5px}.operational-flow-section{padding:26px 0}.crm-flow-caption{font-size:10px;margin-top:9px}}
@media(prefers-reduced-motion:reduce){.crm-row-enter{animation:none}}