:root{--green:#16833b;--dark:#12352a;--blue:#0b4778;--light:#f4faf6;--gold:#f3b51b;--text:#24332d;--muted:#62716a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5ece8}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;font-size:26px;color:var(--dark)}.logo span{color:var(--green)}nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}nav a:hover{color:var(--green)}
.btn{display:inline-block;padding:12px 19px;border-radius:7px;font-weight:800}.green{background:var(--green);color:#fff}.outline{border:2px solid var(--green);color:var(--green)}
.hero{padding:88px 0;background:linear-gradient(115deg,#edf9f0,#fff 58%,#eaf5fb)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.eyebrow{display:inline-block;background:#e1f3e6;color:var(--green);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:900;letter-spacing:.4px}.hero h1{font-size:clamp(42px,5.2vw,66px);line-height:1.06;color:var(--dark);margin:18px 0}.hero h1 span{color:var(--green)}.hero p{font-size:18px;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-box{background:#fff;padding:30px;border-radius:18px;box-shadow:0 18px 55px #183d2b18}.stats{display:grid;grid-template-columns:1fr 1fr;gap:13px}.stat{background:var(--light);padding:18px;border-radius:11px}.stat b{display:block;font-size:29px;color:var(--green)}.stat small{color:var(--muted)}
.strip{background:var(--dark);color:#fff;padding:28px 0}.stripgrid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:15px}.strip b{display:block;font-size:21px}.strip span{font-size:12px;color:#c7dcd1}
section{padding:74px 0}.sectionhead{text-align:center;max-width:730px;margin:0 auto 42px}.sectionhead h2{font-size:38px;line-height:1.2;color:var(--dark);margin:0 0 12px}.sectionhead p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e1eae5;border-radius:14px;padding:26px;background:#fff}.card h3{margin:5px 0 8px;color:var(--dark);font-size:20px}.card p{margin:0;color:var(--muted);font-size:14px}.icon{font-size:29px}
.alt{background:var(--light)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.twocol h2{font-size:38px;line-height:1.2;color:var(--dark);margin:10px 0}.checklist{display:grid;gap:13px;margin-top:23px}.check{display:flex;gap:12px}.check i{font-style:normal;color:var(--green);font-weight:900}
.feature{background:#fff;padding:28px;border-radius:16px;box-shadow:0 10px 35px #183d2b10}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.step{padding:18px 12px;background:#fff;border:1px solid #dfebe4;border-radius:12px;text-align:center}.step b{display:block;width:32px;height:32px;line-height:32px;margin:0 auto 10px;background:var(--green);color:#fff;border-radius:50%}
.brands{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.brand{border:1px solid #dce8e0;padding:13px 18px;border-radius:8px;font-weight:800;color:var(--blue);background:#fff}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{min-height:190px;border-radius:15px;padding:22px;display:flex;align-items:end;background:linear-gradient(145deg,#cde8d5,#eaf4f8);position:relative;overflow:hidden}.project:after{content:"Solar Project";position:absolute;right:-25px;top:18px;transform:rotate(35deg);background:#ffffffb5;padding:4px 28px;font-size:11px;font-weight:800}.project h3{margin:0;color:var(--dark)}.project p{margin:2px 0 0;font-size:13px;color:#53655d}
.cta{background:linear-gradient(120deg,var(--green),#0e6630);color:#fff}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:38px;line-height:1.15;margin:0 0 8px}.cta p{color:#dceee3}
form{display:grid;gap:12px}input,select,textarea{width:100%;padding:13px;border:1px solid #d6e2db;border-radius:7px;font:inherit}textarea{min-height:100px}
footer{background:#10251d;color:#d7e5de;padding:48px 0 22px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footgrid h3{color:#fff}.footgrid p,.footgrid li{font-size:14px;color:#b8cbc2}.footgrid ul{list-style:none;padding:0;display:grid;gap:6px}.copy{border-top:1px solid #2c443a;margin-top:28px;padding-top:16px;font-size:12px;color:#91a79c}
.floating{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;gap:8px}.float{padding:12px 15px;border-radius:30px;background:#16833b;color:#fff;font-weight:900;box-shadow:0 8px 25px #0002}
@media(max-width:850px){nav{display:none}.hero-grid,.twocol{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.stripgrid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr}}
@media(max-width:550px){.cards,.projects{grid-template-columns:1fr}.hero{padding:55px 0}.hero h1{font-size:42px}.stripgrid{grid-template-columns:1fr 1fr}.sectionhead h2,.twocol h2,.cta h2{font-size:30px}.floating{left:12px;right:12px;justify-content:center}.float{flex:1;text-align:center}}

.logo-img{height:52px;width:auto;display:block}.hero-photo{width:100%;height:390px;object-fit:cover;border-radius:18px;box-shadow:0 18px 55px #183d2b22}.photo-card{overflow:hidden;border-radius:15px;background:#fff;border:1px solid #e1eae5}.photo-card img{width:100%;height:220px;object-fit:cover;display:block}.photo-card .pcopy{padding:20px}.hero-photo-wrap{position:relative}.hero-photo-wrap:after{content:"SOLAR POWER SOLUTIONS";position:absolute;left:20px;bottom:20px;background:#12352add;color:#fff;padding:8px 13px;border-radius:6px;font-size:11px;font-weight:900;letter-spacing:.5px}
@media(max-width:850px){.hero-photo{height:300px}}