.roi-workspace{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1e293b;--roi-primary:#f59e0b;--roi-secondary:#0ea5e9;background:#f8fafc;min-height:900px;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5;display:flex}.roi-main{width:100%;min-width:0;max-width:1344px;margin-inline:auto;padding:40px 32px}.roi-page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.roi-workspace h1{color:#1e293b;margin:0 0 6px;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:700;line-height:1.3}.roi-page-heading p{color:#64748b;margin:0}.roi-calculator-grid{grid-template-columns:minmax(280px,384px) minmax(0,1fr);align-items:start;gap:24px;max-width:1280px;margin:auto;display:grid}.roi-controls,.roi-results{flex-direction:column;gap:20px;min-width:0;display:flex}.roi-card{background:#fff;border:1px solid #edf1f7;border-radius:12px;min-width:0;padding:20px;box-shadow:0 1px 2px #0f172a09}.roi-workspace h2{color:#334155;align-items:center;gap:8px;margin:0 0 16px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.5;display:flex}.roi-step{color:var(--color-paper);background:var(--color-navy);font-family:var(--font-display);border-radius:9999px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;line-height:1;display:inline-grid}.roi-step-blue{background:var(--color-navy)}.roi-field-stack{flex-direction:column;gap:16px;display:flex}.roi-field{color:#526783;min-width:0;font-size:12px;font-weight:500;display:block}.roi-field-label{align-items:center;gap:4px;margin-bottom:6px;display:flex}.roi-workspace input{color:#1e293b;background:#fff;border:1px solid #dce3ef;border-radius:8px;width:100%;min-width:0;padding:10px 12px;font-size:14px;font-weight:400;line-height:20px}.roi-workspace input:focus,.roi-workspace button:focus-visible,.roi-workspace summary:focus-visible,.roi-workspace a:focus-visible{outline:2px solid var(--roi-primary);outline-offset:2px}.roi-workspace input[aria-invalid=true]{border-color:#b42318}.roi-field>input{margin-top:6px}.roi-input-wrap{align-items:center;display:flex;position:relative}.roi-prefix,.roi-suffix{pointer-events:none;white-space:nowrap;font-size:12px;position:absolute}.roi-prefix{inset-inline-start:12px}.roi-suffix{color:#64748b;inset-inline-end:12px}.roi-error{color:#b42318;margin:4px 0 0;font-size:12px}.roi-hint{cursor:help;color:#64748b;font-size:12px;display:inline-block;position:relative}.roi-hint>span{bottom:100%;color:#fff;z-index:10;background:#1e293b;border-radius:8px;width:220px;padding:8px;font-size:12px;display:none;position:absolute;inset-inline-start:0}.roi-hint:hover>span,.roi-hint:focus>span{display:block}.roi-advanced{padding:0}.roi-advanced summary{cursor:pointer;color:#334155;padding:16px 20px;font-size:14px;font-weight:600}.roi-advanced summary .roi-step{vertical-align:middle;margin-inline-end:8px}.roi-advanced>div{border-top:1px solid #edf1f7;padding:20px}.roi-actions{flex-wrap:wrap;gap:10px;display:flex}.roi-button{color:#475569;cursor:pointer;text-align:center;background:#fff;border:1px solid #dce3ef;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-size:14px;font-weight:500;display:inline-flex}.roi-button:hover{background:#f1f5f9}.roi-button:disabled{opacity:.5;cursor:not-allowed}.roi-primary{background:var(--roi-primary);color:#172033;border-color:#0000;font-weight:600}.roi-primary:hover{background:var(--roi-primary);filter:brightness(.95)}.roi-controls>.roi-actions .roi-primary{flex:1}.roi-note{color:#64748b;margin:8px 0 0;font-size:12px;line-height:1.7}.roi-note a{color:#334155;text-decoration:underline}.roi-notice{color:#334155;overflow-wrap:anywhere;font-size:13px}.roi-notice:empty{display:none}.roi-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.roi-metric{padding:16px}.roi-metric h2{color:#526783;margin:10px 0 2px;font-size:12px;font-weight:500;display:block}.roi-metric-icon{border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.roi-amber{color:#d97706;background:#fff7e9}.roi-blue{color:#0284c7;background:#e8f6fd}.roi-purple{color:#8b5cf6;background:#f5f0ff}.roi-green{color:#16a34a;background:#eafaf1}.roi-red{color:#dc2626;background:#fef2f2}.roi-metric-value{letter-spacing:-.4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(18px,1.7vw,25px);font-weight:700;line-height:1.25}.roi-metric-sub{color:#64748b;margin:3px 0 0;font-size:12px}.roi-co2{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.roi-co2>svg{background:#d1fae5;border-radius:8px;flex-shrink:0;width:40px;height:40px;padding:9px}.roi-co2 p{margin:2px 0 0;font-size:12px}.roi-chart{padding-top:30px;position:relative}.roi-chart-scroll{overflow-x:auto}.roi-chart svg{width:100%;display:block;overflow:visible}.roi-break-even{top:0;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;margin:0;padding:3px 10px;font-size:12px;position:absolute;inset-inline-end:0}.roi-chart-tooltip{pointer-events:none}.roi-table-card{padding:0;overflow:hidden}.roi-table-card h2{margin:0;padding:16px 20px}.roi-table-scroll{overflow:auto}.roi-workspace table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:440px;font-size:13px}.roi-workspace th,.roi-workspace td{text-align:end;border-bottom:1px solid #f1f5f9;padding:10px 16px}.roi-workspace th:first-child{text-align:start}.roi-workspace thead{background:var(--roi-primary);color:#172033;font-size:12px}.roi-workspace tbody th{font-weight:500}.roi-workspace tbody tr:nth-child(2n){background:#f8fafc}.roi-workspace tbody tr:hover{background:#f1f5f9}.roi-positive{color:#047857;font-weight:600}.roi-negative{color:#c53030;font-weight:600}@media (max-width:1100px){.roi-main{padding:24px}.roi-calculator-grid{grid-template-columns:1fr}.roi-metric-value{font-size:24px}}@media (max-width:540px){.roi-main{padding:24px 16px}.roi-workspace h1{font-size:24px}.roi-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roi-metric-value{font-size:21px}.roi-card{padding:18px}.roi-advanced,.roi-table-card{padding:0}.roi-chart{margin-inline:-8px}.roi-chart svg{min-width:640px}.roi-hint>span{width:190px;inset-inline-start:-100px}.roi-controls .roi-actions{gap:8px}.roi-button{padding-inline:12px}.roi-co2{padding:16px}}