/* Keep image paths relative so the review file works when opened directly. */
.hero-image{background-image:url('./solar-rooftop.webp')}
.nav{gap:27px}
.service-card{position:relative;min-height:420px;padding:0 0 26px;overflow:hidden}
.service-photo{height:190px;overflow:hidden;background:#dce8e8}
.service-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.service-card:hover .service-photo img{transform:scale(1.055)}
.service-card .service-num{position:absolute;top:16px;left:18px;background:rgba(7,36,53,.86);color:#fff;padding:5px 9px;border-radius:2px;font-size:10px}
.service-card .service-icon{display:none}
.service-card h3,.service-card p,.service-card>a{margin-left:27px;margin-right:27px}
.service-card h3{margin-top:24px}
.service-card p{margin-bottom:20px}
.service-card>a{padding-top:15px}
.explorer-section{background:#fff}
.explorer-heading{display:flex;align-items:end;justify-content:space-between;gap:75px;margin-bottom:40px}
.explorer-heading>p{max-width:360px;color:var(--ink-soft);margin:0 0 7px}
.explorer-panel{display:grid;grid-template-columns:minmax(310px,.87fr) minmax(0,1.13fr);box-shadow:0 18px 55px rgba(6,40,55,.1);border:1px solid #dce6e3;overflow:hidden}
.explorer-controls{background:#eff4f0;padding:40px 43px 38px}
.panel-kicker{display:block;color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.16em}
.explorer-controls h3{font-size:25px;line-height:1.25;margin:12px 0 34px}
.range-label{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:14px;font-weight:700;margin-bottom:14px}
.range-label strong{font:800 20px Manrope,sans-serif;white-space:nowrap;color:var(--teal)}
.explorer-controls input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:6px;border-radius:100px;background:linear-gradient(90deg,var(--teal) var(--range-progress,50%),#c9d9d5 var(--range-progress,50%));cursor:pointer;margin:0}
.explorer-controls input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:20px;width:20px;border-radius:50%;border:4px solid #fff;background:var(--teal);box-shadow:0 0 0 1px var(--teal),0 3px 9px rgba(0,0,0,.18)}
.explorer-controls input[type=range]::-moz-range-thumb{height:14px;width:14px;border-radius:50%;border:4px solid #fff;background:var(--teal);box-shadow:0 0 0 1px var(--teal),0 3px 9px rgba(0,0,0,.18)}
.range-ends{display:flex;justify-content:space-between;color:#6b8288;font-size:10px;font-weight:700;margin-top:7px}
.field-hint{font-size:12px;line-height:1.55;color:#6b8288;margin:12px 0 35px;max-width:320px}
.reset-button{border:0;border-bottom:1px solid var(--teal);color:var(--teal);font-size:12px;font-weight:800;background:none;padding:0 0 5px;cursor:pointer}
.reset-button:hover{color:var(--dark)}
.explorer-results{background:#092e3c;color:#fff;padding:39px 42px 33px}
.result-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.result-top .panel-kicker{color:var(--lime)}
.live-indicator{font-size:10px;letter-spacing:.1em;color:#b3d1d4;white-space:nowrap}
.live-indicator span{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:6px}
.result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 0 34px}
.result-metric{border-top:1px solid rgba(255,255,255,.22);padding-top:15px}
.result-metric>span{display:block;color:#bdd2d3;font-size:12px}
.result-metric strong{display:block;font:700 clamp(2rem,3vw,3.2rem)/1.25 Manrope,sans-serif;letter-spacing:-.06em;color:var(--lime);margin-top:8px;white-space:nowrap}
.result-metric small{font-size:15px;letter-spacing:0;font-weight:600;margin-left:7px;color:#e7f1e9}
.chart-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;margin-bottom:15px}
.chart-heading span:last-child{font-size:9px;letter-spacing:.1em;color:#94b5b9;align-self:center}
.mini-chart{height:144px;display:flex;align-items:stretch;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.28)}
.bar-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:10px;color:#abc8ca;font-size:10px}
.bar-track{height:116px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.bar-track span{display:block;width:100%;max-width:24px;min-height:3px;background:linear-gradient(180deg,#ddfa7b,#4cc3ad);border-radius:2px 2px 0 0;transition:height .28s ease}
.result-note{margin:27px 0 0;color:#a7c1c4;font-size:11px;line-height:1.65}
.statement-section{background:linear-gradient(90deg,rgba(5,46,58,.94),rgba(5,84,91,.84)),url('./electrical-grid.webp') center 54%/cover no-repeat}
.contact-section{background:linear-gradient(110deg,rgba(8,36,55,.98),rgba(8,36,55,.93)),url('./solar-detail.webp') center/cover no-repeat}
@media(max-width:900px){.explorer-heading{gap:30px}.explorer-controls,.explorer-results{padding:32px}.service-card h3,.service-card p,.service-card>a{margin-left:22px;margin-right:22px}}
@media(max-width:700px){.explorer-heading{display:block}.explorer-heading>p{margin-top:23px;max-width:520px}.explorer-panel{grid-template-columns:1fr}.explorer-controls,.explorer-results{padding:29px 24px}.service-photo{height:205px}.result-metrics{gap:12px}.result-metric strong{font-size:clamp(1.55rem,7vw,2.5rem)}.mini-chart{gap:5px}.bar-item{font-size:8px}.chart-heading span:last-child{font-size:8px}}
@media(max-width:360px){.result-metrics{grid-template-columns:1fr}.result-metric strong{font-size:2.3rem}.live-indicator{display:none}}
/* Final Shakti Vidyut VU identity */
.brand-logo{display:block;width:52px;height:48px;object-fit:contain;object-position:center}
.brand{gap:12px}
.footer-brand-lockup{display:flex;align-items:center;gap:14px}
.footer-brand-lockup img{display:block;width:62px;height:50px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}
.footer-brand-lockup>div>span:nth-child(2){display:block;font:700 10px Manrope,sans-serif;letter-spacing:.2em;color:var(--lime)}
@media(max-width:700px){.brand-logo{width:43px;height:40px}.footer-brand-lockup img{width:54px;height:44px}}