*{box-sizing:border-box} :root{--navy:#071426;--navy2:#0b1d34;--blue:#2c61f0;--yellow:#fff15b;--ink:#101b2c;--muted:#697586}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#f7f8fa}.topline{height:4px;background:linear-gradient(90deg,#fff15b,#ffb53d,#2c61f0)}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(22px,6vw,92px);background:#fff;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--navy)}.brand img{width:68px;height:68px;border-radius:50%;object-fit:cover;border:1px solid #f0edbc}.brand-copy strong{font-family:Manrope,sans-serif;display:block;font-size:18px;letter-spacing:1.4px}.brand-copy strong b{color:#2452d8}.brand-copy small{display:block;color:#6e7888;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-top:5px}.header-note{font-size:12px;color:#667085;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#24bd82;box-shadow:0 0 0 4px #e5f8ef}.hero{min-height:650px;position:relative;overflow:hidden;background:var(--navy);color:white;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background-image:url("assets/electrical-showcase.jpg");background-position:center right;background-size:cover;opacity:.96}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,32,.98) 0%,rgba(4,16,32,.93) 30%,rgba(4,16,32,.55) 53%,rgba(4,16,32,.08) 100%),linear-gradient(0deg,rgba(4,16,32,.55),transparent 28%)}.hero-content{position:relative;z-index:1;max-width:720px;padding:82px clamp(22px,8vw,125px) 110px;width:70%}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:2.2px;color:var(--yellow)}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow span{display:inline-block;width:25px;height:2px;background:var(--yellow)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif}h1{font-size:clamp(37px,4.7vw,65px);line-height:1.13;letter-spacing:-2.5px;margin:25px 0 19px;font-weight:800}h1 em{font-style:normal;color:var(--yellow)}.hero-intro{font-size:16px;line-height:1.75;color:#d2dbe7;max-width:470px;margin-bottom:24px}.coming-label{display:inline-flex;align-items:center;gap:9px;background:rgba(255,241,91,.12);border:1px solid rgba(255,241,91,.42);color:var(--yellow);padding:11px 15px;font-size:20px;letter-spacing:2px;font-weight:700}.spark{font-size:16px}.hero-description{font-size:13px;line-height:1.8;color:#b7c2d1;max-width:465px;margin:21px 0 24px}.contact-button{display:inline-flex;align-items:center;gap:32px;padding:15px 19px;background:var(--yellow);color:#101b2c;text-decoration:none;font-weight:800;font-size:10px;letter-spacing:1.4px;transition:transform .2s,background .2s}.contact-button:hover{transform:translateY(-2px);background:#fff78b}.contact-button span{font-size:18px;line-height:10px}.hero-foot{position:absolute;bottom:0;left:clamp(22px,8vw,125px);right:clamp(22px,8vw,125px);z-index:1;display:flex;align-items:center;gap:16px;border-top:1px solid rgba(255,255,255,.17);padding:18px 0;color:#b7c2d1;font-size:8px;letter-spacing:1.8px}.foot-line{width:40px;height:1px;background:var(--yellow)}.section-wrap{padding:92px clamp(22px,8vw,125px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:38px}.section-kicker{color:#315be5}h2{font-size:clamp(30px,3.2vw,43px);letter-spacing:-1.4px;line-height:1.2;margin:13px 0 0;font-weight:800}h2 span{color:#315be5}.section-heading>p{max-width:380px;font-size:13px;line-height:1.8;color:#697586;margin:0 0 4px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-card{position:relative;min-height:220px;background:white;border:1px solid #e9edf2;padding:26px 22px 25px;transition:transform .2s,border-color .2s;overflow:hidden}.category-card:hover{transform:translateY(-5px);border-color:#c8d3f7}.category-card h3{font-family:Manrope,sans-serif;font-size:15px;margin:25px 0 9px}.category-card p{font-size:11px;line-height:1.7;color:#788292;max-width:180px;margin:0}.card-arrow{position:absolute;right:20px;top:20px;color:#315be5;font-size:18px}.category-icon{width:52px;height:52px;position:relative;background:#f1f4ff;border-radius:14px;display:flex;align-items:center;justify-content:center}.wire-icon span{width:26px;height:26px;border:4px solid #e6aa20;border-radius:50%;position:absolute}.wire-icon span:nth-child(1){transform:translate(-7px,2px);border-color:#e6aa20}.wire-icon span:nth-child(2){transform:translate(4px,-3px);border-color:#315be5}.wire-icon span:nth-child(3){transform:translate(4px,6px);border-color:#e94d52}.switch-icon{display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:4px}.switch-icon span{width:12px;height:12px;background:white;border:1px solid #315be5;border-radius:3px}.switch-icon span:nth-child(2){background:#315be5}.light-icon span{width:23px;height:23px;border:3px solid #e6aa20;border-radius:50%;box-shadow:0 0 0 7px #fff5cf}.light-icon span:after{content:"";position:absolute;width:12px;height:7px;border-top:3px solid #e6aa20;border-bottom:3px solid #e6aa20;left:17px;top:35px}.power-icon span{font-size:30px;font-weight:700;color:#315be5}.brands{background:#fff;border-top:1px solid #e9edf2;border-bottom:1px solid #e9edf2;padding:54px clamp(22px,8vw,125px) 30px}.brands-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.brands h2{font-size:30px}.brand-list{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px 30px;max-width:650px}.brand-list span{color:#7b8492;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.brand-list .brand-anchor{font-size:15px;letter-spacing:1.4px}.brand-list .brand-havells{font-style:italic;color:#737d8b}.brand-list .brand-finolex{letter-spacing:1px}.brand-list .brand-poly{letter-spacing:1.3px}.brand-list .brand-philips{font-weight:600}.brand-list .brand-legrand{font-size:21px;font-weight:600}.brand-note{font-size:10px;line-height:1.6;color:#8a93a1;margin:28px 0 0;text-align:right}.bottom-cta{position:relative;overflow:hidden;margin:55px clamp(22px,8vw,125px);padding:52px 58px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(44,97,240,.2);filter:blur(55px);right:20%;top:-160px}.cta-copy{position:relative}.cta-copy h2{font-size:36px;margin:12px 0}.cta-copy h2 span{color:var(--yellow)}.cta-copy p{font-size:12px;line-height:1.8;color:#bac5d4;margin:0;max-width:400px}.light-button{position:relative;flex-shrink:0}.footer{padding:25px clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8a93a1;font-size:10px;border-top:1px solid #e5e9ef}.footer-brand{text-decoration:none;font-weight:800;color:#1a2b44;letter-spacing:1.4px}.footer span{line-height:1.6}
@media(max-width:900px){.hero-content{width:78%;padding-left:6vw}.hero-shade{background:linear-gradient(90deg,rgba(4,16,32,.98),rgba(4,16,32,.75) 60%,rgba(4,16,32,.25))}.category-grid{grid-template-columns:repeat(2,1fr)}.brands-inner{align-items:flex-start;flex-direction:column;gap:30px}.brand-list{justify-content:flex-start}.brand-note{text-align:left}.hero-foot{left:6vw;right:6vw}.section-wrap{padding:72px 6vw}.brands{padding-left:6vw;padding-right:6vw}.bottom-cta{margin:42px 6vw;padding:42px 35px}}
@media(max-width:600px){.site-header{height:78px;padding:10px 18px}.brand{gap:9px}.brand img{width:52px;height:52px}.brand-copy strong{font-size:13px;letter-spacing:.8px}.brand-copy small{font-size:8px;letter-spacing:.8px}.header-note{display:none}.hero{min-height:690px;align-items:flex-start}.hero-image{background-position:62% center;opacity:.72}.hero-shade{background:linear-gradient(90deg,rgba(4,16,32,.97),rgba(4,16,32,.78)),linear-gradient(0deg,rgba(4,16,32,.5),transparent)}.hero-content{width:100%;padding:75px 24px 105px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:39px;letter-spacing:-1.7px;margin-top:24px}.hero-intro{font-size:14px}.hero-description{font-size:12px}.hero-foot{left:24px;right:24px;gap:10px;font-size:7px;letter-spacing:1px}.foot-line{width:20px}.section-wrap{padding:62px 22px}.section-heading{display:block}.section-heading>p{margin-top:20px}.category-grid{gap:10px}.category-card{padding:20px 15px;min-height:205px}.category-card h3{font-size:13px;line-height:1.4}.category-card p{font-size:10px}.category-icon{width:45px;height:45px}.brands{padding:42px 22px 24px}.brands h2{font-size:28px}.brand-list{gap:18px 22px}.brand-list span{font-size:15px}.brand-note{font-size:9px}.bottom-cta{margin:28px 16px;padding:35px 24px;display:block}.cta-copy h2{font-size:30px}.bottom-cta .contact-button{margin-top:25px}.footer{padding:22px;flex-wrap:wrap}.footer>span:last-child{width:100%}}

/* User-supplied electrical brand logo strip */
.brand-list{width:100%;max-width:760px;display:block}
.brand-logo-strip{display:block;width:100%;height:auto;object-fit:contain}
.brand-note{max-width:100%;font-size:10px;line-height:1.7}
.contact-details{padding-top:35px;padding-bottom:80px}
.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:48px;background:#fff;border:1px solid #e7ebf1;box-shadow:0 18px 55px rgba(15,35,65,.06)}
.contact-copy h2{margin-bottom:20px}
.contact-copy p{max-width:410px;font-size:13px;line-height:1.9;color:#697586}
.contact-info{display:flex;flex-direction:column;gap:21px}
.contact-item{display:flex;align-items:flex-start;gap:15px}
.contact-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#f0f3ff;color:#315be5;font-size:23px}
.contact-item strong{font-family:Manrope,sans-serif;font-size:12px;color:#142238}
.contact-item p{font-size:12px;line-height:1.8;color:#697586;margin:5px 0 0}
.contact-item a{color:#315be5;text-decoration:none}
.contact-item a:hover{text-decoration:underline}
.contact-mail{align-self:flex-start;margin-top:2px}
@media(max-width:900px){.contact-panel{gap:30px;padding:35px}}
@media(max-width:600px){.contact-details{padding:15px 22px 55px}.contact-panel{grid-template-columns:1fr;gap:30px;padding:26px 22px}.contact-copy h2{font-size:30px}.brand-list{max-width:100%}.brand-note{text-align:left}}