*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:#14213D;line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e9eef0}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:39px;height:39px;border-radius:8px;background:#14213D;color:white;display:grid;place-items:center;font-weight:800;font-size:25px;transform:skew(-8deg)}.brand strong{display:block;font-size:22px;line-height:1}.brand small{display:block;font-size:7px;letter-spacing:.5px;margin-top:4px;color:#6c777c}nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}nav a:hover{color:#14213D}.nav-cta{background:#F4C400;color:#fff;padding:11px 18px;border-radius:7px}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{min-height:680px;position:relative;display:flex;align-items:center;background:url('hero-reference.png') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,25,32,.88) 0%,rgba(8,25,32,.62) 45%,rgba(8,25,32,.08) 100%)}.hero-content{position:relative;color:#fff;max-width:750px;padding:80px 0}.eyebrow,.section-label{font-size:12px;font-weight:800;letter-spacing:2px;color:#F4C400;margin-bottom:12px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.06;letter-spacing:-2px}.hero h1 span,h2 span{color:#F4C400}.lead{font-size:18px;max-width:690px;margin:22px 0 30px;color:#edf4f1}.hero-actions{display:flex;gap:12px}.btn{display:inline-block;padding:13px 23px;border-radius:7px;font-weight:700;border:1px solid transparent}.primary{background:#F4C400;color:#fff}.light{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}.hero-points{display:flex;gap:32px;margin-top:75px;font-size:13px;font-weight:600}.section{padding:95px 0}.section h2{font-size:42px;line-height:1.15;margin-bottom:18px}.about-grid{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:28px;align-items:center}.about-grid p{color:#617078;margin-bottom:15px}.image-card{height:360px;border-radius:12px;background-size:cover;background-position:center;box-shadow:0 15px 40px rgba(0,0,0,.12)}.construction-img{background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=900&q=85')}.who{background:#f4f8f5;padding:30px;border-radius:12px}.who h3,.info-grid h3,.service-body h3{font-size:20px;margin-bottom:10px}.who p,.who li{font-size:14px;color:#5c696f}.who ul,.info-grid ul,.service-body ul{padding-left:19px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.info-grid article{padding:30px;background:#f7f9fa;border:1px solid #edf1f2;border-radius:10px}.info-grid p,.info-grid li{font-size:14px;color:#5e6a70}.icon{font-size:34px;color:#F4C400;margin-bottom:10px}.services{background:#f4f8f7;text-align:center}.section-intro{max-width:800px;margin:0 auto 40px;color:#66747a}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:left}.service-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px rgba(22,45,55,.08)}.service-photo{height:205px;background-size:cover;background-position:center}.civil-photo{background-image:url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=1000&q=85')}.solar-photo{background-image:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1000&q=85')}.pmc-photo{background-image:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1000&q=85')}.service-body{padding:25px}.service-body li{font-size:14px;color:#5c686e;margin:4px 0}.service-body li::marker,.check-list li::marker{color:#14213D}.split-section{padding:85px 0;background:#fff}.split-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:center}.check-list{list-style:'✓  ';padding-left:20px}.check-list li{padding:6px 0;color:#526168}.steps{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:30px}.steps div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;font-size:12px;font-weight:700}.steps b{width:50px;height:50px;border:2px solid #14213D;border-radius:50%;display:grid;place-items:center;color:#14213D}.steps i{font-size:24px;color:#c2cacc}.commitment{padding:85px 0;background:linear-gradient(90deg,#102932dd,#102932dd),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1800&q=85') center/cover;color:#fff}.commitment-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.commitment h2{font-size:44px;line-height:1.15;margin-bottom:15px}.commitment p{max-width:600px;color:#dce5e7;margin-bottom:25px}.quote{font-size:34px;font-weight:500;line-height:1.25}.quote span{color:#F4C400}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:25px;margin-top:30px}.contact-details p{margin:18px 0;color:#58666c;font-size:14px}.contact-details a{color:#14213D;font-weight:600}.map iframe{width:100%;height:360px;border:0;border-radius:10px}.contact form{display:flex;flex-direction:column;gap:12px}.contact input,.contact textarea{border:1px solid #dce3e5;border-radius:7px;padding:14px;font:inherit}.contact textarea{min-height:155px;resize:vertical}.contact form .btn{cursor:pointer}footer{background:#0E1A2B;color:#dbe5e8;padding:45px 0 18px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding-bottom:30px}.footer-grid h4{color:#fff;margin-bottom:8px}.footer-grid p{font-size:13px;color:#9fb0b6}.footer-grid a:hover{color:#fff}.copyright{border-top:1px solid #29404a;padding-top:18px;font-size:11px;color:#8fa1a8}.footer-brand .brand-mark{background:#fff;color:#14213D}@media(max-width:900px){nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 15px 25px rgba(0,0,0,.08)}nav.open{display:flex}.menu-toggle{display:block}.about-grid,.split-grid,.contact-grid{grid-template-columns:1fr}.info-grid,.service-grid{grid-template-columns:1fr 1fr}.hero{min-height:620px}.hero-points{margin-top:45px;flex-wrap:wrap}.commitment-inner{grid-template-columns:1fr}.quote{font-size:28px}.about-grid .image-card{height:300px}}@media(max-width:620px){.section{padding:65px 0}.hero h1{font-size:43px;letter-spacing:-1px}.lead{font-size:16px}.hero-points{display:grid;gap:12px}.info-grid,.service-grid{grid-template-columns:1fr}.section h2,.commitment h2{font-size:34px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:20px}.steps i{display:none}.footer-grid{grid-template-columns:1fr}.nav{height:70px}.hero{min-height:680px}}


/* === Final SVG logo placement === */
.brand{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  height:100%;
  line-height:0;
  flex:0 0 auto;
}
.site-logo{
  display:block;
  width:205px;
  height:auto;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
}
.site-header .site-logo{
  width:190px;
}
.footer-brand{
  display:flex;
  align-items:flex-start;
}
.footer-logo{
  width:215px;
}
@media(max-width:900px){
  .site-header .site-logo{
    width:170px;
  }
}
@media(max-width:620px){
  .site-header .site-logo{
    width:150px;
  }
  .footer-logo{
    width:190px;
  }
}

/* === Separate Our Process section === */
.process-section{
  padding:95px 0;
  background:#F5F7FA;
  text-align:center;
  border-top:1px solid #E7EBF0;
  border-bottom:1px solid #E7EBF0;
}
.process-section h2{
  font-size:42px;
  line-height:1.15;
  margin-bottom:12px;
}
.process-timeline{
  display:flex;
  align-items:stretch;
  justify-content:center;
  margin-top:52px;
}
.process-step{
  flex:1;
  max-width:205px;
  padding:0 10px;
}
.process-number{
  width:48px;
  height:48px;
  margin:0 auto 12px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#14213D;
  color:#fff;
  font-size:13px;
  font-weight:800;
}
.process-icon{
  width:58px;
  height:58px;
  margin:0 auto 15px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid #E0E5EA;
  color:#14213D;
  font-size:25px;
  font-weight:700;
}
.process-step h3{
  font-size:16px;
  line-height:1.3;
  margin-bottom:8px;
  color:#14213D;
}
.process-step p{
  font-size:13px;
  line-height:1.6;
  color:#65727A;
}
.process-line{
  width:55px;
  height:2px;
  margin-top:24px;
  background:#F4C400;
  flex:0 0 55px;
}
.footer-grid .site-logo{
  max-height:58px;
}

@media(max-width:900px){
  .site-header .site-logo{
    width:165px;
  }
  .process-timeline{
    flex-wrap:wrap;
    gap:30px 0;
  }
  .process-step{
    flex:0 0 33.333%;
    max-width:none;
  }
  .process-line{
    display:none;
  }
}
@media(max-width:620px){
  .site-header .site-logo{
    width:150px;
  }
  .process-section h2{
    font-size:34px;
  }
  .process-step{
    flex:0 0 100%;
  }
}


/* === Redesigned Why Choose Us === */
.why-section{
  padding:100px 0;
  background:#fff;
  position:relative;
  overflow:hidden;
}
.why-section::before{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  border-radius:50%;
  right:-150px;
  top:-130px;
  background:rgba(244,196,0,.08);
}
.why-heading{
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:80px;
  align-items:end;
  margin-bottom:48px;
}
.why-heading h2{
  font-size:48px;
  line-height:1.08;
  margin:0;
  letter-spacing:-1px;
}
.why-heading > p{
  color:#66747a;
  font-size:16px;
  line-height:1.8;
  max-width:570px;
  margin:0 0 3px;
}
.why-layout{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:28px;
  align-items:stretch;
}
.why-feature{
  position:relative;
  padding:38px;
  border-radius:16px;
  background:#14213D;
  color:#fff;
  min-height:390px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
}
.why-feature::after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  border:1px solid rgba(244,196,0,.28);
  border-radius:50%;
  right:-75px;
  top:-75px;
}
.why-feature-top{
  position:absolute;
  left:38px;
  right:38px;
  top:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.why-badge{
  font-size:10px;
  letter-spacing:1.8px;
  font-weight:800;
  color:#F4C400;
}
.why-accent{
  width:38px;
  height:38px;
  border:1px solid rgba(244,196,0,.6);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#F4C400;
  font-size:12px;
  font-weight:800;
}
.why-feature h3{
  position:relative;
  z-index:1;
  font-size:29px;
  line-height:1.2;
  margin-bottom:16px;
  max-width:420px;
}
.why-feature p{
  position:relative;
  z-index:1;
  color:#d8e1e5;
  font-size:14px;
  line-height:1.75;
  max-width:460px;
  margin-bottom:25px;
}
.why-link{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#F4C400;
  font-size:13px;
  font-weight:800;
  width:max-content;
}
.why-link span{
  font-size:19px;
  transition:transform .2s ease;
}
.why-link:hover span{
  transform:translateX(5px);
}
.why-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.why-card{
  display:flex;
  gap:16px;
  padding:25px 22px;
  background:#F7F9FA;
  border:1px solid #E9EEF0;
  border-radius:12px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.why-card:hover{
  transform:translateY(-3px);
  border-color:#F4C400;
  box-shadow:0 12px 30px rgba(20,33,61,.08);
}
.why-icon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:10px;
  background:#14213D;
  color:#F4C400;
  display:grid;
  place-items:center;
  font-size:19px;
  font-weight:800;
}
.why-card h3{
  font-size:16px;
  line-height:1.3;
  margin:0 0 6px;
  color:#14213D;
}
.why-card p{
  font-size:12.5px;
  line-height:1.6;
  color:#68757B;
}

@media(max-width:900px){
  .why-heading{
    grid-template-columns:1fr;
    gap:18px;
  }
  .why-layout{
    grid-template-columns:1fr;
  }
  .why-feature{
    min-height:340px;
  }
}
@media(max-width:620px){
  .why-section{
    padding:70px 0;
  }
  .why-heading h2{
    font-size:35px;
  }
  .why-points{
    grid-template-columns:1fr;
  }
  .why-feature{
    padding:30px;
  }
  .why-feature-top{
    left:30px;
    right:30px;
    top:27px;
  }
}