:root{--navy:#062844;--navy2:#031b32;--blue:#0969d9;--green:#48c72c;--text:#0d2742;--muted:#64748b;--bg:#f4f8fb;--white:#fff;--shadow:0 18px 50px rgba(5,30,55,.15);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(3,28,52,.96);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.18)}.nav-wrap{height:74px;display:flex;align-items:center;gap:28px}.logo{display:flex;flex-direction:column;line-height:1}.logo span{font-size:28px;font-weight:900;letter-spacing:-1px;color:#fff;font-style:italic}.logo b{color:var(--green)}.logo small{font-size:9px;color:#d7eefb;letter-spacing:1.4px;margin-top:5px}.nav{margin-left:auto;display:flex;align-items:center;gap:25px}.nav a{text-transform:uppercase;color:#fff;font-size:12px;font-weight:800;letter-spacing:.5px;opacity:.95}.nav a:hover{color:#58d63b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;font-weight:800;text-transform:uppercase;font-size:12px;padding:14px 23px;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#0d8bff,#075dd5);color:#fff;box-shadow:0 10px 22px rgba(9,105,217,.35)}.btn-outline{border:2px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.04)}.btn-green{background:linear-gradient(135deg,#65d83b,#34b81c);color:#fff;box-shadow:0 12px 26px rgba(72,199,44,.35)}.btn-lg{padding:17px 34px;border-radius:11px}.menu-btn{display:none;background:none;color:#fff;border:0;font-size:30px}.hero{position:relative;min-height:690px;overflow:hidden;background:radial-gradient(circle at 80% 30%,rgba(10,121,227,.36),transparent 30%),linear-gradient(90deg,#031b32 0%,#062844 45%,#051728 100%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(0deg,rgba(3,22,39,.7),transparent);pointer-events:none}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,22,39,.96) 0%,rgba(3,22,39,.8) 42%,rgba(3,22,39,.25) 100%),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?q=80&w=1800&auto=format&fit=crop') center/cover;opacity:.9}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 520px;align-items:center;min-height:690px}.eyebrow{display:inline-flex;color:#98f07d;background:rgba(72,199,44,.12);border:1px solid rgba(72,199,44,.3);padding:9px 14px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.hero h1{font-size:64px;line-height:1.05;color:#fff;margin:20px 0 18px;letter-spacing:-2.5px;max-width:720px}.hero h1 span{color:#58d63b}.hero h1 strong{color:#0d8bff}.lead{color:#e7f1fb;font-size:18px;line-height:1.65;max-width:600px}.hero-actions{display:flex;gap:18px;margin:32px 0 52px}.features-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:950px}.features-row div{display:grid;grid-template-columns:34px 1fr;gap:5px 10px;color:#fff}.features-row i{grid-row:span 2;width:34px;height:34px;border:2px solid #58d63b;border-radius:12px;display:grid;place-items:center;color:#58d63b;font-style:normal}.features-row b{text-transform:uppercase;font-size:11px}.features-row small{color:#cbe0f2;font-size:11px}.hero-visual{position:relative;height:520px}.house-card{position:absolute;inset:10px 0 auto 0;height:330px;border-radius:28px;background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=1200&auto=format&fit=crop') center/cover;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.2)}.heatpump-card{position:absolute;right:10px;bottom:48px;width:320px;height:235px;background:linear-gradient(145deg,#f8fbff,#dce6ee);border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.35);padding:22px;border:1px solid #fff}.heatpump-card .brand{color:#1766c3;font-weight:900;text-align:right}.fan{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#25313c 10%,#aeb8c1 11%,#cfd7de 38%,#87939d 39%,#e9eef2 55%);display:grid;place-items:center;margin:10px auto}.fan span{width:70px;height:70px;border-radius:50%;border:10px dashed #344250;display:block}.heatpump-card small{display:block;text-align:center;color:#566676;font-weight:800;text-transform:uppercase}.why,.services,.saving,.partners{background:linear-gradient(180deg,#fff,#f5f9fc);padding:70px 0}.why h2,.services h2,.projects h2,.partners h2,.testimonials h2{text-align:center;font-size:30px;margin:0 0 50px;font-weight:900;letter-spacing:-.5px}.why h2 span,.partners h2 span{color:#0d8bff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.why-card{background:#fff;border:1px solid #e4edf5;border-radius:14px;padding:52px 24px 28px;text-align:center;position:relative;box-shadow:0 8px 25px rgba(15,43,71,.05)}.icon{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.16)}.icon.green{background:linear-gradient(135deg,#6bdc3b,#2db71d)}.icon.blue{background:linear-gradient(135deg,#0d8bff,#075dd5)}.why-card h3,.service-card h3,.project-card h3{font-size:16px;text-transform:uppercase;margin:8px 0 12px;color:#122b45}.why-card p,.service-card p,.project-card p{font-size:13px;color:#5a6d80;line-height:1.65}.services{padding-top:30px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{display:grid;grid-template-columns:138px 1fr;gap:20px;background:#fff;border:1px solid #dce8f2;border-radius:12px;padding:14px;min-height:150px;box-shadow:0 8px 25px rgba(15,43,71,.05)}.service-card a,.project-card a{font-size:12px;font-weight:900;text-transform:uppercase;color:#0969d9}.service-img{border-radius:10px;background-size:cover;background-position:center;min-height:124px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.pump{background-image:url('assets/service-pump.jpg')}.hvac{background-image:url('assets/service-hvac.jpg')}.klima{background-image:url('assets/service-klima.jpg')}.floor{background-image:url('assets/service-floor.jpg')}.vent{background-image:url('assets/service-vent.jpg')}.servis{background-image:url('assets/service-servis.jpg')}.projects{padding:70px 0;background:linear-gradient(135deg,#031b32,#06355c)}.projects h2,.testimonials h2{color:#fff}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.project-card{background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.22)}.project-card div:last-child{padding:22px}.project-img{height:170px;background-size:cover;background-position:center}.p1{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?q=80&w=900&auto=format&fit=crop')}.p2{background-image:url('https://images.unsplash.com/photo-1600047509358-9dc75507daeb?q=80&w=900&auto=format&fit=crop')}.p3{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=900&auto=format&fit=crop')}.p4{background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=900&auto=format&fit=crop')}.saving-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:54px;align-items:center}.saving h2{font-size:34px;line-height:1.12;margin:0 0 14px;font-weight:900;letter-spacing:-1px}.saving p{color:#596e82;line-height:1.7}.house-illustration{height:230px;background:url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?q=80&w=900&auto=format&fit=crop') center/cover;border-radius:22px;box-shadow:var(--shadow);margin-top:25px}.calculator-card{background:#fff;border:1px solid #dbe8f2;border-radius:16px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px;box-shadow:0 20px 55px rgba(10,42,72,.1)}label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#52677c;font-size:13px}input,select{height:45px;border:1px solid #dbe5ef;border-radius:8px;padding:0 12px;font:inherit}.result{grid-row:span 3;background:#f8fbfd;border:1px solid #e0eaf2;border-radius:12px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px}.result strong{font-size:50px;color:#45c52e;letter-spacing:-2px}.result span,.result small{font-size:13px;color:#596e82;font-weight:700}.calculator-card button{grid-column:1/2}.partners{padding-top:20px}.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.partner-grid div{height:82px;display:grid;place-items:center;text-align:center;background:#fff;border:1px solid #dce8f2;border-radius:10px;font-size:25px;font-weight:900;color:#1268c2;box-shadow:0 7px 18px rgba(15,43,71,.04)}.partner-grid small{font-size:12px}.testimonials{background:linear-gradient(135deg,#03213b,#06406c);padding:70px 0}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.test-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:28px;box-shadow:0 15px 40px rgba(0,0,0,.15)}.stars{color:#67dd42;letter-spacing:3px}.test-grid p{color:#e7f0f8;line-height:1.65}.test-grid small{display:block;color:#abc2d4;margin-top:4px}.cta{background:linear-gradient(90deg,#095fd5,#0d8bff 55%,#0c6fd0);padding:32px 0;color:#fff}.cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0;font-size:34px;letter-spacing:-1px}.cta p{margin:6px 0 0;color:#e2f0ff}.footer{background:#031b32;color:#d8e8f5;padding:58px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:45px}.footer p{color:#b7cce0;line-height:1.7}.footer h4{color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:.8px}.footer a{display:block;color:#b7cce0;margin:11px 0}.footer-logo{display:inline-flex}.socials{display:flex;gap:10px}.socials a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0b3d68;color:#fff;font-weight:900}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding:18px;color:#90a9bd;font-size:13px}@media(max-width:980px){.nav{position:absolute;display:none;top:74px;left:0;right:0;background:#031b32;flex-direction:column;padding:25px}.nav.open{display:flex}.menu-btn{display:block;margin-left:auto}.header .btn-primary{display:none}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:46px}.hero-visual{display:none}.features-row,.why-grid,.project-grid,.test-grid,.footer-grid{grid-template-columns:1fr 1fr}.services-grid,.saving-grid{grid-template-columns:1fr}.partner-grid{grid-template-columns:repeat(2,1fr)}.calculator-card{grid-template-columns:1fr}.result{grid-row:auto}.calculator-card button{grid-column:auto}.cta-wrap{flex-direction:column;align-items:flex-start}}@media(max-width:620px){.logo span{font-size:22px}.hero{min-height:auto}.hero-grid{min-height:auto;padding:80px 0}.hero h1{font-size:37px}.hero-actions{flex-direction:column}.features-row,.why-grid,.project-grid,.test-grid,.footer-grid{grid-template-columns:1fr}.service-card{grid-template-columns:1fr}.service-img{height:160px}.partner-grid{grid-template-columns:1fr}.cta h2,.saving h2{font-size:28px}}


/* Professional EnergyStar Products Section */
.products{
  padding:80px 0;
  background:linear-gradient(135deg,#031b32 0%,#06355c 52%,#02172b 100%);
  position:relative;
  overflow:hidden;
}
.products:before{
  content:"";
  position:absolute;
  inset:-180px -120px auto auto;
  width:420px;
  height:420px;
  border-radius:50%;
  background:rgba(72,199,44,.14);
  filter:blur(10px);
}
.section-head{
  text-align:center;
  max-width:850px;
  margin:0 auto 34px;
  position:relative;
  z-index:1;
}
.section-head.light h2{
  color:#fff;
  font-size:36px;
  font-weight:900;
  margin:8px 0 14px;
  letter-spacing:-1px;
}
.section-head.light p{
  color:#cfe2f3;
  line-height:1.7;
  font-size:16px;
}
.section-kicker{
  display:inline-flex;
  width:auto;
  margin:0 auto;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(72,199,44,.16);
  border:1px solid rgba(72,199,44,.4);
  color:#7df05a!important;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-size:12px!important;
}
.product-feature{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:0;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.16);
  position:relative;
  z-index:1;
  margin-bottom:26px;
}
.product-feature-img{
  min-height:430px;
  background-size:cover;
  background-position:center;
}
.product-feature-content{
  padding:44px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.badge,.product-body span{
  align-self:flex-start;
  display:inline-flex;
  padding:8px 12px;
  background:#eaffea;
  color:#2aa51c;
  border:1px solid #c9f4c4;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.product-feature h3{
  font-size:34px;
  line-height:1.1;
  color:#092641;
  margin:18px 0 12px;
  letter-spacing:-1px;
}
.product-feature p,.product-body p{
  color:#5e7184;
  line-height:1.75;
}
.product-feature ul{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  list-style:none;
  padding:0;
  margin:20px 0 26px;
}
.product-feature li{
  background:#f4f8fb;
  border:1px solid #e1ecf4;
  padding:12px 14px;
  border-radius:12px;
  font-weight:800;
  color:#0d2742;
}
.product-feature li:before{content:"✓";color:#43c72c;margin-right:8px;font-weight:900}
.products-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  position:relative;
  z-index:1;
}
.product-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.2);
  transition:.25s;
}
.product-card:hover{transform:translateY(-6px)}
.product-img{
  height:245px;
  background-size:cover;
  background-position:center;
}
.product-body{
  padding:22px;
}
.product-body h3{
  margin:14px 0 10px;
  color:#092641;
  font-size:20px;
  line-height:1.22;
  letter-spacing:-.3px;
}
.specs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.specs b{
  background:#eef7ff;
  color:#0969d9;
  border:1px solid #d4eafe;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
}
@media(max-width:980px){
  .product-feature{grid-template-columns:1fr}
  .products-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .products{padding:55px 0}
  .section-head.light h2{font-size:28px}
  .product-feature-img{min-height:280px}
  .product-feature-content{padding:28px}
  .product-feature h3{font-size:27px}
  .product-feature ul{grid-template-columns:1fr}
  .products-grid{grid-template-columns:1fr}
}