:root{--ink:#142b3a;--blue:#216c86;--teal:#4db29c;--paper:#f5f8f7;--line:#d8e2e3;--muted:#697c83;--yellow:#f4cc6a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,sans-serif}header{height:72px;padding:0 max(6vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white}.logo{font:800 19px Arial;letter-spacing:-2px}.logo span{color:var(--teal)}header nav{display:flex;gap:28px;font-size:13px}header a{color:inherit;text-decoration:none}.tag,.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--blue);font-weight:bold}.hero{background:#e9f1ed;padding:69px max(10vw,24px) 54px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:8vw}.hero h1{font:700 clamp(50px,6vw,77px)/.98 Arial;letter-spacing:-4px;margin:17px 0}.hero h1 em{color:var(--blue);font-style:normal}.hero p:not(.eyebrow){max-width:420px;color:#526b70}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border:0;padding:13px 17px;background:var(--ink);color:white;font-weight:bold;cursor:pointer;text-decoration:none}.meter-art{height:260px;position:relative;display:grid;place-items:center;background:#d9e8df;border-radius:50% 50% 4px 4px}.dial{width:170px;height:170px;background:#fff;border:8px solid #d1d9d3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 15px 24px #17364820}.dial span{font:700 48px Arial;color:var(--blue)}.dial b{font-size:12px;color:var(--muted);letter-spacing:.1em}.dial i{position:absolute;width:3px;height:60px;background:var(--teal);transform:rotate(38deg);transform-origin:bottom;top:75px}.bolt{position:absolute;top:10%;right:11%;font-size:57px;color:#dfa83b}.meter-art small{position:absolute;bottom:12px;color:#687c6e;font-size:10px}.ad{height:88px;max-width:970px;margin:0 auto 38px;border:1px dashed #c9d5d2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#84918f;font-size:12px}.ad small{font-size:9px;letter-spacing:.18em}.calculator{padding:40px max(10vw,24px)}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.heading h2,.method h2{font:700 36px Arial;letter-spacing:-1.8px;margin:7px 0}.heading>p{font-size:12px;color:var(--muted)}.panel{background:white;border:1px solid var(--line);padding:23px}.settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px;padding-bottom:22px;border-bottom:1px solid var(--line)}label{font-size:12px;color:#52666d;display:grid;gap:7px}.settings input,.settings select,.custom input{height:42px;border:1px solid var(--line);padding:0 10px;background:#fff;color:var(--ink);font:14px Arial}.settings small{font-size:10px;color:#7b898c}.appliances{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0}.appliance{padding:16px;background:#f6f9f7;border-left:3px solid var(--teal);position:relative}.appliance h3{font-size:14px;margin:0 0 12px}.appliance label{font-size:10px}.appliance input{width:100%;height:34px;border:1px solid var(--line);padding:0 8px;margin-top:5px}.cost{display:flex;align-items:baseline;gap:5px;margin-top:12px}.cost strong{font-size:25px;color:var(--blue)}.cost span{font-size:11px;color:var(--muted)}.custom{border-top:1px solid var(--line);padding-top:15px}.custom h3{font:600 17px Georgia}.custom form{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:12px;align-items:end}.custom .button{height:42px;white-space:nowrap;width:100%;justify-content:center}.method{background:#e8f0ec;padding:37px max(10vw,24px);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.method>p{font-size:13px;color:#596f70}.method h2{font-size:31px}footer{display:flex;justify-content:space-between;padding:20px max(6vw,22px);font-size:11px;color:#708086}@media(max-width:720px){.tag{display:none}header nav{gap:14px}.hero{grid-template-columns:1fr;padding-top:42px;gap:30px}.meter-art{height:210px}.dial{width:140px;height:140px}.dial i{top:66px}.heading{display:block}.heading>p{max-width:370px}.settings{grid-template-columns:1fr 1fr}.appliances{grid-template-columns:1fr 1fr}.custom form{grid-template-columns:1fr}.custom .button{grid-column:1;width:100%;min-width:0}.method{grid-template-columns:1fr;gap:4px}.ad{margin-left:14px;margin-right:14px}footer{flex-direction:column;gap:8px}}

:focus-visible{outline:3px solid #df784d;outline-offset:3px}.skip-link{position:absolute;left:-10000px;top:8px;background:#fff;color:#111;padding:10px;z-index:20}.skip-link:focus{left:8px}.guide-page{max-width:850px;margin:0 auto;padding:48px 24px 64px;line-height:1.75}.guide-page h1{font-size:clamp(38px,5vw,58px);line-height:1.08}.guide-page h2{margin-top:38px}.guide-intro{font-size:1.15rem;color:var(--muted,#657066);max-width:680px}.source-list{border-top:1px solid var(--line,#ddd);margin-top:36px;padding-top:12px}.source-list li{margin:10px 0}.source-list a{text-decoration:underline;text-underline-offset:3px}.guide-back{margin-top:30px}.validation{padding:12px;border-left:3px solid #a33;background:#fff1ef;color:#531b1b}

@media(max-width:720px){.panel,.settings>*{min-width:0}.settings input,.settings select{width:100%;min-width:0}.appliances{grid-template-columns:repeat(2,minmax(0,1fr))}.appliance{min-width:0}.cost strong{font-size:clamp(20px,6vw,25px)}}