.why-flow{--flow-accent:#186dbb;--flow-soft:#eaf4ff;--flow-strong:#064b87;background:var(--fusion-bg,#f3f5f9);color:var(--fusion-text,#0f1829);scroll-margin-top:110px}
.why-flow[data-flow-mode=reports]{--flow-accent:#087f84;--flow-soft:#e8f6f3;--flow-strong:#00686c}
.why-flow[data-flow-mode=ai]{--flow-accent:#7150c7;--flow-soft:#f0ebff;--flow-strong:#5c3db0}
.why-flow .why-flow-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:26px}
.why-flow-heading h2{font-size:clamp(2.1rem,3.3vw,3.4rem);line-height:1.08;margin:12px 0 0;max-width:620px}
.why-flow-heading>p{color:var(--fusion-muted,#5b6678);line-height:1.7;margin:0;max-width:590px}
.why-flow-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.why-flow-controls button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 18px;border:1px solid var(--fusion-line,#d9e0ea);border-radius:10px;background:var(--fusion-surface,#fff);color:var(--fusion-text,#0f1829);font:inherit;font-size:15px;font-weight:650;cursor:pointer}
.why-flow-controls button[aria-pressed=true]{border-color:var(--flow-accent);background:var(--flow-accent);color:#fff;box-shadow:0 3px 12px #101c2c12}
.why-flow-controls button:hover{border-color:var(--flow-accent)}
.why-flow-controls button:focus-visible{outline:3px solid var(--flow-accent);outline-offset:4px}
.why-flow-diagram{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);gap:13px;align-items:center}
.why-flow-column{min-width:0}
.why-flow-column>h3{font:650 14px/1.4 'IBM Plex Sans','Segoe UI',sans-serif;color:var(--fusion-muted,#5b6678);margin:0 0 13px;padding-left:3px}
.why-flow-node-list{display:grid;gap:10px}
.why-flow-node,.why-flow-service{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:17px 15px;background:var(--fusion-surface,#fff);border:1px solid var(--fusion-line,#d9e0ea);border-radius:12px}
.why-flow-node>div,.why-flow-service>div{min-width:0}
.why-flow-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:35px;height:35px;border-radius:10px;background:var(--fusion-raised,#e9edf4);color:var(--fusion-muted,#5b6678);font-size:15px}
.why-flow h4{font:650 16px/1.3 'IBM Plex Sans','Segoe UI',sans-serif;margin:0 0 7px;overflow-wrap:anywhere}
.why-flow-node p,.why-flow-service p{font-size:14px;line-height:1.6;color:var(--fusion-muted,#5b6678);margin:0;overflow-wrap:anywhere}
.why-flow[data-flow-mode=realtime] [data-flow-for~=realtime],.why-flow[data-flow-mode=reports] [data-flow-for~=reports],.why-flow[data-flow-mode=ai] [data-flow-for~=ai]{background:var(--flow-soft);border-color:var(--flow-accent)}
.why-flow[data-flow-mode=realtime] [data-flow-for~=realtime] .why-flow-icon,.why-flow[data-flow-mode=reports] [data-flow-for~=reports] .why-flow-icon,.why-flow[data-flow-mode=ai] [data-flow-for~=ai] .why-flow-icon{background:var(--flow-accent);color:#fff}
.why-flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--flow-accent);font-size:21px}
.why-flow-core{padding:30px 22px;text-align:center;border:2px solid var(--flow-accent);border-radius:20px;background:var(--flow-soft);box-shadow:0 10px 30px #101c2c0c;min-width:0}
.why-flow-core-mark{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 auto 12px;border-radius:15px;background:var(--flow-accent);color:#fff;font-size:24px}
.why-flow-core-label{display:block;color:var(--flow-strong);font-size:27px;font-weight:750;line-height:1.2}
.why-flow-core h3{font-size:18px;margin:8px 0 16px}
.why-flow-core p{font-size:15px;line-height:1.7;color:var(--fusion-muted,#5b6678);margin:0 0 20px}
.why-flow-core-note{display:block;padding-top:16px;border-top:1px solid var(--fusion-line,#d9e0ea);color:var(--flow-strong);font-size:13px;line-height:1.55}
.why-flow-core-note i{margin-right:5px}
.why-flow-explanation{border-left:4px solid var(--flow-accent);padding:22px 26px;margin-top:27px;border-radius:0 12px 12px 0;background:var(--fusion-surface,#fff);min-height:155px}
.why-flow-explanation [hidden]{display:none}
.why-flow-explanation h3{font-size:20px;line-height:1.35;margin:0 0 9px}
.why-flow-explanation p{font-size:16px;line-height:1.7;color:var(--fusion-muted,#5b6678);margin:0;max-width:1080px}
.why-flow-optional{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;border-top:1px dashed var(--fusion-line,#d9e0ea);padding-top:23px;margin-top:24px}
.why-flow-optional-heading{display:flex;align-items:flex-start;gap:12px;padding:12px 0}
.why-flow-optional-heading>span{color:var(--fusion-accent,#514bd2);font-size:20px;margin-top:2px}
.why-flow-optional-heading h3{font-size:18px;margin:0 0 8px}
.why-flow-optional-heading p{font-size:14px;line-height:1.6;color:var(--fusion-muted,#5b6678);margin:0}
html[data-site-theme=dark] .why-flow{--flow-accent:#4d9cf0;--flow-soft:#142942;--flow-strong:#a4ceff}
html[data-site-theme=dark] .why-flow[data-flow-mode=reports]{--flow-accent:#32b3b3;--flow-soft:#102c30;--flow-strong:#80dcda}
html[data-site-theme=dark] .why-flow[data-flow-mode=ai]{--flow-accent:#af90fb;--flow-soft:#241b3c;--flow-strong:#cfbcff}
html[data-site-theme=dark] .why-flow-controls button[aria-pressed=true],html[data-site-theme=dark] .why-flow-core-mark,html[data-site-theme=dark] .why-flow[data-flow-mode=realtime] [data-flow-for~=realtime] .why-flow-icon,html[data-site-theme=dark] .why-flow[data-flow-mode=reports] [data-flow-for~=reports] .why-flow-icon,html[data-site-theme=dark] .why-flow[data-flow-mode=ai] [data-flow-for~=ai] .why-flow-icon{color:#091423}
@media(max-width:1050px){.why-flow-diagram{gap:8px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr)}.why-flow-node{padding:14px 11px;gap:9px}.why-flow-icon{width:30px;height:30px;font-size:13px}.why-flow-core{padding:25px 16px}.why-flow-optional{grid-template-columns:repeat(2,minmax(0,1fr))}.why-flow-optional-heading{grid-column:1/-1;padding:0}}
@media(max-width:760px){.why-flow .why-flow-heading{grid-template-columns:1fr;gap:20px}.why-flow-diagram{grid-template-columns:1fr;gap:16px}.why-flow-column>h3{font-size:15px}.why-flow-arrow{transform:rotate(90deg);height:20px}.why-flow-node{padding:16px}.why-flow-core{padding:25px}.why-flow-core p{max-width:440px;margin-left:auto;margin-right:auto}.why-flow-explanation{padding:20px;min-height:0}.why-flow-optional{grid-template-columns:1fr}.why-flow-controls{gap:7px}.why-flow-controls button{flex:1 1 95px;padding:10px 9px;font-size:14px}.why-flow-service{padding:17px 15px}}