html,body{margin:0;padding:0;background:#fff;font-family:Arial,Helvetica,sans-serif;min-width:1196px;overflow-x:auto}.site-frame{width:1196px;margin:0 auto;background:#fff}.mockup-wrap{position:relative;width:1196px;height:1315px;margin:0 auto;background:#fff;overflow:hidden}.mockup{position:absolute;inset:0;width:1196px;height:1315px;display:block;user-select:none;-webkit-user-drag:none}.hot{position:absolute;display:block;background:rgba(0,0,0,0);border:0;padding:0;margin:0;text-decoration:none;cursor:pointer;z-index:20}.hot:focus{outline:3px solid #009dff;outline-offset:2px}.logo{left:27px;top:39px;width:205px;height:105px}.nav-home{left:299px;top:87px;width:48px;height:28px}.nav-about{left:368px;top:87px;width:75px;height:28px}.nav-services{left:464px;top:87px;width:85px;height:28px}.nav-heating{left:576px;top:87px;width:78px;height:28px}.nav-areas{left:671px;top:87px;width:121px;height:28px}.nav-reviews{left:815px;top:87px;width:72px;height:28px}.nav-contact{left:906px;top:87px;width:75px;height:28px}.call-top{left:986px;top:58px;width:179px;height:75px}.call-hero{left:31px;top:521px;width:210px;height:75px}.request-hero{left:260px;top:522px;width:198px;height:74px}.card{top:650px;height:142px}.card-1{left:31px;width:169px}.card-2{left:222px;width:169px}.card-3{left:413px;width:169px}.card-4{left:604px;width:169px}.card-5{left:796px;width:169px}.card-6{left:987px;width:169px}.about-btn{left:54px;top:1080px;width:175px;height:50px}.areas-btn{left:53px;top:1268px;width:167px;height:40px}.reviews-btn{left:990px;top:1258px;width:148px;height:42px}.dropdown{display:none;position:absolute;z-index:100;top:121px;background:#05070c;border:1px solid #0076ff;border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.62);padding:8px;min-width:250px}.dropdown.open{display:grid}.dropdown a{display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:700;line-height:1.15;padding:10px 12px;border-radius:6px;white-space:nowrap}.dropdown a:hover,.dropdown a:focus{background:#006cff;color:#fff}.dropdown-services{left:455px;grid-template-columns:1fr}.dropdown-heating{left:570px}.dropdown-areas{left:670px}button.hot{-webkit-appearance:none;appearance:none}

/* The original 1196px desktop composition remains unchanged. */
.mobile-site{display:none}
@media(max-width:1195px){
 html,body{min-width:0;width:100%;overflow-x:visible}
 .site-frame{display:none}
 .mobile-site{display:block;color:#07101d;font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
 .mobile-site *{box-sizing:border-box}
 .mobile-site a{color:inherit}
 .mobile-site a:focus-visible,.mobile-site button:focus-visible,.mobile-site summary:focus-visible{outline:3px solid #48b9ff;outline-offset:3px}
 .emergency{background:#063d98;color:#fff;text-align:center;padding:10px 16px;font-size:.875rem;font-weight:700}
 .mobile-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#000}
 .brand-crop{display:block;position:relative;overflow:hidden;width:205px;height:90px;flex-shrink:1;max-width:65%;background:#000}
 .brand-crop img{position:absolute;width:1196px;max-width:none;height:1315px;left:-27px;top:-53px}
 .menu-toggle{font:inherit;font-weight:700;border:1px solid #278ee7;border-radius:6px;padding:10px 14px;min-height:48px;background:#06172c;color:white;cursor:pointer}
 .mobile-nav{background:#07101d;color:#fff;padding:12px 20px}
 .mobile-site.enhanced .mobile-nav{display:none}
 .mobile-site.enhanced .mobile-nav.is-open{display:block}
 .mobile-nav a,.mobile-nav summary{display:block;padding:12px;min-height:48px;text-decoration:none;border-bottom:1px solid #263449;font-weight:700}
 .mobile-nav summary{display:list-item;cursor:pointer;list-style-position:inside}
 .mobile-nav details div{padding-left:16px}
 .mobile-nav details a{font-weight:400}
 .mobile-hero{background:#020c17;color:white}
 .hero-copy{padding:28px 20px}
 .mobile-site h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.12;margin:0 0 20px;text-transform:uppercase;letter-spacing:-.025em}
 .mobile-site h1 span{color:#369aff;display:block}
 .mobile-site h2{font-size:clamp(1.5rem,4vw,2rem);line-height:1.25;margin:0 0 16px}
 .benefits{list-style:none;padding:0;margin:20px 0}
 .benefits li{padding:3px 0}
 .benefits li:before{content:'✓';color:#39a4ff;margin-right:10px;font-weight:bold}
 .mobile-actions{display:grid;gap:12px}
 .mobile-site .mobile-btn{display:block;min-height:48px;background:#0054c7;color:white;text-align:center;border:1px solid #278ee7;border-radius:7px;text-decoration:none;font-weight:700;padding:13px 16px}
 .mobile-site .secondary{background:#07101d}
 .hero-crop{position:relative;aspect-ratio:716/360;overflow:hidden}
 .hero-crop img{position:absolute;width:167.0391%;max-width:none;height:auto;left:-67.0391%;top:-40.2778%}
 .mobile-section{padding:28px 20px}
 .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .service-grid a{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:18px 14px;border:1px solid #cbd7e3;border-radius:7px;text-decoration:none;font-weight:700;min-height:120px}
 .service-grid span{display:block;color:#0051b8;font-size:.875rem}
 .about-section{background:#041021;color:white}
 .eyebrow{color:#52afff;font-size:.875rem;font-weight:700}
 .mobile-site footer a{display:inline-block;padding:6px 0;min-height:44px;color:#0051b8}
}
@media(min-width:700px) and (max-width:1195px){.hero-copy,.mobile-section{padding:36px 6%}.mobile-actions{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-crop{max-width:850px;margin:auto}.mobile-nav{padding-inline:6%}}
@media(max-width:360px){.service-grid{grid-template-columns:1fr}.mobile-brand{padding-inline:12px}.menu-toggle{padding:10px}.brand-crop{max-width:65%}}

/* Cover the estimate button embedded in the original desktop artwork. */
.estimate-cover{position:absolute;left:260px;top:514px;width:223px;height:76px;background:#020c17;z-index:21;border-radius:6px;pointer-events:none}