@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#06264a;--dark:#031321;--blue:#008fbf;--green:#8ccb22;--paper:#f4f6f3;--muted:#687582}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--navy);background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.02}h2{font-size:clamp(40px,4.8vw,76px);margin-bottom:28px}h2 em{font-style:normal;color:var(--blue)}h3{font-size:23px;line-height:1.3;letter-spacing:-.04em}p{font-size:14px;line-height:1.9;color:var(--muted)}.eyebrow,.small-label,.concept,.status{font-size:10px;letter-spacing:1.7px;font-weight:700}.eyebrow{display:block}.small-label{color:var(--muted)}.concept{font-size:8px;letter-spacing:1px;color:#a4bcc5}.section{padding:95px 7%;scroll-margin-top:10px}.section-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:50px}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.section-intro{max-width:630px}.lead{font-size:22px;line-height:1.5;color:var(--navy);font-weight:600}.review-note{font-size:11px;line-height:1.7;margin:20px 0 0}.skip-link{position:fixed;top:-100px;left:10px;background:white;padding:16px;z-index:100}.skip-link:focus{top:10px}header{height:95px;position:fixed;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:30;color:white;transition:background .3s, height .3s;border-bottom:1px solid #ffffff15}header.scrolled{background:#031a2bf5;height:78px;backdrop-filter:blur(14px)}.wordmark{font-size:30px;letter-spacing:5px;font-weight:800;line-height:1.1;display:block}.wordmark span{display:block;font-size:7px;letter-spacing:1.5px;margin-top:7px;font-weight:500}nav{display:flex;align-items:center;gap:30px;font-size:11px}nav>a,nav button{transition:color .2s}nav>a:hover,nav button:hover{color:var(--green)}nav button{background:none;border:0;padding:0;font-size:11px}.nav-contact{border:1px solid #ffffff40;padding:12px 17px}.nav-contact span{padding-left:20px}.dropdown{position:relative}#solutions-menu{position:absolute;top:35px;left:-30px;width:270px;background:#06264a;border:1px solid #ffffff30;padding:15px;box-shadow:0 10px 40px #0006}#solutions-menu a{display:block;padding:10px;border-bottom:1px solid #ffffff15}#solutions-menu a:hover{background:#ffffff10}.menu-toggle{display:none}.hero{position:relative;min-height:850px;height:100svh;max-height:1200px;background:#031321;color:white;overflow:hidden}.hero-scene{position:absolute;inset:0;background:url('scene.svg') center right / cover no-repeat;animation:scene-reveal 4s both;transform-origin:80% 65%;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#031321 0%,#031321e8 28%,#03132130 65%),linear-gradient(0deg,#031321b0,transparent 40%)}.hero-copy{position:relative;padding:190px 7% 140px;max-width:850px;z-index:2;animation:content-reveal 5s both}.hero-copy .eyebrow{color:#b9c9d2;margin-bottom:28px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 14px var(--green)}h1{font-size:clamp(58px,6.9vw,110px);margin-bottom:26px}h1 span{color:#a9d0d8}.hero-copy p{max-width:440px;color:#b8c5cd;font-size:13px}.actions{display:flex;align-items:center;gap:30px;margin-top:28px}.button{display:inline-flex;align-items:center;gap:30px;padding:17px 22px;font-size:11px;font-weight:700}.primary{background:var(--green);color:#06264a}.primary:hover{background:#a4df42}.text-link{font-size:12px;font-weight:700}.hero-bottom{position:absolute;bottom:34px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:11px;z-index:3}.hero-bottom a{font-size:9px;letter-spacing:1.7px}.hero-bottom button{background:transparent;color:#d4dfe5;border:1px solid #ffffff30;padding:9px 15px;font-size:10px}.hero-concept{position:absolute;right:7%;bottom:95px}.vehicle{position:absolute;width:40%;right:6%;bottom:12%;z-index:1;filter:drop-shadow(0 15px 15px #000);animation:car-arrive 4s cubic-bezier(.2,.65,.2,1) both}.vehicle svg{width:100%;overflow:visible}.road-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 82%,#008fbf20,transparent 35%);animation:road-light 2s both}.intro-done .hero-scene,.intro-done .hero-copy,.intro-done .vehicle,.intro-done .road-glow{animation:none}.intro-done #skip-intro{visibility:hidden}@keyframes scene-reveal{0%{opacity:.2;transform:scale(1.07)}65%{opacity:.7}100%{opacity:1;transform:scale(1)}}@keyframes car-arrive{0%,20%{opacity:0;transform:translate(350px,-200px) scale(.12)}40%{opacity:1}100%{transform:translate(0,0) scale(1)}}@keyframes content-reveal{0%,55%{opacity:.18;transform:translateY(15px)}100%{opacity:1;transform:none}}@keyframes road-light{from{opacity:0}to{opacity:1}}.pillars{display:flex;border-top:1px solid #d5dfe2;margin-top:35px;padding-top:23px;gap:25px;font-size:14px}.pillars span{flex:1}.pillars b{color:var(--blue);margin-left:10px}.prose details{margin-top:28px}details{border-top:1px solid #ccd6dc;border-bottom:1px solid #ccd6dc;padding:17px 0}summary{cursor:pointer;font-size:13px;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}details[open] summary{margin-bottom:20px}details p:last-child{margin-bottom:0}.ecosystem{background:#e9eeed}.ecosystem-head{display:flex;justify-content:space-between;gap:60px;align-items:center}.ecosystem-head p{max-width:370px}.hub{position:relative;min-height:520px;background:#031321;overflow:hidden}.hub>img{width:100%;height:560px;object-fit:cover}.hub .concept{position:absolute;bottom:20px;right:25px}.hub-info{position:absolute;left:30px;top:30px;width:285px;color:white;padding:25px;background:#06264aed;border:1px solid #ffffff20}.hub-info .eyebrow{color:var(--green);font-size:9px}.hub-info h3{margin-top:20px}.hub-info p{color:#bacbd3;font-size:12px}.hub-info a{font-size:10px}.hotspot{position:absolute;width:32px;height:32px;background:#06264a;border:1px solid #76cdda;border-radius:50%;color:white;font-size:10px;box-shadow:0 0 0 6px #008fbf25;transition:transform .2s,background .2s}.hotspot:hover,.hotspot.active{background:var(--green);color:var(--navy);transform:scale(1.15)}.hub-options{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #c9d5da;margin-top:20px}.hub-options button{background:transparent;border:1px solid #c9d5da;border-left:0;padding:15px;text-align:left;font-size:11px}.hub-options button.active{background:var(--navy);color:white}.charging{background:white}.charging-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}.charge-card{background:#f1f5f4;overflow:hidden}.charge-art{height:310px;position:relative;background:radial-gradient(ellipse at 50% 100%,#24789060,transparent 65%),#092941;display:flex;align-items:center;justify-content:center;overflow:hidden}.dc .charge-art{background:radial-gradient(ellipse at 50% 100%,#8ccb2240,transparent 65%),#071e2d}.charger{height:215px;width:104px;background:linear-gradient(110deg,#d8e4e7,#91a7b0);border-radius:14px 14px 6px 6px;box-shadow:14px 10px 0 #143d54,0 25px 45px #0007;transform:perspective(600px) rotateY(-15deg);padding:18px 12px;position:relative;z-index:1}.charger>span{font-size:27px;font-weight:800}.charger.fast{width:140px}.charger b{color:var(--green)}.screen{height:55px;background:#06264a;margin:14px 0;padding:20px 8px;display:flex;gap:4px}.screen i{background:var(--green);height:15px;width:20%;animation:charge 3s infinite}.screen i:nth-child(2){animation-delay:.4s}.screen i:nth-child(3){animation-delay:.8s}.charger small{font-size:5px;letter-spacing:1px;font-weight:800}.cable{height:180px;width:100px;border:5px solid var(--blue);border-top:0;border-left:0;border-radius:0 0 50px 50px;position:absolute;left:51%;top:100px;filter:drop-shadow(0 0 4px #008fbf)}.dc .cable{border-color:var(--green);filter:drop-shadow(0 0 4px #8ccb22)}.energy-tag{position:absolute;bottom:20px;font-size:8px;letter-spacing:2px;color:#b8d1d8}.card-body{padding:32px}.card-body .eyebrow{color:var(--blue);margin-bottom:15px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.tags span{font-size:9px;border:1px solid #c9d4d9;padding:7px 10px}.comparison{display:grid;grid-template-columns:1fr auto;gap:15px;margin-top:25px;padding:25px;background:#f4f6f3;font-size:12px}.comparison>span{font-weight:700;align-self:center}.comparison button{border:1px solid #b6c8d0;background:white;padding:10px;font-size:10px}.comparison button.selected{background:var(--navy);color:white}.comparison p{grid-column:1/-1;margin:0;font-size:12px}.navy{background:var(--navy);color:white}.navy h2 em{color:#99d3dd}.navy p{color:#b6c9d5}.navy .lead{color:white}.status{border:1px solid #ffffff40;color:#bfd8dd;padding:8px 10px;font-size:8px}.status.light{border-color:#bacbd0;color:var(--navy)}.clean-list{padding:0;list-style:none;margin:25px 0}.clean-list li{padding:13px 0;border-bottom:1px solid #ffffff20;font-size:12px}.clean-list li:before{content:'↗';color:var(--green);margin-right:15px}.mobile-art{height:360px;position:relative;background:radial-gradient(ellipse at 50% 50%,#008fbf30,transparent 70%);overflow:hidden}.van{position:absolute;left:5%;top:80px;width:85%;height:160px;border-radius:28px 45px 8px 8px;background:linear-gradient(120deg,#c7d6dc,#547b8f);box-shadow:0 30px 35px #0003;transform:skewY(-3deg)}.van:before{content:'';position:absolute;width:75px;height:95px;right:-15px;bottom:0;background:#7296a7;border-radius:15px 35px 8px 0}.van>span{position:absolute;left:30px;top:45px;font-size:30px;font-weight:800;letter-spacing:3px}.van small{display:block;font-size:6px;letter-spacing:1px;margin-top:10px}.van-window{position:absolute;right:8%;top:15px;height:65px;width:22%;background:linear-gradient(120deg,#06264a,#467286);border-radius:6px 22px 5px 5px}.wheel{position:absolute;bottom:-20px;width:50px;height:50px;border:12px solid #071929;border-radius:50%;background:#85a1af}.wheel.one{left:15%}.wheel.two{right:9%}.mobile-art .concept{position:absolute;bottom:30px;left:5%}.mobile-energy{height:2px;background:var(--green);position:absolute;bottom:74px;left:0;width:100%;box-shadow:0 0 10px var(--green)}.reveal.in-view .van{animation:van-enter 1.3s both}@keyframes van-enter{from{transform:translateX(180px) skewY(-3deg);opacity:.2}to{transform:translateX(0) skewY(-3deg);opacity:1}}.inspection-art{height:420px;position:relative;overflow:hidden;background:linear-gradient(145deg,#274355,#071b2b)}.bay-lines{position:absolute;inset:10% 15%;border:15px solid #4f758a;border-bottom:0;transform:perspective(500px) rotateY(20deg);box-shadow:0 0 0 18px #153446}.scan{position:absolute;inset:20% 20% 30%;border-top:2px solid #8ccb22;background:linear-gradient(#8ccb2220,transparent);animation:scan 4s ease-in-out infinite}.inspection-car{position:absolute;bottom:20%;left:25%;width:55%;height:95px;border-radius:80px 50px 10px 10px;background:linear-gradient(#688e9e,#102c3c);border-bottom:18px solid #08111b;text-align:center;color:var(--green);font-size:50px}.inspection-label{position:absolute;left:25px;top:25px;font-size:10px;color:white;letter-spacing:2px;z-index:2}.inspection-label b{font-size:7px;display:block;color:#9dc6d4;margin-top:8px}.inspection-art .concept{position:absolute;bottom:20px;left:25px}.accordion details{border-bottom:0}.accordion details:last-child{border-bottom:1px solid #ccd6dc}.fuel{background:#e9eeed}.fuel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ccd8dd;border:1px solid #ccd8dd;margin-top:25px}.fuel-grid article{padding:30px;background:#f4f6f3;transition:background .3s,transform .3s}.fuel-grid article:hover{background:white;transform:translateY(-5px)}.fuel-grid article>span{font-size:9px;letter-spacing:1px}.fuel-grid b{font-family:'Barlow Condensed',Impact,sans-serif;display:block;font-size:90px;color:var(--navy);font-weight:500;margin:20px 0}.fuel-grid small{display:block;font:10px Manrope,Arial;letter-spacing:2px;color:var(--blue)}.fuel-grid p{font-size:12px;margin-bottom:0}.inline-panel{display:flex;gap:60px;align-items:center;margin-top:30px;border-top:1px solid #ccd8dd;padding-top:25px}.inline-panel h3{white-space:nowrap;margin-bottom:0}.inline-panel p{margin:0;max-width:700px}.solar{background:#eef3e6}.solar-art{height:500px;background:linear-gradient(#b6d2ce,#e1e8b1);position:relative;overflow:hidden}.sun{width:150px;height:150px;border-radius:50%;background:#fff7c8;box-shadow:0 0 90px 40px #fff7c877;position:absolute;top:50px;right:40px}.solar-panels{position:absolute;width:110%;height:220px;bottom:60px;left:-10%;transform:perspective(500px) rotateX(50deg) rotateZ(-15deg);background:repeating-linear-gradient(0deg,transparent 0 32px,#7f9fab 32px 34px),repeating-linear-gradient(90deg,#143953 0 47px,#7f9fab 47px 50px);box-shadow:12px 15px 0 #0b273d}.solar-word{position:absolute;left:30px;top:30px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:48px;line-height:1;color:#06264a}.solar-art .concept{position:absolute;bottom:20px;left:25px;color:var(--navy)}.solar-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-top:30px}.solar-steps span{padding:12px 0;border-top:1px solid #c0ccbd;font-size:11px}.care{background:white}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.care-grid article{background:#edf2f2;padding:35px}.big-icon{font-size:70px;line-height:1;display:block;color:var(--blue);margin-bottom:30px}.care-grid p{max-width:420px}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.customer-card{background:white;border:1px solid #dce3e5;transition:transform .3s}.customer-card:hover{transform:translateY(-5px)}.customer-art{height:130px;background:linear-gradient(150deg,#15445a,#041c30);display:flex;align-items:center;justify-content:center;overflow:hidden}.customer-art svg{width:130px;height:90px;stroke:#88b8c9;fill:none;stroke-width:2}.customer-card:nth-child(2n) .customer-art{background:linear-gradient(150deg,#395b49,#0a2d36)}.customer-card .card-body{padding:23px}.customer-card h3{font-size:18px}.customer-card p{font-size:12px;margin-bottom:0}.why h2{margin-top:35px}.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;margin-top:50px}.value-icon{font-size:30px;color:var(--green);display:block;margin-bottom:23px;transition:transform .3s}.values-grid article:hover .value-icon{transform:translateY(-4px)}.values-grid h3{font-size:15px;letter-spacing:0}.values-grid p{font-size:11px}.community-grid{display:grid;gap:15px}.community-grid article{padding:24px 25px;border-left:3px solid var(--green);background:white}.community-grid article>span{font-size:10px;color:var(--blue)}.community-grid h3{margin:10px 0;font-size:19px}.community-grid p{margin:0;font-size:12px}.safety{background:#032039}.safety-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:40px;border-left:1px solid #ffffff20}.safety-grid article{border:1px solid #ffffff20;border-left:0;padding:25px 17px;min-height:125px}.safety-grid span{color:var(--green);font-size:24px;display:block;margin-bottom:15px}.safety-grid h3{font-size:11px;letter-spacing:0;font-weight:500;line-height:1.6}.vision{text-align:center;background:#e9eeed}.vision h2{margin-top:35px}.vision .section-intro{margin:0 auto}.journey{display:flex;justify-content:space-between;position:relative;margin-top:65px;padding:0 20px}.journey-line{position:absolute;left:5%;right:5%;height:1px;top:20px;background:#8bb4b9}.journey>span{position:relative;z-index:1;font-size:12px;letter-spacing:1px;font-weight:700}.journey i{display:block;margin:0 auto 22px;background:#e9eeed;border:1px solid #8bb4b9;font-style:normal;width:42px;height:42px;line-height:40px;border-radius:50%;font-size:10px}.journey>span:last-child i{background:var(--green);border-color:var(--green)}.journey b{color:var(--blue)}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;background:var(--green)}.contact h2{margin-top:35px}.contact h2 em{color:var(--navy)}.contact-email{font-size:clamp(20px,2.5vw,36px);border-bottom:1px solid #06264a70;padding-bottom:10px}.contact-details{padding-top:50px}.contact-details>a{font-size:18px}.contact-details p{color:#31513d;margin-top:22px}.contact-details .review-note{font-size:10px}footer{background:var(--dark);color:white;padding:55px 7% 30px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-top p{font-size:11px}.footer-top>div{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;font-size:10px}.footer-top>a:last-child{font-size:9px;letter-spacing:1px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:25px;margin-top:40px;font-size:9px;color:#879faa}.footer-bottom span:last-child{letter-spacing:1px}footer .review-note{font-size:9px;color:#879faa}.reveal{transition:opacity .8s,transform .8s}.reveal:not(.in-view){opacity:.6;transform:translateY(18px)}@keyframes charge{0%,100%{opacity:.3}50%{opacity:1}}@keyframes scan{0%,100%{transform:translateY(0)}50%{transform:translateY(80px)}}
@media(min-width:1600px){.section{padding-left:max(7%,calc((100vw - 1380px)/2));padding-right:max(7%,calc((100vw - 1380px)/2))}.hero-copy{padding-left:max(7%,calc((100vw - 1380px)/2));max-width:1000px}}
@media(max-width:1100px){nav{gap:17px}.hero{min-height:780px}.hero-copy{padding-top:170px}.vehicle{width:45%;right:1%;bottom:17%}.split{gap:5%}.values-grid{gap:18px}.hub-info{width:250px}.fuel-grid article{padding:22px}.safety-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){header{height:78px;padding:0 6%}.wordmark{font-size:26px}.menu-toggle{display:flex;gap:25px;background:none;border:1px solid #ffffff40;color:white;font-size:11px;padding:10px 15px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#031a2b;padding:20px 6%;align-items:stretch;gap:0;max-height:calc(100svh - 78px);overflow:auto}nav.open{display:flex;flex-direction:column}nav>a,.dropdown>button{display:block;padding:16px 0;border-bottom:1px solid #ffffff20;font-size:14px;width:100%;text-align:left}.nav-contact{border:0}#solutions-menu{position:static;width:100%;box-shadow:none;margin-top:10px}#solutions-menu a{font-size:12px}.hero{min-height:850px;max-height:none;height:100svh}.hero-copy{padding:135px 6% 260px;max-width:none}h1{font-size:clamp(59px,12vw,85px)}.hero-copy p{max-width:320px;font-size:12px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-scene{background-size:auto 65%;background-position:65% 100%;background-repeat:no-repeat}.hero-shade{background:linear-gradient(180deg,#031321 0%,#031321ee 38%,#03132120 80%,#031321c0)}.vehicle{width:70%;right:3%;bottom:13%}.hero-bottom{left:6%;right:6%;bottom:22px;flex-wrap:wrap;gap:20px}.hero-bottom>span{width:100%;font-size:12px}.hero-concept{bottom:100px;font-size:6px}.actions{gap:20px}.button{font-size:10px;gap:18px;padding:16px}.text-link{font-size:10px}.section{padding:65px 6%}.section-top{margin-bottom:32px;gap:12px}.section-top .small-label{display:none}h2{font-size:48px}.split{grid-template-columns:1fr;gap:35px}.lead{font-size:20px}.pillars{margin-bottom:10px}.ecosystem-head{display:block}.ecosystem-head p{max-width:none}.hub{padding-bottom:220px;min-height:0}.hub>img{height:340px;object-fit:cover;object-position:65%}.hub-info{top:auto;bottom:30px;left:15px;right:15px;width:auto;padding:20px}.hub-info h3{margin:12px 0}.hub-info p{line-height:1.6}.hub .concept{bottom:10px;right:15px;font-size:6px}.hotspot{width:25px;height:25px;font-size:8px}.hub-options{grid-template-columns:1fr 1fr}.hub-options button{font-size:9px;padding:12px}.charging-grid,.care-grid{grid-template-columns:1fr}.charge-art{height:285px}.card-body{padding:25px}.comparison{grid-template-columns:1fr}.comparison p{grid-column:auto}.mobile-art{height:300px}.inspection-art{height:330px}.testing .split>div:first-child{order:2}.fuel-grid{grid-template-columns:1fr 1fr}.fuel-grid b{font-size:72px}.inline-panel{display:block}.inline-panel h3{margin-bottom:18px}.solar-art{height:360px}.customer-grid{grid-template-columns:1fr 1fr;gap:12px}.customer-card .card-body{padding:17px}.customer-card h3{font-size:16px}.customer-card p{font-size:11px}.customer-art{height:110px}.values-grid{grid-template-columns:1fr 1fr;gap:25px}.values-grid article:last-child{grid-column:1/-1}.safety-grid{grid-template-columns:1fr 1fr}.journey{padding:0;gap:8px;margin-top:45px}.journey>span{font-size:7px;letter-spacing:0}.journey i{width:33px;height:33px;line-height:31px;font-size:8px}.journey-line{top:16px}.contact{grid-template-columns:1fr;gap:0}.contact-details{padding-top:40px}.footer-top{flex-wrap:wrap}.footer-top>p{width:40%}.footer-top>div{width:60%}.footer-bottom{gap:20px;line-height:1.6}.footer-bottom>span{max-width:48%}.status{font-size:6px;letter-spacing:1px;align-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal:not(.in-view){opacity:1;transform:none}.hero-copy,.hero-scene,.vehicle{opacity:1;transform:none}#skip-intro{display:none}}