:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#0a2540;--secondary:#164064;--gold:#f5b840;--gold-grad:linear-gradient(135deg, #f5b840 0%, #e59d0d 100%);--success:#22c55e;--success-grad:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--danger:#ef4444;--text:#1a1a1a;--text-light:#555;--text-muted:#777;--white:#fff;--bg:#f8fafc;--bg-dark:#0a2540;--radius:12px;--radius-lg:24px;--shadow:0 4px 20px #00000014;--shadow-lg:0 12px 40px #0000001f;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:110px}section[id]{scroll-margin-top:110px}body{background:var(--bg);color:var(--text);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(100%,1600px);margin-inline:auto;padding-inline:clamp(20px,4vw,60px)}.section{width:100%;padding:clamp(60px,8vw,100px) 0}.section-header{text-align:center;z-index:1;margin-bottom:70px;position:relative}.section-badge,.section-tag{z-index:3;position:relative}.section-tag{color:var(--gold);letter-spacing:.5px;text-transform:uppercase;background:#f5b8401a;border-radius:30px;margin-bottom:12px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.section-header h2,.section-title{z-index:2;color:#f5b32c;margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;position:relative}.section-header h2 .accent,.section-title .accent{color:#f5b32c;background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;background-clip:initial}.section-desc,.section-subtitle{color:var(--text-muted);z-index:2;margin-top:20px;font-size:1.05rem;position:relative}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-gold{background:var(--gold-grad);color:var(--primary);box-shadow:0 6px 20px #f5b84059}.btn-gold:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 30px #f5b84073}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-call{background:var(--primary);color:#fff;box-shadow:0 6px 20px #0a25404d}.btn-call:hover{transform:translateY(-2px)}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366 0%,#128c4f 100%);box-shadow:0 6px 20px #25d36659}.btn-whatsapp:hover{transform:translateY(-2px)}.btn-small{padding:10px 22px;font-size:.9rem}.btn-large{padding:16px 36px;font-size:1.1rem}.btn-full{width:100%}.header{z-index:1000;transition:var(--transition);background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;height:85px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #00000014}.header.scrolled{background:#fff;box-shadow:0 2px 10px #00000014}.header-inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0 24px;width:min(100%,1600px);min-height:85px;margin-inline:auto;padding-inline:clamp(20px,4vw,60px);display:flex}.logo{color:#fff;white-space:nowrap;flex-shrink:0;align-items:center;gap:15px;margin-right:60px;font-size:1.45rem;font-weight:800;display:flex}.logo-text{color:#fff}.logo-image{object-fit:contain;image-rendering:auto;flex-shrink:0;width:60px;height:60px}.logo-icon{background:var(--gold-grad);width:48px;height:48px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.logo span{color:var(--gold)}.nav{white-space:nowrap;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:35px;display:flex}.nav a{color:#1e293b;transition:var(--transition);padding:5px 0;font-size:.95rem;font-weight:500;position:relative}.nav a:after{content:"";background:var(--gold);width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}.nav a:hover,.nav a.active{color:#fdba2d}.nav a:hover:after,.nav a.active:after{width:100%}.nav-dropdown{position:relative}.nav-dropdown-trigger{color:#1e293b;transition:var(--transition);align-items:center;gap:6px;padding:5px 0;font-size:.95rem;font-weight:500;display:inline-flex}.nav-dropdown-trigger i{transition:var(--transition);font-size:.8rem}.nav-dropdown:hover .nav-dropdown-trigger i{transform:rotate(180deg)}.nav-dropdown:hover .nav-dropdown-trigger,.nav-dropdown .nav-dropdown-trigger.active{color:#fdba2d}.nav-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;min-width:600px;transition:var(--transition);z-index:1000;background:#fffffff2;border-radius:16px;padding:24px;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 20px 60px #00000026}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.nav-dropdown-column{flex-direction:column;display:flex}.nav-dropdown-title{color:var(--primary);align-items:center;gap:10px;margin-bottom:16px;font-size:1.05rem;font-weight:700;display:flex}.nav-dropdown-title i{color:var(--gold);font-size:1.2rem}.nav-dropdown-list{flex-direction:column;gap:6px;list-style:none;display:flex}.nav-dropdown-list li{margin:0}.nav-dropdown-list a{color:var(--text);transition:var(--transition);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;font-weight:500;display:flex}.nav-dropdown-list a i{color:var(--gold);text-align:center;width:18px;font-size:.95rem}.nav-dropdown-list a:hover{color:var(--primary);background:#f5b8401a;transform:translate(4px)}.header-actions{white-space:nowrap;flex-shrink:0;align-items:center;gap:14px;margin-left:12px;display:flex}.header-call{background:var(--gold-grad);color:var(--primary);transition:var(--transition);white-space:nowrap;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:11px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.header-call:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5b84066}.header-call .phone-num{font-size:.95rem;line-height:1}.header-whatsapp{background:var(--success-grad);color:#fff;width:48px;height:48px;transition:var(--transition);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.header-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.menu-toggle span{width:28px;height:3px;transition:var(--transition);background:#fff;border-radius:3px}.hero{background:linear-gradient(135deg,#0a2540 0%,#0f3460 100%);height:100vh;min-height:100vh;padding-top:85px;position:relative;overflow:hidden}.hero-blob{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#f5b8401a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute}.hero-blob.b1{top:-150px;right:-100px}.hero-blob.b2{bottom:-200px;left:-150px}.hero-inner{padding-inline:clamp(20px,4vw,80px);grid-template-columns:minmax(0,55fr) minmax(0,45fr);justify-content:space-between;align-items:center;gap:clamp(30px,5vw,60px);width:100%;max-width:1920px;min-height:calc(100vh - 85px);margin-inline:auto;padding-top:0;padding-bottom:0;display:grid}.hero-content{color:#fff;max-width:640px}.hero-eyebrow{color:#fffc;align-items:center;gap:10px;margin-bottom:16px;font-size:.95rem;display:inline-flex}.hero-eyebrow .dot{background:var(--success);border-radius:50%;width:10px;height:10px}.hero-content h1{color:#fff;margin-bottom:18px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.15}.hero-content h1 .accent{color:var(--gold)}.hero-content .sub{color:#ffffffbf;margin-bottom:24px;font-size:1.05rem;line-height:1.7}.hero-badges{flex-wrap:nowrap;gap:10px;margin-bottom:32px;display:flex;overflow-x:auto}.hero-badge{color:#ffffffe6;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;display:inline-flex}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-image{flex:0 0 45%;justify-content:center;align-items:center;width:100%;min-width:500px;height:100%;margin-inline:0;animation:6s ease-in-out infinite float;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-img{object-fit:cover;object-position:center;image-rendering:auto;border-radius:30px;width:100%;max-width:700px;height:520px;transition:transform .4s;display:block;box-shadow:0 20px 60px #0000004d,0 0 40px #f5b84033}.hero-image:hover .hero-img{transform:scale(1.02)}@media (width<=1440px){.hero-inner{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}.hero-image{min-width:min(420px,100%)}}@media (width<=992px){.hero-inner{grid-template-columns:1fr;min-height:auto;padding-top:40px;padding-bottom:40px}.hero-content{max-width:none}.hero-image{order:2;width:100%;min-width:0;height:auto}.hero-img{max-width:100%;height:420px}}@media (width<=768px){.hero-inner{grid-template-columns:1fr}.hero-image{min-width:0}.hero-img{height:320px}}@media (width<=576px){.hero-inner{padding-inline:20px}.hero-img{height:280px}}.services-grid{grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);display:grid}@media (width<=1200px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.services-grid{grid-template-columns:1fr}}.service-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);background:#fff;overflow:hidden}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.service-img-wrapper{height:200px;overflow:hidden}.service-img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.service-card:hover .service-img{transform:scale(1.05)}.service-content{padding:24px}.service-icon{width:50px;height:50px;color:var(--gold);background:linear-gradient(135deg,#f5b84026,#e69d0d26);border-radius:14px;place-items:center;margin-bottom:16px;font-size:1.4rem;display:grid}.service-content h3{margin-bottom:10px;font-size:1.25rem}.service-content p{color:var(--text-muted);margin-bottom:18px;font-size:.95rem}.service-features{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.service-feature{background:var(--bg);color:var(--text-light);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;display:inline-flex}.service-feature i{color:var(--success)}.why-solar{background:linear-gradient(135deg,#f8fafc 0%,#e8f4ff 100%)}.why-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.why-card{border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow);transition:var(--transition);background:#fff;padding:30px}.why-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.why-icon{width:80px;height:80px;color:var(--gold);background:linear-gradient(135deg,#f5b8401f,#f5b8400d);border-radius:50%;place-items:center;margin:0 auto 20px;font-size:2.2rem;display:grid}.why-card h3{margin-bottom:10px}.why-card p{color:var(--text-muted);font-size:.95rem}.why-choose-us{background:#f8fafc}.why-choose-grid{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,36px);display:grid}@media (width<=992px){.why-choose-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.why-choose-grid{grid-template-columns:1fr}}.why-choose-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:var(--transition);background:#ffffffe6;border:1px solid #0000000d;border-radius:20px;flex-direction:column;align-items:center;padding:32px 24px;display:flex;box-shadow:0 4px 20px #0000000f}.why-choose-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f}.why-choose-card i{background:var(--gold-grad);width:50px;height:50px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;margin-bottom:18px;font-size:1.6rem;display:grid}.why-choose-card h3{color:var(--primary);margin-bottom:10px;font-size:1.1rem;font-weight:700}.why-choose-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.contact-premium{background:linear-gradient(135deg,#f8fafc 0%,#e8f4ff 100%);padding:100px 20px}.contact-premium .container{max-width:1300px}.contact-premium-grid{grid-template-columns:35% 65%;gap:clamp(24px,4vw,48px);display:grid}@media (width<=992px){.contact-premium-grid{grid-template-columns:45% 55%}}@media (width<=768px){.contact-premium-grid{grid-template-columns:1fr}}.contact-premium-info{flex-direction:column;gap:20px;display:flex}.contact-info-card{transition:var(--transition);background:#fff;border-radius:25px;align-items:flex-start;gap:20px;padding:30px;display:flex;box-shadow:0 8px 30px #00000014}.contact-info-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #0000001f}.contact-info-card i{background:var(--gold-grad);width:50px;height:50px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;font-size:1.4rem;display:grid}.contact-info-card h3{color:var(--primary);margin-bottom:6px;font-size:1.1rem;font-weight:700}.contact-info-card p,.contact-info-card a{color:var(--text-muted);transition:var(--transition);font-size:.95rem;line-height:1.7;text-decoration:none}.contact-info-card a:hover{color:var(--gold)}.contact-premium-form-container{display:flex}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:25px;width:100%;padding:40px;box-shadow:0 12px 50px #0000001a}.glass-card h3{color:var(--primary);margin-bottom:24px;font-size:1.5rem;font-weight:800}.enquiry-form .form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.enquiry-form .field-full{grid-column:1/-1}.enquiry-form .field label{color:var(--text);margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.enquiry-form .field input,.enquiry-form .field select,.enquiry-form .field textarea{width:100%;transition:var(--transition);background:#fffc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;font-family:inherit;font-size:1rem}.enquiry-form .field input:focus,.enquiry-form .field select:focus,.enquiry-form .field textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f5b84033}.enquiry-form .field textarea{resize:vertical;min-height:120px}.checkbox-row{grid-column:1/-1;align-items:center;gap:10px;margin:8px 0 16px;display:flex}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.checkbox-row label{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:500}.form-submit{color:#fff;cursor:pointer;width:100%;transition:var(--transition);background:linear-gradient(135deg,#ff7e5f 0%,#feb47b 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:1.05rem;font-weight:700;display:flex}.form-submit:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff7e5f66}.solar-types-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=992px){.solar-types-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.solar-types-grid{grid-template-columns:1fr}}.solar-type-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;transition:var(--transition);border-top:4px solid var(--gold);background:#fff;padding:30px}.solar-type-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.type-icon{color:var(--gold);margin-bottom:16px;font-size:3rem}.solar-type-card h3{margin-bottom:12px}.type-desc{color:var(--text-muted);margin-bottom:12px;font-size:.95rem}.type-best{color:var(--text-light);margin-bottom:16px;font-weight:600}.type-advantages{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.type-adv{color:var(--text-light);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.type-adv i{color:var(--success)}.type-cost{color:var(--gold);margin-bottom:20px;font-size:1.4rem;font-weight:700}.pm-surya-ghar{color:#fff;background:linear-gradient(135deg,#0a2540 0%,#164064 100%)}.pm-surya-ghar .section-header h2{color:#fff}.pm-surya-ghar .section-desc{color:#ffffffbf}.pm-grid{grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:32px;display:grid}.pm-col{border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid #ffffff1a;padding:24px}.pm-col h3{align-items:center;gap:10px;margin-bottom:16px;font-size:1.05rem;display:flex}.pm-list{list-style:none}.pm-list li{color:#ffffffd9;border-bottom:1px solid #ffffff0f;padding:8px 0;font-size:.9rem}.pm-list li:last-child{border-bottom:none}.pm-cta{text-align:center}.process-wrapper{grid-template-columns:repeat(6,1fr);gap:20px;display:grid;position:relative}.process-step{text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:30px 20px;position:relative}.step-number{background:var(--gold-grad);width:50px;height:50px;color:var(--primary);border-radius:50%;place-items:center;margin:0 auto 16px;font-size:1.5rem;font-weight:800;display:grid}.step-icon{color:var(--gold);margin-bottom:14px;font-size:2rem}.process-step h3{margin-bottom:8px;font-size:1.05rem}.process-step p{color:var(--text-muted);font-size:.9rem}.step-arrow{color:var(--gold);font-size:1.8rem;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}.process-step:last-child .step-arrow{display:none}.brands{background:linear-gradient(135deg,#f8fafc 0%,#e8f4ff 100%)}.brands-grid{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.brand-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);transition:var(--transition);background:#fff;padding:24px}.brand-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.brand-card i{color:var(--gold);margin-bottom:12px;font-size:2.5rem}.brand-card h4{font-size:1.05rem}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,20px);display:grid}@media (width<=992px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.gallery-grid{grid-template-columns:1fr}}.gallery-item{border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.gallery-item img{object-fit:cover;object-position:center;width:100%;height:200px}.gallery-caption{color:var(--primary);background:#fff;padding:14px 16px;font-weight:600}.calculator{color:#fff;background:linear-gradient(135deg,#0a2540 0%,#164064 100%)}.calculator .section-header h2{color:#fff}.calculator .section-desc{color:#ffffffbf}.calculator-wrapper{grid-template-columns:.7fr 1.3fr;align-items:start;gap:40px;display:grid}.calc-form{border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid #ffffff1f;padding:30px}.calc-form .field label{color:#ffffffe6;margin-bottom:8px;font-weight:600;display:block}.calc-form .field input,.calc-form .field select{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;width:100%;padding:14px 18px;font-size:1rem}.calc-form .field input::placeholder{color:#ffffff80}.calc-form .field+.field{margin-top:16px}.calc-results{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.calc-card{border-radius:var(--radius-lg);text-align:center;background:#ffffff14;border:1px solid #ffffff1f;padding:24px}.calc-card i{color:var(--gold);margin-bottom:10px;font-size:2rem}.calc-card h4{color:#fffc;margin-bottom:8px;font-size:.95rem;font-weight:500}.calc-value{color:#fff;font-size:1.5rem;font-weight:800}.reviews-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);display:grid}@media (width<=992px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.reviews-grid{grid-template-columns:1fr}}.review-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:30px}.review-stars{color:var(--gold);margin-bottom:14px;font-size:1.1rem}.review-text{color:var(--text-light);margin-bottom:20px;font-size:1rem;line-height:1.7}.review-author{align-items:center;gap:12px;display:flex}.review-author i{color:var(--text-muted);font-size:3rem}.review-author h5{font-size:1rem}.review-author p{color:var(--text-muted);font-size:.9rem}.reviews-nav{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.nav-btn{width:50px;height:50px;color:var(--primary);box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);background:#fff;border:none;border-radius:50%;font-size:1.2rem}.nav-btn:hover{background:var(--gold);color:var(--primary)}.faq{background:linear-gradient(135deg,#f8fafc 0%,#e8f4ff 100%)}.faq-wrapper{max-width:800px;margin:0 auto}.faq-item{border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);background:#fff;margin-bottom:12px;overflow:hidden}.faq-q{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.faq-q h4{font-size:1.05rem;font-weight:600}.faq-q i{transition:var(--transition);color:var(--gold);font-size:1.2rem}.faq-item.open .faq-q i{transform:rotate(180deg)}.faq-a{padding:0 24px 22px;display:none}.faq-a p{color:var(--text-muted);line-height:1.7}.faq-item.open .faq-a{display:block}.other-services-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.other-service-card{border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow);transition:var(--transition);background:#fff;border-top:4px solid #e2e8f0;padding:30px}.other-service-card:hover{box-shadow:var(--shadow-lg);border-top-color:var(--gold);transform:translateY(-6px)}.other-service-icon{color:var(--gold);margin-bottom:14px;font-size:2.5rem}.other-service-card h3{margin-bottom:10px}.other-service-card p{color:var(--text-muted);margin-bottom:18px;font-size:.95rem}.contact{color:#fff;background:linear-gradient(135deg,#0a2540 0%,#164064 100%)}.contact-inner{border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:40px;padding:40px 50px;display:flex}.contact-inner h2{margin-bottom:8px;font-size:2rem}.contact-inner h2 .accent{color:var(--gold)}.contact-inner p{color:#ffffffbf;font-size:1.05rem}.contact-actions{gap:12px;display:flex}.footer{color:#ffffffd9;background:#061a2d;padding:60px 0 30px}.footer-grid{grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,48px);margin-bottom:40px;display:grid}@media (width<=992px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.footer-grid{grid-template-columns:1fr}}.footer-col h3{align-items:center;gap:10px;margin-bottom:16px;font-size:1.4rem;display:flex}.footer-col h4{margin-bottom:16px;font-size:1.1rem}.footer-col p{color:#fff9;margin-bottom:18px;line-height:1.8}.social-links{gap:12px;display:flex}.social-links a{color:#ffffffe6;width:44px;height:44px;transition:var(--transition);background:#ffffff0f;border-radius:50%;place-items:center;display:grid}.social-links a:hover{background:var(--gold);color:var(--primary)}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#fff9;transition:var(--transition)}.footer-col ul li a:hover{color:var(--gold)}.contact-list li{align-items:start;gap:12px;display:flex}.contact-list i{color:var(--gold);margin-top:4px}.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff0f;padding-top:24px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.show{animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:520px;animation:.3s scaleIn;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{color:#fff;background:linear-gradient(135deg,#0a2540 0%,#164064 100%);padding:26px 30px;position:relative}.modal-header h3{margin-bottom:6px;font-size:1.4rem}.modal-header p{color:#ffffffbf;font-size:.95rem}.modal-close{color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);background:#ffffff26;border:none;border-radius:50%;font-size:1.2rem;position:absolute;top:20px;right:20px}.modal-close:hover{background:#ffffff40}.modal-body{padding:30px}.form-grid{flex-direction:column;gap:16px;display:flex}.field label{color:var(--text-light);margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.field input,.field select,.field textarea{width:100%;transition:var(--transition);border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px;font-family:inherit;font-size:1rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f5b84026}.field textarea{resize:vertical;min-height:100px}.checkbox-row{align-items:start;gap:10px;display:flex}.checkbox-row label{margin:0;font-size:.9rem}.form-submit{background:var(--gold-grad);width:100%;color:var(--primary);cursor:pointer;transition:var(--transition);border:none;border-radius:10px;padding:15px;font-size:1rem;font-weight:700}.form-submit:hover{transform:translateY(-2px)}.form-submit:disabled{opacity:.7;cursor:not-allowed}.success-popup{text-align:center;padding:20px 0}.success-popup .check{background:var(--success-grad);color:#fff;border-radius:50%;place-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:2.5rem;display:grid}.success-popup h3{margin-bottom:10px;font-size:1.5rem}.success-popup p{color:var(--text-muted);margin-bottom:24px}.success-popup .actions{justify-content:center;gap:12px;display:flex}.toast{box-shadow:var(--shadow-lg);border-radius:var(--radius);z-index:3000;background:#fff;align-items:center;gap:12px;padding:16px 20px;animation:.3s slideInRight;display:none;position:fixed;top:24px;right:24px}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.toast.show{display:flex}.toast i{font-size:1.3rem}.toast.error i{color:var(--danger)}.toast.success i{color:var(--success)}.floating-buttons{z-index:1000;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.floating-btn{width:56px;height:56px;box-shadow:var(--shadow-lg);transition:var(--transition);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.floating-btn:hover{transform:translateY(-4px)}.floating-call{background:var(--primary);color:#fff}.floating-whatsapp{background:var(--success-grad);color:#fff}.fab-top{background:var(--gold-grad);color:var(--primary);display:none}.fab-top.show{display:grid}.reveal{opacity:0;transition:all .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:.1s}.reveal.delay-2{transition-delay:.2s}.reveal.delay-3{transition-delay:.3s}.reveal.delay-4{transition-delay:.4s}@media (width<=1300px){.nav{gap:25px}.nav a{font-size:.9rem}}@media (width<=1150px){.nav{gap:20px}.logo{font-size:1.35rem}.header-call{padding:10px 18px}.header-call .phone-num{font-size:.9rem}}@media (width<=992px){.why-choose-grid{grid-template-columns:repeat(2,1fr)}.contact-premium-grid{grid-template-columns:45% 55%}.nav{background:var(--primary);z-index:999;flex-direction:column;gap:12px;max-height:calc(100vh - 85px);padding:25px 20px;display:none;position:fixed;top:85px;left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0003}.nav.open{display:flex}.nav a{color:#fff;padding:10px 0;font-size:1rem}.nav-dropdown{width:100%}.nav-dropdown-trigger{justify-content:space-between;width:100%}.nav-dropdown-menu{opacity:0;visibility:hidden;border-radius:12px;width:100%;min-width:100%;max-height:0;margin-top:12px;padding:16px;transition:all .3s;position:static;overflow:hidden;transform:none}.nav-dropdown:hover .nav-dropdown-menu{opacity:0;visibility:hidden;max-height:0;transform:none}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;max-height:1000px}.nav-dropdown-grid{grid-template-columns:1fr;gap:20px}.menu-toggle{display:flex}}@media (width<=768px){.header{height:80px}.logo{font-size:1.25rem}.logo-icon{width:44px;height:44px}.header-call .phone-num{display:none}.nav{top:80px}.hero-inner{grid-template-columns:1fr;gap:30px;height:auto;min-height:calc(100vh - 80px)}.hero-content h1{font-size:2.2rem}.services-grid,.why-grid,.why-choose-grid,.contact-premium-grid,.enquiry-form .form-grid,.solar-types-grid{grid-template-columns:1fr}.pm-grid{grid-template-columns:repeat(2,1fr)}.process-wrapper{grid-template-columns:repeat(3,1fr)}.step-arrow{display:none}.brands-grid,.gallery-grid{grid-template-columns:repeat(3,1fr)}.calculator-wrapper{grid-template-columns:1fr}.calc-results,.other-services-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.contact-inner{text-align:center;flex-direction:column}}@media (width<=576px){.header{height:76px}.logo{font-size:1.1rem}.logo-icon{width:40px;height:40px}.header-call{padding:9px 16px}.nav{top:76px}.hero-inner{grid-template-columns:1fr;gap:40px}.hero-content h1{font-size:2rem}.services-grid,.why-grid,.pm-grid,.process-wrapper{grid-template-columns:1fr}.brands-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.calc-results,.other-services-grid,.footer-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}}