.roi-outer{--roi-accent:#00aeef;--roi-accent-dark:#0098d4;--roi-savings:#66ae00;--roi-warning:#ffb300;--roi-negative:#d32f2f;--roi-text:#212121;--roi-text-muted:#666;--roi-panel-bg:#f7fbfe;--roi-panel-border:#b5d4f4;--roi-panel-title:#185fa5;--roi-toggle-bg:#f0f4f8;color:var(--roi-text);display:flex;font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;padding:2rem 1rem;width:100%}.roi-outer *,.roi-outer :after,.roi-outer :before{box-sizing:border-box}.roi-outer .roi-inner{max-width:960px;width:100%}.roi-outer .roi-eyebrow{color:var(--roi-accent);font-size:12px;font-weight:500;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.roi-outer .roi-headline{color:var(--roi-text);font-size:clamp(22px,4vw,28px);font-weight:700;line-height:1.2;margin:0 0 .5rem}.roi-outer .roi-subline{color:var(--roi-text-muted);font-size:15px;line-height:1.5;margin:0 0 1.75rem;max-width:520px}.roi-outer .roi-body{align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.roi-outer{padding:3rem 2rem}.roi-outer .roi-body{gap:2rem;grid-template-columns:1fr 1fr}}.roi-outer .roi-inputs{display:flex;flex-direction:column;gap:1.25rem}.roi-outer .roi-field .roi-field-label,.roi-outer .roi-field label{color:var(--roi-text-muted);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.roi-outer .roi-field .input-row{align-items:center;display:flex;gap:10px}.roi-outer .roi-field input[type=range]{accent-color:var(--roi-accent);flex:1;height:28px;min-width:0}.roi-outer .roi-field .val{color:var(--roi-text);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;min-width:60px;text-align:right}.roi-outer button,.roi-outer button:active,.roi-outer button:focus,.roi-outer button:hover{background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:auto;fill:currentColor;letter-spacing:normal;text-shadow:none;text-transform:none}.roi-outer .roi-toggle-group{background:var(--roi-toggle-bg);border-radius:10px;display:flex;gap:8px;padding:5px}.roi-outer .roi-toggle-group button,.roi-outer .roi-toggle-group button:active,.roi-outer .roi-toggle-group button:focus,.roi-outer .roi-toggle-group button:hover{background-color:transparent;background-image:none;border:none;border-radius:7px;box-shadow:none;color:#555;cursor:pointer;fill:currentColor;flex:1;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:normal;line-height:1.25;min-width:0;padding:11px 12px;text-align:center;text-transform:none}.roi-outer .roi-toggle-group button{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.roi-outer .roi-toggle-group button:focus:not(.active),.roi-outer .roi-toggle-group button:hover:not(.active){background-color:#fff;background-image:none;box-shadow:0 1px 4px rgba(0,0,0,.12);color:var(--roi-text)}.roi-outer .roi-toggle-group button:focus-visible{outline:2px solid var(--roi-accent);outline-offset:2px}.roi-outer .roi-toggle-group button.active,.roi-outer .roi-toggle-group button.active:active,.roi-outer .roi-toggle-group button.active:focus,.roi-outer .roi-toggle-group button.active:hover{background-color:#fff;background-image:none;box-shadow:0 2px 8px rgba(0,0,0,.14),0 1px 2px rgba(0,0,0,.08);color:var(--roi-accent);font-weight:600}.roi-outer .roi-toggle-group button[data-val="4"].active,.roi-outer .roi-toggle-group button[data-val="4"].active:active,.roi-outer .roi-toggle-group button[data-val="4"].active:focus,.roi-outer .roi-toggle-group button[data-val="4"].active:hover{background-color:#fff8e1;background-image:none;box-shadow:0 2px 8px rgba(255,179,0,.25),0 1px 2px rgba(0,0,0,.08);color:#7a4f00}.roi-outer .roi-toggle-group button.active:before{background:var(--roi-accent);border-radius:50%;content:"";display:inline-block;height:6px;margin-right:6px;position:relative;top:-1px;vertical-align:middle;width:6px}.roi-outer .roi-toggle-group button[data-val="4"].active:before{background:var(--roi-warning)}.roi-outer .callout-2027{align-items:flex-start;background:#fff8e1;border-left:1px solid var(--roi-warning);border:1px solid var(--roi-warning);border-left-width:4px;border-radius:8px;color:#5a3e00;display:none;font-size:13px;gap:10px;line-height:1.5;margin-top:10px;padding:10px 14px}.roi-outer .callout-2027.visible{display:flex}.roi-outer .callout-2027 strong{color:#3d2a00;font-weight:600}.roi-outer .callout-2027 p{margin:0}.roi-outer .roi-results{background:var(--roi-panel-bg);border:1px solid var(--roi-panel-border);border-radius:12px;box-shadow:0 4px 16px rgba(0,120,200,.08);display:flex;flex-direction:column;gap:.85rem;padding:1.25rem}@media (min-width:768px){.roi-outer .roi-results{gap:1rem;padding:1.5rem;position:sticky;top:1rem}}.roi-outer .roi-results-title{color:var(--roi-panel-title);font-size:13px;font-weight:500;letter-spacing:.06em;margin-bottom:.25rem;text-transform:uppercase}.roi-outer .roi-big{border-bottom:1px solid var(--roi-panel-border);margin-bottom:.25rem;padding:1rem 0 1.25rem;text-align:center}.roi-outer .roi-big .label{color:var(--roi-panel-title);font-size:12px;font-weight:500;letter-spacing:.07em;margin-bottom:4px;text-transform:uppercase}.roi-outer .roi-big .amount{color:var(--roi-savings);font-size:clamp(32px,7vw,40px);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.roi-outer .roi-big .sub{color:var(--roi-text-muted);font-size:12px;margin-top:4px}.roi-outer .roi-results>.roi-line{align-items:center;display:flex;font-size:17px;gap:1rem;justify-content:space-between;padding:2px 0}.roi-outer .roi-line .lbl{color:var(--roi-text-muted)}.roi-outer .roi-line .amt{color:var(--roi-text);font-variant-numeric:tabular-nums;font-weight:500}.roi-outer .roi-line.highlight .amt{color:var(--roi-negative)}.roi-outer .roi-line.savings .amt{color:var(--roi-savings);font-weight:700}.roi-outer .roi-divider{border:none;border-top:1px solid var(--roi-panel-border);margin:.15rem 0}.roi-outer .roi-cta{display:block;margin-top:.5rem;text-align:center;text-decoration:none;width:100%}.roi-outer .roi-disclaimer{color:var(--roi-text-muted);font-size:11px;line-height:1.6;margin-top:1.5rem}.roi-outer .roi-disclaimer p{margin:0}@media (prefers-reduced-motion:reduce){.roi-outer .roi-cta,.roi-outer .roi-toggle-group button{transition:none}}