/* Explanatory process diagrams. Every connection represents a data transfer or decision. */
.service-panel-flow{grid-template-columns:.85fr 1.3fr;align-items:center;gap:36px}
.service-panel-flow .service-copy>p:not(.eyebrow){font-size:1rem}
.service-panel-flow .service-deliverables li{font-size:.875rem}
.service-flow-example{background:#f6f7f9;border-color:#dce0e6;align-self:start;width:100%;max-width:none}
.service-flow-example .example-top{background:#fff;border-color:#dce0e6;padding:17px 20px;font-size:.75rem;letter-spacing:.6px;align-items:flex-start;line-height:1.5}
.service-flow-example .example-top>span:last-child{font-size:.75rem;font-weight:400;color:#687181;letter-spacing:0;white-space:nowrap}
.flow-scene{position:relative;padding:25px 23px;background-image:radial-gradient(#d5dce6 .8px,transparent .8px);background-size:18px 18px;isolation:isolate;overflow:hidden}
.flow-wires{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.flow-wire{fill:none;stroke:#e16d36;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .65s ease,opacity .3s ease}
.flow-wire-secondary{stroke:#9fa8b6;stroke-width:1.5}
.flow-part{position:relative;z-index:1;transition:opacity .45s ease,transform .45s ease,visibility .45s}
.services-ready .flow-part.is-future{opacity:0;visibility:hidden;transform:translateY(9px);pointer-events:none}
.services-ready .flow-wire.is-future{opacity:0}
.automation-stack{display:flex;flex-direction:column;align-items:center;gap:27px}
.process-node{width:100%;max-width:410px;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #d6dce5;border-radius:9px;padding:13px 14px;box-shadow:0 4px 12px #172b4706;min-height:68px}
.process-node>div{flex:1;min-width:0}
.process-node strong{font-size:1rem;line-height:1.4;font-weight:600;display:block;letter-spacing:-.2px}
.process-node small{font-size:.75rem;line-height:1.55;color:#647083;display:block;margin-top:3px}
.process-node-icon{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:7px;background:#f2f5fa;color:#2e507c;font-size:21px;border:1px solid #e1e6ed}
.node-order{font-size:.75rem;color:#727d8e;align-self:flex-start;padding-top:3px}
.process-node-agent{background:#1b2433;border-color:#3d4b60;color:white}
.process-node-agent small,.process-node-agent .node-order{color:#c5cedb}
.process-node-agent .process-node-icon{background:#40342f;border-color:#78543f;color:#ffb68f}
.process-node-result{background:#fff1e9;border-color:#e9b79d}
.process-node-result .process-node-icon{background:#ffe0ce;color:#984315;border-color:#efbd9f}
.automation-branches{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:100%}
.decision-result{border:1px solid #d6dce5;background:#fff;padding:13px 12px;border-radius:8px;min-width:0}
.decision-result strong{font-size:.875rem;line-height:1.4;display:block;margin:8px 0 4px}
.decision-result small{display:block;font-size:.75rem;line-height:1.5;color:#657082}
.decision-label{font-size:.75rem;line-height:1.4;color:#8f3d17}
.decision-yes{border-color:#eab799;background:#fff7f2}
.decision-no{background:#f2f4f7;border-style:dashed}
.decision-no .decision-label{color:#697488}
.document-canvas{display:flex;flex-direction:column;align-items:center;gap:0;padding-top:28px;padding-bottom:24px}
.scan-document{background:white;border:1px solid #cdd5e1;border-radius:9px;width:100%;max-width:375px;box-shadow:0 9px 25px #172b470c;overflow:hidden}
.scan-document-bar{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e2e7ee;padding:13px;font-size:.75rem;color:#4f5f75}
.file-icon{font-size:.75rem;color:#9a3c13;background:#fff0e6;border:1px solid #efc9b3;border-radius:4px;padding:4px}
.file-state{margin-left:auto;font-size:.75rem;color:#6b7889}
.scan-document-content{padding:17px 18px 20px;position:relative}
.scan-document-content>p{font-size:1rem;margin:0 0 14px;font-weight:600;color:#172b47}
.scan-source-row{display:grid;grid-template-columns:.9fr 1.2fr;gap:12px;padding:9px 7px;border-radius:4px;border:1px solid transparent;transition:background .3s,border-color .3s}
.scan-source-row>span{font-size:.75rem;color:#69778a;align-self:center}
.scan-source-row>strong{font-size:.875rem;font-weight:500;line-height:1.5;color:#233b5d}
.scan-source-row.source-selected{background:#fff0e6;border-color:#f0ba9b}
.scan-beam{height:3px;position:absolute;left:0;right:0;top:25%;background:#f37e44;box-shadow:0 0 14px #f37e4470;opacity:0;pointer-events:none}
.services-ready .document-canvas[data-active-step="2"] .scan-beam{opacity:1;animation:scan-document-fields 2.15s linear infinite;animation-play-state:paused}
.example-running .document-canvas[data-active-step="2"] .scan-beam{animation-play-state:running}
.scan-status{margin-top:16px;background:#f6f7f9;border:1px solid #d9e0e9;border-radius:20px;padding:7px 12px;display:flex;align-items:center;gap:8px;font-size:.75rem;color:#53637a}
.scan-status-icon{color:#9a3c13;font-size:18px;line-height:1}
.document-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-top:44px}
.data-destination,.connected-output{background:white;border:1px solid #d2dae7;border-radius:8px;padding:16px 12px;min-width:0}
.destination-kind{font-size:.75rem;letter-spacing:.35px;color:#466189;display:block;line-height:1.4;margin-bottom:12px;overflow-wrap:anywhere}
.data-destination>strong{font-size:.75rem;font-weight:400;color:#6b798e;display:block;margin-bottom:7px}
.flow-value{font-size:.875rem;line-height:1.5;font-weight:500;color:#163d71;display:block;min-height:1.5em;overflow-wrap:anywhere;transition:opacity .15s}
.flow-value.is-receiving{opacity:0}
.mapping-result{width:100%;background:#fff2e9;border:1px solid #edc8b2;border-radius:8px;padding:15px;display:flex;gap:11px;margin-top:23px;align-items:flex-start}
.mapping-result>span{color:#a44418;font-size:18px;line-height:1.5}
.mapping-result strong{display:block;font-size:.875rem;font-weight:600;line-height:1.5;color:#653b27}
.mapping-result small{display:block;font-size:.75rem;line-height:1.6;color:#735f55;margin-top:4px}
.data-travel-token{position:absolute;z-index:5;display:block;pointer-events:none;font-size:.875rem;line-height:1.5;font-weight:500;color:#92390f;background:#fff0e3;padding:4px 7px;border:1px solid #df965c;border-radius:4px;box-shadow:0 4px 12px #5e32151a;white-space:nowrap;max-width:calc(100% - 14px)}
.connection-canvas{display:flex;flex-direction:column;align-items:center;padding:26px 23px}
.connected-system{width:100%;max-width:395px;border:1px solid #cfd7e3;background:#fff;border-radius:9px;padding:17px 18px}
.system-title{display:flex;gap:11px;align-items:center;margin-bottom:16px}
.system-title>div{min-width:0}
.system-title strong{display:block;font-size:1rem;line-height:1.4;font-weight:600}
.system-title small{display:block;font-size:.75rem;color:#6b7789;line-height:1.6;margin-top:2px}
.system-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#edf2f9;border:1px solid #d9e3f1;color:#52719b;border-radius:7px;font-size:20px}
.system-data-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-top:1px solid #e4e8ef;font-size:.875rem;line-height:1.5}
.system-data-row>span:first-child{color:#61718a;font-size:.75rem;flex-shrink:0}
.system-data-row>strong{font-weight:500;font-size:.875rem;color:#253f65;text-align:right}
.system-data-row .flow-value{text-align:right}
.connection-label{margin:17px 0;padding:5px 10px;border:1px solid #e4c2ae;border-radius:4px;background:#fff7f2;color:#944018;font-size:.75rem;line-height:1.5}
.workless-system{background:#1b2b43;border-color:#344e6f;color:white}
.workless-system .system-title small{color:#bdccdf}
.workless-system .system-data-row{border-color:#3b4e68}
.workless-system .system-data-row>span:first-child{color:#c1d0e3}
.workless-system .flow-value{color:white}
.wl-system-icon{background:#273e5a;border-color:#566a82;color:#ffb28c;font-size:14px;font-weight:bold}
.system-modules{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}
.system-modules>span{font-size:.75rem;line-height:1.4;border:1px solid #49607e;background:#263b56;color:#d7e1ee;border-radius:4px;padding:5px 8px}
.connection-destinations{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:41px}
.connected-output>strong{display:block;font-size:.875rem;line-height:1.5;font-weight:600;margin:0 0 10px;color:#243b5d}
.connected-output .flow-value{background:#f1f5fb;border:1px solid #dce5f3;border-radius:4px;padding:5px 8px;font-size:.875rem}
.connected-output small{display:block;font-size:.75rem;line-height:1.6;color:#68798f;margin-top:9px}
.connection-result{display:flex;align-items:flex-start;gap:9px;background:#f6f7f9;margin-top:23px;color:#64554b;font-size:.875rem;line-height:1.55;padding:4px}
.connection-result>span:first-child{color:#9c380f;font-weight:bold}
.flow-narration{display:flex;gap:13px;padding:17px 20px;background:#eef1f5;border-top:1px solid #dce0e6;align-items:flex-start;min-height:93px}
.flow-counter{font-size:.75rem;line-height:1.8;white-space:nowrap;padding:2px 6px;background:#fff;border:1px solid #d5dce7;border-radius:4px;color:#715441;font-variant-numeric:tabular-nums}
.service-flow-example .example-caption{margin:0;padding:0;min-height:0;font-size:.875rem;line-height:1.7;color:#4f5e72;flex:1}
.service-flow-example .example-controls{background:#fff;border-color:#dce0e6;padding:15px 18px 17px}
.flow-playback{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.service-flow-example .example-play{font-size:.875rem;padding:6px 0;min-height:36px}
.flow-playback-note{font-size:.75rem;color:#6d7889}
.service-flow-example .example-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}
.service-flow-example .example-steps button{font-size:.75rem;min-height:37px;border-color:#d7dde7;color:#526278;padding:8px 5px;gap:6px}
.service-flow-example .example-steps button[aria-current]{border-color:#b66035;color:#8b3d18;background:#fff3eb}
.service-flow-example .example-steps button span{font-weight:500;color:#8b3d18}
.flow-wire{stroke-dashoffset:0}
@keyframes scan-document-fields{0%{top:25%}100%{top:94%}}
@media(max-width:1100px){.service-panel-flow{grid-template-columns:.8fr 1.3fr;gap:25px;padding:28px}.flow-scene{padding-left:18px;padding-right:18px}.process-node{gap:10px;padding:12px}.process-node strong{font-size:.9375rem}.node-order{display:none}.data-destination{padding:14px 10px}.document-destinations{gap:8px}.connected-system{padding:16px}.service-flow-example .example-top{padding:14px 16px;display:block}.service-flow-example .example-top>span:last-child{display:block;margin-top:4px}.flow-narration{padding:15px 16px}.automation-branches{gap:15px}}
@media(max-width:950px){.service-panel-flow{grid-template-columns:1fr;gap:28px}.service-panel-flow .service-copy{max-width:650px}.service-flow-example{max-width:650px;justify-self:center}.service-panel-flow .service-deliverables{grid-template-columns:1fr}.flow-scene{padding:28px}.service-flow-example .example-top{display:flex;gap:20px}.service-flow-example .example-top>span:last-child{margin:0}.process-node strong{font-size:1rem}.document-destinations{gap:12px}.data-destination{padding:16px 13px}.service-panel-flow .service-outcome{margin:0}.node-order{display:inline}}
@media(max-width:600px){.service-panel-flow{padding:24px 14px;gap:25px}.service-panel-flow .service-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75}.service-panel-flow .service-deliverables li{font-size:.875rem}.service-flow-example .example-top{display:block;padding:13px 14px}.service-flow-example .example-top>span:last-child{margin-top:4px}.flow-scene{padding:20px 12px}.automation-stack{gap:25px}.process-node{gap:10px;padding:12px 10px;min-height:70px}.process-node strong{font-size:.875rem}.process-node-icon{width:30px;height:32px;font-size:19px}.node-order{display:none}.process-node small{font-size:.75rem}.automation-branches{gap:10px}.decision-result{padding:12px 9px}.decision-result strong{font-size:.875rem;overflow-wrap:anywhere}.decision-label{font-size:.75rem}.scan-document-bar{padding:11px 10px;gap:7px;flex-wrap:wrap}.file-state{display:none}.scan-document-content{padding:15px 10px}.scan-source-row{grid-template-columns:.8fr 1fr;gap:8px;padding:9px 5px}.scan-source-row>strong{font-size:.875rem}.scan-status{padding:7px 10px;gap:7px;font-size:.75rem;align-self:center}.document-destinations{grid-template-columns:1fr;gap:15px;margin-top:32px;padding-left:21px}.data-destination{display:grid;grid-template-columns:1fr 1.2fr;column-gap:10px;padding:13px}.data-destination .destination-kind{grid-column:1/-1;margin-bottom:7px}.data-destination>strong{align-self:center;margin:0}.data-destination .flow-value{text-align:right}.mapping-result{padding:13px;gap:8px;margin-top:20px}.connected-system{padding:14px 12px}.system-title{gap:9px;margin-bottom:13px}.system-title strong{font-size:.875rem}.system-data-row{gap:8px}.system-data-row .flow-value,.system-data-row>strong{font-size:.875rem}.connection-destinations{gap:15px;grid-template-columns:1fr;padding-left:21px;margin-top:33px}.connected-output{padding:14px}.connected-output .destination-kind{margin-bottom:7px}.connected-output>strong{margin-bottom:9px}.connection-result{font-size:.875rem;padding:0}.flow-narration{display:block;padding:14px;min-height:116px}.flow-counter{display:inline-block;margin-bottom:8px}.service-flow-example .example-caption{font-size:.875rem;line-height:1.6}.service-flow-example .example-controls{padding:12px}.flow-playback{align-items:flex-start;flex-direction:column;gap:3px}.service-flow-example .example-play{font-size:.875rem;min-height:40px}.flow-playback-note{font-size:.75rem}.service-flow-example .example-steps{gap:6px;grid-template-columns:1fr 1fr}.service-flow-example .example-steps button{font-size:.75rem;min-height:40px;gap:6px}.data-travel-token{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.flow-part,.flow-wire,.flow-value,.scan-source-row{transition:none}.services-ready .document-canvas[data-active-step="2"] .scan-beam{animation:none}.services-ready .flow-part.is-future{transform:none}}