:root {
  --navy:#001b7c;
  --navy-2:#061245;
  --navy-3:#09112d;
  --blue:#00a4ff;
  --blue-2:#52c8ff;
  --ink:#0a1533;
  --text:#465168;
  --muted:#71809b;
  --line:#dce5f0;
  --soft:#f4f8fc;
  --soft-blue:#eaf7ff;
  --white:#fff;
  --display:"Bricolage Grotesque", system-ui, sans-serif;
  --body:"Manrope", system-ui, sans-serif;
  --radius:28px;
  --shadow:0 24px 70px rgba(8,29,79,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;font-family:var(--body);color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.shell{width:min(1180px,calc(100% - 42px));margin-inline:auto}
.section-pad{padding:112px 0}
.section-dark{background:var(--navy-3);color:#fff;position:relative}

.page-loader{position:fixed;inset:0;z-index:9999;background:var(--navy-3);display:grid;place-items:center;transition:.7s cubic-bezier(.76,0,.24,1)}
.page-loader span{width:54px;height:54px;border:3px solid rgba(255,255,255,.16);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}
body.loaded .page-loader{transform:translateY(-100%)}
@keyframes spin{to{transform:rotate(360deg)}}

.utility-bar{background:var(--navy);color:#dce8ff;font-size:12px;font-weight:700;letter-spacing:.02em}
.utility-inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.utility-inner p{margin:0;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#60e7bd;box-shadow:0 0 0 5px rgba(96,231,189,.12)}
.utility-links{display:flex;gap:25px}.utility-links a{opacity:.82;transition:.2s}.utility-links a:hover{opacity:1;color:#fff}
.nav-wrap{background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,40,100,.08);position:relative;z-index:100}
.nav-wrap.is-sticky{position:fixed;top:0;left:0;right:0;box-shadow:0 12px 40px rgba(10,29,68,.08);animation:navDown .35s ease}
@keyframes navDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.nav-inner{height:88px;display:flex;align-items:center;gap:36px}
.brand{width:210px;flex:0 0 auto}.brand img{width:100%;height:auto}
.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.desktop-nav a{font-size:14px;font-weight:750;color:#25334f;position:relative}.desktop-nav a:after{content:"";height:2px;position:absolute;left:0;right:100%;bottom:-8px;background:var(--blue);transition:.3s}.desktop-nav a:hover:after{right:0}
.nav-actions{display:flex;align-items:center;gap:18px}.text-link{font-size:13px;font-weight:800;color:var(--navy)}
.btn{min-height:52px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.01em;border:1px solid transparent;transition:transform .25s,background .25s,border-color .25s,color .25s}.btn svg{width:17px;height:17px}.btn:hover{transform:translateY(-2px)}
.btn-small{min-height:46px;padding:0 18px}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#0626a5}.btn-bright{background:var(--blue);color:#02133f}.btn-bright:hover{background:#4dc4ff}.btn-ghost-light{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.04)}.btn-ghost-light:hover{background:#fff;color:var(--navy)}
.menu-toggle{display:none;width:46px;height:46px;border-radius:50%;background:var(--soft);border:0;padding:0;position:relative}.menu-toggle span{position:absolute;width:18px;height:2px;left:14px;background:var(--navy);transition:.3s}.menu-toggle span:first-child{top:19px}.menu-toggle span:last-child{top:26px}.menu-toggle.active span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-menu{display:none}

.hero{min-height:760px;overflow:hidden;padding:94px 0 0}.hero:before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(0,164,255,.24),rgba(0,164,255,0) 67%);right:-230px;top:-220px}.hero:after{content:"";position:absolute;left:-220px;bottom:-380px;width:640px;height:640px;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.hero-grid-shell{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;position:relative;z-index:2}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:23px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--blue)}.eyebrow span{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#c7ddff}
.hero-title{font-family:var(--display);font-weight:740;letter-spacing:-.052em;line-height:.96;font-size:clamp(58px,6vw,88px);margin:0 0 26px;max-width:780px}.hero-title span{color:var(--blue)}
.hero-lede{font-size:17px;line-height:1.75;color:#c2cbe1;max-width:630px;margin:0 0 34px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.inline-action{display:flex;align-items:center;gap:11px;margin-left:8px;color:#fff}.inline-action .icon-disc{width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center}.inline-action .icon-disc svg{width:17px}.inline-action small{display:block;color:#8ea1c8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.inline-action span:last-child{font-size:13px;font-weight:800;line-height:1.3}
.hero-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:52px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);max-width:670px}.proof-stack{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.proof-icon{width:42px;height:42px;border-radius:14px;background:rgba(0,164,255,.12);border:1px solid rgba(0,164,255,.22);display:grid;place-items:center;color:var(--blue)}.proof-icon svg{width:19px}.proof-stack strong{font-size:12px;display:block}.proof-stack span{font-size:11px;color:#8fa0c2;line-height:1.35;display:block;margin-top:3px}
.hero-visual{position:relative;padding:26px 0}.hero-photo-wrap{height:580px;border-radius:36px 36px 36px 120px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.12);box-shadow:0 38px 100px rgba(0,0,0,.35);transform-style:preserve-3d}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,12,43,.08),rgba(1,12,43,.04) 48%,rgba(1,12,43,.78))}.photo-label{position:absolute;left:24px;top:24px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);color:var(--navy);height:42px;border-radius:999px;padding:0 14px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.photo-label svg{width:15px;color:var(--blue)}.photo-label b{color:var(--blue);margin:0 4px}.floating-score{position:absolute;right:22px;bottom:22px;background:rgba(3,14,50,.9);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px 20px;display:flex;align-items:center;gap:14px}.score-number{font-family:var(--display);font-size:33px;font-weight:800;line-height:1}.score-number span{font-size:13px;color:var(--blue);vertical-align:top}.score-copy{font-size:10px;line-height:1.45;color:#bdc9e3;font-weight:700}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(0,164,255,.34);pointer-events:none}.orbit-one{width:128px;height:128px;right:-34px;top:0}.orbit-two{width:70px;height:70px;left:-28px;bottom:52px;background:rgba(0,164,255,.05)}
.hero-bottom-line{margin-top:74px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.09)}.hero-bottom-inner{min-height:68px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;color:#8293ba;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em}.hero-bottom-inner i{width:4px;height:4px;border-radius:50%;background:var(--blue)}

.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:.65fr 1.35fr;align-items:stretch}.trust-intro{padding:52px 48px 52px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.trust-intro h2{font-family:var(--display);font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:10px 0 0}.section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--navy);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.section-kicker:before{content:"";width:22px;height:2px;background:var(--blue)}.section-kicker.inverse{color:#9fc6ff}.trust-facts{display:grid;grid-template-columns:repeat(4,1fr)}.fact{padding:44px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;min-height:155px}.fact:last-child{border-right:0}.fact strong{font-family:var(--display);font-size:28px;letter-spacing:-.04em;line-height:1}.fact em{position:absolute}.fact span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7b879e;font-weight:800;margin-top:8px}.fact svg{width:24px;height:24px;color:var(--blue);margin-bottom:12px}.fact .counter{display:inline}.fact:first-child{position:relative}.fact:first-child em{font-family:var(--display);font-size:18px;font-style:normal;color:var(--blue);top:50px;left:59px}

.section-heading{margin-bottom:54px}.section-heading h2{font-family:var(--display);font-size:clamp(40px,4.4vw,64px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 0}.section-heading p{color:var(--text);font-size:14px;line-height:1.8}.split-heading{display:grid;grid-template-columns:1.45fr .55fr;gap:60px;align-items:end}.split-heading p{margin:0 0 4px}.centered{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}.centered .section-kicker{justify-content:center}.centered h2{margin-bottom:18px}.centered p{max-width:650px;margin:0 auto}

.client-proof{background:linear-gradient(180deg,#fff,#f9fbfe)}
.logo-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;position:relative}.logo-marquee:before,.logo-marquee:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2}.logo-marquee:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.logo-marquee:after{right:0;background:linear-gradient(-90deg,#fff,transparent)}.logo-track{display:flex;align-items:center;gap:66px;width:max-content;animation:marquee 26s linear infinite}.logo-track:hover{animation-play-state:paused}.client-wordmark{display:inline-flex;align-items:center;min-height:42px;white-space:nowrap;color:#14213c;filter:grayscale(1);opacity:.58;font-weight:800}.sunstream{font-size:15px;letter-spacing:.16em}.dutch{font-family:var(--display);font-size:24px;font-style:italic}.dunkin{font-size:22px;letter-spacing:-.04em}.vivaia{font-size:24px;letter-spacing:.13em}.apopka{font-size:13px;line-height:1.15;letter-spacing:.08em}.wawa{font-family:var(--display);font-size:27px;font-weight:800}.client-wordmark:hover{filter:none;opacity:1;color:var(--navy)}
@keyframes marquee{to{transform:translateX(-50%)}}
.commercial-panel{margin-top:68px;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:var(--navy);box-shadow:var(--shadow)}.commercial-photo{min-height:480px}.commercial-photo img{width:100%;height:100%;object-fit:cover}.commercial-copy{padding:66px;color:#fff;position:relative;overflow:hidden}.commercial-copy:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid rgba(255,255,255,.09);right:-160px;bottom:-180px}.commercial-copy h3{font-family:var(--display);font-size:44px;line-height:1.03;letter-spacing:-.05em;margin:18px 0}.commercial-copy p{font-size:13px;color:#b9c9e9;line-height:1.8}.mini-list{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;margin:26px 0 30px}.mini-list span{font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px}.mini-list svg{width:14px;color:var(--blue)}.arrow-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:7px;font-size:12px;font-weight:800}.arrow-link svg{width:16px;color:var(--blue)}

.services{background:#f6f9fd}.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.service-card{min-height:520px;border-radius:28px;overflow:hidden;position:relative;color:#fff;padding:26px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.service-card-hvac{grid-column:span 5}.service-card-plumbing{grid-column:span 4}.service-card-commercial{grid-column:span 3;background:var(--navy)}.service-bg,.service-overlay,.service-pattern{position:absolute;inset:0;z-index:-2}.service-bg{background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.service-card:hover .service-bg{transform:scale(1.06)}.service-overlay{z-index:-1;background:linear-gradient(180deg,rgba(2,16,50,.08),rgba(2,16,50,.84))}.service-card-plumbing .service-overlay{background:linear-gradient(180deg,rgba(2,16,50,.16),rgba(2,16,50,.9))}.service-pattern{opacity:.5;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:34px 34px}.service-card-commercial:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:var(--blue);right:-170px;top:80px;filter:blur(0);opacity:.15;z-index:-1}.service-top{display:flex;align-items:center;justify-content:space-between}.service-top>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.62)}.service-icon{width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.13);display:grid;place-items:center}.service-icon svg{width:21px}.service-content h3{font-family:var(--display);font-size:42px;line-height:1;letter-spacing:-.05em;margin:0 0 14px}.service-content p{font-size:12px;line-height:1.75;color:#e3eafa;max-width:430px}.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.service-tags span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;border:1px solid rgba(255,255,255,.2);padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06)}.service-content>a{position:absolute;right:26px;bottom:26px;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;transition:.25s}.service-content>a svg{width:18px}.service-card:hover .service-content>a{background:var(--blue);transform:rotate(6deg)}.service-card-commercial .service-content h3{font-size:36px}

.why-us{overflow:hidden}.why-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent)}.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;position:relative;z-index:2}.why-copy{position:sticky;top:140px;align-self:start}.why-copy h2{font-family:var(--display);font-size:54px;line-height:1.02;letter-spacing:-.05em;margin:18px 0}.why-copy p{font-size:13px;color:#aab7d2;line-height:1.8;max-width:480px;margin-bottom:28px}.why-list{border-top:1px solid rgba(255,255,255,.13)}.why-item{display:grid;grid-template-columns:54px 1fr 42px;gap:20px;align-items:start;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.13)}.why-number{color:var(--blue);font-family:var(--display);font-size:13px;font-weight:800}.why-item h3{font-family:var(--display);font-size:26px;letter-spacing:-.03em;margin:0 0 6px}.why-item p{font-size:11px;color:#9ba9c7;margin:0;line-height:1.7;max-width:540px}.why-item>svg{width:24px;color:#60739a;transition:.25s}.why-item:hover>svg{color:var(--blue);transform:rotate(-8deg)}

.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:28px;overflow:hidden}.process-step{padding:34px;min-height:290px;position:relative;border-right:1px solid var(--line);transition:.3s}.process-step:last-child{border-right:0}.process-step:hover{background:var(--soft-blue)}.process-step>span{font-size:10px;font-weight:850;color:#9aa6ba;letter-spacing:.12em}.step-icon{width:46px;height:46px;border-radius:15px;background:var(--navy);color:#fff;display:grid;place-items:center;margin:54px 0 22px}.step-icon svg{width:20px}.process-step:nth-child(2) .step-icon,.process-step:nth-child(4) .step-icon{background:var(--blue);color:var(--navy)}.process-step h3{font-family:var(--display);font-size:24px;line-height:1.08;letter-spacing:-.035em;margin:0 0 10px}.process-step p{font-size:11px;color:#71809a;line-height:1.65;margin:0}

.final-cta{padding:26px 0 80px;background:#fff}.final-cta-inner{background:linear-gradient(125deg,var(--navy) 0%,#062898 52%,#00a4ff 160%);border-radius:36px;padding:70px;display:grid;grid-template-columns:.78fr 1.22fr;gap:62px;align-items:center;color:#fff;position:relative;overflow:hidden}.final-cta-inner:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.13);border-radius:50%;left:-250px;top:-300px}.cta-copy h2{font-family:var(--display);font-size:50px;line-height:1;letter-spacing:-.05em;margin:18px 0 14px}.cta-copy p{font-size:12px;color:#c4d4f4;line-height:1.75}.cta-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cta-tile{min-height:96px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:12px;transition:.25s}.cta-tile:hover{background:#fff;color:var(--navy);transform:translateY(-3px)}.cta-icon{width:42px;height:42px;border-radius:14px;background:rgba(0,164,255,.19);display:grid;place-items:center;color:var(--blue)}.cta-tile:hover .cta-icon{background:var(--soft-blue)}.cta-icon svg{width:18px}.cta-tile strong{display:block;font-size:12px}.cta-tile small{display:block;font-size:9px;color:#aabce0;margin-top:3px}.cta-tile:hover small{color:#72809d}.cta-tile>svg{width:16px;color:var(--blue)}

.site-footer{background:#06102c;color:#fff;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:54px}.footer-logo-card{width:235px;background:#fff;border-radius:14px;padding:12px 14px;margin-bottom:20px}.footer-brand p{font-size:11px;color:#8190b0;max-width:300px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col strong{font-family:var(--display);font-size:14px;margin-bottom:7px}.footer-col a,.footer-col span{font-size:10px;color:#8291b2;transition:.2s}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;gap:30px;color:#607091;font-size:9px}

.demo-toast{position:fixed;right:24px;bottom:24px;z-index:1000;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 18px 50px rgba(5,22,60,.18);border-radius:16px;padding:14px 17px;display:flex;gap:10px;align-items:center;max-width:330px;font-size:11px;font-weight:700;transform:translateY(140%);opacity:0;transition:.35s}.demo-toast.show{transform:translateY(0);opacity:1}.demo-toast svg{width:18px;color:var(--blue)}

.reveal{}

@media (max-width:1100px){
  .desktop-nav{display:none}.menu-toggle{display:block}.nav-actions .text-link{display:none}.mobile-menu{display:flex;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 30px 70px rgba(7,28,70,.12);padding:20px 24px;flex-direction:column;gap:0;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.3s}.mobile-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-menu a{padding:15px 4px;border-bottom:1px solid var(--line);font-family:var(--display);font-size:20px;font-weight:700}.hero-grid{grid-template-columns:1fr .82fr;gap:34px}.hero-title{font-size:64px}.hero-photo-wrap{height:520px}.service-card-hvac{grid-column:span 6}.service-card-plumbing{grid-column:span 6}.service-card-commercial{grid-column:span 12;min-height:360px}.why-grid{gap:50px}.final-cta-inner{grid-template-columns:1fr;padding:56px}.cta-actions-grid{grid-template-columns:repeat(4,1fr)}.cta-tile{grid-template-columns:1fr;min-height:150px}.cta-tile>svg{position:absolute;opacity:0}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid .footer-col:last-child{grid-column:2/4}
}

@media (max-width:820px){
  .utility-links{display:none}.utility-inner{justify-content:center}.nav-inner{height:78px}.brand{width:178px}.nav-actions .btn{display:none}.hero{padding-top:62px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:20px}.hero-title{font-size:clamp(52px,13vw,74px)}.hero-visual{max-width:600px;width:100%;margin:0 auto}.hero-photo-wrap{height:500px}.hero-bottom-line{margin-top:44px}.trust-grid{grid-template-columns:1fr}.trust-intro{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.trust-facts{grid-template-columns:repeat(2,1fr)}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}.split-heading{grid-template-columns:1fr;gap:20px}.commercial-panel{grid-template-columns:1fr}.commercial-photo{min-height:360px}.commercial-copy{padding:44px}.service-grid{display:grid;grid-template-columns:1fr}.service-card-hvac,.service-card-plumbing,.service-card-commercial{grid-column:auto;min-height:460px}.why-grid{grid-template-columns:1fr}.why-copy{position:relative;top:auto}.process-grid{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.final-cta-inner{padding:46px 30px}.cta-actions-grid{grid-template-columns:1fr 1fr}.cta-tile{min-height:110px;grid-template-columns:42px 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-grid .footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}
}

@media (max-width:560px){
  .shell{width:min(100% - 28px,1180px)}.section-pad{padding:82px 0}.utility-inner{font-size:10px}.brand{width:156px}.nav-actions{gap:8px}.hero{min-height:auto}.hero-title{font-size:50px}.hero-lede{font-size:14px}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.inline-action{margin:8px 0 0}.hero-proof{grid-template-columns:1fr}.hero-photo-wrap{height:420px;border-radius:28px 28px 28px 74px}.floating-score{left:18px;right:18px;bottom:18px}.orbit{display:none}.hero-bottom-inner{gap:13px;padding:15px 0}.hero-bottom-inner span{font-size:8px}.trust-facts{grid-template-columns:1fr 1fr}.fact{padding:30px 18px;min-height:130px}.section-heading h2{font-size:40px}.logo-marquee:before,.logo-marquee:after{width:35px}.commercial-copy{padding:34px 26px}.commercial-copy h3{font-size:38px}.mini-list{grid-template-columns:1fr}.service-card{min-height:430px;padding:22px}.service-content h3{font-size:36px}.why-copy h2{font-size:42px}.why-item{grid-template-columns:36px 1fr}.why-item>svg{display:none}.process-grid{grid-template-columns:1fr}.process-step{border-right:0;border-bottom:1px solid var(--line)!important}.process-step:last-child{border-bottom:0!important}.final-cta-inner{border-radius:28px;padding:38px 22px}.cta-copy h2{font-size:42px}.cta-actions-grid{grid-template-columns:1fr}.cta-tile{min-height:92px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-grid .footer-col:last-child{grid-column:auto}.footer-bottom{font-size:8px}.demo-toast{left:14px;right:14px;bottom:14px;max-width:none}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1!important;transform:none!important}}

/* =========================================================
   V2 polish — hero visibility, tighter navigation & spacing,
   plus responsive refinements for laptop/tablet/mobile.
   ========================================================= */
.section-pad{padding:104px 0}
.nav-inner{height:80px;gap:30px}
.brand{width:176px}
.hero{min-height:720px;padding:76px 0 0}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:54px}
.hero-copy{padding:8px 0 6px}
.hero-title{font-size:clamp(56px,5.6vw,82px);max-width:720px;opacity:1!important;visibility:visible!important}
.hero-lede{margin-bottom:30px}
.hero-proof{margin-top:40px;padding-top:24px}
.hero-visual{padding:18px 0}
.hero-photo-wrap{height:550px}
.hero-bottom-line{margin-top:56px}
.section-heading{margin-bottom:46px}
.split-heading{gap:48px}
.commercial-panel{margin-top:56px}
.commercial-photo{min-height:450px}
.commercial-copy{padding:56px}
.service-card{min-height:500px}
.why-grid{gap:64px}
.why-item{padding:27px 0}
.process-step{padding:30px;min-height:275px}
.final-cta{padding:24px 0 88px}
.final-cta-inner{padding:62px;gap:52px}
.site-footer{padding:64px 0 28px}

/* Compact desktop / laptop heights: keeps the full hero hierarchy visible. */
@media (max-height:760px) and (min-width:821px){
  .hero{min-height:630px;padding-top:48px}
  .hero-title{font-size:clamp(48px,4.55vw,62px);margin-bottom:18px}
  .hero-lede{font-size:14.5px;line-height:1.68;margin-bottom:22px}
  .hero-proof{margin-top:24px;padding-top:18px}
  .hero-photo-wrap{height:470px}
  .hero-visual{padding:8px 0}
  .hero-bottom-line{margin-top:36px}
}

@media (max-width:1100px){
  .section-pad{padding:92px 0}
  .nav-inner{height:76px;gap:24px}
  .nav-actions{margin-left:auto}
  .brand{width:164px}
  .hero{padding-top:66px}
  .hero-grid{grid-template-columns:1fr .86fr;gap:32px}
  .hero-title{font-size:clamp(54px,6vw,66px)}
  .hero-photo-wrap{height:500px}
  .hero-bottom-line{margin-top:48px}
  .commercial-panel{margin-top:48px}
  .commercial-copy{padding:48px}
  .service-card{min-height:470px}
  .why-grid{gap:48px}
  .final-cta-inner{padding:50px;gap:34px}
  .cta-actions-grid{grid-template-columns:1fr 1fr}
  .cta-tile{grid-template-columns:42px 1fr 18px;min-height:96px}
  .cta-tile>svg{position:static;opacity:1}
}

@media (max-width:820px){
  .section-pad{padding:80px 0}
  .nav-inner{height:72px}
  .brand{width:148px}
  .hero{padding-top:52px}
  .hero-grid{grid-template-columns:1fr;gap:38px}
  .hero-copy{padding:0}
  .hero-title{font-size:clamp(48px,10vw,68px);max-width:650px}
  .hero-lede{font-size:15px;max-width:600px}
  .hero-proof{margin-top:34px}
  .hero-photo-wrap{height:460px}
  .hero-bottom-line{margin-top:38px}
  .trust-intro{padding:40px 0 36px}
  .section-heading{margin-bottom:40px}
  .split-heading{gap:16px}
  .commercial-panel{margin-top:42px}
  .commercial-photo{min-height:330px}
  .commercial-copy{padding:40px}
  .service-card-hvac,.service-card-plumbing,.service-card-commercial{min-height:430px}
  .why-grid{gap:40px}
  .process-step{min-height:250px;padding:28px}
  .final-cta{padding:18px 0 72px}
  .final-cta-inner{padding:42px 30px}
  .footer-grid{gap:38px}
}

@media (max-width:560px){
  .shell{width:min(100% - 28px,1180px)}
  .section-pad{padding:68px 0}
  .utility-inner{min-height:34px;height:auto;padding:8px 0;text-align:center;line-height:1.35}
  .brand{width:136px}
  .nav-inner{height:68px}
  .menu-toggle{width:42px;height:42px}
  .menu-toggle span{left:12px}
  .hero{padding-top:42px}
  .hero-grid{gap:30px}
  .eyebrow{margin-bottom:18px}
  .eyebrow span{font-size:10px;letter-spacing:.12em}
  .hero-title{font-size:clamp(42px,13.5vw,54px);line-height:.98;letter-spacing:-.045em;margin-bottom:20px}
  .hero-lede{font-size:14px;line-height:1.68;margin-bottom:26px}
  .hero-actions{gap:10px}
  .hero-actions .btn{min-height:50px}
  .inline-action{margin:6px 0 0}
  .hero-proof{margin-top:28px;padding-top:22px;gap:14px}
  .hero-photo-wrap{height:390px;border-radius:24px 24px 24px 62px}
  .photo-label{left:16px;top:16px;height:38px;padding:0 12px;font-size:10px}
  .floating-score{left:16px;right:16px;bottom:16px;padding:14px 16px}
  .hero-bottom-line{margin-top:30px}
  .hero-bottom-inner{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:12px;padding:14px 0;scrollbar-width:none}
  .hero-bottom-inner::-webkit-scrollbar{display:none}
  .hero-bottom-inner span{font-size:8px;white-space:nowrap}
  .trust-intro{padding:34px 0 30px}
  .fact{padding:26px 16px;min-height:124px}
  .section-heading{margin-bottom:34px}
  .section-heading h2{font-size:36px}
  .section-heading p{font-size:13px;line-height:1.7}
  .logo-marquee{padding:22px 0}
  .commercial-panel{margin-top:34px;border-radius:24px}
  .commercial-photo{min-height:280px}
  .commercial-copy{padding:32px 24px}
  .commercial-copy h3{font-size:36px}
  .service-card{min-height:400px;padding:22px;border-radius:24px}
  .service-content h3{font-size:34px}
  .service-card-commercial .service-content h3{font-size:32px}
  .why-copy h2{font-size:38px}
  .why-item{padding:24px 0;gap:14px}
  .process-step{padding:26px;min-height:230px}
  .step-icon{margin:38px 0 18px}
  .final-cta{padding:14px 0 64px}
  .final-cta-inner{padding:34px 20px;border-radius:26px}
  .cta-copy h2{font-size:38px}
  .cta-actions-grid{grid-template-columns:1fr}
  .cta-tile{min-height:88px}
  .site-footer{padding-top:54px}
}

@media (max-width:390px){
  .shell{width:calc(100% - 24px)}
  .brand{width:128px}
  .hero-title{font-size:40px}
  .hero-photo-wrap{height:350px}
  .trust-facts{grid-template-columns:1fr}
  .fact{border-right:0!important;border-bottom:1px solid var(--line)!important;min-height:112px}
  .fact:last-child{border-bottom:0!important}
  .fact:first-child em{top:40px}
  .section-heading h2{font-size:34px}
  .commercial-copy h3{font-size:34px}
  .service-card{min-height:370px}
  .cta-copy h2{font-size:35px}
}