.savings-section{background:#eef3e6}.savings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.savings-controls{background:#fff;border:1px solid #dce5d1;border-radius:13px;padding:32px}.calculator-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:650;letter-spacing:1.2px;color:#78915a;margin-bottom:29px}.calculator-label svg{width:18px;height:18px}.orders-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px}.orders-heading>label{font-size:14px;font-weight:600;max-width:200px;line-height:1.6}.orders-heading>div{display:flex;align-items:center;gap:9px;font-size:11px;color:#899a73}.orders-heading input{width:73px;border:1px solid #c8d9b1;background:#f5f9ed;color:var(--ink);font-size:22px;font-weight:600;padding:9px 8px;border-radius:6px;text-align:center;appearance:textfield}.orders-heading input::-webkit-inner-spin-button{appearance:none}#savings-orders-range{width:100%;accent-color:#6f973e;cursor:pointer;height:20px;margin:0}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:#8b9c76;margin:3px 0 25px}.time-input-table{border-block:1px solid #e2e9d8}.time-input-head,.time-input-row{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:13px;align-items:center}.time-input-head{font-size:11px;color:#78905e;padding:15px 0}.time-input-head>span:not(:first-child){text-align:center}.time-input-head small{font-size:11px;line-height:1.6;color:#93a17e;font-weight:400}.time-input-row{padding:12px 0;border-top:1px solid #edf1e6}.time-input-row>label{font-size:12px;line-height:1.6;color:#586e43}.time-input-row input{min-width:0;width:100%;border:1px solid #dae4ce;border-radius:5px;background:#f9fbf5;padding:10px 8px;font-size:14px;text-align:center;color:var(--ink)}.savings-controls input[aria-invalid=true]{border-color:#bd664e;background:#fff2ee}.calculator-edit-note{font-size:11px;color:#8c9b78;margin:15px 0}.calculator-reset{display:inline-block;padding:8px 0;background:transparent;border:0;color:#668647;font-size:11px;font-weight:600;text-align:left}.calculator-reset:hover{text-decoration:underline;text-underline-offset:4px}.savings-result{background:var(--ink);color:#f7fbef;border-radius:13px;padding:34px;display:flex;flex-direction:column}.savings-result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1.1px;color:#a8c387}.estimate-badge{background:#304b33;border:1px solid #4c6542;border-radius:4px;padding:4px 8px;font-size:11px;letter-spacing:.3px;color:#cae5a9}.savings-main-number{display:flex;align-items:center;gap:22px;margin:29px 0 12px}.savings-main-number>output{font-size:76px;line-height:1;font-weight:600;letter-spacing:-4px;color:var(--lime)}.savings-main-number strong{font-size:18px;line-height:1.4;display:block;letter-spacing:-.3px}.savings-main-number>div>span{font-size:11px;line-height:1.7;display:block;color:#a9bf93;max-width:165px;margin-top:4px}.savings-equivalent{font-size:11px;color:#b6caa3;line-height:1.8;border-bottom:1px solid #40583a;padding-bottom:25px}.savings-chart{margin:24px 0}.chart-row{margin-bottom:21px}.chart-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px;font-size:12px;color:#c4d6b0}.chart-row strong{font-size:12px;font-weight:600;color:white}.chart-row small{font-size:11px;color:#91ad78;margin-left:3px}.chart-track{height:25px;background:#293f2c;border-radius:4px;overflow:hidden}.chart-bar{height:100%;border-radius:4px;transition:width .25s ease}.chart-bar.before{background:#6d8762}.chart-bar.after{background:var(--lime)}.savings-chart>p{font-size:11px;color:#8ba578;line-height:1.8;margin-top:-7px}.savings-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}.savings-metrics>div{border-top:1px solid #40583a;padding-top:16px}.savings-metrics output{font-size:25px;letter-spacing:-.6px;display:block;color:#d0ebad;font-weight:550}.savings-metrics span{display:block;font-size:11px;color:#9db98a;margin-top:3px;line-height:1.7}.savings-status{color:#afc59b;font-size:11px;line-height:1.9;padding:17px 0 0;margin-top:auto}.savings-result.has-extra-effort .savings-main-number>output,.savings-result.has-extra-effort .savings-metrics output{color:#f5c999}.savings-result.has-extra-effort .chart-bar.after{background:#e8b785}.savings-result.is-invalid .savings-status{color:#f5c999}.savings-assumptions{display:grid;grid-template-columns:.7fr 2fr;gap:40px;padding-top:24px}.savings-assumptions strong{font-size:11px;color:#69824e}.savings-assumptions p{font-size:11px;line-height:1.9;color:#81916f}.automation-section{background:#fff}.automation-mode{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:17px}.automation-mode>button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dfe7d6;border-radius:7px;padding:14px 18px;background:#f9fbf5;color:#738a5c;font-size:12px;font-weight:600;text-align:left}.automation-mode>button[aria-pressed=true]{border-color:#99bb69;background:#eaf5d9;color:#29441f}.automation-mode .soon{font-size:11px;padding:4px 6px}.automation-mode-note{font-size:12px;line-height:1.85;max-width:1000px;margin-bottom:34px;color:#778d60}.invoice-flow-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0 0 30px;gap:15px}.invoice-flow-steps>li{display:flex;align-items:center;gap:12px;border-top:2px solid #e1e8d8;padding-top:16px;position:relative}.invoice-flow-steps>li>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:11px;color:#899c71;background:#eff4e7;flex-shrink:0}.invoice-flow-steps strong{font-size:12px;display:block;font-weight:600;line-height:1.5}.invoice-flow-steps small{font-size:11px;color:#94a47f;line-height:1.65;display:block;margin-top:3px}.invoice-flow-steps>li.is-active{border-color:#94b95b}.invoice-flow-steps>li.is-active>span{background:var(--lime);color:#3f5d21}.invoice-flow-steps>li.is-complete{border-color:#527e3b}.invoice-flow-steps>li.is-complete>span{background:#4b7835;color:white}.invoice-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.flow-document-card{border:1px solid #dbe5cf;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #2a421007;min-width:0}.flow-document-card .demo-surface-head{background:#f5f8ef;padding:15px 19px;font-size:11px;min-height:52px}.flow-document-body{padding:22px}.flow-document-title{display:flex;align-items:center;gap:12px;margin-bottom:25px}.flow-document-title small{font-size:11px;letter-spacing:.5px;color:#99a985;display:block;margin-bottom:6px}.flow-document-title h3{font-size:18px;line-height:1.25;letter-spacing:-.55px}.flow-work-line{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid #e8eee0;padding:13px 0;font-size:11px;color:#7a8e65}.flow-work-line b{font-weight:550;color:#4f6940;white-space:nowrap}.flow-signature{position:relative;padding:34px 12px 9px;border:1px dashed #c6d5b2;border-radius:6px;margin:23px 0 17px;background:#fcfdf9}.flow-signature>span{position:absolute;top:12px;left:12px;color:#99a888;font-size:11px;letter-spacing:.3px}.flow-signature>svg{width:100%;height:74px;stroke:#4d5d80;stroke-width:2.6;fill:none}.flow-confirmed{display:flex;align-items:center;gap:10px;color:#71964f;font-size:11px}.flow-confirmed svg{width:20px;height:20px;background:#edf6de;border-radius:50%;padding:3px}.flow-confirmed small{display:block;font-size:11px;color:#91a27b;margin-top:3px}.invoice-demo-number{margin-bottom:14px}.invoice-demo-number small{font-size:11px;color:#8ea375;letter-spacing:.7px}.invoice-demo-number h3{font-size:20px;line-height:1.2;margin:10px 0 7px;letter-spacing:-.7px}.invoice-demo-number p{font-size:11px;color:#9bab88}.flow-work-line.flow-net{padding-top:18px;font-weight:650}.flow-invoice-total{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 18px;font-size:11px;color:#66804b}.flow-invoice-total strong{font-size:29px;letter-spacing:-1.1px;color:var(--ink);white-space:nowrap}.flow-gate{display:flex;align-items:center;gap:8px;background:#f1f6e9;color:#8a9e71;padding:12px;border-radius:5px;font-size:11px;line-height:1.7}.flow-gate svg{width:15px;height:15px}.flow-mail-address{display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid #e8eddf;margin-bottom:20px;font-size:11px}.flow-mail-address>span{color:#91a37b;font-size:11px}.flow-mail-address strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.flow-mail-card h3{font-size:18px;line-height:1.35;letter-spacing:-.5px;margin-bottom:19px}.flow-mail-card .flow-document-body>p{font-size:11px;line-height:1.85;margin:11px 0;color:#7c9066}.flow-attachments{display:grid;gap:7px;margin:20px 0}.flow-attachments>span{display:flex;align-items:center;gap:8px;font-size:11px;padding:9px 10px;border:1px solid #e3ead9;border-radius:5px;color:#7d9167;overflow-wrap:anywhere}.flow-attachments svg{width:14px;height:14px;flex-shrink:0}.flow-mail-card .flow-document-body>.flow-mail-disclaimer{font-size:11px;color:#a1af92}.flow-mail-success{padding:11px;background:#e7f3d9;color:#5b803e;border-radius:5px;font-size:11px;line-height:1.7;margin-top:12px}.flow-invoice-state,.flow-mail-state{font-size:11px!important;letter-spacing:0!important;line-height:1.6;text-align:right}.invoice-demo-grid[data-stage="0"] .flow-invoice-card,.invoice-demo-grid:not([data-stage="3"]) .flow-mail-card{background:#fbfcf9}.invoice-demo-grid[data-stage="1"] .flow-invoice-card,.invoice-demo-grid[data-stage="2"] .flow-invoice-card,.invoice-demo-grid[data-stage="3"] .flow-mail-card{border-color:#a4c675;box-shadow:0 10px 27px #64874412}.invoice-demo-grid[data-stage="3"] .flow-mail-state{color:#47742c!important}.flow-controls{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:26px 0 24px}.flow-control-buttons{display:flex;align-items:center;gap:20px}.flow-control-buttons>.button{font-size:11px;min-height:47px}.flow-control-buttons>.button:disabled{cursor:default;opacity:.65}.flow-controls>p{font-size:11px;line-height:1.85;color:#78905f}.automation-availability{display:flex;align-items:flex-start;gap:18px;background:#f7f7ef;border:1px solid #e6e5d3;border-radius:8px;padding:20px}.automation-availability>.soon{flex-shrink:0;font-size:11px}.automation-availability>p{font-size:11px;line-height:1.85;color:#8a9478}
@media(max-width:1150px){.savings-controls,.savings-result{padding:27px}.savings-main-number{gap:16px}.savings-main-number>output{font-size:64px}.savings-main-number strong{font-size:16px}.time-input-head,.time-input-row{gap:9px}.invoice-demo-grid{gap:14px}.flow-document-body{padding:18px}.flow-document-title{gap:10px}.flow-document-title h3{font-size:16px}.flow-document-card .demo-surface-head{padding:14px;font-size:11px}.flow-document-title .file-tile{width:36px;height:44px}.flow-mail-card h3{font-size:16px}.invoice-demo-number h3{font-size:18px}.flow-invoice-total strong{font-size:26px}.invoice-flow-steps>li{gap:9px}.invoice-flow-steps strong{font-size:11px}.flow-control-buttons{gap:15px}.flow-control-buttons>.button{font-size:11px}}
@media(max-width:950px){.savings-grid{gap:17px}.savings-controls,.savings-result{padding:22px}.orders-heading{gap:12px}.orders-heading>label{font-size:12px}.orders-heading>div{gap:6px}.orders-heading input{width:61px}.orders-heading>div>span{display:none}.time-input-row>label{font-size:11px}.time-input-head{font-size:11px}.time-input-head small{font-size:11px}.savings-main-number{flex-wrap:wrap;gap:14px;margin-top:26px}.savings-main-number>output{font-size:66px}.savings-main-number strong{font-size:15px}.savings-main-number>div>span{font-size:11px}.savings-result-heading{font-size:11px}.savings-equivalent{font-size:11px}.savings-assumptions{grid-template-columns:.6fr 2fr;gap:26px}.invoice-demo-grid{gap:10px}.flow-document-body{padding:15px}.flow-document-card .demo-surface-head{padding:13px 12px;gap:7px;font-size:11px}.flow-document-title h3{font-size:14px}.flow-document-title small{font-size:11px}.flow-document-title .file-tile{width:27px;height:35px}.flow-document-title .file-tile svg{width:17px;height:17px}.flow-work-line{font-size:11px;gap:7px}.flow-signature>span{font-size:11px;left:8px}.invoice-demo-number h3{font-size:17px}.flow-mail-card h3{font-size:15px}.flow-invoice-total strong{font-size:22px}.flow-invoice-total{font-size:11px}.flow-gate{font-size:11px;padding:9px}.flow-attachments>span{font-size:11px;padding:8px}.flow-document-card .demo-surface-head>.flow-mail-state,.flow-document-card .demo-surface-head>.flow-invoice-state{font-size:11px!important}.flow-controls{gap:25px}.flow-control-buttons{flex-wrap:wrap;gap:8px 15px}.automation-mode>button{font-size:11px}.automation-mode .soon{font-size:11px}.invoice-flow-steps small{font-size:11px}}
@media(max-width:720px){.savings-grid{grid-template-columns:1fr;gap:19px}.savings-controls,.savings-result{padding:27px}.calculator-label{font-size:11px}.orders-heading>label{font-size:14px}.orders-heading>div>span{display:inline}.orders-heading input{width:69px}.time-input-row>label{font-size:12px}.time-input-row input{font-size:16px}.time-input-head{font-size:11px}.time-input-head small{font-size:11px}.savings-result-heading{font-size:11px}.savings-main-number{gap:20px}.savings-main-number>output{font-size:78px}.savings-main-number strong{font-size:19px}.savings-main-number>div>span{font-size:11px}.savings-equivalent{font-size:12px}.savings-chart>p{font-size:11px}.chart-row>div:first-child,.chart-row strong{font-size:13px}.savings-metrics span{font-size:11px}.savings-status{font-size:11px;margin-top:15px}.calculator-edit-note{font-size:11px}.savings-assumptions{grid-template-columns:1fr;gap:9px}.savings-assumptions strong{font-size:12px}.savings-assumptions p{font-size:11px}.automation-mode{display:grid;grid-template-columns:1fr;gap:8px}.automation-mode>button{font-size:12px;justify-content:flex-start}.automation-mode .soon{font-size:11px;margin-left:auto}.automation-mode-note{font-size:12px}.invoice-flow-steps{grid-template-columns:repeat(2,1fr);gap:22px 16px}.invoice-flow-steps strong{font-size:12px}.invoice-flow-steps small{font-size:11px}.invoice-demo-grid{grid-template-columns:1fr;gap:20px}.flow-document-card .demo-surface-head{padding:16px 20px;font-size:12px}.flow-document-card .demo-surface-head>.flow-mail-state,.flow-document-card .demo-surface-head>.flow-invoice-state{font-size:11px!important}.flow-document-body{padding:25px}.flow-document-title{gap:15px}.flow-document-title .file-tile{width:45px;height:53px}.flow-document-title .file-tile svg{width:23px;height:23px}.flow-document-title small{font-size:11px}.flow-document-title h3{font-size:21px}.flow-work-line{font-size:12px}.flow-signature>span{font-size:11px;left:15px}.flow-signature{padding:36px 16px 12px}.flow-signature>svg{height:86px}.flow-confirmed{font-size:12px}.flow-confirmed small{font-size:11px}.invoice-demo-number small{font-size:11px}.invoice-demo-number h3{font-size:25px}.invoice-demo-number p{font-size:11px}.flow-invoice-total{font-size:12px}.flow-invoice-total strong{font-size:34px}.flow-gate{font-size:11px;padding:13px}.flow-mail-address{font-size:11px}.flow-mail-address strong{font-size:12px}.flow-mail-card h3{font-size:21px}.flow-mail-card .flow-document-body>p{font-size:13px}.flow-attachments>span{font-size:11px;padding:11px}.flow-mail-card .flow-document-body>.flow-mail-disclaimer{font-size:11px}.flow-mail-success{font-size:12px}.flow-controls{grid-template-columns:1fr;gap:17px}.flow-control-buttons{gap:18px}.flow-control-buttons>.button{font-size:12px}.flow-controls>p{font-size:12px}.automation-availability{flex-direction:column;gap:12px}.automation-availability>p{font-size:11px}.automation-availability>.soon{font-size:11px}}
@media(max-width:440px){.savings-controls,.savings-result{padding:22px 19px}.calculator-label{font-size:11px;gap:7px}.orders-heading>label{font-size:12px}.orders-heading>div{font-size:11px;gap:6px}.orders-heading input{width:57px;font-size:21px}.time-input-head,.time-input-row{grid-template-columns:1.3fr .7fr .7fr;gap:9px}.time-input-head{font-size:11px}.time-input-head small{font-size:11px}.time-input-row>label{font-size:11px}.time-input-row input{padding:9px 5px}.savings-main-number{gap:14px}.savings-main-number>output{font-size:64px;letter-spacing:-3px}.savings-main-number strong{font-size:16px}.savings-main-number>div>span{font-size:11px;max-width:135px}.savings-result-heading{font-size:11px}.savings-equivalent{font-size:11px}.savings-status{font-size:11px}.savings-chart>p{font-size:11px}.savings-metrics span{font-size:11px}.savings-metrics output{font-size:24px}.calculator-edit-note{font-size:11px}.automation-mode>button{font-size:11px;gap:8px;padding:13px 12px;flex-wrap:wrap}.automation-mode .soon{font-size:11px;margin-left:0}.invoice-flow-steps strong{font-size:11px}.invoice-flow-steps>li{gap:8px}.invoice-flow-steps>li>span{width:25px;height:25px}.invoice-flow-steps small{font-size:11px}.flow-document-body{padding:22px 19px}.flow-document-title h3{font-size:19px}.flow-document-title small{font-size:11px}.flow-document-title .file-tile{width:39px;height:48px}.flow-signature>span{font-size:11px}.flow-work-line{font-size:11px}.flow-document-card .demo-surface-head{padding:15px 18px;font-size:11px}.invoice-demo-number h3{font-size:23px}.flow-mail-card h3{font-size:19px}.flow-mail-card .flow-document-body>p{font-size:12px}.flow-control-buttons>.button{font-size:11px;width:100%}.flow-control-buttons{gap:7px}.flow-controls>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.chart-bar{transition:none}}

/* Keep calculator input, examples and availability readable at all viewport sizes. */
.savings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.savings-controls,.savings-result{min-width:0}
.savings-main-number{flex-wrap:wrap}
.savings-main-number>output{max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.calculator-label{color:#586f40;letter-spacing:.6px}
.time-input-head,.time-input-row>label{color:#4e663a}
.time-input-head small,.range-labels,.calculator-edit-note{color:#68785a}
.savings-assumptions strong{font-size:13px;color:#526841}
.savings-assumptions p{font-size:12px;color:#61744f}
.savings-status{font-size:12px;color:#c8dab6}
.savings-chart>p{color:#b3c79c}
.savings-main-number>div>span,.savings-metrics span{color:#bed2a6;font-size:12px}
.automation-mode-note{color:#5e7449;font-size:13px}
.invoice-flow-steps strong{font-size:13px}
.invoice-flow-steps small{color:#728360}
.flow-document-title small,.invoice-demo-number small,.flow-mail-address>span,.flow-signature>span{color:#6c8059;line-height:1.6}
.flow-document-card .demo-surface-head{flex-wrap:wrap;font-size:12px}
.flow-document-card .demo-surface-head>span{color:#61774d;font-size:11px!important}
.flow-document-title small{font-size:10px}
.flow-work-line,.flow-mail-card .flow-document-body>p{font-size:12px;color:#5a7145}
.flow-confirmed{font-size:12px;color:#4b732c}
.flow-confirmed small,.invoice-demo-number p{font-size:11px;color:#68804f}
.flow-gate{font-size:11px;color:#5e7547}
.flow-mail-address strong{font-size:12px}
.flow-attachments>span{font-size:11px;color:#5b7347}
.flow-mail-card .flow-document-body>.flow-mail-disclaimer{font-size:11px;color:#6b7e59}
.flow-controls>p,.automation-availability>p{font-size:12px;color:#5d704e}
.automation-availability{flex-wrap:wrap}
.automation-availability>p{flex:1;min-width:min(100%,250px)}
.calculator-reset,.flow-control-buttons>.button{font-size:12px}
@media(max-width:950px){
  .invoice-demo-grid{grid-template-columns:1fr;gap:20px;max-width:640px;margin-inline:auto}
  .flow-document-body{padding:26px}
  .flow-document-title h3{font-size:22px}
  .flow-document-title .file-tile{width:42px;height:52px}
  .flow-document-title .file-tile svg{width:22px;height:22px}
  .flow-document-card .demo-surface-head{padding:17px 25px}
  .invoice-demo-number h3{font-size:25px}
  .flow-mail-card h3{font-size:22px}
  .flow-invoice-total strong{font-size:32px}
  .flow-signature>span{left:12px}
}
@media(max-width:720px){.savings-grid{grid-template-columns:1fr}}
@media(max-width:440px){
  .calculator-label{font-size:10px;letter-spacing:0}
  .time-input-head,.time-input-head small{font-size:10px}
  .orders-heading>div>span{display:none}
  .savings-main-number>output{font-size:56px;letter-spacing:-2px}
  .savings-result-heading{font-size:10px;flex-wrap:wrap;gap:8px}
  .savings-equivalent,.savings-metrics span{font-size:11px}
  .invoice-flow-steps{grid-template-columns:1fr;gap:12px}
  .invoice-flow-steps small{font-size:11px}
  .flow-document-body{padding:22px 18px}
  .flow-document-card .demo-surface-head{padding:16px 18px}
  .flow-signature{padding-top:56px}
  .flow-signature>span{right:12px}
}