/* Reference direction: cinematic station + diagonal editorial panels. */
.wordmark:before{display:none!important}.wordmark span{padding-left:0!important}
.ac .charge-art{background-position:50% 0!important}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&display=swap');
:root{--paper:#fff;--dark:#001322;--muted:#4c6479}
body{background:#fff}h1,h2{font-family:Montserrat,Arial,sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.07}h2{font-size:clamp(32px,3.5vw,54px)}h2 em{color:#008fbf}h3{letter-spacing:-.025em}.section{padding-top:75px;padding-bottom:75px}.section-top{margin-bottom:35px}.hero{min-height:760px;height:100svh;max-height:1050px}.hero-scene{background-image:url('assets/hero-v2.png');background-size:cover;background-position:center;animation:photo-arrival 5s both}.hero-shade{background:linear-gradient(90deg,#001322e8 0%,#001322b0 30%,#00132210 67%),linear-gradient(0deg,#001322d0,transparent 35%)}.vehicle{display:none}.hero-copy{padding-top:180px;max-width:750px}.hero-copy h1{font-size:clamp(48px,5vw,76px);margin-bottom:25px}.hero-copy h1 span{color:#15c3ed}.hero-copy p{max-width:380px;font-size:13px;color:#eef6fa}.hero-copy .eyebrow{font-size:10px;letter-spacing:2.8px}.hero-copy{animation:content-reveal 4s both}.button{border-radius:30px;background:white;gap:40px;color:#06264a;padding:15px 23px}.button:hover{background:#e7faff}.text-link{font-size:11px}.hero-bottom{bottom:40px}.hero-bottom>span{letter-spacing:1px}.hero-concept{bottom:85px}.nav-contact{border-radius:25px}.wordmark{font-family:Montserrat,Arial,sans-serif;letter-spacing:2px;font-size:27px}.wordmark:before{content:'';display:inline-block;width:25px;height:25px;border:4px solid #12b6d8;border-top-color:white;border-bottom-color:#8ccb22;border-radius:50%;transform:rotate(-25deg);margin-right:10px;vertical-align:-4px}.wordmark span{padding-left:40px;font-size:7px;letter-spacing:1px}.service-strip{display:grid;grid-template-columns:repeat(6,1fr);padding:28px 7%;background:white;border-bottom:1px solid #d8e7ef;position:relative;z-index:3}.service-strip a{padding:5px 20px;border-right:1px solid #d8e7ef;text-align:center;font-size:9px;letter-spacing:.5px;font-weight:800;line-height:1.5}.service-strip a:last-child{border:0}.service-strip svg{display:block;width:30px;height:30px;margin:0 auto 12px;fill:none;stroke:#008fbf;stroke-width:1.8}.service-strip a:hover{color:var(--blue)}.about{background:#f3f7fa;position:relative;overflow:hidden}.about .split{grid-template-columns:1fr 1fr}.about h2{font-size:clamp(32px,3vw,47px)}.about-image{height:370px;background:url('assets/hero-v2.png') 80% 45%/cover;clip-path:polygon(0 0,100% 0,100% 100%,18% 100%);position:relative;border-bottom:4px solid var(--green)}.about-image .concept{position:absolute;bottom:15px;right:20px}.prose{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px 45px}.prose>.lead{display:none}.prose details{margin-top:0}.prose>p{margin:0}.prose>p:nth-of-type(3){grid-column:1}.prose details{grid-column:2;grid-row:1/3}.ecosystem{background:#001a2d;color:white}.ecosystem .small-label,.ecosystem-head p{color:#b4c9d9}.ecosystem h2 em{color:#15c3ed}.hub{border:1px solid #ffffff20}.hub>img{content:url('assets/hero-v2.png');object-position:center;height:600px}.hub-info{background:#001c32e6;backdrop-filter:blur(12px);border-radius:8px}.hotspot{width:40px;height:40px;border-color:#1cd5fa;background:#003c57;box-shadow:0 0 0 6px #00bbee18,0 0 22px #00bbee70}.hub-options{border-color:#ffffff20}.hub-options button{color:white;border-color:#ffffff20}.hub-options button.active{background:#008fbf}.solution-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:35px 0 0}.solution-tile{display:block;position:relative;height:245px;border-radius:9px;overflow:hidden;background:#06264a}.tile-image{position:absolute;inset:0 0 65px;background-image:url('assets/services-v2.png');background-size:300% 200%;transition:transform .6s}.solution-tile:hover .tile-image{transform:scale(1.07)}.solution-tile>span{position:absolute;bottom:0;left:0;right:0;padding:17px 12px;background:#00233b;font-size:10px;font-weight:700;line-height:1.5;min-height:72px}.solution-tile b{display:block;color:#00c5ec;font-size:16px;margin-top:5px}.charging-grid{gap:25px}.charge-art{background-image:url('assets/services-v2.png');background-size:300% 200%;background-position:50% 0%;height:330px}.dc .charge-art{background-image:url('assets/services-v2.png');background-size:300% 200%;background-position:50% 0%}.ac .charge-art{background-position:0 0}.charger,.cable{display:none}.energy-tag{background:#001b2bcc;padding:9px 15px;bottom:15px}.charge-card{border-radius:8px;background:#f1f7fa}.charge-card .card-body h3{font-size:25px}.mobile-art{background:url('assets/services-v2.png') 100% 0/300% 200%;height:410px;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}.van,.mobile-energy{display:none}.mobile-art .concept{background:#001b2bd9;padding:8px}.inspection-art{background:url('assets/services-v2.png') 0 100%/300% 200%;clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}.bay-lines,.inspection-car{display:none}.scan{inset:15% 10% 25%;z-index:1;pointer-events:none}.inspection-label{background:#001b2bcc;padding:12px}.inspection-art .concept{background:#001b2bcc;padding:7px}.solar{background:#f0f6f9}.solar-art{background:url('assets/services-v2.png') 100% 100%/300% 200%;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}.sun,.solar-panels{display:none}.solar-word{display:none}.solar-art .concept{background:#001b2bd9;color:white;padding:8px;left:auto;right:20px}.care-grid article{color:white;min-height:320px;position:relative;display:flex;flex-direction:column;justify-content:end;padding:30px;overflow:hidden}.care-grid article:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#001322 0%,#00132222 100%);z-index:0}.care-grid article:first-child{background:url('assets/services-v2.png') 50% 100%/300% 200%}.care-grid article:last-child{background:url('assets/hero-v2.png') 85% 45%/cover}.care-grid article>*{position:relative;z-index:1}.care-grid article p{color:#dae8ef;margin-bottom:0}.big-icon{font-size:32px;margin-bottom:20px;color:#14bfe9}.customer-art{height:170px;background:url('assets/hero-v2.png') center/cover!important}.customer-card:nth-child(2) .customer-art,.customer-card:nth-child(3) .customer-art{background-image:url('assets/services-v2.png')!important;background-size:300% 200%!important;background-position:100% 0!important}.customer-card:nth-child(4) .customer-art{background-image:url('assets/services-v2.png')!important;background-size:300% 200%!important;background-position:0 100%!important}.customer-art svg{filter:drop-shadow(0 0 12px #000);background:#00243bc9;border-radius:8px;padding:15px;stroke:white}.fuel{background:#f2f7fa}.fuel-grid article{background:white}.fuel-grid b{font-family:Montserrat,Arial,sans-serif;font-size:65px;font-weight:800}.navy{background:linear-gradient(120deg,#00182b,#062b46)}.navy h2 em{color:#15c3ed}.vision{background:linear-gradient(90deg,#001322ee,#001322ad),url('assets/hero-v2.png') center/cover;color:white}.vision .section-intro{color:#c3d6df}.vision h2 em{color:#15c3ed}.journey i{background:#062b46;color:white}.journey>span:last-child i{color:#06264a}.contact{background:#f1f7fa}.contact h2 em{color:#008fbf}.contact-details p{color:#4c6479}.footer-top .wordmark:before{border-top-color:white}header{height:85px;background:linear-gradient(#001322b0,transparent)}header.scrolled{height:75px}.footer-top>p{color:#a3bbc9}.reveal:not(.in-view){opacity:1;transform:none}@keyframes photo-arrival{0%{opacity:.15;transform:scale(1.14) translateX(2%)}50%{opacity:1}100%{opacity:1;transform:scale(1) translateX(0)}}
@media(max-width:1000px){.solution-gallery{grid-template-columns:repeat(3,1fr)}.solution-tile{height:230px}.hero-copy{max-width:630px}.hero-copy h1{font-size:62px}.service-strip{padding-left:4%;padding-right:4%}.service-strip a{padding:5px 10px}.hub>img{height:550px}}
@media(max-width:760px){h2{font-size:35px;line-height:1.12}.hero{min-height:810px;height:100svh}.hero-copy{padding:135px 6% 280px}.hero-copy h1{font-size:clamp(40px,10.6vw,58px);max-width:400px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-scene{background-size:auto 100%;background-position:65% center}.hero-shade{background:linear-gradient(180deg,#001322aa,#00132299 45%,#00132200 70%,#001322dd)}.hero-copy p{max-width:290px;font-size:12px}.hero-bottom{bottom:25px}.hero-concept{bottom:105px}.service-strip{grid-template-columns:repeat(3,1fr);padding:18px 4%;gap:20px 0}.service-strip a{font-size:8px}.service-strip a:nth-child(3){border-right:0}.section{padding-top:55px;padding-bottom:55px}.about .split{grid-template-columns:1fr}.about h2{font-size:35px}.about-image{height:280px;clip-path:polygon(0 0,100% 0,100% 100%,12% 100%)}.prose{display:block}.prose details{margin-top:25px}.prose p{margin-bottom:20px}.ecosystem-head p{font-size:13px}.hub>img{height:350px}.hub-info{border-radius:0}.hotspot{width:30px;height:30px}.solution-gallery{grid-template-columns:repeat(2,1fr);gap:12px}.solution-tile{height:210px}.solution-tile>span{font-size:10px}.charge-art{height:300px}.mobile-art{height:310px;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.solar-art{height:330px}.inspection-art{height:310px}.care-grid article{min-height:330px}.fuel-grid b{font-size:54px}.customer-art{height:140px}.customer-art svg{width:95px;height:70px}.contact-email{font-size:23px}.wordmark{font-size:23px}.wordmark:before{width:21px;height:21px}.wordmark span{padding-left:36px}.journey>span{font-size:8px}header{height:78px}}
@media(prefers-reduced-motion:reduce){.hero-scene{animation:none;transform:none}.tile-image{transition:none}}

/* Keep dropdown links readable against the navy panel. */
#solutions-menu,#solutions-menu a{color:#fff}
#solutions-menu a:hover,#solutions-menu a:focus-visible{color:#fff;background:#ffffff18}

/* Approved brand asset and compact About composition. */
header,header.scrolled{background:#fff;color:#06264a;border-bottom:1px solid #dce7ef;height:96px;backdrop-filter:none}
.official-brand{display:block;line-height:0;flex-shrink:0}.official-brand img{display:block;width:126px;height:84px;object-fit:contain}.nav-contact{border-color:#06264a;background:#06264a;color:white}.menu-toggle{color:#06264a;border-color:#b8cbd6}.footer-top .official-brand{background:white;padding:8px 12px;border-radius:4px}.footer-top .official-brand img{width:150px;height:100px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}.about-copy h2{font-size:clamp(32px,3.1vw,48px);line-height:1.1;margin:0 0 24px}.about-copy .lead{font-size:19px;margin-bottom:16px}.about-copy>p:not(.lead){font-size:14px;line-height:1.85;max-width:550px;margin-bottom:16px}.about-copy .pillars{margin-top:28px;padding-top:20px;gap:12px}.about-visual{min-width:0}.about-visual .about-image{height:335px;clip-path:polygon(0 0,100% 0,100% 100%,14% 100%);background-position:75% 50%}.about-values{margin-top:22px;background:#fff;border:1px solid #d4e1e8;padding:20px 22px}.about-values summary{font-size:13px}.about-values summary>span{color:#008fbf;font-size:19px;transition:transform .2s}.about-values[open] summary>span{transform:rotate(45deg)}.value-detail{display:grid;grid-template-columns:95px 1fr;gap:15px;padding:15px 0;border-top:1px solid #e2eaf0}.value-detail>span{font-size:9px;font-weight:800;letter-spacing:1px;color:#008fbf;padding-top:5px}.value-detail p{font-size:12px;line-height:1.8;margin:0}.about-values .review-note{font-size:9px;margin-top:12px}.hero-copy{padding-top:190px}
@media(max-width:760px){header,header.scrolled{height:84px}.official-brand img{width:111px;height:74px}nav{top:84px;color:white}.about-layout{grid-template-columns:1fr;gap:30px}.about-copy h2{font-size:34px}.about-copy .lead{font-size:18px}.about-visual .about-image{height:270px}.about-values{margin-top:18px;padding:18px}.value-detail{grid-template-columns:1fr;gap:5px}.hero-copy{padding-top:145px}.footer-top .official-brand img{width:126px;height:84px}}
.contact-phone{margin-bottom:22px}.contact-phone>span{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:7px;color:#4c6479}.contact-phone>a{font-size:22px;color:#06264a}.contact-phone>a:hover{color:#008fbf}