/* Graphite stages keep the data path in focus; product actions remain blue. */
:root{--visual-bg:#202225;--visual-card:#2a2d32;--visual-line:#484d57;--visual-text:#f1f3f7;--visual-muted:#b7c0ce;--visual-blue:#afceff;--visual-orange:#ffb28c}
.service-flow-example{background:var(--visual-bg);border-color:var(--visual-line);color:var(--visual-text)}
.service-flow-example .example-top,.service-flow-example .example-controls{background:#202225;color:#d8dce3;border-color:var(--visual-line)}
.service-flow-example .example-top>span:last-child,.service-flow-example .flow-playback-note{color:var(--visual-muted)}
.service-flow-example .example-play{color:var(--visual-orange)}
.service-flow-example :is(button,a):focus-visible{outline-color:#ffb28c}
.flow-scene{background-color:var(--visual-bg);background-image:radial-gradient(#43474f .8px,transparent .8px)}
.flow-wire{stroke:#ff9c70}.flow-wire-secondary{stroke:#8f99a8}
.flow-scene :is(.process-node,.decision-result,.data-destination,.connected-system,.connected-output,.ocr-next-action){background:var(--visual-card);border-color:var(--visual-line);color:var(--visual-text);box-shadow:0 5px 18px #0002}
.flow-scene :is(.process-node small,.node-order,.decision-result small,.data-destination>strong,.system-title small,.connected-output small,.ocr-next-action small){color:var(--visual-muted)}
.flow-scene :is(.process-node-icon,.system-icon,.ocr-action-icon){background:#303e54;border-color:#516582;color:var(--visual-blue)}
.flow-scene :is(.process-node-agent,.workless-system){background:#172c46;border-color:#547092}
.flow-scene .process-node-agent .process-node-icon{background:#49352b;border-color:#946343;color:var(--visual-orange)}
.flow-scene :is(.process-node-result,.decision-yes){background:#382b25;border-color:#976747}
.flow-scene .process-node-result .process-node-icon{background:#503528;border-color:#a27456;color:#ffc3a2}
.flow-scene .decision-no{background:#26292f;border-style:dashed}
.flow-scene .decision-label{color:var(--visual-orange)}
.flow-scene .decision-no .decision-label{color:var(--visual-muted)}
/* The document itself stays paper-white, distinct from the surrounding stage. */
.flow-scene .scan-document{box-shadow:0 12px 35px #0005;border-color:#798697}
.flow-scene .scan-status{background:#292e37;border-color:#4d5a6c;color:#d4dfef}
.flow-scene .scan-status-icon{color:var(--visual-orange)}
.flow-scene .destination-kind{color:var(--visual-blue)}
.flow-scene .flow-value{color:#d5e5ff}
.flow-scene :is(.mapping-result,.connection-label){background:#382b25;border-color:#966d52;color:#ffd3bb}
.flow-scene .mapping-result strong{color:#ffe0ce}
.flow-scene .mapping-result small{color:#dfc8b9}
.flow-scene .mapping-result>span{color:#ffb28c}
.flow-scene .system-data-row{border-color:#485262}
.flow-scene .system-data-row>span:first-child{color:var(--visual-muted)}
.flow-scene .system-data-row>strong{color:#e5ecf9}
.flow-scene .system-modules>span{background:#243c5a;border-color:#506b8f;color:#d6e5fb}
.flow-scene .connected-output>strong,.flow-scene .ocr-next-action strong{color:#edf2fa}
.flow-scene .connected-output .flow-value{background:#223956;border-color:#4a658a}
.flow-scene .connection-result{background:transparent;color:#d3d8e2}
.flow-scene .connection-result>span:first-child{color:var(--visual-orange)}
.flow-scene .ocr-followup-heading{border-color:var(--visual-line)}
.flow-scene .ocr-followup-heading>span{color:var(--visual-muted)}
.flow-scene .ocr-next-action .flow-value{background:#433126;border-color:#9b7357;color:#ffccab}
.flow-scene .data-travel-token{background:#ffcfb3;color:#452612;border-color:#ffa86e;box-shadow:0 5px 20px #0004}
.service-flow-example .flow-narration{background:#292c32;border-color:var(--visual-line)}
.service-flow-example .example-caption{color:#d0d8e5}
.service-flow-example .flow-counter{background:#3b2f29;border-color:#95664d;color:#ffc09f}

/* Dark product workspace, with the existing blue hierarchy and controls. */
.product-film{background:#202225;color:#edf2fa}
.product-film .film-window{background:#202936;border-color:#48576c;box-shadow:0 10px 30px #0004}
.product-film .film-window-bar{background:#283344;border-color:#49566a;color:#bbcbe1}
.product-film .film-window-controls{color:#a3b3c9}
.product-film :is(.film-page-head h4,.film-code-card h4,.film-thanks h4){color:#f0f5ff}
.product-film :is(.film-page-head p,.film-date,.film-muted,.film-field>span,.film-field-source,.film-table-row small,.film-code-card p,.film-code-card>small,.film-thanks>p,.film-thanks>small){color:#b6c6dc}
.product-film :is(.film-metrics>div,.film-white-card,.film-record-detail,.film-submission-summary,.film-message-bubble){background:#29364a;border-color:#495d77;color:#edf3ff}
.product-film .film-metrics>div:first-child{background:#1f467b;border-color:#6386bc}
.product-film .film-metrics span{color:#c3d3e9}
.product-film :is(.film-white-card h5,.film-table-row,.film-record-detail>span,.film-submission-summary>span){border-color:#495b73}
.product-film .film-table-head{background:#243045;color:#bfcee3;border-color:#495b73}
.product-film :is(.film-blue-note,.film-success-message,.film-new-record){background:#213d63;border-color:#5377a9;color:#e2edff}
.product-film :is(.film-success-message>span,.film-success-message small){color:#bdd5f6}
.product-film .film-badge{background:#244c81;color:#dceaff}
.product-film .film-search{background:#28364a;border-color:#57708f;color:#c2d1e5}
.product-film .film-progress span{background:#303e53;color:#b8c8df}
.product-film .film-progress .selected{background:#285386;color:#e3eeff}
.product-film .film-input,.product-film .film-code-boxes>span{background:#1d293b;border-color:#5d7391;color:#e2edff}
.product-film .film-input.is-filled{background:#213f64;border-color:#84a9dd;color:#f0f6ff;box-shadow:inset 3px 0 #6ca7ff}
.product-film .film-placeholder{color:#bac8dc}
.product-film .film-upload{background:#24374f;border-color:#7a9cca;color:#e4efff}
.product-film .film-upload>span{color:#b4d5ff}
.product-film .film-upload small{color:#c0d2eb}
.product-film :is(.film-files>span,.film-review){background:#2d405b;border-color:#6680a3;color:#d7e7ff}
.product-film .film-review>strong{color:#d1e0f5}
.product-film .film-review.is-checked{background:#214574;border-color:#789dce}
.product-film .film-action.is-pending{background:#3b4a5f;border-color:#63748c;color:#c6d3e6}
.product-film :is(.film-scan-status,.film-auto-label){color:#c0d9fc;border-color:#506784}
.product-film :is(.film-record-detail>span,.film-submission-summary>span){color:#c1cfe1}
.product-film :is(.film-record-detail strong,.film-submission-summary strong){color:#d4e5ff}
.product-film :is(.film-message-header,.film-guest-brand){background:#273750;border-color:#526784;color:#eef4ff}
.product-film .film-guest-brand>strong{color:#eef4ff}
.product-film .film-messages{background:#1e2b3e}
.product-film :is(.film-message-context,.film-message-header small,.film-message-bubble>p,.film-code-message>small,.film-customer-identity small){color:#bdcde3}
.product-film .film-message-bubble>strong{color:#e9f1ff}
.product-film .film-message-link{background:#254c7b;border-color:#769bcf;color:#e6f1ff}
.product-film :is(.film-lock-icon,.film-success-icon){background:#274b7a;border-color:#789bcb;color:#d5e9ff}
.product-film .film-received-card .film-submission-summary{border-color:#526784}
.product-film .film-output{background:#29374b;border-color:#506787}
.product-film .film-output.is-ready{border-color:#94b5e2}
.product-film .film-output-top h5{color:#ebf3ff}
.product-film .film-output-top small{color:#b9cce5}
.product-film .film-output.is-ready .film-output-top small{color:#bedaff}
.product-film .film-output-actions{border-color:#516580}
.product-film .film-output-actions :is(button,a){color:#c0daff}
.product-film .film-output-actions button:disabled{color:#a2b3ca}
.product-film :is(.film-output-intro,.film-output>p,.film-download-note){color:#c2d2e7!important}

/* Compact geometry, not a scaled image: text stays legible and wires track nodes. */
.hero .network-stage{max-width:1140px;margin-inline:auto;padding:22px 24px 18px}
.hero .network-heading{margin:20px 0 8px}
.hero .network-heading h2{font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.035em}
.hero .network-canvas{grid-template-rows:repeat(3,minmax(76px,auto));gap:12px 20px;padding:18px 0;margin-inline:0}
.hero .network-node{display:flex;align-items:center;gap:9px;padding:11px;min-height:76px}
.hero .network-node>div{min-width:0}
.hero .network-icon{width:27px;height:29px;flex-shrink:0;margin:0}
.hero .network-icon svg{width:18px;height:18px}
.hero .network-node small{margin-top:4px;line-height:1.4}
.hero .network-footer{padding-top:12px}
.hero .network-footer>span{max-width:350px}

/* Practice, change, and potential: no competitor figures passed off as results. */
.case-heading{grid-template-columns:1.3fr 1fr;gap:45px;align-items:end}
.case-heading h2{font-size:clamp(2rem,4.2vw,3.75rem);line-height:1.12}
.case-heading>p{max-width:490px;font-size:1rem}
.practice-change{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;padding:36px;background:#202225;border:1px solid #464a52;border-radius:12px}
.impact-kicker{display:block;font-size:.75rem;line-height:1.65;letter-spacing:.07em;color:#ffb28c;margin:0 0 18px}
.practice-origin h3{font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 20px}
.practice-origin p{font-size:1rem;line-height:1.75;color:#bdc4cf;margin:0 0 17px}
.practice-origin .text-link{color:#ffb28c;font-size:.875rem;white-space:normal;margin-top:23px;display:inline-flex;border-bottom:1px solid #7c5744;padding-bottom:10px}
.practice-comparison{align-self:center;min-width:0}
.comparison-heading{display:grid;grid-template-columns:1fr 1fr;gap:35px;font-size:.875rem;line-height:1.5;padding:0 0 16px;border-bottom:1px solid #60656f;color:#acb7c7}
.comparison-heading strong{color:#e1edff;font-weight:500}
.comparison-row{display:grid;grid-template-columns:1fr 18px 1fr;gap:12px;align-items:center;padding:20px 0;border-bottom:1px solid #434851;font-size:.875rem;line-height:1.65}
.comparison-row>span:first-child{color:#b9c1cd}
.comparison-row>span:nth-child(2){color:#ffae85}
.comparison-row>strong{font-weight:500;color:#e3edff}
.practice-comparison>p{font-size:.875rem;line-height:1.65;color:#c0cbda;margin:20px 0 0}
.impact-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin:65px 0 30px}
.impact-heading h3{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.04em;line-height:1.2;font-weight:500;margin:0}
.impact-heading>p{font-size:1rem;line-height:1.7;color:#b8c0cc;max-width:420px;margin:0}
.impact-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:52px}
.impact-benefits article{padding:5px 25px 5px 0;min-width:0}
.impact-benefits article+article{border-left:1px solid #484c54;padding-left:25px}
.impact-number{display:block;font-size:.75rem;line-height:1.5;letter-spacing:.06em;color:#ffb28c;margin-bottom:24px}
.impact-benefits h4{font-size:1.25rem;line-height:1.4;font-weight:500;letter-spacing:-.02em;margin:0 0 16px}
.impact-benefits p{font-size:1rem;line-height:1.7;color:#b8c0cc;margin:0}
.impact-example{border:1px solid #655040;border-radius:12px;padding:32px 36px;background:#252322}
.impact-example-intro{display:grid;grid-template-columns:1.1fr 1fr;column-gap:55px;align-items:end}
.impact-example-intro .impact-kicker{grid-column:1/-1;margin-bottom:17px}
.impact-example-intro h3{font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.3;letter-spacing:-.03em;font-weight:500;margin:0}
.impact-example-intro>p:last-child{font-size:1rem;line-height:1.7;color:#c6c3c1;margin:0}
.impact-example-body{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:40px;align-items:center;margin:32px 0}
.impact-primary-metric>strong{font-size:clamp(4rem,7vw,6rem);line-height:1;letter-spacing:-.07em;font-weight:500;color:#ff9c70;font-variant-numeric:tabular-nums}
.impact-primary-metric>strong>span{font-size:.48em;letter-spacing:-.02em;margin-left:6px}
.impact-primary-metric p{font-size:1rem;line-height:1.6;color:#e3d9d1;margin:14px 0 0}
.impact-primary-metric b{color:#ffbc99;font-weight:500}
.impact-bar-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.875rem;line-height:1.5;color:#d4cbc6;margin-bottom:9px}
.impact-bar-label strong{white-space:nowrap;font-weight:500;color:#f7eeea}
.impact-bar{height:9px;border-radius:2px;background:#3c3835;overflow:hidden;margin-bottom:23px}
.impact-bar i{display:block;height:100%;width:100%;background:#8d8b88}
.impact-bar-after i{width:40%;background:#ff9c70}
.impact-time-comparison>p{font-size:.875rem;line-height:1.6;color:#c7bdb7;margin:0}
.impact-time-comparison>p>strong{font-weight:500;color:#ffbc99}
.impact-month-metric{border-left:1px solid #67594f;padding-left:30px}
.impact-month-metric>span{font-size:.75rem;line-height:1.6;color:#d7c3b7;letter-spacing:.04em}
.impact-month-metric>strong{font-size:3.5rem;line-height:1.2;letter-spacing:-.05em;font-weight:500;display:block;margin:12px 0;color:#ffbc99}
.impact-month-metric small{font-size:1.5rem;letter-spacing:-.02em}
.impact-month-metric>p{font-size:.875rem;line-height:1.7;color:#d7ccc6;margin:0}
.impact-assumptions{border-top:1px solid #65574d;padding-top:16px;color:#c3bbb6}
.impact-assumptions summary{cursor:pointer;font-size:.875rem;line-height:1.6;display:flex;justify-content:space-between;gap:20px;color:#e5d7ce}
.impact-assumptions summary>span{font-size:1.25rem;color:#ffb28c}
.impact-assumptions[open] summary>span{transform:rotate(45deg)}
.impact-assumptions p{font-size:.875rem;line-height:1.75;max-width:960px;margin:14px 0 0}
.case-footer>p{font-size:.875rem;max-width:550px}
@media(max-width:1100px){
 .hero .network-node{display:block}.hero .network-icon{margin-bottom:8px}
 .practice-change{gap:28px;padding:28px}.impact-benefits{grid-template-columns:1fr 1fr;gap:28px 0}
 .impact-benefits article:nth-child(3){border-left:0;padding-left:0}
 .impact-example-body{gap:24px}.impact-month-metric{padding-left:22px}
}
@media(max-width:800px){
 .case-heading,.practice-change,.impact-example-intro{grid-template-columns:1fr}
 .case-heading{gap:24px}.practice-change{gap:32px}.case-heading>p{max-width:none}
 .impact-heading{display:block;margin-top:45px}.impact-heading>p{margin-top:20px;max-width:none}
 .impact-example-intro>p:last-child{margin-top:18px}
 .impact-example-body{grid-template-columns:.8fr 1.2fr;gap:28px}
 .impact-month-metric{grid-column:1/-1;border-left:0;border-top:1px solid #67594f;padding:23px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;align-items:center}
 .impact-month-metric>span{grid-column:1/-1}.impact-month-metric>strong{margin:0}.impact-month-metric>p{margin:0}
}
@media(max-width:760px){
 .hero .network-stage{padding:18px 14px}.hero .network-heading{margin-top:18px}
 .hero .network-heading h2{font-size:1.75rem}.hero .network-heading p{margin-top:12px}
 .hero .network-canvas{grid-template-rows:auto;gap:21px 18px;padding:20px 0}
 .hero .network-node{display:flex;min-height:76px;padding:11px 9px}.hero .network-icon{margin:0;width:23px;height:26px}
 .hero .network-connect,.hero .network-check,.hero .network-invoice{width:75%}
 .hero .network-stage .stage-top{flex-wrap:wrap;gap:10px}.hero .network-stage .stage-top>span{max-width:none}
}
@media(max-width:550px){
 .hero .network-node{display:block}.hero .network-icon{margin-bottom:7px}.hero .network-node small{font-size:.75rem}
 .case-heading h2{font-size:2.1rem;letter-spacing:-.04em}.practice-change{padding:22px 18px}
 .comparison-row{gap:8px;grid-template-columns:1fr 12px 1fr}.comparison-heading{gap:20px}
 .impact-benefits{grid-template-columns:1fr;gap:0}.impact-benefits article{padding:23px 0}
 .impact-benefits article+article{border-left:0;border-top:1px solid #484c54;padding:23px 0}
 .impact-number{margin-bottom:13px}.impact-benefits h4{margin-bottom:12px}
 .impact-example{padding:24px 19px}.impact-example-body{grid-template-columns:1fr;gap:30px}
 .impact-primary-metric{display:flex;gap:22px;align-items:center}.impact-primary-metric>strong{font-size:4.5rem;flex-shrink:0}
 .impact-primary-metric p{margin:0;font-size:.875rem}.impact-month-metric{grid-template-columns:1fr}.impact-month-metric>span{grid-column:auto}
 .case-footer>p{margin-top:22px}.impact-heading{margin-bottom:10px}
}