*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#12221f;background:#fff;line-height:1.6}.container{width:min(1120px,92%);margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #e8eee9}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#143a31;font-weight:800;letter-spacing:.5px}.brand .sun{font-size:28px;color:#f4ad21}.brand small{font-size:10px;align-self:flex-end;margin-bottom:6px}.nav nav{display:flex;gap:27px}.nav nav a{color:#23433b;text-decoration:none;font-size:14px;font-weight:600}.nav nav a:hover{color:#e59b13}.menu{display:none;background:none;border:0;font-size:25px}.hero{background:linear-gradient(135deg,#f8fbf7 0%,#eef7ef 55%,#fff8e9 100%);padding:85px 0 65px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#b57a0c}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;margin:18px 0}.hero h1 span{color:#0b8060}.hero p{font-size:18px;color:#52635e;max-width:650px}.buttons{display:flex;gap:12px;margin:28px 0}.btn{display:inline-block;border:0;border-radius:9px;padding:13px 22px;text-decoration:none;font-weight:800;cursor:pointer;font-size:14px}.primary{background:#f0a51b;color:#fff}.primary:hover{background:#d98f08}.secondary{border:1px solid #bed0c8;color:#17483b;background:#fff}.hero-stats{display:flex;gap:32px;margin-top:38px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:19px;color:#173f35}.hero-stats span{font-size:12px;color:#70817c}.solar-art{height:430px;position:relative;background:radial-gradient(circle at 65% 28%,#fff5c9,transparent 30%)}.sun-big{position:absolute;right:60px;top:20px;width:120px;height:120px;background:#f5b62c;border-radius:50%;box-shadow:0 0 70px #f5d77c}.panel{position:absolute;width:180px;height:115px;background:linear-gradient(135deg,#173d4b,#245d6c);border:6px solid #d8e2df;transform:skewY(-15deg) rotate(-4deg);box-shadow:0 16px 30px rgba(0,0,0,.15)}.p1{left:20px;top:180px}.p2{left:175px;top:145px}.p3{left:330px;top:110px}.house{position:absolute;bottom:18px;left:145px;width:230px;height:130px}.roof{position:absolute;left:-25px;top:0;border-left:140px solid transparent;border-right:140px solid transparent;border-bottom:100px solid #164b3c}.wall{position:absolute;left:30px;bottom:0;width:180px;height:90px;background:#f2ead6;border:6px solid #164b3c}.section{padding:85px 0}.light{background:#f5f8f5}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.two-col h2,.section-title h2,.contact-grid h2,.cta h2{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:12px 0 20px}.two-col p{color:#566762}.section-title{text-align:center;max-width:700px;margin:0 auto 45px}.section-title p{color:#697a75}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;padding:30px;border:1px solid #e1e9e4;border-radius:14px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(18,55,45,.08)}.icon{font-size:28px;margin-bottom:14px}.card h3{margin:0 0 8px}.card p{margin:0;color:#687872;font-size:14px}.solutions{background:#123c32;color:#fff}.solutions .eyebrow{color:#f0b52b}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#356056}.solution-grid>div{padding:30px;background:#123c32}.solution-grid span{color:#f0b52b;font-weight:800}.solution-grid h3{margin:22px 0 8px}.solution-grid p{color:#c6d4d0;font-size:14px}.cta{background:#f0a51b;padding:50px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta .eyebrow{color:#fff}.cta h2{font-size:32px;margin:10px 0 0;color:#fff;max-width:750px}.cta .primary{background:#123c32}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-grid p{color:#62716d}.contact-info{margin-top:30px}.form{display:flex;flex-direction:column;gap:12px;background:#f5f8f5;padding:28px;border-radius:14px}.form input,.form select,.form textarea{font:inherit;border:1px solid #d4dfda;border-radius:8px;padding:13px;background:#fff;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:#0b8060}.form small{color:#75827e}footer{background:#0d2d26;color:#c8d7d2;padding:35px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.light-brand{color:#fff}.footer p{font-size:13px;margin:8px 0}@media(max-width:800px){.nav nav{display:none}.menu{display:block}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.hero{padding-top:55px}.solar-art{height:340px}.cards{grid-template-columns:1fr 1fr}.solution-grid{grid-template-columns:1fr 1fr}.cta-inner,.footer{flex-direction:column;align-items:flex-start}.hero-stats{gap:18px}}@media(max-width:520px){.cards,.solution-grid{grid-template-columns:1fr}.hero h1{font-size:44px}.buttons{flex-direction:column}.hero-stats{flex-wrap:wrap}.solar-art{transform:scale(.8);transform-origin:left top;width:125%;margin-bottom:-60px}}

/* Official brand logo */
.logo-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.logo-brand img {
  display: block;
  width: 190px;
  height: auto;
  max-height: 72px;
  object-fit: contain;
}
.footer-logo img {
  width: 210px;
  max-height: 82px;
}

/* 5 kW residential wiring guide */
.wiring-section {
  background: #f7f9fc;
}
.wiring-card {
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 12px 35px rgba(0,0,0,.07);
}
.wiring-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  background: #fff;
}
.wiring-caption {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 24px;
  padding: 22px 8px 6px;
}
.wiring-caption h3 {
  margin: 0 0 8px;
}
.wiring-caption p {
  margin: 8px 0;
  line-height: 1.65;
}
.wiring-notice {
  border-left: 4px solid #f5b400;
  background: #fff8df;
  padding: 14px 16px;
  border-radius: 8px;
  line-height: 1.55;
}
@media (max-width: 820px) {
  .logo-brand img {
    width: 150px;
    max-height: 60px;
  }
  .footer-logo img {
    width: 180px;
  }
  .wiring-caption {
    grid-template-columns: 1fr;
  }
}