.savings{padding-top:80px;padding-bottom:90px}.savings-heading{max-width:620px;margin-bottom:32px}.savings-heading h2{font-size:clamp(34px,4vw,56px)}.savings-heading>p:last-child{line-height:1.7;max-width:540px}.savings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}.savings form{padding:30px;border:1px solid #c4d7cf;border-radius:20px;background:#edf3f0}.savings label{display:block;font-size:14px;font-weight:500}.savings input{display:block;width:100%;box-sizing:border-box;border:1px solid #97b9ad;background:white;color:var(--ink);border-radius:8px;padding:13px;margin:9px 0 16px;font:inherit;font-size:17px;min-height:48px}.savings input:focus{outline:2px solid var(--petrol);outline-offset:2px}.savings-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.savings small{display:block;font-size:12px;font-weight:400;line-height:1.5}.savings summary{cursor:pointer;font-size:14px;padding:12px 0}.savings-note{font-size:12px!important;line-height:1.7!important;margin-top:20px}.savings-result{padding:34px;border-radius:20px;background:var(--petrol);color:white;display:flex;flex-direction:column;justify-content:center}.savings-result .eyebrow{color:var(--cyan);font-size:11px}.savings-result strong{display:block;font-size:clamp(42px,5vw,70px);line-height:1.1;margin:12px 0}.savings-result strong small{font-size:20px;margin-top:12px}.savings-result p{color:#d6ece9}.savings-bars{display:grid;gap:14px;margin:20px 0}.savings-bars>div{display:grid;grid-template-columns:48px 1fr;align-items:center;font-size:12px}.savings-bars i{display:block;height:12px;background:var(--coral);border-radius:4px;width:100%}.savings-bars #save-bar{background:var(--cyan);transition:width .25s}.savings-result .button{align-self:start;margin-top:15px}.savings-result [aria-disabled=true]{opacity:.5;pointer-events:none}#savings-error{font-size:14px;margin:0}#save-value{font-weight:600} @media(max-width:760px){.savings{padding-top:45px;padding-bottom:45px}.savings-grid{grid-template-columns:1fr;gap:18px}.savings form,.savings-result{padding:23px}.savings-inputs{gap:8px 14px}.savings-inputs label{font-size:13px}}@media(prefers-reduced-motion:reduce){.savings-bars #save-bar{transition:none}}.savings form,.savings form label,.savings form small{color:var(--ink)}.savings form .savings-note{color:#456365}

.time-input{display:flex;gap:6px;align-items:center}.time-input input{min-width:0;flex:1}.time-input select{font:inherit;font-size:13px;padding:12px 6px;border:1px solid #97b9ad;border-radius:8px;background:white;color:var(--ink);max-width:105px;min-height:48px;margin:9px 0 16px}.saving-metric{padding:18px 0;border-bottom:1px solid #ffffff30}.saving-metric>span{font-size:14px;color:#d6ece9}.savings-result .saving-metric strong{font-size:clamp(38px,4.6vw,64px);letter-spacing:-.04em;overflow-wrap:anywhere}.savings-result .saving-metric strong small{display:inline;font-size:25px}.money-metric strong{color:var(--cyan)}.savings-result #save-value{font-weight:650}.savings-result{justify-content:start}.savings-bars{margin:5px 0 10px}.savings-result .eyebrow{margin-bottom:0}@media(max-width:900px){.savings-inputs{grid-template-columns:1fr}.savings-result .saving-metric strong{font-size:48px}}@media(max-width:760px){.savings-inputs{grid-template-columns:1fr 1fr}.time-input{flex-wrap:wrap;gap:0}.time-input input{flex-basis:100%;margin-bottom:0}.time-input select{max-width:none;width:100%;margin-top:5px}.savings-result .saving-metric strong{font-size:48px}}