.workflow-comparison { padding-block:90px 65px; }
.workflow-comparison .section-intro { margin-bottom:38px; }
.workflow-comparison .section-intro>p { max-width:390px; }
.workflow-comparison .workflow-demo { padding:26px; background:#18382e; }
.workflow-comparison .demo-top { padding-bottom:18px; }
.workflow-comparison .demo-label { font-size:8px; color:#d4e1d5; }
.workflow-comparison .demo-bottom { border:0; padding:20px 0 24px; gap:24px; }
.workflow-comparison .demo-bottom p { font-size:13px; line-height:1.65; min-height:44px; max-width:510px; }
.workflow-comparison .demo-bottom .button { flex-shrink:0; margin:0; background:#d5e7b9; color:#18382e; font-size:12px; min-height:48px; white-space:normal; max-width:280px; }
.workflow-comparison .demo-bottom .approval-button { background:#f0d69f; }
.comparison-lanes { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.process-before,.process-after { padding:25px 24px 0; border:1px solid #637061; border-radius:7px; min-width:0; }
.process-before { background:#29392f; border-color:#776f56; --lane-ink:#ead2a4; }
.process-after { background:#153b2d; border-color:#709574; --lane-ink:#d5e7b9; }
.lane-heading { min-height:115px; border-bottom:1px solid #ffffff20; margin-bottom:26px; }
.lane-heading>span { color:var(--lane-ink); font-size:10px; letter-spacing:.13em; }
.lane-heading h3 { font-size:23px; font-weight:500; letter-spacing:-.035em; line-height:1.2; margin:11px 0 10px; }
.lane-heading p { font-size:12px; line-height:1.65; color:#d4e1d5; padding-bottom:20px; }
.manual-stage,.process-stage { position:relative; }
#manual-steps,.workflow-comparison .process-track { display:grid; grid-template-columns:1fr; grid-auto-rows:148px; gap:0; list-style:none; padding:0; margin:0; }
.manual-step,.workflow-comparison .process-step { position:relative; display:grid; grid-template-columns:64px minmax(0,1fr); column-gap:22px; align-content:start; align-items:start; min-width:0; min-height:0; z-index:1; }
.manual-symbol { position:relative; width:64px; height:61px; margin-top:6px; background:#29392f; border:1px solid #a1926d; border-radius:5px; color:#d4c8a9; }
.window-bar { display:flex; gap:3px; border-bottom:1px solid #847c60; padding:5px; }
.window-bar i { width:3px; height:3px; background:#b2a889; border-radius:50%; }
.manual-screen { display:flex; gap:6px; padding:9px 7px; align-items:center; }
.manual-screen>svg { width:19px; height:24px; flex-shrink:0; }
.manual-fields { display:flex; flex-direction:column; gap:4px; width:22px; }
.manual-fields i { height:2px; background:#b4a47c; transform-origin:left; }
.manual-fields i:last-child { width:65%; }
.manual-cursor { position:absolute; right:-10px; bottom:-8px; width:24px; height:28px; color:#efd3a0; filter:drop-shadow(2px 3px 2px #10231b60); }
.manual-done { display:none; position:absolute; left:-6px; top:-7px; width:18px; height:18px; border-radius:50%; background:#e0c591; color:#29392f; font-size:11px; text-align:center; }
.manual-step.done .manual-done { display:block; }
.manual-step.current .manual-symbol { border-color:#f0d69f; background:#46513b; }
.manual-step.current .manual-cursor { animation:manual-click .9s ease-in-out infinite; }
.manual-step.current .manual-fields i { animation:manual-type .9s ease-out both; }
.manual-step.current .manual-fields i:nth-child(2) { animation-delay:.15s; }
.manual-step.current .manual-fields i:nth-child(3) { animation-delay:.3s; }
.manual-stage.transferring .manual-step.current .manual-fields i { animation:none; transform:scaleX(.1); }
.manual-stage.transferring .manual-step.current .manual-cursor { opacity:0; animation:none; }
.manual-stage.waiting .manual-cursor { animation:none; }
.manual-actor,.step-actor { display:block; color:#d3bc90; font-size:10px; margin:0 0 8px; line-height:1.4; }
.manual-copy h3,.workflow-comparison .process-step h3 { font-size:17px; line-height:1.35; letter-spacing:-.02em; margin:0 0 8px; font-weight:500; }
.manual-system,.workflow-comparison .step-system { display:block; color:#d4e1d5; font-size:10px; line-height:1.5; margin:8px 0 0; }
.workflow-comparison .process-step { grid-template-columns:64px minmax(0,1fr); }
.workflow-comparison .step-symbol { grid-column:1; grid-row:1/5; width:60px; height:61px; margin-top:6px; background:#153b2d; border:1px solid #759573; border-radius:8px; }
.workflow-comparison .step-symbol svg { width:25px; height:25px; }
.workflow-comparison .step-actor { grid-column:2; grid-row:1; color:#c0d7a8; }
.workflow-comparison .step-actor:before { content:'•'; margin-right:5px; }
.workflow-comparison .process-step h3 { grid-column:2; grid-row:2; }
.workflow-comparison .process-step p { grid-column:2; grid-row:3; font-size:12px; line-height:1.65; color:#d4e1d5; margin:0; max-width:none; }
.workflow-comparison .step-system { grid-column:2; grid-row:4; font-size:10px; }
.workflow-comparison .human-step .step-actor { color:#f0d69f; }
.workflow-comparison .human-step .step-symbol { border-color:#b39c6d; color:#ead5aa; }
.workflow-comparison .process-step.done .step-symbol,.workflow-comparison .process-step.current:not(.human-step) .step-symbol { background:#c9ddaf; border-color:#c9ddaf; color:#18382e; }
.workflow-comparison .human-step.current .step-symbol { background:#f0d69f; border-color:#f0d69f; color:#18382e; }
.workflow-comparison .step-done { border-color:#153b2d; }
.workflow-comparison .process-line,.workflow-comparison .process-progress { transform-origin:top left; background:#54715e; pointer-events:none; }
.workflow-comparison .process-progress { background:#c6dfa9; transition:transform .7s ease; }
.manual-line { position:absolute; width:0; border-left:2px dashed #958766; pointer-events:none; }
.flow-document,.manual-document { position:absolute; left:0; top:0; z-index:4; width:70px; height:55px; border:1px solid #d3e7bb; background:#eff5e5; border-radius:5px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; color:#204433; font-size:9px; box-shadow:0 7px 16px #081e2340; transform:translate(var(--packet-x,0px),var(--packet-y,0px)) translate(-50%,-50%); opacity:0; pointer-events:none; }
.flow-document { transition:transform .7s cubic-bezier(.25,.8,.25,1),opacity .15s; }
.flow-document svg,.manual-document svg { width:20px; height:20px; }
.manual-document { background:#f4dfb4; border-color:#f4dfb4; }
.manual-stage.transferring .manual-document { animation:manual-transfer .7s ease-in-out both; }
.process-stage.running:not(.waiting) .flow-document { opacity:1; }
.lane-summary { display:flex; gap:9px; border-top:1px solid #ffffff20; padding-block:18px; color:var(--lane-ink); font-size:12px; line-height:1.65; }
.lane-summary>span { font-size:16px; }
.comparison-note { font-size:10px; color:#d4e1d5; text-align:center; margin-top:18px; }
.workflow-outcome { display:grid; grid-template-columns:140px 1fr; gap:25px; padding:29px 0; border-bottom:1px solid #42604f; align-items:start; }
.workflow-outcome>span { font-size:9px; letter-spacing:.12em; color:#d4e1d5; padding-top:5px; }
.workflow-outcome h3 { font-size:25px; font-weight:500; line-height:1.35; letter-spacing:-.025em; color:#d4e5c0; }
.workflow-comparison .workflow-follow { margin-top:24px; align-items:center; gap:50px; }
.workflow-comparison .workflow-follow p { font-size:11px; line-height:1.75; max-width:600px; }
.workflow-comparison .scenario-cta { flex-shrink:0; }
.workflow-noscript { font-size:12px; margin-top:20px; color:#c6d6c9; }
@keyframes manual-transfer {
  0% { opacity:0; transform:translate(var(--packet-x),var(--from-y)) translate(-50%,-50%); }
  18% { opacity:1; transform:translate(calc(var(--packet-x) - 18px),var(--from-y)) translate(-50%,-50%) rotate(-7deg); }
  72% { opacity:1; transform:translate(calc(var(--packet-x) - 18px),var(--packet-y)) translate(-50%,-50%) rotate(-7deg); }
  100% { opacity:0; transform:translate(var(--packet-x),var(--packet-y)) translate(-50%,-50%); }
}
@keyframes manual-click { 0%,100% { transform:translate(5px,4px); } 45%,65% { transform:translate(-3px,-3px) scale(.88); } }
@keyframes manual-type { from { transform:scaleX(.1); } to { transform:scaleX(1); } }
@media(max-width:1000px) {
  .workflow-comparison .workflow-demo { padding:20px; }
  .comparison-lanes { gap:12px; }
  .process-before,.process-after { padding:22px 16px 0; }
  .lane-heading h3 { font-size:20px; }
  .lane-heading { min-height:125px; }
  .manual-step,.workflow-comparison .process-step { column-gap:14px; grid-template-columns:52px minmax(0,1fr); }
  .manual-symbol { width:51px; }
  .manual-screen { padding-inline:4px; gap:4px; }
  .workflow-comparison .step-symbol { width:51px; }
  .manual-copy h3,.workflow-comparison .process-step h3 { font-size:15px; }
  #manual-steps,.workflow-comparison .process-track { grid-auto-rows:170px; }
  .workflow-comparison .process-step p { font-size:11px; }
  .workflow-comparison .demo-bottom p { font-size:12px; }
}
@media(max-width:720px) {
  .workflow-comparison { padding-block:55px 40px; }
  .workflow-comparison .section-intro h2 { font-size:34px; }
  .workflow-comparison .workflow-demo { padding:16px; }
  .workflow-comparison .demo-label { font-size:6px; letter-spacing:.08em; }
  .workflow-comparison .demo-top { gap:10px; font-size:11px; }
  .workflow-comparison .scenario { font-size:11px; padding:10px; }
  .workflow-comparison .demo-bottom { display:block; padding:18px 0 24px; }
  .workflow-comparison .demo-bottom p { min-height:60px; }
  .workflow-comparison .demo-bottom .button { width:100%; max-width:none; justify-content:center; margin-top:12px; }
  .comparison-lanes { grid-template-columns:1fr; gap:24px; }
  .lane-heading { min-height:0; }
  .lane-heading h3 { font-size:21px; }
  #manual-steps { grid-auto-rows:112px; }
  .workflow-comparison .process-track { grid-auto-rows:auto; row-gap:27px; padding-bottom:24px; }
  .workflow-comparison .process-step { min-height:116px; }
  .manual-copy h3,.workflow-comparison .process-step h3 { font-size:16px; }
  .manual-document,.flow-document { width:61px; }
  .lane-summary { font-size:11px; }
  .workflow-outcome { display:block; padding:25px 0; }
  .workflow-outcome>span { display:block; font-size:8px; margin-bottom:13px; }
  .workflow-outcome h3 { font-size:23px; line-height:1.4; }
  .workflow-comparison .workflow-follow { display:block; }
  .workflow-comparison .workflow-follow p { font-size:11px; }
  .workflow-comparison .scenario-cta { margin-top:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .flow-document,.workflow-comparison .process-progress { transition:none; }
  .manual-cursor,.manual-fields i,.manual-document { animation:none!important; }
}
.motion-paused .flow-document,.motion-paused .workflow-comparison .process-progress { transition:none; }
.motion-paused .manual-cursor,.motion-paused .manual-fields i,.motion-paused .manual-document { animation:none!important; }

/* Commercial outcome and explicitly editable example assumptions. */
.business-impact { display:grid; grid-template-columns:1fr 1fr; gap:44px; padding:36px; margin-bottom:30px; background:#edf2e5; color:#19372b; border-radius:7px; }
.business-label { display:block; font-size:9px; letter-spacing:.1em; line-height:1.6; color:#3c5541; }
.business-copy h3 { font-size:clamp(25px,2.6vw,35px); font-weight:500; line-height:1.2; letter-spacing:-.035em; margin:18px 0; max-width:410px; }
.business-copy>p { font-size:14px; line-height:1.85; color:#354d3f; max-width:420px; }
.business-copy .text-link { font-size:12px; margin-top:28px; }
.business-example { min-width:0; scroll-margin-top:130px; }
.business-result { padding:15px 0 22px; }
.business-result>strong { display:block; font-size:clamp(42px,4.6vw,64px); line-height:1.15; font-weight:500; letter-spacing:-.045em; color:#216b4e; overflow-wrap:anywhere; }
.business-result>span { display:block; margin-top:7px; font-size:15px; line-height:1.5; }
.business-result>p { font-size:13px; margin-top:9px; color:#354d3f; line-height:1.7; }
.time-comparison>div:not(.time-bar) { display:flex; justify-content:space-between; gap:12px; font-size:11px; line-height:1.5; }
.time-comparison strong { font-weight:500; white-space:nowrap; }
.time-bar { height:9px; background:#dce4d4; border-radius:2px; overflow:hidden; margin:7px 0 15px; }
.time-bar i { display:block; height:100%; background:#a9946b; transform-origin:left; transform:scaleX(var(--time-share,1)); transition:transform .35s ease; }
.time-bar-after i { background:#347857; }
#business-equation { font-size:11px; color:#3d5340; line-height:1.7; }
.business-assumptions { margin-top:18px; border-block:1px solid #cad5c1; }
.business-assumptions summary { cursor:pointer; font-size:12px; padding:15px 0; color:#23583e; }
.business-inputs { display:grid; grid-template-columns:1fr 1fr; gap:14px 12px; margin-bottom:14px; }
.business-inputs label { display:flex; flex-direction:column; gap:6px; justify-content:space-between; font-size:11px; line-height:1.5; color:#34503d; min-width:0; }
.business-inputs input { width:100%; min-width:0; border:1px solid #9cae99; padding:10px; font:inherit; font-size:16px; border-radius:3px; background:#fbfcf8; color:#19372b; }
.business-inputs input:focus-visible { outline:2px solid #267354; outline-offset:3px; }
.business-assumptions>p { font-size:11px; line-height:1.7; color:#3d513d; }
.business-assumptions>button { padding:10px 0 15px; background:none; border:0; color:#23583e; text-decoration:underline; text-underline-offset:3px; font-size:11px; }
.business-context { font-size:11px; color:#3d513d; line-height:1.75; margin-top:15px; }
@media(max-width:900px) { .business-impact { padding:25px; gap:26px; } }
@media(max-width:720px) {
  .business-impact { grid-template-columns:1fr; gap:28px; padding:24px 20px; }
  .business-copy h3 { font-size:28px; }
  .business-copy>p { font-size:13px; }
  .business-copy .text-link { margin-top:18px; }
  .business-example { border-top:1px solid #cad5c1; padding-top:23px; scroll-margin-top:105px; }
  .business-result>strong { font-size:48px; }
  .business-result>span { font-size:14px; }
  .business-label { font-size:8px; }
}
@media(prefers-reduced-motion:reduce) { .time-bar i { transition:none; } }
.motion-paused .time-bar i { transition:none; }
.business-copy .business-cta { display:flex; width:fit-content; margin-top:20px; line-height:1.6; }

/* The economic result is the last act of the process animation. */
.flow-business-intro { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin:24px 0; }
.flow-business-intro h3 { color:#dfebd2; font-size:27px; line-height:1.25; margin:0; }
.flow-business-intro>p { color:#d4e1d5; font-size:13px; line-height:1.8; }
.flow-assumptions { border-block:1px solid #496456; padding:18px 0 0; }
.flow-assumptions>span { font-size:8px; letter-spacing:.12em; color:#d4e1d5; }
#flow-assumption-summary { font-size:13px; color:#e0ebd4; margin-top:8px; line-height:1.7; }
.flow-assumptions .business-assumptions { border:0; margin:0; scroll-margin-top:120px; }
.flow-assumptions .business-assumptions summary { color:#c9ddaf; padding-block:12px 18px; }
.flow-assumptions .business-inputs { grid-template-columns:repeat(4,minmax(0,1fr)); }
.flow-assumptions .business-inputs label,.flow-assumptions .business-assumptions>p { color:#d4e1d5; }
.flow-assumptions .business-assumptions>button { color:#c9ddaf; }
.workflow-comparison .demo-bottom { flex-wrap:wrap; }
.flow-result-link { color:#d5e7b9; font-size:12px; text-underline-offset:4px; }
.lane-budget { display:flex; align-items:center; gap:14px; padding-bottom:20px; }
.lane-budget strong { font-size:27px; line-height:1; font-weight:500; color:var(--lane-ink); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.lane-budget span { max-width:140px; color:#d4e1d5; font-size:10px; line-height:1.5; }
.manual-step .step-effect,.process-step .step-effect { visibility:hidden; display:block; font-size:10px; margin-top:8px; color:#ecd1a1; opacity:0; transform:translateY(-5px); transition:opacity .3s,transform .3s; }
.workflow-comparison .process-step .step-effect { grid-column:2; grid-row:5; color:#d7ecb9; }
.manual-step.done .step-effect,.process-step.done .step-effect { visibility:visible; opacity:1; transform:translateY(0); }
.process-step.done:not(.human-step) .step-effect::before { content:'✓ '; }
.manual-step.done .step-effect::before { content:'↳ '; }
.workflow-comparison .process-track,#manual-steps { grid-auto-rows:166px; }
.animation-payoff { position:relative; background:#edf2e5; color:#19372b; margin-top:36px; padding:32px; border-radius:6px; scroll-margin-top:120px; }
.payoff-paths { position:absolute; display:flex; justify-content:space-around; left:0; right:0; top:-37px; height:37px; overflow:hidden; }
.payoff-paths i { width:2px; height:100%; background:#8ba37e; position:relative; }
.revealed.in-view .payoff-paths i::after { content:''; position:absolute; width:2px; height:16px; background:#ecf5c8; animation:value-arrive .7s both; }
.payoff-pending>span { font-size:9px; letter-spacing:.08em; color:#455c3f; }
.payoff-pending h3 { font-size:26px; font-weight:500; margin:10px 0; line-height:1.25; }
.payoff-pending p { font-size:13px; color:#3d513d; line-height:1.7; }
.payoff-result { text-align:center; }
.payoff-calculation { display:flex; align-items:center; justify-content:center; gap:26px; margin:23px auto 18px; }
.payoff-calculation>div { min-width:0; }
.payoff-calculation strong { display:block; font-size:29px; font-weight:500; line-height:1.2; color:#315b41; overflow-wrap:anywhere; }
.payoff-calculation span { display:block; font-size:11px; margin-top:6px; color:#455d3f; }
.payoff-calculation>b { font-weight:400; font-size:23px; color:#4b6140; }
.animation-payoff .business-result { padding:20px 0 12px; }
.animation-payoff .business-result>strong { font-size:64px; }
#payoff-use { font-size:16px; line-height:1.7; max-width:640px; margin:auto; }
.animation-payoff .business-context { max-width:730px; margin:18px auto; }
.animation-payoff .business-cta { font-size:13px; }
.revealed.in-view .payoff-calculation { animation:value-reveal .45s .1s both; }
.revealed.in-view .business-result { animation:value-reveal .6s .35s both; }
.revealed.in-view #payoff-use { animation:value-reveal .6s .5s both; }
.no-gain .business-result>strong { color:#84643a; }
@keyframes value-arrive { from { transform:translateY(-16px); } to { transform:translateY(37px); } }
@keyframes value-reveal { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1000px) { .workflow-comparison .process-track,#manual-steps { grid-auto-rows:196px; } }
@media(max-width:720px) {
  .flow-business-intro { display:block; margin:22px 0; }
  .flow-business-intro h3 { font-size:25px; margin-bottom:16px; }
  .flow-business-intro>p { font-size:12px; }
  .flow-assumptions .business-inputs { grid-template-columns:1fr 1fr; }
  .lane-budget { align-items:flex-start; }
  .lane-budget strong { font-size:25px; }
  .workflow-comparison .process-track { grid-auto-rows:auto; }
  #manual-steps { grid-auto-rows:142px; }
  .flow-result-link { display:block; text-align:center; margin-top:16px; }
  .flow-result-link[hidden] { display:none; }
  .animation-payoff { padding:24px 17px; scroll-margin-top:105px; }
  .payoff-calculation { gap:10px; }
  .payoff-calculation strong { font-size:20px; }
  .payoff-calculation span { font-size:9px; }
  .payoff-calculation>b { font-size:16px; }
  .animation-payoff .business-result>strong { font-size:48px; }
  #payoff-use { font-size:14px; }
  .animation-payoff .business-cta { font-size:11px; white-space:normal; }
  .payoff-paths i:first-child { display:none; }
}
@media(prefers-reduced-motion:reduce) { .revealed.in-view .payoff-calculation,.revealed.in-view .business-result,.revealed.in-view #payoff-use,.revealed.in-view .payoff-paths i::after { animation:none; } }
.motion-paused .revealed.in-view .payoff-calculation,.motion-paused .revealed.in-view .business-result,.motion-paused .revealed.in-view #payoff-use,.motion-paused .revealed.in-view .payoff-paths i::after { animation:none; }
@media(max-width:720px) {
  .payoff-calculation>div { flex:1 1 0; }
  .payoff-calculation strong { font-size:18px; }
}

/* Compact comparison with a self-running, explicitly simulated team decision. */
.workflow-comparison { padding-block:58px 38px; }
.workflow-comparison .section-intro { margin-bottom:24px; gap:40px; }
.workflow-comparison .section-intro h2 { font-size:clamp(32px,3.6vw,46px); }
.workflow-comparison .workflow-controls { margin-bottom:18px; }
.workflow-comparison .workflow-demo { padding:20px; }
.workflow-comparison .demo-top { padding-bottom:12px; }
.flow-business-intro { gap:28px; margin:18px 0; align-items:center; }
.flow-business-intro h3 { font-size:22px; }
.flow-business-intro>p { font-size:13px; line-height:1.65; }
.flow-assumptions { padding-top:12px; }
#flow-assumption-summary { margin-top:4px; }
.flow-assumptions .business-assumptions summary { padding-block:7px 12px; }
.workflow-comparison .demo-bottom { padding:14px 0; gap:12px 18px; }
.workflow-comparison .demo-bottom p { min-height:0; font-size:12px; max-width:470px; }
.process-before,.process-after { padding:18px 18px 0; }
.lane-heading { min-height:0; margin-bottom:16px; }
.lane-heading h3 { font-size:20px; margin:7px 0 12px; }
.lane-budget { padding-bottom:14px; }
.lane-budget strong { font-size:24px; }
.workflow-comparison .process-track,#manual-steps { grid-auto-rows:126px; }
.manual-step,.workflow-comparison .process-step { column-gap:17px; }
.manual-copy h3,.workflow-comparison .process-step h3 { font-size:16px; margin-bottom:5px; }
.manual-actor,.workflow-comparison .step-actor { margin-bottom:5px; }
.manual-system,.workflow-comparison .step-system { margin-top:5px; }
.workflow-comparison .process-step p { font-size:12px; line-height:1.5; }
.manual-step .step-effect,.process-step .step-effect { margin-top:5px; }
.lane-summary { padding-block:12px; font-size:11px; }
.approval-simulation { grid-column:2; grid-row:5; display:flex; align-items:center; gap:6px; font-size:10px; line-height:1.4; color:#ffe2ac; margin-top:5px; visibility:hidden; }
.process-stage.waiting .approval-simulation,.human-step.simulated .approval-simulation { visibility:visible; }
.approval-simulation i { display:block; flex-shrink:0; width:12px; height:12px; border:1px solid #c8b48e; border-top-color:#fff4d7; border-radius:50%; }
.process-stage.waiting .approval-simulation i { animation:approval-turn .75s linear infinite; }
.human-step.simulated .approval-simulation i { border:0; width:auto; height:auto; }
.human-step.simulated .approval-simulation i:before { content:'✓'; font-style:normal; }
.workflow-comparison .human-step .step-effect { display:none; }
@keyframes approval-turn { to { transform:rotate(360deg); } }
.animation-payoff { margin-top:24px; padding:22px 26px; }
.payoff-paths { height:25px; top:-25px; }
.payoff-pending h3 { font-size:21px; margin:7px 0; }
.payoff-pending p { font-size:12px; }
.payoff-result { display:grid; grid-template-columns:1fr 1fr; gap:10px 32px; align-items:center; text-align:left; }
.payoff-result>.business-label { grid-column:1/-1; }
.payoff-calculation { grid-column:1; grid-row:2; gap:18px; margin:10px 0 0; justify-content:flex-start; }
.payoff-calculation strong { font-size:24px; }
#business-equation { grid-column:1; grid-row:3; }
.animation-payoff .business-result { grid-column:2; grid-row:2/5; padding:0; }
.animation-payoff .business-result>strong { font-size:52px; }
#payoff-use { grid-column:1; grid-row:4; font-size:13px; margin:0; line-height:1.6; }
.animation-payoff .business-context { grid-column:1/-1; margin:8px 0 0; max-width:none; font-size:11px; }
.animation-payoff .business-cta { grid-column:1/-1; justify-self:start; padding-block:6px; margin:0; font-size:12px; }
.comparison-note { margin-top:12px; }
.workflow-comparison .workflow-follow { margin-top:18px; }
@media(min-width:721px) and (max-width:1000px) {
  .workflow-comparison .process-track,#manual-steps { grid-auto-rows:154px; }
  .manual-step,.workflow-comparison .process-step { column-gap:12px; }
  .lane-heading h3 { font-size:18px; }
}
@media(max-width:720px) {
  .workflow-comparison { padding-block:40px 30px; }
  .workflow-comparison .section-intro { margin-bottom:20px; }
  .workflow-comparison .section-intro>p { margin-top:15px; }
  .workflow-comparison .workflow-demo { padding:15px; }
  .flow-business-intro { margin:15px 0; }
  .flow-business-intro h3 { font-size:21px; margin-bottom:10px; }
  .flow-business-intro>p { font-size:12px; }
  .workflow-comparison .demo-bottom p { min-height:0; }
  .comparison-lanes { gap:16px; }
  .process-before,.process-after { padding:16px 13px 0; }
  .lane-heading h3 { font-size:18px; }
  .lane-budget { gap:10px; }
  .lane-budget strong { font-size:22px; }
  #manual-steps { grid-auto-rows:105px; }
  .workflow-comparison .process-track { grid-auto-rows:auto; row-gap:18px; padding-bottom:16px; }
  .workflow-comparison .process-step { min-height:0; }
  .manual-copy h3,.workflow-comparison .process-step h3 { font-size:15px; }
  .manual-step,.workflow-comparison .process-step { column-gap:12px; }
  .workflow-comparison .process-step p { font-size:11px; }
  .animation-payoff { padding:19px 15px; }
  .payoff-result { display:block; text-align:center; }
  .payoff-calculation { gap:8px; justify-content:center; margin:16px 0 12px; }
  .payoff-calculation strong { font-size:18px; }
  .animation-payoff .business-result { padding:15px 0 10px; }
  .animation-payoff .business-result>strong { font-size:43px; }
  #payoff-use { font-size:12px; }
  .animation-payoff .business-context { margin-top:12px; }
  .animation-payoff .business-cta { margin-top:10px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .approval-simulation i { animation:none!important; } }
.motion-paused .approval-simulation i { animation:none!important; }