/* Refined white and graphite identity. */
:root{--paper:#fff;--ink:#152230;--muted:#606c7b;--line:#e4e8ec;--sage:#f5f7f9}
.header{box-shadow:0 3px 18px #15223003}
.logo{gap:12px}
.logo>span{font-size:22px;letter-spacing:1px;font-weight:800}
.logo-light{font-weight:500}
.logo small{font-size:7px;letter-spacing:1.65px;font-weight:600;margin-top:9px}
.header nav a{font-size:12px}
.header-phone{border-radius:3px;padding:14px 19px}
.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;padding-top:55px;padding-bottom:78px}
.hero-copy{padding-top:15px;min-width:0}
.hero .eyebrow{font-size:10px;letter-spacing:1.8px}
.hero h1{font-size:clamp(48px,4.65vw,67px);line-height:1.1;letter-spacing:-2.7px;font-weight:650;margin:27px 0 24px}
.warm-word{color:var(--orange)}
.hero-lead{font-size:14px;line-height:1.9;max-width:440px;margin-bottom:26px}
.hero-visual{border-radius:3px;min-height:568px;background:#eef1f4}
.hero-visual img{filter:none;object-position:50% 16%}
.hero-lead strong{font-weight:650;color:var(--ink)}
.photo-top{border-radius:2px;letter-spacing:1.6px;border:1px solid #fff8}
.photo-note{background:#fff;color:var(--ink);border-left:3px solid var(--orange);border-radius:2px;left:25px;bottom:38px;min-width:315px;box-shadow:0 10px 35px #15223015;gap:15px;padding:20px 23px;font-size:14px;font-weight:650}
.photo-note strong{display:block;color:var(--muted);font-size:11px;font-weight:450;margin-top:3px}
.photo-note-icon{border-color:var(--line);color:var(--orange);border-radius:3px}
.photo-note-arrow{color:#7c8a9c;align-self:center;margin-left:auto}
.hero-bottom{padding-top:28px;margin-top:auto;line-height:1.8}
.mini-flame{border-radius:3px;border-color:var(--line)}
.mini-flame .icon{width:21px;height:21px;fill:none;stroke:currentColor}
.button{border-radius:3px}
.button-orange{font-size:15px;background:var(--ink)}
.button-orange:hover{background:var(--orange)}
.button:hover{transform:translateY(-2px)}
.hero-assurances{margin-top:17px;font-size:10px}
.proof-strip{background:#fff}
.proof-grid{padding-block:36px;grid-template-columns:repeat(4,minmax(0,1fr))}
.proof{padding-inline:20px;gap:16px}
.proof>strong{font-size:45px;font-weight:600}
.proof>div{font-size:11px;font-weight:650}
.proof small{font-size:9px}
h2{font-size:clamp(34px,3.2vw,44px);font-weight:600;letter-spacing:-1.7px;line-height:1.22}
.section-heading>p{max-width:340px}
.service-intro{border-radius:3px;border:1px solid var(--line);background:#f7f9fb}
.service-intro h3{font-size:23px;line-height:1.4}
.large-icon{border-radius:3px;border-color:#dce3eb;color:var(--ink);background:#fff}
.service-intro-bottom{color:#748399}
.service-item summary{font-size:19px;letter-spacing:-.3px}
.service-content p{font-size:13px}
.tags span{font-size:9px;background:#f4f6f8;color:#596b80;border:1px solid #e8ecf1}
.brands-section{background:#fafbfd}
.brands-heading>span{font-weight:650}
.brand-list>span{color:#657388}
.brand-list .brand-vaillant,.brand-list .brand-termet,.brand-list .brand-saunier{color:#526277}
.benefit{padding-top:25px}
.benefit h3{font-size:19px}
.benefit p{font-size:13px;line-height:1.9}
.why-top{max-width:640px}
.why-top>p{max-width:515px}
.product-panel{border-radius:3px;background:#152230}
.product-copy h2{font-size:42px;letter-spacing:-1.5px}
.product-visual{background:radial-gradient(ellipse at center,#334c63 0%,transparent 68%)}
.heater-drawing{transform:none;filter:saturate(.45)}
.orbit{border-color:#526a83;opacity:.32}
.warranty-stamp{width:128px;height:76px;border-radius:2px;background:#fff;color:var(--ink);border:0;border-left:3px solid var(--orange);outline:none;transform:none;box-shadow:0 8px 30px #0002;bottom:125px;right:25px}
.warranty-stamp strong{font-size:21px;letter-spacing:-.5px}
.warranty-stamp span{font-size:7px;color:#5b6d80;letter-spacing:1.5px}
.coverage h2{font-size:39px}
.coverage-cities{background:#f7f9fb;border:1px solid var(--line);border-radius:3px}
.city-tags span{border-radius:2px;font-weight:500}
.process-section{background:#f6f8fa;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}
.process-heading h2{font-size:34px}
.step-number{border-radius:3px;background:#fff;border-color:#dce3eb;color:var(--orange);font-weight:650}
.faq-heading h2{font-size:39px}
.faq-list summary{font-size:13px}
.contact{background:#152230}
.contact h2{font-size:35px;line-height:1.3}
.contact:after{display:none}
.footer{background:#fff}
.footer-top .logo>span{font-size:21px;letter-spacing:.7px}
.footer-top .logo small{font-size:6px}
.mobile-call{background:#152230}

@media(max-width:1150px) and (min-width:901px){.proof{padding-inline:13px;gap:12px}.proof>strong{font-size:36px}.proof>strong span{font-size:18px}.proof>div{font-size:9px}.proof small{font-size:8px}}
@media(max-width:900px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}.proof{flex-direction:row;align-items:center;padding-inline:22px;gap:20px}.proof:nth-child(2n){border-right:0}.proof:nth-child(3){padding-left:0}}
@media(max-width:700px){.hero-visual img{object-position:50% 16%}.proof-grid{row-gap:22px;padding-block:27px}.proof{gap:13px;padding-inline:14px}.proof>strong{font-size:31px}.proof>strong span{font-size:16px}.proof>div{font-size:9px;max-width:110px}.proof small{font-size:7px;line-height:1.6}}
@media(max-width:370px){.proof{gap:10px;padding-inline:10px}.proof>strong{font-size:28px}.proof>strong span{font-size:14px}.proof>div{font-size:8px}.proof small{font-size:6.5px}}

@media(min-width:1600px){.hero{gap:65px}.hero h1{font-size:70px}.hero-visual{min-height:600px}.hero-copy{padding-top:24px}.hero-lead{font-size:15px}}
@media(max-width:1150px){.hero{gap:35px;padding-top:40px}.hero h1{font-size:53px;letter-spacing:-2.1px}.hero-lead{font-size:13px;max-width:370px}.hero-visual{min-height:535px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.hero-actions{gap:14px}.photo-note{left:20px;right:20px;min-width:0;padding:18px 17px}.product-copy h2{font-size:36px}.coverage h2{font-size:34px}.contact h2{font-size:31px}}
@media(max-width:900px){.logo>span{font-size:18px;letter-spacing:.6px}.logo small{font-size:5.6px;letter-spacing:1.2px}.header nav a{font-size:10px}.header-phone{padding:12px;font-size:11px}.hero{gap:26px;padding-top:32px}.hero h1{font-size:41px;letter-spacing:-1.7px;margin-block:24px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero-lead{font-size:12px}.hero-visual{min-height:510px}.hero-copy{padding-top:13px}.hero-bottom{font-size:8px}.hero-assurances{font-size:8px;gap:12px}.button-orange{font-size:14px}.photo-note{font-size:11px;gap:10px;padding:15px 13px;left:15px;right:15px}.photo-note strong{font-size:9px}.photo-note-icon{width:30px;height:35px;border:0}.photo-note-arrow{font-size:17px}.proof>strong{font-size:40px}.proof>div{font-size:9px}.service-item summary{font-size:14px}.service-intro h3{font-size:20px}.service-content p{font-size:11px}.benefit h3{font-size:17px}.benefit p{font-size:11px}.product-copy h2{font-size:29px}.warranty-stamp{right:15px;width:108px;height:65px}.warranty-stamp strong{font-size:18px}.coverage h2{font-size:29px}.faq-heading h2{font-size:32px}.faq-list summary{font-size:11px}.contact h2{font-size:28px}}
@media(max-width:700px){.header-inner{gap:15px}.header-phone{background:none;padding:8px 0;font-size:11px}.logo>span{font-size:19px}.logo small{font-size:5.4px}.header nav a{font-size:14px}.hero{grid-template-columns:minmax(0,1fr);padding-top:35px;gap:30px;padding-bottom:50px}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:clamp(42px,10.5vw,62px);letter-spacing:-1.8px;line-height:1.12;margin:24px 0}.hero-lead{font-size:13px;max-width:460px;line-height:1.9;margin-bottom:24px}.hero-actions{gap:17px}.button-orange{font-size:14px}.hero-assurances{font-size:9px;gap:20px}.hero-visual{min-height:0;height:380px;border-radius:2px}.hero-visual img{object-position:50% 16%}.photo-note{font-size:12px;min-width:273px;right:auto;left:20px;bottom:31px;padding:17px;gap:13px}.photo-note strong{font-size:10px}.photo-note-icon{border:1px solid var(--line);width:35px;height:37px}.photo-note-arrow{margin-left:18px}.proof-grid{padding-block:26px}.proof>strong{font-size:32px}.proof>div{font-size:8px}.proof small{font-size:7px}.section-heading h2{font-size:32px}.service-intro{padding:25px;grid-template-columns:43px 1fr}.service-intro h3{font-size:19px}.service-item summary{font-size:16px}.service-content p{font-size:12px}.tags span{font-size:8px}.brands-heading>span{font-size:11px}.why-top h2{font-size:33px}.benefit h3{font-size:18px}.benefit p{font-size:12px}.product-copy{padding:32px 27px 0}.product-copy h2{font-size:31px;letter-spacing:-1.1px}.product-visual{height:370px}.warranty-stamp{right:25px;bottom:95px;width:112px;height:68px}.coverage h2{font-size:31px}.process-heading h2{font-size:30px;max-width:350px}.faq-heading h2{font-size:32px}.faq-list summary{font-size:12px}.contact h2{font-size:30px}.footer-top .logo>span{font-size:19px}.footer-top .logo small{font-size:5.3px}.mobile-call{background:#152230}}
@media(max-width:370px){.logo>span{font-size:17px;letter-spacing:.3px}.logo small{font-size:4.9px;letter-spacing:1px}.header-phone{font-size:10px}.hero h1{font-size:37px;letter-spacing:-1.5px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero-lead{font-size:12px}.hero-actions>.text-link{font-size:8px}.button-orange{font-size:13px}.hero-visual{height:335px}.photo-note{min-width:0;right:16px;left:16px;padding:14px 12px;gap:10px}.photo-note strong{font-size:9px}.photo-note-arrow{margin-left:auto}.proof>strong{font-size:29px}.proof>div{font-size:7.5px}.service-intro{padding:21px;grid-template-columns:35px 1fr}.service-intro h3{font-size:17px}.service-item summary{font-size:14px}.section-heading h2{font-size:29px}.why-top h2{font-size:30px}.product-copy h2{font-size:27px}.coverage h2{font-size:28px}.faq-heading h2{font-size:30px}.contact h2{font-size:27px}}