*{box-sizing:border-box}
:root{--navy:#082f63;--navy2:#0d427d;--blue:#0868c7;--green:#16883b;--yellow:#ffd928;--ink:#102d4f;--muted:#64748b;--pale:#f3f8fc}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);font-family:"Hind",Arial,sans-serif;background:#fff}
a{color:inherit;text-decoration:none}
.header{height:88px;padding:0 clamp(18px,5vw,76px);display:flex;align-items:center;gap:28px;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 5px 25px #082f630b}
.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}
.brand-symbol{height:53px;width:53px;display:grid;place-items:center;border-radius:50%;font:italic 800 42px Manrope,sans-serif;color:#16883b;position:relative;background:linear-gradient(140deg,#fff 42%,#eaf5e9)}
.brand-symbol span{position:absolute;right:-4px;top:-9px;color:#f4c500;font-size:20px}
.brand-name{display:flex;flex-direction:column;line-height:.9}
.brand-name b{font:800 27px Manrope,sans-serif;letter-spacing:1.6px;color:#092c63}
.brand-name strong{font:800 22px Manrope,sans-serif;letter-spacing:4px;color:#208b3e}
.brand-name small{font-size:9px;margin-top:6px;font-style:italic;white-space:nowrap}
.nav{display:flex;align-items:center;gap:clamp(12px,2.2vw,34px)}
.nav a{font:700 14px Manrope,sans-serif;padding:32px 0 29px;border-bottom:3px solid transparent;white-space:nowrap}
.nav a:hover,.nav a.active{color:var(--blue);border-color:var(--blue)}
.header-cta{display:flex;align-items:center;gap:11px;padding:14px 19px;background:#087c34;color:white;border-radius:13px;font-weight:700;white-space:nowrap;box-shadow:0 8px 18px #087c3422}
.header-cta span:last-child{font-size:20px}.whatsapp{font-size:21px}
.menu-btn{display:none;border:0;background:var(--navy);color:#fff;border-radius:9px;padding:8px 12px;font-size:24px}
.hero{min-height:670px;position:relative;overflow:hidden;background:linear-gradient(110deg,#fff 0%,#fff 43%,#f0f8ff 68%,#c6e7ff 100%)}
.hero-bg{position:absolute;right:0;top:0;width:60%;height:100%;background:linear-gradient(90deg,#fff 0%,#ffffff00 28%),url("assets/solar-home-family.jpg") center/cover no-repeat;opacity:.98}
.hero-content{position:relative;z-index:2;width:55%;max-width:740px;padding:62px 0 145px clamp(24px,7vw,110px)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font:800 11px Manrope,sans-serif;letter-spacing:1.8px;color:#14823a}
.sun-dot{width:9px;height:9px;border-radius:50%;background:#ffca18;box-shadow:0 0 0 5px #ffca182c}
.hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.05;letter-spacing:-1.7px;margin:17px 0 14px;color:#082f63;font-weight:800}
.hero h1 em,.section-heading h2 em,.contact-copy h2 em{font-style:normal;color:#13813a}
.hero-lead{font-size:clamp(19px,2vw,26px);line-height:1.45;font-weight:600;color:#253b51;margin:0 0 23px}
.scheme-card{display:flex;align-items:center;gap:15px;background:linear-gradient(110deg,#ffe42e,#ffcf00);padding:14px 20px;border-radius:15px;max-width:390px;box-shadow:0 12px 25px #dcae0028;transform:rotate(-1deg)}
.scheme-icon{display:grid;place-items:center;width:55px;height:55px;background:#fff9d9;border-radius:50%;font-size:32px;color:#16883b;flex-shrink:0}
.scheme-card span:last-child{display:flex;flex-direction:column;line-height:1.2;color:#092f63}
.scheme-card small{font-size:14px;font-weight:700}.scheme-card b{font-size:23px;font-weight:800}
.hero-actions{display:flex;align-items:center;gap:22px;margin-top:24px}
.btn{display:inline-flex;align-items:center;gap:18px;padding:15px 22px;border-radius:10px;font-weight:800;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #092f6324}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 8px 18px #082f632b}
.btn span{font-size:21px}.text-link{font-weight:800;color:var(--navy);border-bottom:1px solid #b8c8d8;padding:10px 0}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#4b6278;font-size:12px;font-weight:700}
.trust-row span: first-letter{color:var(--green)}
.hero-image{position:absolute;right:0;top:0;width:57%;height:100%;pointer-events:none}
.floating-card{position:absolute;right:5%;top:16%;display:flex;gap:11px;align-items:center;padding:13px 17px;background:#ffffffed;border:1px solid #fff;border-radius:14px;box-shadow:0 12px 35px #082f6321;backdrop-filter:blur(10px)}
.float-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e8f7ed;color:#12803a;font-size:25px}
.floating-card b,.floating-card small{display:block}.floating-card b{font-size:14px}.floating-card small{font-size:11px;color:var(--muted)}
.image-caption{position:absolute;right:6%;bottom:23%;padding:18px 22px;background:#082f63e8;color:white;border-radius:13px;line-height:1.15;box-shadow:0 12px 30px #082f632c}
.image-caption span{display:block;font:700 9px Manrope,sans-serif;letter-spacing:1.5px;color:#bfe6cb;margin-bottom:8px}.image-caption b{font-size:24px}
.hero-bottom{position:absolute;z-index:4;left:clamp(18px,5vw,76px);right:clamp(18px,5vw,76px);bottom:18px;min-height:92px;background:#082f63;color:#fff;border-radius:18px;display:flex;align-items:center;padding:15px 20px;gap:24px;box-shadow:0 18px 35px #082f632b}
.mini-brand{display:flex;flex-direction:column;min-width:145px;line-height:1.1}.mini-brand span{font-size:20px;color:#ffdf28}.mini-brand b{font:800 15px Manrope,sans-serif;letter-spacing:.7px}.mini-brand small{font-size:10px;color:#b9cce0;margin-top:4px}
.quick-stat{display:flex;flex-direction:column;border-left:1px solid #ffffff3b;padding-left:22px;min-width:95px}.quick-stat b{font:800 16px Manrope,sans-serif;color:#ffdf28}.quick-stat small{font-size:11px;color:#d5e1ee;margin-top:4px}
.bottom-call{margin-left:auto;background:#ffdf28;color:#092f63;border-radius:13px;padding:11px 15px;display:flex;align-items:center;gap:11px;min-width:265px}
.bottom-call>span:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#092f63;color:white;font-size:21px}.bottom-call small,.bottom-call b{display:block}.bottom-call small{font-size:11px;font-weight:700}.bottom-call b{font:800 18px Manrope,sans-serif;white-space:nowrap}.bottom-call i{font-style:normal;font-size:20px;margin-left:auto}
.section-wrap{max-width:1200px;margin:auto;padding:88px 28px}
.section-heading{margin-bottom:32px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2,.contact-copy h2{font-size:clamp(30px,4vw,46px);line-height:1.15;color:var(--navy);margin:0 0 10px;font-weight:800}.section-heading p,.contact-copy p{margin:0;color:#6b7c8f;font-size:16px}.centered{text-align:center}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.benefit-card{border:1px solid #e3edf5;border-radius:17px;padding:25px;background:#fff;box-shadow:0 10px 30px #0d427d08;transition:transform .25s,box-shadow .25s}
.benefit-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0d427d15}
.benefit-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;font-size:29px;font-weight:800;margin-bottom:18px}
.benefit-icon.blue{background:#e5f2ff;color:#0868c7}.benefit-icon.green{background:#e6f7eb;color:#16883b}.benefit-icon.orange{background:#fff2d8;color:#d68a00}.benefit-icon.purple{background:#f4e8ff;color:#7e37b9}.benefit-icon.teal{background:#e0f8f4;color:#078c7d}.benefit-icon.navy{background:#e8effa;color:#082f63}
.benefit-card h3{font-size:19px;margin:0 0 8px;color:#13365a}.benefit-card p{font-size:14px;line-height:1.7;color:#728196;margin:0}
.systems-section{background:var(--pale);padding:2px 0 30px}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.system-card{overflow:hidden;background:#fff;border:1px solid #e0eaf2;border-radius:19px;box-shadow:0 12px 30px #092f6309;transition:transform .25s}
.system-card:hover{transform:translateY(-5px)}.system-card.featured{border:2px solid #16883b}
.system-art{height:155px;position:relative;display:flex;align-items:center;justify-content:center;gap:22px;color:#fff;background:linear-gradient(135deg,#0a4d91,#0b83c9);overflow:hidden}
.system-art:before,.system-art:after{content:"";position:absolute;border:1px solid #ffffff2b;border-radius:50%;width:240px;height:240px}.system-art:after{width:170px;height:170px}
.system-art span{font-size:62px;text-shadow:0 5px 12px #001d3a50;z-index:1}.system-art i{font-style:normal;font-size:32px;color:#ffdf28;z-index:1}.system-art b{position:absolute;right:15px;bottom:12px;font:800 10px Manrope,sans-serif;letter-spacing:2px;color:#ffffffb8}
.system-art.hybrid{background:linear-gradient(135deg,#087c34,#35ac60)}.system-art.commercial{background:linear-gradient(135deg,#263c6d,#6b85ad)}
.system-info{padding:23px}.pill{display:inline-block;background:#e8f2ff;color:#0868c7;padding:5px 10px;border-radius:30px;font-size:11px;font-weight:800}.green-pill{background:#e5f7eb;color:#16883b}
.system-info h3{font-size:23px;margin:13px 0 7px;color:#102f55}.system-info p{font-size:14px;line-height:1.7;color:#718197;min-height:48px;margin:0 0 17px}.system-info a{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid #e9eff5;color:#087c34;font-weight:800}.system-info a span{font-size:22px}
.subsidy-band{margin:55px auto 0;max-width:1144px;border-radius:22px;padding:28px 34px;display:flex;align-items:center;gap:22px;background:linear-gradient(110deg,#082f63,#0c528e);color:#fff}
.subsidy-symbol{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:#ffdf28;color:#0b376a;font-size:38px;flex-shrink:0}
.subsidy-band .eyebrow{color:#aee3bd}.subsidy-band h2{margin:4px 0;font-size:26px}.subsidy-band p{margin:0;color:#d5e4f3;font-size:14px}.btn-light{margin-left:auto;background:#ffdf28;color:#082f63;white-space:nowrap}
.contact-section{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}
.contact-copy h2{font-size:clamp(36px,4.5vw,54px);margin:13px 0}.contact-copy p{max-width:470px;line-height:1.8;margin-bottom:24px}
.contact-panel{border:1px solid #dfeaf2;border-radius:20px;padding:28px;background:linear-gradient(145deg,#fff,#f5fbff);box-shadow:0 20px 45px #082f6310}
.contact-top{display:flex;align-items:center;gap:17px}.contact-icon{width:58px;height:58px;display:grid;place-items:center;background:#e3f7e9;color:#13813a;border-radius:16px;font-size:30px}.contact-top small,.contact-top b{display:block}.contact-top small{font-size:13px;color:#718197}.contact-top b{font:800 clamp(19px,2vw,25px) Manrope,sans-serif;color:#082f63;margin-top:4px}
.contact-line{height:1px;background:#e0eaf2;margin:24px 0}.contact-panel p{color:#6b7c8f;font-size:14px}.phone-link{display:block;color:#16883b;font-weight:800;margin-top:12px}
.footer{background:#061f43;color:#fff;padding:32px clamp(20px,6vw,90px);display:flex;align-items:center;gap:30px;flex-wrap:wrap}.footer-brand .brand-name b{color:#fff}.footer-brand .brand-name small{color:#bdccdd}.footer p{margin:0;color:#d1deec}.footer p span{color:#ffdf28;padding:0 8px}.back-top{margin-left:auto;color:#ffdf28;font-weight:700}.copyright{width:100%;border-top:1px solid #ffffff24;padding-top:17px;color:#aabbd0;font-size:12px}
@media(max-width:1100px){.header{padding:0 22px;gap:15px}.brand-name b{font-size:23px}.brand-name strong{font-size:19px}.nav{gap:13px}.nav a{font-size:12px}.header-cta{padding:12px;font-size:13px}.hero-content{width:60%;padding-left:5vw}.hero-bg{width:64%}.hero-bottom{gap:14px;padding:13px}.quick-stat{padding-left:13px;min-width:78px}.bottom-call{min-width:230px}.bottom-call b{font-size:15px}}
@media(max-width:760px){html{scroll-padding-top:75px}.header{height:72px;padding:0 15px;gap:10px}.brand-symbol{width:43px;height:43px;font-size:34px}.brand-name b{font-size:20px}.brand-name strong{font-size:17px;letter-spacing:3px}.brand-name small{font-size:7px}.menu-btn{display:block;margin-left:auto}.header-cta{display:none}.nav{display:none;position:absolute;left:0;right:0;top:72px;padding:10px 18px 16px;background:#fff;box-shadow:0 15px 25px #082f6319;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 5px;font-size:14px;border-bottom:1px solid #edf2f6}.nav a.active{border-bottom-color:#edf2f6}
.hero{min-height:850px;background:#f3faff}.hero-bg{width:100%;height:390px;top:0;background-image:linear-gradient(180deg,#ffffff00 45%,#f3faff 100%),url("assets/solar-home-family.jpg");background-position:center;background-size:cover;opacity:1}
.hero-image{width:100%;height:390px;top:0}.floating-card{top:20px;right:14px;padding:9px 12px}.float-icon{width:32px;height:32px;font-size:20px}.floating-card b{font-size:12px}.floating-card small{font-size:9px}.image-caption{display:none}
.hero-content{width:100%;max-width:none;padding:280px 20px 170px;background:linear-gradient(180deg,#ffffff00 0,#f3faff 21%,#f3faff 100%)}
.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.hero h1{font-size:clamp(39px,11vw,56px);margin:11px 0 8px;letter-spacing:-1px}.hero-lead{font-size:18px;margin-bottom:17px}
.scheme-card{padding:10px 13px;max-width:330px;gap:11px}.scheme-icon{width:43px;height:43px;font-size:25px}.scheme-card small{font-size:12px}.scheme-card b{font-size:19px}
.hero-actions{gap:16px;margin-top:18px;flex-wrap:wrap}.btn{padding:12px 15px;gap:10px;font-size:14px}.text-link{font-size:13px}.trust-row{gap:9px 14px;margin-top:18px;font-size:10px}
.hero-bottom{left:12px;right:12px;bottom:12px;min-height:auto;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-radius:14px}
.mini-brand{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}.mini-brand span{font-size:18px}.mini-brand b{font-size:13px}.mini-brand small{margin:0 0 0 auto;font-size:9px}
.quick-stat{padding-left:9px;min-width:0;border-left:1px solid #ffffff38}.quick-stat b{font-size:13px}.quick-stat small{font-size:10px}
.bottom-call{grid-column:1 / -1;min-width:0;margin:0;padding:9px 12px;border-radius:10px}.bottom-call>span:first-child{width:34px;height:34px;font-size:18px}.bottom-call small{font-size:10px}.bottom-call b{font-size:clamp(15px,4.5vw,19px)}.bottom-call i{font-size:18px}
.section-wrap{padding:55px 17px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:31px}.section-heading p{font-size:14px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.benefit-card{padding:16px 13px;border-radius:14px}.benefit-icon{width:43px;height:43px;border-radius:13px;font-size:24px;margin-bottom:12px}.benefit-card h3{font-size:15px;line-height:1.3}.benefit-card p{font-size:12px;line-height:1.55}
.systems-section{padding:1px 0 10px}.system-grid{grid-template-columns:1fr;gap:15px}.system-card{display:grid;grid-template-columns:34% 1fr;border-radius:15px}.system-art{height:100%;min-height:185px;display:flex;flex-direction:column;gap:6px}.system-art span{font-size:43px}.system-art i{font-size:23px}.system-art b{font-size:8px;right:8px;bottom:8px}.system-info{padding:16px 14px}.system-info h3{font-size:19px;margin:9px 0 5px}.system-info p{font-size:12px;line-height:1.55;min-height:0;margin-bottom:10px}.system-info a{padding-top:9px;font-size:13px}.pill{font-size:9px}
.subsidy-band{margin:28px 14px 0;padding:20px 16px;gap:12px;flex-wrap:wrap;border-radius:17px}.subsidy-symbol{width:49px;height:49px;border-radius:13px;font-size:27px}.subsidy-band>div:nth-child(2){flex:1;min-width:180px}.subsidy-band h2{font-size:19px}.subsidy-band p{font-size:12px;line-height:1.5}.subsidy-band .eyebrow{font-size:8px}.subsidy-band .btn{margin:0 0 0 61px}
.contact-section{grid-template-columns:1fr;gap:25px}.contact-copy h2{font-size:39px}.contact-copy p{font-size:14px}.contact-panel{padding:21px}.contact-top b{font-size:clamp(18px,5vw,24px)}
.footer{padding:27px 18px;gap:15px}.footer-brand .brand-symbol{width:40px;height:40px}.footer-brand .brand-name b{font-size:18px}.footer-brand .brand-name strong{font-size:15px}.footer p{font-size:12px}.back-top{margin-left:auto;font-size:12px}.copyright{font-size:11px}
}
@media(max-width:380px){.brand-name b{font-size:18px}.brand-name strong{font-size:15px}.hero-content{padding-left:15px;padding-right:15px}.hero-actions{gap:10px}.text-link{font-size:12px}.system-card{grid-template-columns:31% 1fr}.system-info{padding:13px 11px}.system-info h3{font-size:17px}.system-info p{font-size:11px}}