/* Page refinements staged for review before the next Hostinger upload. */
.ecosystem h2>span{max-width:100%}
.energy-map:before{background-image:linear-gradient(#bfd9cb21 1px,transparent 1px),linear-gradient(90deg,#bfd9cb21 1px,transparent 1px);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 95%);animation:energy-grid-drift 18s linear infinite}
@keyframes energy-grid-drift{to{background-position:48px 48px}}
@media(max-width:1050px){.ecosystem h2{font-size:clamp(3.5rem,7.6vw,6rem)}}
@media(max-width:760px){
  .ecosystem h2{font-size:clamp(2.4rem,10.3vw,4.6rem);line-height:.93;letter-spacing:-.018em}
  .ecosystem h2>span{display:block;white-space:normal;overflow-wrap:normal}
  .ecosystem h2>span:nth-child(2){font-size:.93em}
  .energy-map{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:20px 16px 22px}
  .energy-map svg{display:block;inset:0;width:100%;height:100%;opacity:.55;z-index:0;pointer-events:none}
  .energy-map .map-node,.energy-map .map-core,.energy-map .live-status{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;z-index:1}
  .energy-map .map-node{width:auto;min-height:76px;padding:12px;grid-template-columns:24px 1fr;gap:0 8px}
  .energy-map .map-node i{font-size:1.15rem}
  .energy-map .map-node b{font-size:.9rem}
  .energy-map .map-core{grid-column:1/-1;grid-row:2;width:min(100%,240px);height:245px;margin:auto}
  .energy-map .map-core img{height:150px;width:110px}
  .energy-map .solar-node{grid-column:1;grid-row:1}
  .energy-map .battery-node{grid-column:2;grid-row:1}
  .energy-map .grid-node{grid-column:1;grid-row:3}
  .energy-map .load-node{grid-column:2;grid-row:3}
  .energy-map .live-status{grid-column:1/-1;grid-row:4;margin:6px 0 0;justify-self:start;width:100%;font-size:.55rem}
}
@media(max-width:380px){.ecosystem h2{font-size:clamp(2.1rem,10vw,2.55rem)}}
@media(max-width:900px){.system-card h3{font-size:clamp(1.65rem,4.5vw,2.2rem);overflow-wrap:break-word}}

/* Official unlabeled state-boundary outline; logo markers align to its viewBox. */
.network-map{height:auto;min-height:0;padding:25px 24px 18px;display:flex;flex-direction:column;align-items:center;overflow:visible}
.network-map>.india-map-canvas{position:relative;right:auto;bottom:auto;width:min(100%,510px);aspect-ratio:530/600;flex:none;padding:0;background:transparent;display:block}
.network-map .india-outline{display:block;width:100%;height:100%;object-fit:fill}
.network-map .state-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);width:26px;height:26px;padding:3px;border:1px solid #e9d8a8;border-radius:50%;background:#f9f5e9;box-shadow:0 4px 15px #0008;transform:translate(-50%,-50%);display:grid;place-items:center;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}
.network-map .state-pin img{display:block;width:100%;height:100%;object-fit:contain}
.network-map .state-pin:hover,.network-map .state-pin.active,.network-map .state-pin:focus-visible{transform:translate(-50%,-50%) scale(1.25);background:#ffca64;box-shadow:0 0 0 7px #ffbf3c38,0 8px 24px #0008;z-index:6}
.network-map .state-pin:focus-visible,.state-list .state-chip:focus-visible{outline:2px solid #ffca64;outline-offset:3px}
.network-map .state-pin:before{content:"";position:absolute;inset:-9px}
.network-map>.map-current-state{position:relative;right:auto;bottom:auto;width:min(100%,510px);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:14px 17px;background:#f0b445;color:#0e211c}
.map-current-state span{font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.map-current-state strong{font:800 clamp(1.1rem,2vw,1.45rem)/1 var(--display);text-transform:uppercase;text-align:right}
.map-credit{align-self:center;width:min(100%,510px);padding-top:12px;color:#b9ccc3;font-size:.64rem}
.state-list .state-chip{min-height:44px;font-family:inherit;font-size:.72rem;line-height:1.2}
.state-list .state-chip:hover:not(.active){background:#f0eadb;color:#10221d;border-color:#ae8745}
@media(max-width:760px){
  .family-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px;height:auto}
  .family-tabs button{width:100%;min-width:0;height:auto;min-height:50px;padding:12px;text-align:center}
  .family-tabs button:last-child{grid-column:1/-1}
  .network-map{padding:16px 12px}
  .network-map .state-pin{width:20px;height:20px;padding:2px}
  .network-map .state-pin:hover,.network-map .state-pin.active,.network-map .state-pin:focus-visible{box-shadow:0 0 0 5px #ffbf3c38,0 6px 18px #0008}
  .map-current-state{padding:11px 12px}
  .map-current-state strong{font-size:1.05rem}
}
@media(max-width:420px){.network-map .state-pin{width:16px;height:16px;padding:1px}}
.comparison-swipe-hint{display:none}
@media(max-width:760px){.comparison-swipe-hint{display:block;margin:10px 0 8px;color:#ffca64;font-size:.75rem;font-weight:800}}

/* Best-fit legends no longer contain number badges; give headings their full width. */
.fit-step legend{display:block;width:100%;max-width:100%;margin:0 0 18px;padding:0;float:none}
.fit-step legend>span,.fit-step legend>small{display:block;width:100%;max-width:100%}
.fit-step legend>span{font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.12;letter-spacing:.01em}
.fit-step legend>small{margin-top:6px;font-size:.76rem;line-height:1.45;color:#c5d3ce}
.fit-result-card{position:static;top:auto;min-height:0;align-self:start}
.system-finder .fit-result-card .fit-review{background:#f4e3bd;border-left-color:#d79316;color:#18221f}
.system-finder .fit-result-card .fit-review b{color:#18221f}
.system-finder .fit-result-card .fit-review p{color:#34413d!important;opacity:1}
.fit-empty{position:static;display:block;min-height:0;padding:10px 0;overflow:visible}
.fit-empty::before,.fit-empty::after{content:none;display:none}
.fit-empty h3{max-width:22ch;font-size:clamp(2rem,3vw,2.8rem);line-height:1.02;margin:18px 0}
.fit-empty p{max-width:38ch;line-height:1.6}
@media(max-width:650px){.fit-step legend{display:block}.fit-empty{min-height:0;padding:4px 0}}

/* Service QR remains fully visible and large enough to scan. */
.qr-flow-head{grid-template-columns:minmax(0,1fr) minmax(280px,385px);align-items:center;gap:clamp(26px,5vw,70px)}
.qr-flow-head h2{font-size:clamp(3.25rem,5.6vw,5.6rem);line-height:.9}
.qr-flow-scan{display:block;max-width:385px;padding:0;border:0;background:transparent;box-shadow:none}
.qr-flow-scan img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain;padding:0;background:transparent;clip-path:inset(1.5%)}
.qr-flow-scan span{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 5px 0;color:#fff}
.qr-flow-scan b{font-size:1.5rem}
.qr-flow-scan small{color:#ffc354}
@media(max-width:900px){.qr-flow-head{grid-template-columns:1fr}.qr-flow-scan{width:min(100%,360px);max-width:none;margin:auto}}
@media(max-width:650px){.qr-flow-head h2{font-size:clamp(2.45rem,10.8vw,4rem)}.qr-flow-scan{width:min(100%,315px)}.qr-flow-scan b{font-size:1.3rem}}

/* Approved team numbers, grouped consistently in Home, Contact, and footer. */
.contact-number-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-number-groups>div,.contact-route-numbers>p,.footer-phone-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.contact-number-groups span,.contact-route-numbers strong,.footer-phone-group strong{color:#ffca64;font-size:.67rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.contact-number-groups a,.contact-route-numbers a{white-space:nowrap}
.contact-route-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}
.contact-route-numbers>p{margin:0!important}
.contact-route-numbers a{color:#f4f6ef;text-decoration:none;font-size:.88rem}
.footer-phone-group{margin:12px 0}
.footer-phone-group strong{color:#e1b859}
.footer-phone-group a{white-space:nowrap}
@media(max-width:760px){.contact-number-groups,.contact-route-numbers{grid-template-columns:1fr}.contact-number-groups{gap:20px}}

/* Careers page: distinct but within the established palette and component rhythm. */
.careers-page .career-intro{max-width:760px}
.careers-page .career-intro p{font-size:1.02rem;line-height:1.7;color:#3d4a46}
.careers-page .career-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.careers-page .career-focus article{min-height:245px;padding:26px;background:#efede6;border:1px solid #b8c0ba;display:flex;flex-direction:column}
.careers-page .career-focus svg{width:40px;height:40px;color:#a86b08;stroke:currentColor;fill:none;stroke-width:1.7}
.careers-page .career-focus h3{margin:auto 0 12px;font:800 2rem/1 var(--display);text-transform:uppercase}
.careers-page .career-focus p{margin:0;color:#3d4a46;font-size:.9rem;line-height:1.55}
.careers-page .career-note{margin:26px 0 0;padding:18px 20px;border-left:3px solid #b77a13;background:#f5f1e6;color:#34423d}
.careers-page .career-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.careers-page .career-steps article{padding:24px;border:1px solid #ffffff35;background:#ffffff0a}
.careers-page .career-steps b{color:#ffc354;font-size:.68rem;letter-spacing:.1em}
.careers-page .career-steps h3{margin:14px 0 8px;font:800 1.75rem/1 var(--display);text-transform:uppercase}
.careers-page .career-steps p{margin:0;color:#c4d1cd;font-size:.87rem}
@media(max-width:900px){.careers-page .career-focus,.careers-page .career-steps{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.careers-page .career-focus,.careers-page .career-steps{grid-template-columns:1fr}.careers-page .career-focus article{min-height:0;gap:16px;padding:22px}.careers-page .career-focus h3{margin:0;font-size:1.8rem}}

/* The founder portrait must stay within its own row, without cropping. */
.about-page .split-feature{background:#eeeae0}
.about-page .split-feature>img{display:block;object-fit:contain;object-position:center bottom;background:#eeeae0}
.about-page .split-feature>div{background:#142923;color:#fff}
.about-page .split-feature p{color:#d4e0da}
.about-page .split-feature small{color:#b9ccc3}
@media(max-width:900px){
  .about-page .split-feature{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:0}
  .about-page .split-feature>img{width:min(100%,540px);height:auto;max-height:none;aspect-ratio:922/1383;justify-self:center}
  .about-page .split-feature>div{min-width:0;padding:clamp(32px,6vw,52px) clamp(20px,6vw,44px)}
  .about-page .split-feature h2{font-size:clamp(2.65rem,8vw,4.5rem);line-height:.95;overflow-wrap:normal;word-break:normal}
}
@media(max-width:600px){
  .about-page .split-feature>img{width:min(100%,460px)}
  .about-page .split-feature h2{font-size:clamp(2.45rem,10.7vw,3.7rem)}
  .about-page .split-feature p{font-size:.96rem;line-height:1.65}
}

/* Final resource-centre, navigation and interaction polish. */
.nav-shell>nav .mobile-careers-link{display:none!important}
.site-header .nav-products{align-self:stretch;display:flex;align-items:center}
.site-header .nav-products>.mega{top:100%;margin-top:0}

main a,.utility a,.footer-main a,.footer-legal a{transition:color .25s ease,opacity .25s ease,transform .25s var(--ease)}
main a:hover,.utility a:hover{transform:translateY(-1px)}
.footer-main>div:not(:first-child)>a,.footer-phone-group a,.footer-legal a{position:relative;width:max-content;max-width:100%;text-decoration:none;padding-bottom:3px}
.footer-main>div:not(:first-child)>a:after,.footer-phone-group a:after,.footer-legal a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--solar);transition:right .3s var(--ease)}
.footer-main>div:not(:first-child)>a:hover:after,.footer-phone-group a:hover:after,.footer-legal a:hover:after{right:0}

.downloads-page .downloads-hero img{object-fit:contain;object-position:right center}
.download-index{background:#f4f1e8}
.download-jump{display:flex;gap:8px;flex-wrap:wrap;margin:-12px 0 40px}
.download-jump a{padding:10px 15px;border:1px solid #aeb6af;text-decoration:none;text-transform:uppercase;font-size:.65rem;font-weight:800;letter-spacing:.06em;background:#fff8}
.download-jump a:hover{background:#102a25;color:#fff;border-color:#102a25}
.resource-feature{display:grid;grid-template-columns:190px 1fr auto;gap:30px;align-items:center;padding:34px;background:#102a25;color:#fff;border-left:5px solid var(--solar)}
.resource-feature>span{color:#ffc24b;font-size:.64rem;font-weight:800;letter-spacing:.11em}
.resource-feature h3{font:800 clamp(2rem,3vw,3rem)/1 var(--display);text-transform:uppercase;margin:0}
.resource-feature p{margin:7px 0 0;color:#bdcbc6}
.resource-feature a{display:flex;align-items:center;gap:22px;padding:14px 17px;background:var(--solar);color:#101918;text-decoration:none;text-transform:uppercase;font-size:.65rem;font-weight:800}
.resource-feature a:hover{background:#ffd06b}
.resource-feature i,.download-resource-row i,.video-open i{font-style:normal;font-size:1rem}
.download-library{background:#f7f5ee;scroll-margin-top:100px}
.download-library-alt{background:#dbe3df}
.download-group-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:40px}
.download-group-head span{display:block;color:#8a5a06;font-size:.66rem;font-weight:800;letter-spacing:.14em;margin-bottom:14px}
.download-group-head h2{font:800 clamp(3.2rem,6vw,6rem)/.88 var(--display);text-transform:uppercase;margin:0}
.download-group-head>p{margin:0;max-width:490px;padding:18px;border-top:2px solid #b27a18;color:#3d4a46}
.download-resource-list{border-top:1px solid #9ea9a2}
.download-resource-row{grid-template-columns:155px minmax(0,1fr) 70px 108px;gap:24px;border-color:#aab4ad;padding:24px 12px;transition:background .3s ease,padding .3s var(--ease)}
.download-resource-row:hover{background:#fff9;padding-left:20px;padding-right:20px}
.download-resource-row>span{color:#76500e}
.download-resource-row h3{font-size:clamp(1.55rem,2.3vw,2.15rem)}
.download-resource-row>small{color:#64706c;font-size:.68rem;white-space:nowrap}
.download-resource-row>a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#342405;border-color:#837357;background:#fff8}
.download-resource-row>a:hover{background:var(--solar);color:#101918;border-color:var(--solar)}

.video-guides{background:#071714;color:#fff}
.video-guides .section-label{color:#aabcb6;border-color:#ffffff2b}
.video-guides .inner-title>p{color:#c5d2ce;border-color:#be8a2b;background:#ffffff08}
.video-guide-list{border-top:1px solid #ffffff31}
.video-guide-card{display:grid;grid-template-columns:145px minmax(0,1fr) auto;gap:35px;align-items:center;padding:34px 12px;border-bottom:1px solid #ffffff2b;transition:background .3s,padding .3s var(--ease)}
.video-guide-card:hover{background:#ffffff08;padding-left:20px;padding-right:20px}
.video-guide-card>span{align-self:start;color:#e9b558;font-size:.63rem;font-weight:800;letter-spacing:.12em}
.video-guide-card h3{font:800 clamp(2rem,3.8vw,3.8rem)/.92 var(--display);text-transform:uppercase;margin:0}
.video-guide-card p{color:#adbfba;max-width:650px;margin:9px 0 18px}
.video-open{border:0;background:transparent;color:#ffc24b;padding:0;font:800 .67rem var(--body);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;display:flex;gap:14px;align-items:center;transition:color .25s,transform .25s}
.video-open:hover{color:#fff;transform:translateX(4px)}
.video-language{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.video-language button,.video-modal-foot button{border:1px solid #ffffff50;border-radius:100px;background:transparent;color:#fff;padding:9px 14px;font:700 .62rem var(--body);cursor:pointer;transition:.25s}
.video-language button:hover,.video-language button.active,.video-modal-foot button:hover,.video-modal-foot button.active{background:var(--solar);border-color:var(--solar);color:#111918}
.video-modal{width:min(1000px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:1px solid #ffffff38;background:#071714;color:#fff;box-shadow:0 35px 100px #000a}
.video-modal::backdrop{background:#020b09db;backdrop-filter:blur(8px)}
.video-modal-shell{padding:24px}
.video-modal-head{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:18px}
.video-modal-head span{color:#e8b252;font-size:.62rem;font-weight:800;letter-spacing:.12em}
.video-modal-head h2{font:800 clamp(1.8rem,4vw,3.2rem)/1 var(--display);text-transform:uppercase;margin:7px 0 0}
.video-modal-head>button{width:44px;height:44px;border:1px solid #ffffff45;background:transparent;color:#fff;font-size:1.8rem;cursor:pointer}
.video-modal video{display:block;width:100%;max-height:68svh;background:#000}
.video-modal-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;text-transform:uppercase;font-size:.62rem;letter-spacing:.1em}
.video-modal-foot>div{display:flex;gap:7px}
.custom-cursor-ready .video-modal,.custom-cursor-ready .video-modal *{cursor:auto!important}
.custom-cursor-ready .video-modal button,.custom-cursor-ready .video-modal video{cursor:pointer!important}

@media(max-width:1240px){
  .nav-shell>nav.open .mobile-careers-link{display:flex!important;width:100%;margin-top:14px;padding:14px 16px!important;background:var(--solar);color:#111918!important;justify-content:space-between;align-items:center}
  .nav-shell>nav.open .mobile-careers-link i{font-style:normal}
}
@media(max-width:760px){
  .ecosystem{padding-top:48px!important}
  .ecosystem .section-label{margin-bottom:24px!important}
  .ecosystem h2{font-size:clamp(2.75rem,13.5vw,4.15rem)!important;line-height:.9!important}
  .ecosystem-head{gap:20px!important}
  .ecosystem-head>p{margin:0!important;padding:15px 16px!important;border-left:2px solid var(--solar);font-size:.88rem!important;line-height:1.6}
  .ecosystem-highlights{gap:8px;border-top:0}
  .ecosystem-highlights article{grid-template-columns:25px 72px 1fr!important;padding:13px!important;border:1px solid #ffffff24;background:#ffffff06}
  .ecosystem-console{margin-top:28px!important}
  .source-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}
  .source-tabs button{height:66px!important;min-width:0!important;border-bottom:1px solid #ffffff28;padding:10px!important;text-align:left!important;display:grid!important;grid-template-columns:1fr auto!important}
  .source-tabs button small{display:block!important;grid-column:1;font-size:.5rem}
  .energy-map{height:520px!important}
  .energy-map svg{display:block!important;inset:8% 2% 10%!important;width:96%!important;height:82%!important}
  .map-node{width:clamp(86px,27vw,112px)!important;min-height:72px!important;padding:10px!important;grid-template-columns:22px 1fr!important}
  .map-node i{font-size:1rem!important}.map-node b{font-size:.82rem!important}.map-node small{display:none}
  .solar-node{left:3%!important;top:6%!important}.grid-node{right:3%!important;top:6%!important}
  .battery-node{left:3%!important;bottom:13%!important}.load-node{right:3%!important;bottom:13%!important}
  .map-core{width:122px!important;height:210px!important}
  .map-core span{top:10px!important;left:10px!important}.map-core img{width:84px!important;height:130px!important}.map-core b{font-size:.82rem!important}.map-core small{font-size:.48rem!important}
  .live-status{bottom:8px!important;white-space:nowrap;padding:7px 10px!important}
  .source-copy{padding:22px 18px!important;gap:9px!important}
  .source-copy h3{font-size:1.7rem!important}.source-copy p{font-size:.78rem!important;line-height:1.55}
  .download-group-head{grid-template-columns:1fr;gap:20px}.download-group-head h2{font-size:clamp(2.8rem,14vw,4.25rem)}
  .resource-feature{grid-template-columns:1fr;padding:25px;gap:14px}.resource-feature a{justify-content:space-between}
  .download-resource-row{grid-template-columns:1fr;gap:8px;padding:22px 4px}.download-resource-row:hover{padding-left:10px;padding-right:10px}
  .download-resource-row>small{margin-top:5px}.download-resource-row>a{margin-top:8px;width:100%;justify-content:space-between;padding:12px 14px}
  .video-guide-card{grid-template-columns:1fr;gap:12px;padding:25px 4px}.video-guide-card:hover{padding-left:10px;padding-right:10px}
  .video-language{justify-content:flex-start}.video-language button{min-width:84px}
  .video-modal-shell{padding:15px}.video-modal video{max-height:58svh}.video-modal-foot{align-items:flex-start;flex-direction:column}
}
@media(max-width:420px){
  .ecosystem-highlights article{grid-template-columns:23px 1fr!important}.ecosystem-highlights article p{grid-column:2!important}
  .energy-map{height:490px!important}.map-node{width:86px!important}.map-core{width:112px!important;height:195px!important}.map-core img{width:76px!important;height:118px!important}
}
@media(prefers-reduced-motion:reduce){main a,.utility a,.footer-main a,.footer-legal a,.download-resource-row,.video-guide-card,.video-open{transition:none}.energy-map .route{animation:none!important}}
@media(prefers-reduced-motion:reduce){.energy-map:before{animation:none}.network-map .state-pin{transition:none}}

/* Screenshot rectification pass: hierarchy, contrast and responsive fit. */
.ecosystem-head{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr);grid-template-areas:"title highlights" "copy highlights";gap:28px clamp(42px,6vw,90px);align-items:start}
.ecosystem-head>div:first-child{grid-area:title}
.ecosystem-head>p{grid-area:copy;margin:0!important;max-width:700px!important}
.ecosystem-highlights{grid-area:highlights;display:grid;border-top:1px solid #ffffff38}
.ecosystem-highlights article{display:grid;grid-template-columns:34px 95px 1fr;gap:12px;padding:19px 0;border-bottom:1px solid #ffffff2d;align-items:start}
.ecosystem-highlights b{font:700 .66rem var(--display);color:var(--solar)}
.ecosystem-highlights span{font:800 1.1rem/1 var(--display);text-transform:uppercase;color:#fff}
.ecosystem-highlights p{margin:0;color:#b9c9c4;font-size:.78rem;line-height:1.55}

.system-card .battery-qr{position:static;width:max-content;max-width:240px;height:auto;margin-top:18px;padding:8px 10px 8px 8px;border:1px solid #173b3540;background:#ffffff85;color:#173b35;display:flex;align-items:center;gap:10px;text-align:left;font-size:.57rem;line-height:1.25;text-decoration:none}
.system-card .battery-qr img{position:static;width:46px;height:50px;flex:0 0 46px;object-fit:cover;object-position:top;background:#fff;border-radius:0;filter:none;transform:none}
.system-card .battery-qr:hover img{transform:none}

.application-page-grid .application-panel{background:#ebe7dd!important;color:var(--ink)!important}
.application-page-grid .application-panel:nth-child(even){background:#d5e1df!important}
.application-page-grid .application-panel p{color:#35443f!important}
.application-page-grid .application-panel span{color:#815506!important}
.application-page-grid .application-panel a{color:#6d4907}

.qr-flow-scan img,.qr-service-flow img[src*="service-qr"]{border-radius:0!important}
.qr-flow-scan{border-radius:0!important}
#distributor-form{scroll-margin-top:110px}
.form-jump{padding:14px 17px;border:1px solid #f5a62375}

@media (min-width:761px) and (max-height:850px){
  .hero,.hero-copy{min-height:100svh}
  .hero-copy{padding-top:clamp(104px,15vh,132px)}
  .hero h1{font-size:clamp(4.4rem,7.1vw,6.75rem);line-height:.79;margin-top:24px;max-width:780px}
  .hero-side{bottom:94px;width:min(680px,57vw)}
  .hero-side>p{margin-bottom:14px;line-height:1.5}
  .metric-card{bottom:92px;transform:scale(.9);transform-origin:right bottom}
  .inner-hero{min-height:clamp(440px,calc(100svh - 88px),590px)}
  .inner-hero .shell{padding:96px 0 54px}
  .inner-hero h1{font-size:clamp(4.4rem,7.6vw,7.2rem);line-height:.8}
  .inner-hero p{margin-top:24px}
}

@media(max-width:1050px){
  .ecosystem-head{grid-template-columns:1fr;grid-template-areas:"title" "copy" "highlights";gap:25px}
  .ecosystem-highlights{margin-top:12px}
}
@media(max-width:760px){
  .ecosystem-highlights article{grid-template-columns:28px 78px 1fr;gap:8px;padding:15px 0}
  .ecosystem-highlights p{font-size:.73rem}
  .system-card .battery-qr{align-self:flex-start;margin-top:16px}
  .inner-hero{min-height:clamp(430px,72svh,540px)}
  .inner-hero .shell{padding:88px 0 48px}
  .inner-hero h1{font-size:clamp(3.45rem,16vw,5.25rem);line-height:.84}
  .inner-hero p{margin-top:22px;font-size:.94rem;line-height:1.6}
}
@media(max-width:520px){
  .ecosystem-highlights article{grid-template-columns:26px 1fr}
  .ecosystem-highlights p{grid-column:2}
}

/* Final small-screen containment: headings wrap inside the viewport and wide data
   stays scrollable inside its own component. */
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:clip}
  .hero h1{width:100%;max-width:100%;font-size:clamp(2.5rem,10.8vw,3.1rem);line-height:.9;overflow-wrap:normal;word-break:normal}
  .inner-title,.inner-title>*,.form-shell,.form-shell>*,.comparison-tool,.compare-wrap,.careers-page .form-shell>div{min-width:0;max-width:100%}
  .inner-title h2,.form-shell h2,.qr-flow-head h2,.split-feature h2{width:100%;max-width:100%;font-size:clamp(2.55rem,10.8vw,3.4rem);line-height:.94;overflow-wrap:normal;word-break:normal}
  .inner-title>p,.form-shell p{width:100%;max-width:100%;box-sizing:border-box}
  .site-form{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  .comparison-tool{width:100%;overflow:hidden}
  .compare-wrap{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .ticker{max-width:102vw}
}

/* Keep the mobile energy diagram spatial and animated after earlier grid fallbacks. */
@media(max-width:760px){
  .ecosystem .energy-map{display:block!important;min-height:0!important;padding:0!important;position:relative!important}
  .ecosystem .energy-map .map-node,.ecosystem .energy-map .map-core,.ecosystem .energy-map .live-status{position:absolute!important;transform:none;z-index:1}
  .ecosystem .energy-map .map-core{left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
  .ecosystem .energy-map .live-status{left:50%!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important}
}

/* About page leadership: five operational leaders in a balanced 2 + 3 rhythm. */
.leadership-section{background:#dbe3df;color:var(--ink)}
.leadership-section .inner-title{margin-bottom:clamp(34px,5vw,64px)}
.leadership-section .inner-title>p{background:#eef1ec;border-top-color:#b77a13;color:#3b4944}
.leadership-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.leadership-card{grid-column:span 6;display:grid;grid-template-columns:minmax(190px,.82fr) minmax(0,1.18fr);min-height:370px;background:#102a25;color:#fff;border:1px solid #ffffff1f;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s ease}
.leadership-card:nth-child(n+3){grid-column:span 4;grid-template-columns:1fr;grid-template-rows:275px 1fr}
.leadership-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #07171424}
.leadership-portrait{min-width:0;min-height:0;background:#e9ece8;overflow:hidden}
.leadership-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.92) contrast(1.02);transition:transform .55s var(--ease),filter .35s ease}
.leadership-card:hover .leadership-portrait img{transform:scale(1.025);filter:saturate(1) contrast(1.02)}
.leadership-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,3vw,38px);min-width:0}
.leadership-copy span{color:#f3b443;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.leadership-copy h3{margin:14px 0 15px;font:800 clamp(2rem,3vw,3.3rem)/.92 var(--display);text-transform:uppercase;letter-spacing:-.02em}
.leadership-copy p{margin:0;color:#c7d4cf;font-size:.9rem;line-height:1.65}
@media(max-width:1050px){
  .leadership-card,.leadership-card:nth-child(n+3){grid-column:span 6;grid-template-columns:1fr;grid-template-rows:300px 1fr}
}
@media(max-width:680px){
  .leadership-grid{grid-template-columns:1fr;gap:12px}
  .leadership-card,.leadership-card:nth-child(n+3){grid-column:1;grid-template-columns:minmax(125px,.72fr) minmax(0,1.28fr);grid-template-rows:none;min-height:270px}
  .leadership-copy{padding:22px 18px}
  .leadership-copy h3{font-size:clamp(1.7rem,8vw,2.35rem)}
  .leadership-copy p{font-size:.8rem;line-height:1.55}
}
@media(max-width:430px){
  .leadership-card,.leadership-card:nth-child(n+3){grid-template-columns:1fr;grid-template-rows:280px 1fr}
  .leadership-copy{min-height:210px}
}

.leadership-card--portrait-safe .leadership-portrait img{object-fit:contain;object-position:center bottom}

/* Founder & CEO: compact executive profile with a deliberate below-belt crop. */
.about-page #ceo.founder-feature{
  width:min(1180px,calc(100% - 64px));
  min-height:0;
  margin:clamp(42px,6vw,78px) auto;
  grid-template-columns:minmax(340px,41fr) minmax(0,59fr);
  align-items:stretch;
  overflow:hidden;
  border-top:4px solid #f5a623;
  background:#e9e7df;
  box-shadow:0 24px 70px #0717141c;
}
.about-page #ceo .founder-portrait{
  display:flex;
  min-width:0;
  min-height:0;
  aspect-ratio:5/6;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
  background:linear-gradient(145deg,#f1efe8 0%,#dfe5e1 100%);
}
.about-page #ceo .founder-portrait img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.95) contrast(1.02);
}
.about-page #ceo .founder-copy{
  display:flex;
  min-width:0;
  min-height:0;
  flex-direction:column;
  justify-content:center;
  padding:clamp(42px,5vw,68px);
  background:#102a25;
  color:#fff;
}
.about-page #ceo .founder-copy .eyebrow{color:#f3b443;font-size:.72rem;letter-spacing:.15em}
.about-page #ceo .founder-copy h2{
  max-width:100%;
  margin:10px 0 15px;
  font-size:clamp(3.25rem,5vw,4.85rem);
  line-height:.9;
  letter-spacing:-.025em;
}
.about-page #ceo .founder-copy p{
  max-width:100%;
  margin:0;
  color:#d4e0da;
  font-size:clamp(1rem,1.15vw,1.1rem);
  line-height:1.72;
}
.about-page #ceo .founder-signature{
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid #ffffff2b;
}
.about-page #ceo .founder-signature b{
  display:block;
  color:#fff;
  font:800 clamp(3rem,4.2vw,4.4rem)/.88 var(--display);
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.about-page #ceo .founder-signature small{
  display:block;
  margin-top:12px;
  color:#c5d5cd;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.4;
  text-transform:uppercase;
}
@media(max-width:900px){
  .about-page #ceo.founder-feature{width:min(720px,calc(100% - 32px));grid-template-columns:1fr;grid-template-rows:auto auto}
  .about-page #ceo .founder-portrait{min-height:0;aspect-ratio:8/5}
  .about-page #ceo .founder-portrait img{width:100%;height:125%;flex:none;object-fit:contain;object-position:center top}
  .about-page #ceo .founder-copy{min-height:0;padding:clamp(34px,7vw,54px)}
  .about-page #ceo .founder-copy h2{font-size:clamp(3.1rem,9vw,4.65rem)}
  .about-page #ceo .founder-signature b{font-size:clamp(2.8rem,9vw,4rem)}
}
@media(max-width:560px){
  .about-page #ceo.founder-feature{width:calc(100% - 20px);margin:28px auto 38px}
  .about-page #ceo .founder-portrait{min-height:0;aspect-ratio:4/3}
  .about-page #ceo .founder-portrait img{height:100%}
  .about-page #ceo .founder-copy{padding:30px 22px 34px}
  .about-page #ceo .founder-copy .eyebrow{font-size:.66rem;line-height:1.55}
  .about-page #ceo .founder-copy h2{margin:18px 0 20px;font-size:clamp(2.65rem,13vw,3.5rem)}
  .about-page #ceo .founder-copy p{font-size:1rem;line-height:1.65}
  .about-page #ceo .founder-signature{margin-top:24px;padding-top:20px}
  .about-page #ceo .founder-signature b{font-size:clamp(2.5rem,12vw,3.25rem)}
  .about-page #ceo .founder-signature small{font-size:.74rem}
}