*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#071726;color:#f2f7fc;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 5%;gap:25px;border-bottom:1px solid #ffffff16}.logo{width:238px;display:block}nav{display:flex;gap:30px;font-size:14px;color:#b5c4d1}.languages{display:flex;gap:4px}.languages button{border:1px solid transparent;background:none;color:#92a6b9;padding:9px;cursor:pointer;border-radius:5px}.languages button[aria-pressed=true]{border-color:#00c8ed66;color:#00d7f8;background:#00c8ed0d}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:650px;padding:65px 5% 48px;align-items:center;gap:40px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;color:#00c8ed;text-transform:uppercase}h1{font-size:clamp(48px,5.2vw,78px);line-height:1.04;letter-spacing:-3.5px;font-weight:600;margin:26px 0}h1 em{color:#00c8ed;font-style:normal}p{line-height:1.75}.lead{color:#a7b9ca;font-size:17px;max-width:450px;margin:0 0 32px}.button{background:#00c8ed;color:#041725;padding:17px 22px;border-radius:4px;display:inline-flex;gap:35px;align-items:center;font-size:14px;font-weight:700}.button:hover{background:#6be8ff}.hero-bottom{border-top:1px solid #ffffff20;margin-top:50px;padding-top:20px;display:flex;gap:25px;font-size:10px;letter-spacing:1px;color:#90a6b9}.hero-bottom span:first-child{color:#fff}.hero-art{border:1px solid #2a465e;border-radius:10px;overflow:hidden;background:#0b2135;box-shadow:0 30px 100px #00a7ff12}.hero-art img{width:100%;display:block;aspect-ratio:1.3;object-fit:cover}.art-note{padding:20px 16px;display:flex;gap:8px;font-size:10px;justify-content:space-between;color:#b5c4d1;letter-spacing:1px}.art-note span:last-child{color:#00c8ed;white-space:nowrap}.strip{border-block:1px solid #ffffff1c;padding:24px 5%;display:flex;justify-content:space-around;align-items:center;gap:20px;text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#a7b9ca;background:#0a1d2f}.strip b{font-size:22px;color:#00c8ed}.services,.approach{max-width:1440px;margin:auto;padding:95px 5%}h2{font-size:clamp(32px,3.2vw,48px);line-height:1.15;letter-spacing:-1.5px;font-weight:500;margin:18px 0 38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:30px;background:#0c2134;border:1px solid #ffffff14;border-radius:8px}.card-top{display:flex;justify-content:space-between;align-items:center;color:#7a94ac;font-size:12px}.card-top b{font-size:40px;color:#00c8ed}.cards article:last-child b{color:#ff962f}h3{font-size:24px;font-weight:500;margin:28px 0 14px}.cards p{color:#9db0c2;font-size:14px;min-height:95px}.card-foot{border-top:1px solid #ffffff15;padding-top:20px;font-size:10px;letter-spacing:1.4px;color:#6ddced}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid #ffffff16}ol{list-style:none;padding:0;counter-reset:steps}li{counter-increment:steps;padding:21px 0 21px 45px;position:relative;border-bottom:1px solid #ffffff14}li:before{content:'0' counter(steps);position:absolute;left:0;color:#00c8ed;font-size:12px;top:23px}li strong{display:block;font-size:15px;font-weight:500}li span{display:block;color:#8ea6ba;font-size:13px;line-height:1.6;margin-top:7px}.air-visual{min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;border-radius:10px;background:radial-gradient(ellipse at 50% 50%,#07517466,transparent 65%),linear-gradient(150deg,#102f47,#081827);border:1px solid #ffffff12;overflow:hidden}.air-visual svg{width:90%}.air-visual>span{position:absolute;bottom:28px;color:#76adc4;font-size:10px;letter-spacing:4px}.contact{text-align:center;padding:75px 20px 85px;background:radial-gradient(ellipse at 50% 100%,#06516b77,transparent 70%),#0b2032;border-block:1px solid #ffffff15}.contact h2{margin-bottom:20px}.contact p:not(.eyebrow){color:#a7b9ca}.contact-status{display:inline-flex;align-items:center;padding:14px 20px;border:1px solid #ffffff24;border-radius:5px;color:#acc2d4;font-size:13px}footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 5%;color:#8299ad;font-size:11px}footer img{width:185px}a:focus-visible,button:focus-visible{outline:2px solid #ff962f;outline-offset:5px}@media(max-width:850px){header{flex-wrap:wrap;padding:18px 5%}.logo{width:190px}nav{order:3;width:100%;justify-content:center;padding-top:10px}.hero{grid-template-columns:1fr;padding-top:40px;gap:35px}h1{font-size:56px;max-width:600px}.hero-art{max-width:650px}.hero-art img{aspect-ratio:1.5}.hero-bottom{margin-top:30px}.strip{flex-wrap:wrap;font-size:9px;gap:15px}.strip b:last-of-type{display:none}.cards{grid-template-columns:1fr}.cards p{min-height:0}.services,.approach{padding:60px 5%}.approach{grid-template-columns:1fr;gap:35px}.air-visual{min-height:330px}footer{gap:20px;flex-wrap:wrap}}@media(max-width:380px){h1{font-size:45px}.logo{width:160px}.languages button{padding:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-art img{aspect-ratio:1.5;object-fit:contain}


/* Photographic hero, full width */
.hero{max-width:none;min-height:680px;display:flex;position:relative;isolation:isolate;padding:90px max(5%,calc((100vw - 1296px)/2));background:#071726 url('/assets/hvac-technician-hero.png') center 44%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,18,31,.96) 0%,rgba(4,18,31,.86) 28%,rgba(4,18,31,.46) 54%,rgba(4,18,31,.08) 100%),linear-gradient(0deg,#071726 0%,transparent 25%)}.hero>div{width:min(570px,52%)}.hero .lead{color:#c5d2de;max-width:480px}.hero-bottom{color:#b9cddd}.hero h1{font-size:clamp(50px,5.3vw,78px)}@media(max-width:850px){.hero{min-height:760px;padding:55px 5% 45px;align-items:flex-end;background-position:65% center}.hero:before{background:linear-gradient(0deg,rgba(4,18,31,.98),rgba(4,18,31,.84) 45%,rgba(4,18,31,.25) 100%)}.hero>div{width:100%;max-width:600px}.hero h1{font-size:clamp(43px,8vw,60px)}.hero .lead{max-width:520px}.hero-bottom{margin-top:32px}}
/* Keep the installation scene at a natural scale on wide monitors. */
@media(min-width:851px){
 header{max-width:1760px;padding-inline:80px}
 .hero{max-width:1760px;margin-inline:auto;min-height:740px;padding:80px;background-size:auto 100%;background-position:right top}
 .hero:before{background:linear-gradient(90deg,#071726 0%,rgba(7,23,38,.97) 22%,rgba(7,23,38,.78) 39%,rgba(7,23,38,.12) 64%,rgba(7,23,38,.02) 90%,#071726 100%),linear-gradient(0deg,#071726,transparent 22%)}
 .hero>div{width:570px;max-width:48%}
 .hero h1{font-size:clamp(54px,4.4vw,76px)}
 .strip{max-width:1760px;margin-inline:auto;gap:28px;padding-inline:80px}
}
@media(min-width:1760px){.hero{min-height:780px;padding-inline:100px}header{padding-inline:100px}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#071726,transparent 8%,transparent 94%,#071726)}}
@media(min-width:851px) and (max-width:1100px){header{padding-inline:40px}.hero{padding-inline:40px}.hero>div{max-width:55%}.hero h1{font-size:54px}.hero:before{background:linear-gradient(90deg,#071726 0%,rgba(7,23,38,.88) 40%,rgba(7,23,38,.15) 100%),linear-gradient(0deg,#071726,transparent 25%)}}
/* Product and service information */
.content-nav{max-width:1440px;margin:0 auto;padding:12px 5% 35px;display:flex;gap:10px;flex-wrap:wrap}.content-nav a{border:1px solid #29445b;padding:13px 18px;border-radius:4px;color:#b8cddd;font-size:12px;display:flex;gap:22px}.content-nav a:hover{border-color:#00c8ed;color:#00c8ed}.content-nav span{color:#00c8ed}.content-section{max-width:1440px;margin:auto;padding:76px 5%;border-top:1px solid #ffffff14}.content-section h2{max-width:850px;margin-bottom:22px}.section-intro{max-width:820px;color:#a7bdce;font-size:16px;margin-bottom:38px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.info-grid article{padding:8px 25px 15px 0;border-right:1px solid #ffffff16}.info-grid article:last-child{border:0}.info-grid h3{font-size:22px;line-height:1.35;margin:14px 0}.info-grid p,.installation-steps p{font-size:14px;color:#a7bdce;line-height:1.8}.selection-check{margin-top:40px;padding:30px 34px;background:#0c2438;border-radius:8px;border-left:3px solid #00c8ed}.selection-check h3{margin:0 0 20px;font-size:21px}.selection-check ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:15px 35px}.selection-check li{padding:0 0 0 22px;border:0;font-size:14px;color:#c3d4e0;line-height:1.6}.selection-check li:before{content:'+';top:0;color:#00c8ed}.selection-check>p,.scope-note{font-size:13px;line-height:1.8;color:#8faabe;margin-bottom:0;max-width:900px}.content-alt{background:linear-gradient(135deg,#0b2032,#091b2b)}.installation-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.installation-steps article>span{font-size:13px;color:#00c8ed}.installation-steps h3{font-size:19px;line-height:1.4;margin:18px 0 10px}.scope-note{padding-top:24px;border-top:1px solid #ffffff18;margin-top:26px}.maintenance-section{display:grid;grid-template-columns:1fr 1fr;gap:70px}.maintenance-section h2{font-size:40px}.service-note{font-size:13px;color:#b7c9d7;border-left:2px solid #ff962f;padding-left:20px;line-height:1.85}.maintenance-list{align-self:center}.maintenance-list>div{display:flex;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid #ffffff16}.maintenance-list span{color:#00c8ed;font-size:24px}.maintenance-list p{color:#c2d3df;font-size:15px;margin:0}.faq-section{max-width:1180px}.faq-section details{border-bottom:1px solid #ffffff20}.faq-section summary{cursor:pointer;padding:24px 35px 24px 0;font-size:17px;line-height:1.5;color:#e6f1f8;position:relative;list-style:none}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:'+';position:absolute;right:3px;top:22px;color:#00c8ed;font-size:24px}.faq-section details[open] summary:after{content:'−'}.faq-section details p{font-size:14px;color:#a6bdce;max-width:850px;margin:0;padding-bottom:24px}.faq-section summary:focus-visible{outline:2px solid #00c8ed;outline-offset:3px}@media(max-width:850px){.content-section{padding:50px 5%}.content-nav{padding-bottom:25px;gap:8px;justify-content:flex-start}.content-nav a{padding:11px 12px;gap:12px;font-size:11px}.info-grid{grid-template-columns:1fr;gap:10px}.info-grid article{border-right:0;border-bottom:1px solid #ffffff16;padding-bottom:18px}.selection-check{padding:25px 20px}.selection-check ul{grid-template-columns:1fr}.installation-steps{grid-template-columns:1fr 1fr;gap:20px}.maintenance-section{grid-template-columns:1fr;gap:25px}.maintenance-section h2{font-size:34px}.faq-section summary{font-size:16px}.section-intro{font-size:15px}}@media(max-width:450px){.installation-steps{grid-template-columns:1fr}.content-section h2{font-size:32px}}

/* Reference-based full brand logo */
header .logo{width:238px;height:104px;object-fit:contain}footer img{width:210px;height:92px;object-fit:contain}@media(max-width:850px){header .logo{width:180px;height:80px}header{column-gap:12px}footer img{width:180px;height:80px}}

.approach-photo{min-height:430px;max-height:580px;border-radius:10px;overflow:hidden;border:1px solid #ffffff18;position:relative}.approach-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 35%}.approach-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,23,38,.25),transparent 45%)}@media(max-width:850px){.approach-photo{height:400px;min-height:0;max-height:none}.approach-photo img{object-position:center 30%}}

.hero-phone{display:block;width:fit-content;margin-top:22px;color:#c8e9f5;font-size:15px;line-height:1.6}.hero-phone:hover{color:#00c8ed}.contact-phone{display:inline-block;color:#00c8ed;font-size:clamp(28px,4vw,46px);font-weight:700;letter-spacing:1px;padding:14px 6px}.contact-phone:hover{color:#fff}.contact .call-label{margin:0 auto;font-size:14px}footer>a[href^="tel:"]{color:#c5e6f3;font-size:14px}