/* Chargelia / Electric flow */
:root{--electric:#cfff78}.nav{position:relative;z-index:5}.brand{position:relative;overflow:hidden}.brand::after{content:'';position:absolute;inset:12% -50%;background:linear-gradient(110deg,transparent 42%,#fff9 50%,transparent 58%);transform:translateX(-100%);pointer-events:none}.brand:hover::after,.brand:focus-visible::after{animation:brand-current .8s ease}.hero{position:relative}.hero-copy{position:relative;z-index:1}.hero h1 em{background:linear-gradient(100deg,#647b31,#9ab94f,#516829);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:word-current 7s ease-in-out infinite}.hero-visual{background:#142522;color:#f6f8ee;border:1px solid #355044;border-radius:28px;min-height:625px;box-shadow:0 35px 80px #173c2225;isolation:isolate;padding:25px}.hero-visual::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 30%,#a8e56224,transparent 60%),linear-gradient(#cfff7806 1px,transparent 1px),linear-gradient(90deg,#cfff7806 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;mask-image:linear-gradient(black,black 75%,transparent)}.visual-top{color:#c2d7c8}.visual-top>span:last-child{border-color:#4a6454}.irve-stage{position:relative;margin:0 -16px;flex:1;min-height:320px}.charge-scene{width:100%;height:330px;overflow:visible}.energy-wire{stroke-dasharray:10 180;animation:energy-flow 2s linear infinite;filter:drop-shadow(0 0 5px #cfff78)}.station-halo{transform-origin:235px 165px;animation:halo-breathe 4s ease-in-out infinite}.station-float{animation:station-hover 5s ease-in-out infinite}.station-led{animation:led-breathe 2s ease-in-out infinite}.station-bars rect{animation:battery-bars 3.2s ease-in-out infinite}.station-bars rect:nth-child(2){animation-delay:.2s}.station-bars rect:nth-child(3){animation-delay:.4s}.station-bars rect:nth-child(4){animation-delay:.6s}.station-bars rect:nth-child(5){animation-delay:.8s}.charge-caption{position:absolute;left:0;right:0;bottom:7px;text-align:center;font-size:10px;letter-spacing:2px;color:#cfff78}.hero-visual .conversation{margin:0 0 17px;background:#f8faee;padding:20px;color:var(--ink);border:1px solid #fff7;box-shadow:0 14px 30px #0002}.hero-visual .conversation>p{font-size:17px}.hero-visual .visual-bottom{color:#91a998;font-size:8px}.energy-switch{border:1px solid #718e61;background:#cfff7810;color:#dfffaa;border-radius:30px;min-height:36px;padding:9px 13px;font-size:10px;display:flex;gap:8px;align-items:center}.energy-switch:hover{background:#cfff7828}.energy-switch svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.hero-visual.is-connected .station-halo{fill:#cfff7818}.hero-visual.is-connected .charge-scene{filter:drop-shadow(0 0 15px #cfff7818)}.hero-visual:not(.is-connected) .energy-wire{opacity:.25;animation-play-state:paused}.hero-visual:not(.is-connected) .station-bars rect{opacity:.18;animation-play-state:paused}.flow-ribbon{overflow:hidden;background:#172623;color:#cfff78;border-top:1px solid #354b3b;border-bottom:1px solid #354b3b;padding:20px 0}.flow-track{display:flex;gap:45px;width:max-content;animation:flow-marquee 32s linear infinite}.flow-track>span{display:flex;gap:45px;align-items:center;font-family:Manrope;font-size:13px;letter-spacing:1px;white-space:nowrap}.flow-track b{font-size:20px;font-weight:400;color:#6c9650}.network{position:relative;overflow:hidden}.network::before{content:'';position:absolute;width:520px;height:520px;right:-220px;top:-180px;border:1px solid #cfff781a;border-radius:50%;box-shadow:0 0 0 65px #cfff7806,0 0 0 130px #cfff7804;pointer-events:none}.steps article,.ecosystem-grid article{transition:transform .35s,border-color .35s,box-shadow .35s}.steps article:hover{transform:translateY(-6px)}.ecosystem-grid article:hover{transform:translateY(-6px);border-color:#8ca764;box-shadow:0 18px 45px #1726230c}.button{position:relative;overflow:hidden}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.button::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff25 50%,transparent 80%);transform:translateX(-120%);pointer-events:none}.button:hover::after{animation:brand-current .7s ease}.mini-wave{display:flex;align-items:center;gap:5px;height:36px}.mini-wave i{display:block;width:4px;height:22px;border-radius:4px;background:#cfff78;animation:voice-signal 1.1s ease-in-out infinite alternate}.mini-wave i:nth-child(2n){animation-delay:-.6s;height:34px}.mini-wave i:nth-child(3n){animation-delay:-.2s;height:13px}.scenario .bubble{animation:message-in .35s ease both}.scenario .answer-text{animation-delay:.08s}.closing{position:relative;overflow:hidden}.closing::before,.closing::after{content:'';position:absolute;width:250px;height:250px;border:1px solid #17262316;border-radius:50%;top:20%;left:-100px;pointer-events:none}.closing::after{left:auto;right:-100px;box-shadow:0 0 0 45px #17262305}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.motion-ready .reveal.is-visible{opacity:1;transform:none}.scroll-energy{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--electric);transform:scaleX(0);transform-origin:left;z-index:50;box-shadow:0 0 12px #9edc65;pointer-events:none}.motion-control{position:fixed;right:18px;bottom:18px;z-index:40;min-height:40px;border:1px solid #556b54;border-radius:30px;background:#172623ed;color:#e8f6d1;padding:10px 15px;box-shadow:0 5px 20px #17262322;font-size:11px;backdrop-filter:blur(8px)}.charge-intro{position:fixed;inset:0;z-index:100;background:#142522;display:grid;place-content:center;text-align:center;color:#cfff78;pointer-events:none;animation:intro-out .45s .85s forwards}.charge-intro p{font-size:10px;letter-spacing:3px;margin-top:20px}.intro-plug{width:100px;height:100px;margin:auto;fill:none;stroke:#cfff78;stroke-width:3;stroke-linecap:round}.intro-plug .intro-circuit{stroke-dasharray:400;stroke-dashoffset:400;animation:draw-current .8s ease forwards}.intro-word{font-family:Manrope;font-size:38px;letter-spacing:-2px;color:#f7f7ef;margin-top:18px}.error-page{min-height:100vh;background:#142522;color:#f7f7ef;display:flex;flex-direction:column}.error-page .nav{width:100%}.error-page .brand{background:#f7f7ef;border-radius:12px;padding:0 10px}.error-main{text-align:center;max-width:900px;margin:auto;padding:30px 24px 70px}.error-code{display:flex;align-items:center;justify-content:center;gap:15px;font-family:Manrope;font-size:clamp(100px,20vw,220px);font-weight:600;line-height:1;color:#cfff78;letter-spacing:-12px}.error-code svg{width:clamp(100px,18vw,190px);height:200px;stroke:#cfff78;fill:none;stroke-width:4;stroke-linecap:round}.error-code .broken-plug{animation:plug-search 3s ease-in-out infinite}.error-main h1{font-size:clamp(30px,5vw,52px);letter-spacing:-2px;margin:20px 0}.error-main p{color:#b2c5b5;max-width:450px;margin:0 auto 30px}.error-main .eyebrow{justify-content:center;color:#cfff78;margin-bottom:25px}.error-page footer{width:100%;color:#b2c5b5}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .charge-intro{display:none}.motion-paused .reveal{opacity:1;transform:none;transition:none}
@keyframes energy-flow{to{stroke-dashoffset:-380}}@keyframes halo-breathe{50%{transform:scale(1.05);opacity:.5}}@keyframes station-hover{50%{transform:translateY(-6px)}}@keyframes led-breathe{50%{opacity:.45}}@keyframes battery-bars{0%,100%{opacity:.2}45%,75%{opacity:1}}@keyframes brand-current{to{transform:translateX(120%)}}@keyframes word-current{50%{background-position:100% center}}@keyframes flow-marquee{to{transform:translateX(-50%)}}@keyframes voice-signal{to{transform:scaleY(.3)}}@keyframes message-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes intro-out{to{opacity:0;visibility:hidden}}@keyframes draw-current{to{stroke-dashoffset:0}}@keyframes plug-search{50%{transform:translateY(-12px)}}
@media(max-width:760px){.hero-visual{min-height:600px;border-radius:23px}.charge-scene{height:305px}.irve-stage{min-height:315px}.hero-visual .visual-bottom{gap:8px}.hero-visual .conversation>p{font-size:16px}.flow-track>span{font-size:11px}.motion-control{bottom:12px;right:12px;font-size:10px;padding:9px 12px}.error-code{gap:5px;letter-spacing:-7px}.error-page .nav .brand-logo{width:145px}.error-page footer{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.charge-intro{display:none}.motion-ready .reveal{opacity:1;transform:none}.energy-wire{stroke-dasharray:none}.station-bars rect{opacity:1}.flow-track{width:auto;flex-wrap:wrap;justify-content:center;gap:15px;padding:0 20px}.flow-track>span[aria-hidden]{display:none}}
.integrations{position:relative}.integration-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:45px 0 25px;border:1px solid #d4dec8;border-radius:18px;overflow:hidden}.integration-flow article{padding:32px;background:#edf2e4;position:relative}.integration-flow article+article{border-left:1px solid #cedbc0}.integration-flow article:nth-child(2){background:#e1efc8}.integration-flow article:nth-child(3){background:#d0e9aa}.flow-number{font-size:9px;letter-spacing:1.5px;color:#526542}.integration-flow h3{margin:24px 0 18px;font-size:26px;line-height:1.25}.integration-flow p{font-size:13px;color:#4f624f}.integration-note{font-size:12px;color:var(--muted);max-width:900px;margin-bottom:25px}@media(max-width:760px){.integration-flow{grid-template-columns:1fr}.integration-flow article+article{border-left:0;border-top:1px solid #cedbc0}.integration-flow article{padding:26px}.integration-flow h3{font-size:25px}}