.art{position:relative;display:grid;place-items:center;padding:36px;background:radial-gradient(circle at 48% 48%,#e8621a4d,transparent 52%)}.art>img{position:relative;z-index:1;width:min(100%,720px);height:auto;filter:drop-shadow(0 24px 16px #0004)}.art .note{z-index:2}.submit:disabled{cursor:wait;opacity:.7}
#form-status.error{color:#c0392b;font-weight:700}@media(max-width:850px){.art{min-height:340px;padding:26px}.art>img{width:min(100%,610px)}}@media(max-width:530px){.art{min-height:270px;padding:15px}.art>img{width:100%}}

/* Real logo mark in header/footer brand */
.brand>img.logo-mark{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #ffffff,0 0 0 4px #e8621a22,0 4px 10px #0002;flex-shrink:0}
footer .brand>img.logo-mark{box-shadow:0 0 0 3px #1a1a2e,0 0 0 4px #ffffff22,0 4px 10px #0004}
header .brand>img.logo-mark{width:66px;height:66px}
@media(max-width:530px){.brand>img.logo-mark{width:42px;height:42px}header .brand>img.logo-mark{width:52px;height:52px}}

/* Coverage / interactive map redesign */
.coverage{background:linear-gradient(180deg,#f8f9fa 0%,#eef2f1 100%)}
.coverage-copy{color:var(--m);font-size:15px;max-width:400px;margin:-6px 0 0}
.coverage-stats{display:flex;gap:30px;margin-top:36px;flex-wrap:wrap}
.coverage-stats div{padding-left:14px;border-left:2px solid var(--o)}
.coverage-stats b{display:block;color:var(--n);font-size:24px;line-height:1.2}
.coverage-stats span{font-size:11px;color:var(--m);letter-spacing:.03em}

.map{height:360px;border-radius:22px;box-shadow:0 24px 50px -20px #1a1a2e40,inset 0 0 0 1px #ffffffb0;background:linear-gradient(160deg,#eef4f2,#dbe7e3)}
.map:before{background:linear-gradient(135deg,#cbdfd7,#a7c6bc);box-shadow:inset 0 0 40px #ffffff55}
.map-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.map-lines line{stroke:#1a1a2e2e;stroke-width:.4;stroke-dasharray:2 2}
.map-lines line.active{stroke:var(--o);stroke-width:.5;stroke-dasharray:1.4 2}

.map .pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;background:var(--n);color:#fff;border:0;padding:8px 13px 8px 9px;border-radius:20px;font:700 11px/1 Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 18px #00000030;transition:transform .2s,background .2s;z-index:2}
.map .pin::first-letter{color:inherit}
.map .pin .dot{width:8px;height:8px;border-radius:50%;background:var(--o);position:relative;flex-shrink:0}
.map .pin .dot:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--o);opacity:.55;animation:pinpulse 2.4s ease-out infinite}
.map .pin:hover,.map .pin:focus-visible{transform:translate(-50%,-50%) scale(1.08);background:var(--o);outline:none}
.map .pin:hover .dot,.map .pin:focus-visible .dot{background:#fff}
.map .pin:hover .dot:after,.map .pin:focus-visible .dot:after{border-color:#fff}
.map .pin.hq{background:var(--o)}
.map .pin.hq .dot{background:#fff}
.map .pin.hq .dot:after{border-color:#fff}
.map .pin .tip{position:absolute;left:50%;bottom:calc(100% + 11px);transform:translateX(-50%) translateY(6px);background:white;color:var(--n);padding:9px 13px;border-radius:10px;font:600 11px/1.3 Inter,Arial,sans-serif;font-style:normal;white-space:nowrap;box-shadow:0 12px 26px #00000026;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.map .pin .tip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:white}
.map .pin:hover .tip,.map .pin:focus-visible .tip{opacity:1;transform:translateX(-50%) translateY(0)}
@keyframes pinpulse{0%{transform:scale(.6);opacity:.65}100%{transform:scale(2.4);opacity:0}}
.map p.map-hint{position:absolute;left:20px;right:auto;bottom:14px;width:auto;font:600 11px Inter,Arial,sans-serif;color:var(--n);opacity:.65;z-index:2;margin:0}

@media(max-width:850px){.map{height:320px}}
@media(max-width:530px){.map{height:300px}.map .pin{padding:7px 11px 7px 8px;font-size:10px}.map-hint{font-size:10px;left:16px}}

/* Kirloskar Powergen Generator Range — interactive product showcase */
#product-showcase{font-family:Inter,Arial,sans-serif;background:#F8F9FA;padding:100px max(5%,calc((100vw - 1170px)/2))}
#product-showcase *{box-sizing:border-box}
#product-showcase .ks-head{text-align:center;max-width:720px;margin:0 auto 36px}
#product-showcase .ks-head .eyebrow{text-align:center}
#product-showcase .ks-head h2{font-size:clamp(28px,3.5vw,38px);margin:0 0 10px}
#product-showcase .ks-head>p:last-child{font-size:15px;color:#666;margin:0}

#product-showcase .ks-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:34px}
#product-showcase .ks-tab{font-family:inherit;font-size:14px;font-weight:600;padding:12px 22px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;color:#666;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#product-showcase .ks-tab:hover{background:#FFF3EC}
#product-showcase .ks-tab.active{background:#E8621A;color:#fff;border-color:#E8621A}

#product-showcase .ks-panel{display:none;opacity:0;transition:opacity .35s ease}
#product-showcase .ks-panel.active{display:block}
#product-showcase .ks-panel.fade-in{opacity:1}

#product-showcase .swiper{padding:6px 6px 46px;overflow:hidden}
#product-showcase .swiper-slide{height:auto;display:flex}

#product-showcase .ks-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;width:100%;box-shadow:0 2px 10px #0000000a;transition:box-shadow .2s,transform .2s}
#product-showcase .ks-card:hover{box-shadow:0 14px 30px #00000014;transform:translateY(-3px)}

#product-showcase .ks-media{position:relative;aspect-ratio:16/9;background:#e9edf0;overflow:hidden}
#product-showcase .ks-media img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}
#product-showcase .ks-no-image-text{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:#9aa3ab;font-size:12px;font-weight:600}
#product-showcase .ks-media.no-image .ks-no-image-text{display:flex}

#product-showcase .ks-badge{position:absolute;top:10px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:5px 10px;border-radius:999px;color:#fff;text-transform:uppercase;z-index:2}
#product-showcase .ks-badge.fuel{left:10px}
#product-showcase .ks-badge.fuel.diesel{background:#E8621A}
#product-showcase .ks-badge.fuel.petrol{background:#27AE60}
#product-showcase .ks-badge.fuel.gas{background:#2563EB}
#product-showcase .ks-badge.emission{right:10px;background:#1A1A2E}

#product-showcase .ks-body{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1}
#product-showcase .ks-name{font-size:16px;font-weight:600;color:#1A1A2E;margin:0 0 3px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
#product-showcase .ks-model{font-size:12px;color:#666;margin:0 0 12px}

#product-showcase .ks-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin-bottom:14px}
#product-showcase .ks-specs div{font-size:13px;color:#555;line-height:1.4;display:flex;gap:5px;align-items:flex-start}

#product-showcase .ks-divider{height:1px;background:#E2E8F0;margin:0 0 14px}

#product-showcase .ks-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}
#product-showcase .ks-btn{display:block;text-align:center;font-family:inherit;font-size:13px;font-weight:700;padding:11px;border-radius:8px;text-decoration:none;cursor:pointer;transition:filter .15s,background .15s}
#product-showcase .ks-btn.primary{background:#E8621A;color:#fff;border:1px solid #E8621A}
#product-showcase .ks-btn.primary:hover{filter:brightness(0.93)}
#product-showcase .ks-btn.outline{background:transparent;color:#1A1A2E;border:1px solid #1A1A2E}
#product-showcase .ks-btn.outline:hover{background:#1A1A2E;color:#fff}

#product-showcase .swiper-button-next,#product-showcase .swiper-button-prev{color:#E8621A;top:44%;width:38px;height:38px;background:#fff;border-radius:50%;box-shadow:0 4px 14px #00000022}
#product-showcase .swiper-button-next:after,#product-showcase .swiper-button-prev:after{font-size:16px;font-weight:900}
#product-showcase .swiper-pagination-bullet{background:#d7dce1;opacity:1;width:8px;height:8px}
#product-showcase .swiper-pagination-bullet-active{background:#E8621A}

#product-showcase .ks-cta{margin-top:18px;background:#1A1A2E;border-radius:16px;padding:38px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
#product-showcase .ks-cta-text h3{color:#fff;font-size:22px;font-weight:700;margin:0 0 8px}
#product-showcase .ks-cta-text p{color:#c7cbd6;font-size:14px;margin:0;max-width:440px}
#product-showcase .ks-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
#product-showcase .ks-cta-btn{display:inline-block;padding:14px 22px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;white-space:nowrap}
#product-showcase .ks-cta-btn.quote{background:#E8621A;color:#fff}
#product-showcase .ks-cta-btn.whatsapp{background:#27AE60;color:#fff}
#product-showcase .ks-cta-btn:hover{filter:brightness(0.94)}

@media(max-width:850px){
  #product-showcase{padding:68px 6%}
  #product-showcase .ks-cta{flex-direction:column;text-align:center;padding:30px 24px}
  #product-showcase .ks-cta-text p{max-width:none}
  #product-showcase .ks-cta-actions{justify-content:center;width:100%}
  #product-showcase .ks-cta-btn{flex:1;text-align:center}
}
@media(max-width:530px){
  #product-showcase .ks-tab{padding:10px 16px;font-size:13px}
}

/* Customer testimonials — carousel of real Google reviews */
#testimonials{font-family:Inter,Arial,sans-serif;background:#fff;padding:100px max(5%,calc((100vw - 1170px)/2)) 130px;overflow:hidden}
#testimonials *{box-sizing:border-box}
#testimonials .tm-head{text-align:center;max-width:640px;margin:0 auto 30px}
#testimonials .tm-head .eyebrow{text-align:center}
#testimonials .tm-head h2{font-size:clamp(28px,3.5vw,38px);margin:0 0 12px}
#testimonials .tm-sub{color:#666;font-size:15px;margin:0 0 22px}

#testimonials .tm-summary{display:flex;flex-direction:column;align-items:center;gap:6px}
#testimonials .tm-avg-stars{display:flex;gap:3px;color:#E8621A}
#testimonials .tm-avg-stars .tm-star{color:#e2e8f0}
#testimonials .tm-avg-stars .tm-star.filled{color:#E8621A}
#testimonials .tm-avg-row{display:flex;align-items:baseline;gap:8px}
#testimonials .tm-avg-number{font-size:22px;font-weight:800;color:#1A1A2E}
#testimonials .tm-avg-count{font-size:13px;color:#666;font-weight:600}

#testimonials .tm-swiper{padding:34px 6px 54px;margin-top:8px}
#testimonials .swiper-slide{height:auto;display:flex;transition:opacity .4s ease,transform .4s ease;opacity:.55;transform:scale(.94)}
#testimonials .swiper-slide-active,#testimonials .swiper-slide-duplicate-active,#testimonials .swiper-slide-prev-active{opacity:1;transform:scale(1)}
#testimonials .swiper-slide-visible{opacity:1;transform:scale(1)}

#testimonials .tm-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:26px 24px;box-shadow:0 10px 30px -12px #1a1a2e1f;display:flex;flex-direction:column;width:100%;gap:14px}
#testimonials .tm-head-row,#testimonials .tm-head{display:block}
#testimonials .tm-card .tm-head{display:flex;align-items:flex-start;gap:12px;text-align:left;max-width:none;margin:0}

#testimonials .tm-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0}
#testimonials .tm-avatar.orange{background:#E8621A}
#testimonials .tm-avatar.green{background:#27AE60}
#testimonials .tm-avatar.navy{background:#1A1A2E}
#testimonials .tm-avatar.blue{background:#2563EB}

#testimonials .tm-who{flex:1;min-width:0}
#testimonials .tm-name{font-size:15px;font-weight:700;color:#1A1A2E;margin:0}
#testimonials .tm-meta{font-size:12px;color:#888;margin:2px 0 0}
#testimonials .tm-google{flex-shrink:0;display:flex;align-items:center;padding-top:2px;opacity:.85}

#testimonials .tm-stars{display:flex;gap:2px;color:#e2e8f0}
#testimonials .tm-stars .tm-star.filled{color:#E8621A}

#testimonials .tm-text{font-size:14px;line-height:1.6;color:#333;margin:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
#testimonials .tm-date{font-size:12px;color:#999;margin:0}

#testimonials .swiper-button-next,#testimonials .swiper-button-prev{color:#E8621A;width:38px;height:38px;background:#fff;border-radius:50%;box-shadow:0 4px 14px #00000022}
#testimonials .swiper-button-next:after,#testimonials .swiper-button-prev:after{font-size:15px;font-weight:900}
#testimonials .swiper-pagination-bullet{background:#d7dce1;opacity:1;width:8px;height:8px}
#testimonials .swiper-pagination-bullet-active{background:#E8621A}

@media(max-width:850px){
  #testimonials{padding:68px 6% 90px}
}
@media(prefers-reduced-motion:reduce){
  #testimonials .swiper-slide{transition:none}
}

/* Solutions section redesign — icon cards instead of plain bordered grid */
#solutions{position:relative;overflow:hidden}
#solutions:before{content:"";position:absolute;top:-120px;right:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#e8621a33,transparent 70%);pointer-events:none}
#solutions .eyebrow,#solutions h2{position:relative}
#solutions .solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border:0;margin-top:56px;position:relative}
#solutions .solutions a{background:linear-gradient(160deg,#ffffff10,#ffffff03);border:1px solid #ffffff1f;border-radius:16px;padding:28px 24px 26px;min-height:auto;display:flex;flex-direction:column;position:relative;transition:transform .25s ease,background .25s ease,border-color .25s ease}
#solutions .solutions a:first-letter{color:inherit;font-size:inherit}
#solutions .sol-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e8621a;color:#fff;font-size:22px;font-style:normal;margin-bottom:18px;transition:transform .25s ease}
#solutions .solutions b{margin:0 0 6px;font-size:16px;color:#fff}
#solutions .solutions small{font-size:13px;color:#c4c4cb;line-height:1.5}
#solutions .sol-arrow{position:absolute;top:26px;right:22px;color:#e8621a;opacity:0;transform:translateX(-6px);transition:opacity .25s ease,transform .25s ease;font-size:16px}
#solutions .solutions a:hover{transform:translateY(-4px);background:linear-gradient(160deg,#ffffff1c,#ffffff06);border-color:#e8621a55}
#solutions .solutions a:hover .sol-ico{transform:scale(1.08) rotate(-4deg)}
#solutions .solutions a:hover .sol-arrow{opacity:1;transform:translateX(0)}

@media(max-width:850px){
  #solutions .solutions{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:530px){
  #solutions .solutions{grid-template-columns:1fr;gap:14px;margin-top:40px}
  #solutions .solutions a{padding:22px 20px}
}

/* Track record — 20+ years / installations gallery, replaces old "services" section */
.track-record{background:#f8f9fa;padding:100px max(5%,calc((100vw - 1170px)/2));display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}
.track-record>*{min-width:0}
.track-record .tr-copy{color:#666;font-size:15px;max-width:420px;margin:0 0 30px}
.track-record .tr-stats{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:32px}
.track-record .tr-stats div{padding-left:14px;border-left:2px solid #E8621A}
.track-record .tr-stats b{display:block;color:#1A1A2E;font-size:22px;line-height:1.2}
.track-record .tr-stats span{font-size:11px;color:#666;letter-spacing:.03em}

.track-record .tr-gallery{width:100%;max-width:100%;height:440px;border-radius:20px;overflow:hidden;box-shadow:0 24px 50px -20px #1a1a2e33}
.track-record .swiper-slide{position:relative;height:100%;background:#e5ebeb}
.track-record .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}
.track-record .tr-caption{position:absolute;left:0;right:0;bottom:0;padding:34px 20px 16px;background:linear-gradient(0deg,#00000099,transparent);color:#fff;font-size:13px;font-weight:700}
.track-record .swiper-button-next,.track-record .swiper-button-prev{color:#1A1A2E;width:38px;height:38px;background:#fff;border-radius:50%;box-shadow:0 4px 14px #00000022}
.track-record .swiper-button-next:after,.track-record .swiper-button-prev:after{font-size:15px;font-weight:900}
.track-record .swiper-pagination-bullet{background:#ffffff88;opacity:1;width:8px;height:8px}
.track-record .swiper-pagination-bullet-active{background:#E8621A}

@media(max-width:850px){
  .track-record{grid-template-columns:1fr;gap:36px;padding:68px 6%}
  .track-record .tr-gallery{height:320px}
}
@media(max-width:530px){
  .track-record .tr-gallery{height:260px}
}

/* Power calculator — appliance load builder, replaces the old two-dropdown form */
.calc-intro .lede,.calc-intro>p:not(.eyebrow){color:#51515a;font-size:15px;max-width:420px}
.calc-points{list-style:none;padding:0;margin:22px 0 26px}
.calc-points li{font-size:13.5px;font-weight:600;color:#1A1A2E;padding:6px 0}
.calc-expert-link{color:#E8621A;font-weight:700;text-decoration:none;font-size:14px}
.calc-expert-link:hover{text-decoration:underline}

.calc-card{background:#fff;border-radius:14px;box-shadow:0 20px 45px -20px #1a1a2e33;padding:clamp(22px,3vw,34px)}
.calc-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.calc-card-head h4{font:700 12px Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#666;margin:0}
.calc-reset{background:none;border:0;color:#E8621A;font:700 12.5px Inter,Arial,sans-serif;cursor:pointer;padding:0}

.appliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}
.appliance{position:relative;border:1px solid #E2E8F0;border-radius:10px;padding:14px 12px 12px;display:flex;flex-direction:column;gap:8px;background:#fafafa;transition:border-color .2s,background .2s}
.appliance.on{background:#fff3ea;border-color:#E8621A}
.appliance-icon{font-size:22px;line-height:1}
.appliance b{font:700 12.5px Inter,Arial,sans-serif;color:#1A1A2E;line-height:1.25}
.appliance small{font:600 10.5px Inter,Arial,sans-serif;color:#888}
.appliance-check{position:absolute;top:10px;right:10px;width:16px;height:16px;border-radius:50%;border:1.5px solid #E2E8F0;display:grid;place-items:center;font-size:9px;color:transparent;transition:all .2s;background:#fff;line-height:1}
.appliance.on .appliance-check{background:#E8621A;border-color:#E8621A;color:#fff}

.appliance .qty{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #E2E8F0;border-radius:999px;padding:4px;margin-top:2px}
.appliance .qty button{width:40px;height:40px;border:0;background:#f1f1f1;border-radius:50%;font:700 17px Inter,Arial,sans-serif;cursor:pointer;color:#1A1A2E;display:grid;place-items:center;line-height:1;flex-shrink:0}
.appliance .qty button:hover{background:#e8e8e8}
.appliance .qty span{font:700 13px Inter,Arial,sans-serif;min-width:16px;text-align:center}

.calc-result{background:#1A1A2E;border-radius:12px;padding:22px 24px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px}
.calc-result:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(232,98,26,.35),transparent 60%)}
.calc-result-figures{position:relative;display:flex;gap:28px;flex-wrap:wrap}
.calc-result-figures div span{display:block;font:600 10.5px Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#c8c8d0;margin-bottom:4px}
.calc-result-figures b{font:800 26px Inter,Arial,sans-serif}
.calc-result-figures .unit{font-size:13px;font-weight:600;color:#c8c8d0}
.calc-empty{color:#c8c8d0;font:600 13.5px Inter,Arial,sans-serif;position:relative;margin:0}
#calcCta{position:relative}

@media(max-width:850px){
  .appliance-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:530px){
  .appliance-grid{grid-template-columns:repeat(2,1fr)}
  .calc-result{padding:18px}
}

/* Kirloskar Powergen partner-logo badge (trust bar) */
.trust .partner-logo{height:22px;width:auto;display:block}
@media(max-width:530px){.trust .partner-logo{height:17px}}