*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#082544;--navy2:#061a31;--green:#24a83b;--gold:#f7b928;--light:#f5f8fb;--text:#17304d;--muted:#63748a}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
.header{position:sticky;top:0;z-index:1000;background:var(--navy);color:#fff;box-shadow:0 4px 20px #0002}
.nav{min-height:82px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.brand-mark{width:48px;height:48px;border:4px solid #fff;border-radius:10px;font-size:30px;font-weight:800;display:grid;place-items:center;position:relative}
.brand-mark span{color:var(--green);position:absolute;right:-5px;top:-17px;font-size:20px}
.brand strong{display:block;font-size:23px;letter-spacing:1px;line-height:1}
.brand small{display:block;font-size:13px;letter-spacing:4px;color:#bcd0e5}
.brand em{display:block;font-style:normal;font-size:9px;color:#fff}
.nav-links{display:flex;gap:24px;font-size:13px;font-weight:600}
.nav-links a{opacity:.9;padding:28px 0;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links .active{color:#52d35e;border-bottom-color:#52d35e}
.nav-call{background:var(--green);padding:12px 18px;border-radius:5px;font-weight:700;font-size:13px}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}

.hero{min-height:570px;position:relative;overflow:hidden;background:linear-gradient(110deg,#f9fcff 0%,#eef5f4 48%,#d8e9e2 100%)}
.hero:after{content:"";position:absolute;right:-8%;bottom:-28%;width:62%;height:82%;background:linear-gradient(145deg,#173e5e,#0b2b45);transform:skewX(-14deg) rotate(-3deg);opacity:.95}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 53% 38%,#fff9 0 8%,transparent 40%)}
.hero-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;min-height:570px;gap:35px}
.hero-copy{max-width:690px}
.eyebrow,.section-label{display:inline-block;color:var(--green);font-weight:800;font-size:13px;letter-spacing:1px}
.eyebrow{background:var(--green);color:#fff;padding:8px 18px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.hero h1{font-size:55px;line-height:1.05;margin:18px 0;color:var(--navy)}
.hero h1 span,h2 span{color:var(--green)}
.hero p{font-size:17px;color:#43576e;max-width:650px}
.hero-points{display:flex;gap:25px;margin:28px 0;font-size:13px;font-weight:700}
.hero-points b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dff4e1;color:var(--green);margin-right:7px}
.hero-buttons{display:flex;gap:14px}
.btn{display:inline-block;border:0;cursor:pointer;padding:13px 22px;border-radius:5px;font-weight:800;font-size:13px;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--green);color:#fff}
.btn-light{background:#fff;color:var(--navy);border:1px solid #9aabbc}
.subsidy-card{width:300px;background:var(--navy);color:#fff;padding:30px;border-radius:10px;position:relative;z-index:4;box-shadow:0 15px 40px #001d3c55}
.money-icon{width:48px;height:48px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:25px;font-weight:800}
.subsidy-card p{margin-top:16px}.subsidy-card strong{display:block;font-size:33px;color:#53d85e;line-height:1.2}.subsidy-card span{display:block;margin:8px 0 20px;color:#c9d6e4;font-size:13px}

.quick-services{position:relative;z-index:10;margin-top:-30px}
.quick-grid{background:#fff;border-radius:16px;box-shadow:0 8px 35px #0a234222;display:grid;grid-template-columns:repeat(5,1fr);padding:22px}
.quick-grid div{padding:8px 17px;border-right:1px solid #e0e6ec;display:grid;grid-template-columns:35px 1fr;column-gap:7px}
.quick-grid div:last-child{border:0}.quick-grid span{grid-row:1/3;font-size:25px;color:var(--green)}.quick-grid b{font-size:11px}.quick-grid small{font-size:10px;color:var(--muted)}

.section{padding:90px 0}
.about-grid{display:grid;grid-template-columns:1.05fr 1.15fr .7fr;gap:45px;align-items:center}
.solar-visual{height:350px;background:linear-gradient(135deg,#dbe8ec,#8bb0aa);border-radius:14px;position:relative;overflow:hidden}
.sun{width:120px;height:120px;background:#f6c34a;border-radius:50%;position:absolute;top:30px;right:55px;filter:blur(1px)}
.roof{position:absolute;left:-12%;bottom:-5%;width:125%;height:45%;background:#6e777e;transform:skewY(-12deg)}
.panel-grid{position:absolute;left:12%;bottom:25%;width:78%;height:40%;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;transform:skewY(-12deg) rotate(-1deg)}
.panel-grid i{background:linear-gradient(135deg,#173d5d,#08243d);border:1px solid #91b2c7}
.about-copy h2,.center-heading h2{font-size:35px;line-height:1.15;margin:9px 0 16px;color:var(--navy)}
.about-copy p,.center-heading p{color:var(--muted);font-size:14px}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0;font-size:12px;font-weight:700}
.check-list span:before{content:"✓";color:var(--green);margin-right:8px}
.consult-card{background:var(--navy);padding:28px;border-radius:12px;color:#fff;box-shadow:0 10px 30px #09243d33}
.consult-card h3{font-size:20px;line-height:1.25;margin-bottom:18px}.consult-card h3 span{color:#55d85e}
form{display:grid;gap:10px}input,select{width:100%;padding:12px;border:0;border-radius:4px;font:inherit;font-size:12px}form .btn{width:100%}.form-note{font-size:11px;color:#9deaa3;min-height:16px}

.systems{background:var(--light)}
.center-heading{text-align:center;max-width:700px;margin:0 auto 35px}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.system-card{background:#fff;padding:32px;border-radius:12px;border:1px solid #e3eaf0;transition:.2s}
.system-card:hover,.system-card.featured{transform:translateY(-5px);box-shadow:0 12px 30px #0b2c4312;border-top:4px solid var(--green)}
.system-icon{font-size:34px;color:var(--green)}.system-card h3{margin:12px 0 8px;font-size:20px;color:var(--navy)}.system-card p{color:var(--muted);font-size:13px;margin-bottom:18px}.system-card a{color:var(--green);font-weight:800;font-size:13px}

.cta{padding:55px 0;background:var(--navy);color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:32px;margin:5px 0}.cta p{color:#b7c8d9;font-size:13px}

.footer{background:var(--navy2);color:#b9c9d9;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand{font-size:25px;font-weight:800;color:#fff}.footer-brand span{color:#55d85e}.footer h4{color:#fff;margin-bottom:13px}.footer a,.footer span{display:block;font-size:13px;margin:7px 0}.footer p{font-size:12px;margin-top:10px}.copyright{text-align:center;border-top:1px solid #ffffff18;margin-top:35px;padding-top:18px;font-size:11px}.disclaimer{text-align:center;color:#71879c!important;font-size:10px!important;margin-top:10px}

@media(max-width:1050px){.nav-links{gap:14px}.nav-call{display:none}.hero h1{font-size:45px}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick-grid div:nth-child(3){border:0}.about-grid{grid-template-columns:1fr 1fr}.consult-card{grid-column:1/-1}.solar-visual{height:300px}}
@media(max-width:760px){.header .nav{min-height:70px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--navy);padding:10px 6%;flex-direction:column;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 0}.hero{min-height:auto}.hero-content{min-height:auto;padding:70px 0;display:block}.hero h1{font-size:40px}.hero-points{display:grid;gap:10px}.hero-buttons{flex-wrap:wrap}.subsidy-card{margin-top:35px;width:100%;max-width:340px}.hero:after{opacity:.25;width:100%}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid div{border-right:0;border-bottom:1px solid #e0e6ec}.about-grid,.system-grid,.footer-grid{grid-template-columns:1fr}.about-copy{order:1}.solar-visual{order:2}.consult-card{grid-column:auto;order:3}.section{padding:65px 0}.cta-inner{display:block}.cta .btn{margin-top:20px}.brand em{display:none}}
@media(max-width:450px){.hero h1{font-size:34px}.quick-grid{grid-template-columns:1fr}.quick-grid div{border-bottom:1px solid #e0e6ec!important}.quick-grid div:last-child{border:0!important}.hero-points{font-size:12px}.about-copy h2,.center-heading h2{font-size:29px}}

/* Supplied Dicto Energies logo */
.brand {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.brand img {
  width: 185px;
  height: 72px;
  object-fit: contain;
  object-position: center;
  display: block;
  background: #fff;
  border-radius: 8px;
}
@media (max-width: 760px) {
  .brand img {
    width: 145px;
    height: 58px;
  }
}