:root{--main-blue:#2563ff;--bg-blue:#f5f8fa;--box-blue:#c6e5ff;--slider-green:#26cf89;--slider-blue:#3e80fe;--text-main:#181c32;--text-muted:#378fd6;--highlight:#3e80fe;--shadow:0 4px 24px 0 rgba(30,60,160,.1);--border-radius:16px}.calculator-container{align-items:stretch;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;font-family:Inter,Arial,sans-serif;gap:36px;max-width:100%;padding:32px 24px 24px;width:95vw}.left-col{align-items:flex-start;display:flex;flex:none;flex-direction:column;width:330px}.yearly-label{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:1.3px;margin-bottom:10px;text-transform:uppercase}.savings-amount-outer{background:#f5f8fa;border-radius:13px;box-shadow:0 2px 10px 0 rgba(30,60,160,.04);display:flex;justify-content:center;margin-bottom:8px;padding:12px 0;width:100%}.savings-amount-wrapper{align-items:center;background:none;display:flex;height:68px;justify-content:center;min-width:210px;position:relative;width:220px}.savings-amount{color:var(--main-blue);font-size:60px;font-weight:300;letter-spacing:1px;line-height:1;text-align:center;transition:color .2s;white-space:nowrap}.savings-amount-fake{font-family:inherit;font-size:60px;font-weight:700;left:0;letter-spacing:1px;pointer-events:none;position:absolute;top:0;visibility:hidden}.slider-helper-text{color:#113965;font-family:Fira Mono,Consolas,monospace;font-size:11px;margin-bottom:3px;margin-left:2px;text-align:center}.slider-container{height:66px}.custom-slider,.slider-container{margin-bottom:0;margin-top:0;position:relative;width:100%}.custom-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--slider-green) 0,var(--slider-green) var(--percent,50%),#f5f8fa var(--percent,50%),#f5f8fa 100%);border-radius:4px;height:7px;outline:none;transition:background .3s;z-index:2}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--main-blue);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 6px 0 rgba(30,60,160,.13);cursor:pointer;height:20px;margin-top:-7px;width:20px}.custom-slider::-moz-range-thumb,.custom-slider::-ms-thumb{background:var(--main-blue);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 6px 0 rgba(30,60,160,.13);cursor:pointer;height:20px;width:20px}.custom-slider::-webkit-slider-runnable-track{background:transparent;border-radius:4px;height:7px}.custom-slider:focus{outline:none}.custom-slider::-ms-tooltip{display:none}.slider-marks-labels{display:flex;flex-direction:column;height:40px;justify-content:flex-start;left:0;pointer-events:none;position:absolute;right:0;top:26px;width:100%;z-index:1}.slider-labels-row,.slider-marks-row{display:flex;justify-content:space-between;width:100%}.slider-marks-row{align-items:flex-start;height:16px}.slider-labels-row{align-items:flex-end;color:#163e68;font-size:12.8px;height:20px;letter-spacing:.5px;margin-top:2px}.slider-labels-row .label{flex:1;min-width:0;text-align:center}.slider-labels-row .label:first-child,.slider-labels-row .label:last-child{transform:translateX(0)}.slider-mark{background:#90bdfd;border-radius:2px;display:block;height:13px;margin:0 auto;opacity:.7;width:2px}.right-col{align-items:flex-start;display:flex;flex:2 1 370px;flex-direction:column;gap:10px;justify-content:center;padding-top:8px}.right-col h2{color:var(--text-main);font-size:2rem;font-weight:700;letter-spacing:-.5px;line-height:1.12;margin:0 0 6px}.right-col h2 .highlight{color:var(--highlight)}.info-note{color:#3e80fe;font-family:Fira Mono,Consolas,monospace;font-size:12.2px;line-height:1.45;margin-top:6px;max-width:390px;opacity:.94}input[type=range]:disabled{cursor:not-allowed;opacity:.65}@media (min-width:900px){.calculator-container{align-items:center;background:var(--box-blue);border-radius:28px;box-shadow:var(--shadow);display:grid;gap:24px;grid-template-columns:1.1fr 1.5fr;margin:0 auto;max-width:1100px;padding:44px 50px 44px 60px;width:100%}.left-col{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-width:370px;width:auto}.savings-amount-outer{border-radius:18px;margin-bottom:14px;min-height:110px;padding:18px 0}.savings-amount-wrapper{height:74px;min-width:250px;width:100%}.savings-amount,.savings-amount-fake{font-size:72px;font-weight:400;line-height:1.05}.slider-helper-text{font-size:13px;margin-bottom:8px;margin-left:4px;text-align:center;width:100%}.right-col{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-width:400px;padding-left:56px}.right-col h2{font-size:2.4rem;font-weight:700;letter-spacing:-.5px;line-height:1.12;margin:0 0 14px}.info-note{font-size:14px;margin-top:10px;max-width:430px;opacity:.95;text-align:left}#volumeSlider{width:85%}.slider-container{text-align:center}}@media (max-width:600px){.calculator-container{align-items:center;box-sizing:border-box;flex-direction:column;gap:12px;max-width:100%;padding:28px 10vw;width:100%}.left-col,.right-col{align-items:center;min-width:0;padding:0;text-align:center;width:100%}.savings-amount-outer{padding:8px 0}.savings-amount-wrapper{height:46px;justify-content:center;min-width:0;width:100%}.savings-amount,.savings-amount-fake{font-size:36px}.slider-helper-text{font-size:13px}.slider-container{height:70px;min-width:0;width:100%}.slider-marks-labels{height:40px;top:26px}.right-col h2{font-size:1.08rem;margin:6px 0 0}.info-note{font-size:10.8px;margin-bottom:4px;max-width:100%;text-align:center}.right-col{align-items:center;flex:2 1 110px;height:auto;justify-content:flex-start;padding-top:0}#volumeSlider{width:85%}}