/* M7 heating calculator: shared Selve identity with the energy division's blue accent. */
#sg .heat-page{--blue:#9bc9d9;--blue-ink:#132a34;--muted:#c0cbd0;--line:#a8cbd02e;padding:44px 0 0;color:#f4f5ef}
#sg .heat-page button,#sg .heat-page input,#sg .heat-page select,#sg .heat-page textarea{font:inherit}
#sg .heat-back{display:inline-block;font-size:12px;color:#becdcf;padding-bottom:5px;border-bottom:1px solid #a8cbd044}
#sg .heat-intro{display:grid;grid-template-columns:1.45fr .55fr;align-items:center;gap:45px;padding:50px 0 54px}
#sg .heat-intro .eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);margin-bottom:22px}
#sg .heat-intro h1{font-size:clamp(44px,5.5vw,74px);letter-spacing:-3.5px;line-height:1.03}
#sg .heat-intro h1 em{font:inherit;color:var(--blue)}
#sg .heat-intro p{font-size:16px;line-height:1.85;max-width:560px;margin-top:24px;color:#d0d9d6}
#sg .heat-badges{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px;font-size:11px;color:#d6e3de}
#sg .heat-badges span:before{content:'✓';margin-right:8px;color:var(--blue)}
#sg .heat-art{position:relative;min-height:260px;display:grid;place-items:center}
#sg .heat-art img{width:118px;height:118px;transform:rotate(-7deg);filter:drop-shadow(0 12px 32px #0004);z-index:1}
#sg .heat-orbit{position:absolute;width:240px;height:240px;border:1px solid #a6d0d044;border-radius:50%;transform:rotate(-25deg) scaleY(.75)}
#sg .orbit-two{width:295px;height:295px;transform:rotate(35deg) scaleY(.75);border-color:#a6d0d026}
#sg .orbit-one:after{content:'';position:absolute;top:28px;right:28px;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 26px #a6d0d080}
#sg .heat-art-label{position:absolute;bottom:0;font-size:9px;letter-spacing:2px;color:#c6d8d7;white-space:nowrap}
#sg .heat-shell{border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#10242bf5,#0b1918f7);backdrop-filter:blur(24px);overflow:hidden;box-shadow:0 30px 80px #0003}
#sg .heat-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:25px 35px;gap:18px;background:#122a2a65}
#sg .heat-steps button{border:0;background:transparent;color:#a0b1b5;text-align:left;padding:0 8px;display:grid;grid-template-columns:30px 1fr;column-gap:10px;cursor:pointer;align-items:center}
#sg .heat-steps button b{grid-row:span 2;font-size:12px;width:30px;height:30px;border:1px solid #a6c4ca38;border-radius:50%;display:grid;place-items:center;font-weight:500}
#sg .heat-steps button span{font-size:13px;font-weight:650}#sg .heat-steps button i{font-size:10px;font-style:normal;margin-top:2px;font-weight:400}
#sg .heat-steps button[aria-current=step]{color:#e2f0ef}#sg .heat-steps button[aria-current=step] b{background:var(--blue);color:#122930;border-color:var(--blue)}
#sg .heat-steps button:disabled{opacity:.48;cursor:default}
#sg .heat-progress{height:2px;background:#a9d8e015}#sg .heat-progress span{display:block;width:25%;height:100%;background:var(--blue);transition:width .35s}
#sg .heat-step{padding:42px}#sg .heat-step[hidden],#sg .heat-page [hidden]{display:none!important}
#sg .heat-step-head{display:grid;grid-template-columns:1.35fr .65fr;gap:36px;align-items:end;margin-bottom:33px}
#sg .heat-kicker{display:block;color:var(--blue);font-size:10px;font-weight:650;letter-spacing:1.6px;margin-bottom:15px}
#sg .heat-step h2{font-size:clamp(30px,3.2vw,43px);line-height:1.12;letter-spacing:-1.6px}
#sg .heat-step h2:focus{outline:none}
#sg .heat-step-head p{font-size:13px;line-height:1.8;color:var(--muted);max-width:320px}
#sg .heat-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}#sg .heat-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#sg .heat-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#sg .heat-choice-field{padding:0;border:0;margin:0 0 28px;min-width:0}#sg .heat-choice-field legend{font-size:13px;font-weight:650;margin-bottom:13px;padding:0}
#sg .heat-choice{position:relative;display:flex;align-items:center;gap:18px;background:#0a16196b;border:1px solid #b1d4df35;border-radius:16px;padding:22px;cursor:pointer;transition:background .2s,border-color .2s}
#sg .heat-choice input{appearance:none;position:absolute;right:16px;top:16px;width:16px;height:16px;padding:0;border:1px solid #a8bfc780;border-radius:50%;margin:0;background:none}
#sg .heat-choice input:checked{background:var(--blue);border:4px solid #162c35;box-shadow:0 0 0 1px var(--blue)}
#sg .heat-choice b{display:block;font-size:16px;margin-right:12px}#sg .heat-choice small{display:block;font-size:11px;font-weight:400;color:#b2c1c6;line-height:1.65;margin-top:6px}
#sg .heat-choice:has(input:checked){border-color:#9bc9d9a0;background:linear-gradient(145deg,#23434de0,#162f35dc)}
#sg .heat-choice:hover{border-color:#9bc9d9b0}#sg .heat-icon{font-size:40px;color:var(--blue);font-weight:300;line-height:1}
#sg .heat-choice.compact{min-height:128px;align-items:start;padding:23px 18px}#sg .heat-choice.compact b{font-size:13px;padding-right:12px;margin-right:7px}
#sg .heat-choice:focus-within{outline:2px solid var(--blue);outline-offset:4px}
#sg .heat-tip{display:flex;align-items:center;gap:16px;border:1px solid #a2cbd022;border-radius:14px;padding:17px 20px;background:#9bc9d907;margin-top:22px}
#sg .heat-tip>span{font-size:27px;color:var(--blue)}#sg .heat-tip p{font-size:12px;line-height:1.75;color:#b9cbd0}#sg .heat-tip strong{font-weight:600;color:#e0e7e3}
#sg .heat-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}#sg .heat-actions>span{max-width:310px;font-size:11px;color:#a9bbc0;line-height:1.7}
#sg .heat-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 23px;border:1px solid transparent;border-radius:40px;background:var(--blue);color:#122930;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}
#sg .heat-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9bc9d925}#sg .heat-button span{font-size:17px;font-weight:400}
#sg .heat-back-button{background:none;border:0;padding:10px 0;color:#c3d3d7;font-size:12px;cursor:pointer;text-decoration:underline;text-decoration-color:#9bc9d950;text-underline-offset:5px}
#sg .heat-fields label{display:block;color:#e1e9e6;font-size:12px;font-weight:500}#sg .heat-fields input,#sg .heat-fields select,#sg .heat-fields textarea{display:block;box-sizing:border-box;width:100%;margin-top:9px;border:1px solid #a8cbd042;border-radius:11px;background:#152a2c;color:#f3f5ef;padding:14px 15px;font-size:15px;font-weight:400;min-width:0;color-scheme:dark}
#sg .heat-fields input:focus,#sg .heat-fields select:focus,#sg .heat-fields textarea:focus{outline:2px solid var(--blue);outline-offset:2px}
#sg .heat-fields textarea{resize:vertical}#sg .heat-fields small{font-size:11px;color:#9fb4bc;line-height:1.6;font-weight:400}#sg .heat-fields label>small{display:block;margin-top:7px}
#sg .heat-input-unit{display:block;position:relative}#sg .heat-input-unit input{padding-right:65px;font-size:25px;font-weight:650}#sg .heat-input-unit i{position:absolute;right:20px;top:22px;color:var(--blue);font-style:normal;font-size:14px}
#sg .heat-data-note{padding:18px 22px;background:#9bc9d90a;border:1px solid #a2cbd025;border-radius:14px}#sg .heat-data-note>span{font-size:9px;color:var(--blue);letter-spacing:1.7px}#sg .heat-data-note p{font-size:12px;color:#b8c8ca;line-height:1.8;margin-top:8px}
#sg .heat-assumptions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:28px}
#sg .heat-assumptions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#d5e4e4;cursor:pointer;gap:20px}#sg .heat-assumptions summary::-webkit-details-marker{display:none}#sg .heat-assumptions summary span{font-size:24px;font-weight:300;color:var(--blue)}
#sg .heat-assumptions p{font-size:12px;line-height:1.8;color:#b6c7cb;margin:16px 0}#sg .heat-assumptions a{font-size:11px;color:var(--blue);text-decoration:underline;text-underline-offset:4px}
#sg .heat-error{padding:14px;margin-top:15px;border:1px solid #e8a09770;background:#7e3c252b;border-radius:10px;font-size:13px;color:#efc8c2}
#sg .heat-result-banner{display:grid;grid-template-columns:1fr .6fr;gap:35px;align-items:center;padding:30px;border:1px solid #9bc9d946;background:linear-gradient(110deg,#294951b0,#132a2b);border-radius:18px;margin-bottom:22px}
#sg .heat-result-banner small{font-size:10px;letter-spacing:1.1px;color:#c2dce0}#sg .heat-result-banner strong{display:block;font-size:clamp(30px,3.8vw,50px);letter-spacing:-1.8px;font-weight:650;line-height:1.2;margin:10px 0}#sg .heat-result-banner p{font-size:11px;color:#bbd0d1;line-height:1.8}
#sg .heat-result-method{display:flex;align-items:start;gap:12px;padding-left:24px;border-left:1px solid #a8cbd033}#sg .heat-live-dot{flex-shrink:0;width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px #9bc9d912;margin-top:7px}
#sg .heat-system{padding:27px;border-radius:18px;background:#122930b3;border:1px solid #9bc9d945;display:flex;flex-direction:column}#sg .heat-system.brine{background:#192d28b0;border-color:#b4cbb83e}
#sg .heat-system-label{font-size:9px;letter-spacing:1.6px;color:#a7cdd9}#sg .heat-system h3{font-size:29px;letter-spacing:-1px;margin:17px 0 12px}#sg .heat-system>p{font-size:12px;color:#b9cccf;line-height:1.85}
#sg .heat-saving{margin:25px 0 18px;padding:20px 0;border-top:1px solid #a2cbd029;border-bottom:1px solid #a2cbd029}#sg .heat-saving span{display:block;font-size:11px;color:#bfd2d3}#sg .heat-saving strong{display:block;font-size:clamp(20px,2.1vw,29px);color:#b8d9cc;font-weight:650;letter-spacing:-.7px;margin-top:8px}#sg .heat-saving.negative strong{color:#e6b7a8}
#sg .heat-cost-line{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin-bottom:12px;align-items:baseline}#sg .heat-cost-line span{color:#b5c7ca}#sg .heat-cost-line b{font-weight:600;text-align:right}#sg .heat-price-note{color:#9fb5bb;font-size:10px;line-height:1.8;margin:3px 0 22px}
#sg .heat-system-button{display:block;border:1px solid #9bc9d94f;border-radius:30px;padding:13px 17px;color:#d3e7e6;font-size:12px;background:#9bc9d90a;cursor:pointer;margin-top:auto;text-align:center}#sg .heat-system-button:hover{background:#9bc9d921}
#sg .heat-comparison{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;margin:35px 0;padding:28px 0;border-top:1px solid var(--line)}#sg .heat-comparison h3{font-size:23px;letter-spacing:-.7px;margin-bottom:13px}#sg .heat-comparison p{font-size:12px;color:#b5c9cc;line-height:1.8}
#sg .heat-bars{display:grid;gap:18px}#sg .heat-bars>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:11px;color:#cad9da}#sg .heat-bars b{font-weight:500}#sg .heat-bars i{display:block;width:100%;height:6px;border-radius:4px;background:#86b9c8}#sg .heat-bars i.old{background:#9da89c}
#sg .heat-result-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px}#sg .heat-result-cta h3{font-size:24px;letter-spacing:-.7px;margin:0 0 10px}#sg .heat-result-cta p{font-size:12px;line-height:1.8;color:#b8cacf;max-width:400px}
#sg .heat-enquiry-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:45px}#sg .heat-enquiry-layout .heat-fields{gap:20px 15px}#sg .heat-wide{grid-column:1/-1}#sg .heat-enquiry-aside{padding:27px;border:1px solid var(--line);background:#a6cdd909;border-radius:18px;align-self:start}
#sg #heat-enquiry-summary dl{margin:0}#sg #heat-enquiry-summary dl>div{border-bottom:1px solid #a6cdd922;padding:13px 0;font-size:12px}#sg #heat-enquiry-summary dt{color:#a9bfc5;font-size:10px;margin-bottom:4px}#sg #heat-enquiry-summary dd{margin:0;color:#e1e8e4}
#sg .heat-personal{padding-top:26px}#sg .heat-personal img{width:44px;height:44px;margin-bottom:17px}#sg .heat-personal h3{font-size:22px;letter-spacing:-.5px;margin-bottom:10px}#sg .heat-personal p{font-size:12px;color:#b6c5c8;margin-bottom:15px}#sg .heat-personal a{display:block;font-size:12px;color:#c0dce0;line-height:2.3}
#sg .heat-consent{display:flex;align-items:start;gap:10px;font-size:11px;color:#c0cfd2;line-height:1.8;margin:22px 0}#sg .heat-consent input{margin-top:4px;accent-color:var(--blue);width:17px;height:17px}#sg .heat-consent a{text-decoration:underline;text-underline-offset:3px}
#sg .heat-form-help{font-size:11px;color:#aebfc4;line-height:1.8;margin-top:15px;max-width:480px}#sg .heat-mail-status{padding:20px;background:#9bc9d910;border:1px solid var(--line);border-radius:14px;margin-top:20px}#sg .heat-mail-status strong{font-size:14px}#sg .heat-mail-status p,#sg .heat-mail-status span{font-size:11px;line-height:1.8;color:#bed0d1;margin:10px 0}#sg .heat-mail-status textarea{width:100%;background:#0c1b20;color:#d4e1e1;font:11px/1.7 monospace;padding:12px;border:1px solid var(--line);resize:vertical}
#sg .heat-bottom-note{display:flex;justify-content:space-between;gap:20px;margin:30px 0 0;color:#b0c3c5}#sg .heat-bottom-note span{font-size:9px;letter-spacing:1.5px}#sg .heat-bottom-note p{font-size:11px}
#sg .card .heat-entry{padding:0;margin-top:20px}#sg .card .heat-entry a{display:flex;justify-content:space-between;align-items:center;margin:0;padding:14px 16px;border:1px solid #9bc9d965;border-radius:12px;background:#8ec5d31a;color:#d7ecf1;font-size:12px}#sg .card .heat-entry small{display:block;font-size:10px;margin-top:8px;color:#abcbd1;font-weight:400}
@media(max-width:1000px){#sg .heat-step{padding:30px}#sg .heat-steps{padding:22px 24px;gap:10px}#sg .heat-steps button{grid-template-columns:26px 1fr;column-gap:8px}#sg .heat-steps button b{width:26px;height:26px}#sg .heat-steps button i{display:none}#sg .heat-four{grid-template-columns:1fr 1fr}#sg .heat-choice.compact{min-height:100px}#sg .heat-enquiry-layout{gap:25px}#sg .heat-result-cta{align-items:start;flex-direction:column}#sg .heat-art{transform:scale(.8)}}
@media(max-width:700px){#sg .heat-page{padding-top:25px}#sg .heat-intro{grid-template-columns:1fr;padding:34px 0 35px;gap:0}#sg .heat-intro h1{font-size:45px;letter-spacing:-2px}#sg .heat-intro .eyebrow{font-size:9px;margin-bottom:20px}#sg .heat-intro p{font-size:14px;line-height:1.8;margin-top:22px}#sg .heat-badges{gap:7px;flex-direction:column;margin-top:18px}#sg .heat-art{display:none}#sg .heat-shell{border-radius:20px}#sg .heat-steps{padding:18px 12px;gap:3px}#sg .heat-steps button{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;padding:0}#sg .heat-steps button span{font-size:9px;font-weight:500}#sg .heat-steps button b{font-size:10px;width:25px;height:25px}#sg .heat-step{padding:25px 20px}#sg .heat-step-head{grid-template-columns:1fr;gap:15px;margin-bottom:24px}#sg .heat-step h2{font-size:29px;letter-spacing:-1px}#sg .heat-step-head p{font-size:12px;max-width:none}#sg .heat-kicker{font-size:9px}#sg .heat-two,#sg .heat-three{grid-template-columns:1fr}#sg .heat-choice{padding:20px 17px;gap:13px}#sg .heat-choice b{font-size:14px}#sg .heat-choice small{font-size:10px}#sg .heat-choice.compact{padding:19px 13px;min-height:135px}#sg .heat-choice.compact b{font-size:12px;margin-right:0;padding-right:6px;padding-top:18px}#sg .heat-choice.compact input{right:12px;top:13px;width:13px;height:13px}#sg .heat-four{gap:9px}#sg .heat-choice-field legend{font-size:12px}#sg .heat-choice-field{margin-bottom:23px}#sg .heat-tip{padding:14px 13px;align-items:start;gap:10px}#sg .heat-tip p{font-size:11px}#sg .heat-tip>span{font-size:21px}#sg .heat-actions{align-items:stretch;flex-direction:column;gap:13px;margin-top:24px}#sg .heat-actions .heat-back-button{text-align:left}#sg .heat-button{font-size:11px;padding:15px 18px;gap:14px;min-height:48px}#sg .heat-actions>span{font-size:10px}#sg .heat-result-banner{grid-template-columns:1fr;padding:22px;gap:17px}#sg .heat-result-banner small{font-size:9px}#sg .heat-result-banner strong{font-size:36px}#sg .heat-result-method{padding:15px 0 0;border-left:0;border-top:1px solid #a8cbd033}#sg .heat-system{padding:22px 20px}#sg .heat-system h3{font-size:28px}#sg .heat-saving strong{font-size:25px}#sg .heat-cost-line{gap:14px;font-size:10px}#sg .heat-comparison{grid-template-columns:1fr;gap:23px;margin:25px 0}#sg .heat-comparison h3{font-size:22px}#sg .heat-bars>div{font-size:10px}#sg .heat-result-cta .heat-button{width:100%}#sg .heat-result-cta h3{font-size:22px}#sg .heat-enquiry-layout{grid-template-columns:1fr}#sg .heat-enquiry-aside{padding:23px}#sg .heat-bottom-note{flex-direction:column;gap:8px}#sg .heat-assumptions summary{font-size:11px}#sg .heat-fields input,#sg .heat-fields select,#sg .heat-fields textarea{font-size:16px}#sg .heat-entry a{min-height:48px}}
@media(prefers-reduced-motion:reduce){#sg .heat-page *,#sg .heat-page *:before,#sg .heat-page *:after{transition:none!important;animation:none!important}}

#sg .heat-shell{scroll-margin-top:126px}@media(max-width:700px){#sg .heat-shell{scroll-margin-top:116px}}