:root{--green:#16a34a;--green-bright:#22c55e;--blue:#2563eb;--blue-bright:#3b82f6;--ink:#0b1220;--slate:#475569;--slate-2:#64748b;--line:#e6eaf0;--bg:#ffffff;--bg-soft:#f6f8fb;--grad:linear-gradient(100deg,#16a34a 0%,#0ea5a4 45%,#2563eb 100%);--radius:16px;--shadow:0 10px 30px -12px rgba(15,30,60,.18)}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:local("Inter")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;border-radius:11px;padding:13px 22px;cursor:pointer;transition:.18s;border:0}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 20px -8px #16a34a8c}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:#ffffff12;color:#fff;border:1px solid rgba(255,255,255,.18)}.btn-ghost:hover{background:#ffffff21}.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-light:hover{transform:translateY(-1px)}.eyebrow{font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--green)}.pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#cbd5e1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 13px}.dot{width:7px;height:7px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 3px #22c55e40;animation:dotpulse 1.8s ease-in-out infinite}@keyframes dotpulse{0%,to{box-shadow:0 0 0 2px #22c55e47}50%{box-shadow:0 0 0 5px #22c55e1a}}.icon{width:1em;height:1em;display:inline-block;vertical-align:-.125em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}header{position:sticky;top:0;z-index:50;background:#ffffffd1;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--ink)}.logo{width:34px;height:34px;border-radius:9px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:19px}.nav-links{display:flex;gap:30px;font-size:15px;font-weight:500;color:var(--slate)}.nav-links a:hover{color:var(--ink)}.nav-cta{display:flex;align-items:center;gap:14px}.nav-cta .login{font-weight:600;font-size:15px;color:var(--slate)}.langsel{position:relative}.langsel summary{list-style:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--slate);display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px}.langsel summary::-webkit-details-marker{display:none}.langsel summary:hover{background:var(--bg-soft)}.langsel .menu{position:absolute;right:0;top:120%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;min-width:150px;box-shadow:var(--shadow);z-index:60}.langsel .menu a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--slate)}.langsel .menu a:hover{background:var(--bg-soft);color:var(--ink)}.langsel .menu a[aria-current=true]{color:var(--green);font-weight:600}.hero{position:relative;background:radial-gradient(1100px 520px at 72% -8%,rgba(37,99,235,.3),transparent 60%),radial-gradient(820px 460px at 10% 10%,rgba(22,163,74,.26),transparent 58%),var(--ink);color:#fff;overflow:hidden;padding:72px 0 84px}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(900px 500px at 60% 0,#000,transparent 75%);mask-image:radial-gradient(900px 500px at 60% 0,#000,transparent 75%);pointer-events:none}.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero h1{font-size:52px;line-height:1.07;letter-spacing:-.03em;font-weight:800;margin:18px 0 20px}.hero h1 .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{font-size:18.5px;color:#c7d2e3;max-width:520px;margin-bottom:28px}.hero p.lead b{color:#fff}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}.trust-row{display:flex;gap:10px;flex-wrap:wrap}.scene-svg{width:100%;max-width:560px;display:block;margin:0 auto;border-radius:24px;filter:drop-shadow(0 34px 56px rgba(5,12,30,.5))}@keyframes drift{0%{transform:translate(-14px)}to{transform:translate(34px)}}.cloud1{animation:drift 17s ease-in-out infinite alternate}.cloud2{animation:drift 23s ease-in-out infinite alternate-reverse}@keyframes spin{to{transform:rotate(360deg)}}.blades{animation:spin 7s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes drive{0%{transform:translate(-320px)}24%{transform:translate(0)}70%{transform:translate(0)}to{transform:translate(320px)}}.car{animation:drive 9s cubic-bezier(.5,0,.5,1) infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.6px)}}.carbob{animation:bob 1.05s ease-in-out infinite}@keyframes floatup{0%{transform:translateY(0) scale(.9);opacity:0}18%{opacity:1}to{transform:translateY(-52px) scale(1.05);opacity:0}}.bolt{animation:floatup 2.6s ease-in infinite}.bolt.b2{animation-duration:3.3s;animation-delay:.7s}.bolt.b3{animation-duration:2.1s;animation-delay:1.2s}@keyframes flyup{0%{transform:translateY(0) scale(.4);opacity:0}14%{opacity:1}72%{opacity:.85}to{transform:translateY(-250px) scale(1.2);opacity:0}}.spark{animation:flyup 3.4s ease-out infinite}.spark.s2{animation-delay:.35s;animation-duration:3.9s}.spark.s3{animation-delay:.7s;animation-duration:3.1s}.spark.s4{animation-delay:1.05s;animation-duration:3.7s}.spark.s5{animation-delay:1.4s;animation-duration:3.3s}.spark.s6{animation-delay:1.75s;animation-duration:4.1s}.spark.s7{animation-delay:2.1s;animation-duration:3.2s}.spark.s8{animation-delay:.5s;animation-duration:4.3s}.spark.s9{animation-delay:1.2s;animation-duration:3.5s}.spark.s10{animation-delay:1.9s;animation-duration:3.8s}@keyframes glow{0%,to{opacity:.45}50%{opacity:1}}.screen-glow{animation:glow 1.5s ease-in-out infinite}@keyframes road{to{stroke-dashoffset:-40}}.roadline{animation:road .55s linear infinite}@keyframes flow{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}.charge-dot{offset-path:path("M392 300 Q362 318 352 330");animation:flow 1.25s linear infinite}.charge-dot.cd2{animation-delay:.6s}section.block{padding:84px 0}.center{text-align:center;max-width:680px;margin:0 auto 50px}.center h2{font-size:38px;letter-spacing:-.02em;font-weight:800;margin:14px 0;line-height:1.12}.center p{font-size:18px;color:var(--slate)}.soft{background:var(--bg-soft)}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;flex-wrap:wrap}.strip .s{display:flex;align-items:center;gap:11px;font-weight:600;color:var(--ink);font-size:15px}.strip .s .icon{color:var(--green);font-size:20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#dbe3ee}.ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:15px;background:#16a34a1a;color:var(--green)}.ic.b{background:#2563eb1a;color:var(--blue)}.card h3{font-size:17px;font-weight:700;margin-bottom:7px;letter-spacing:-.01em}.card p{font-size:14.5px;color:var(--slate-2);line-height:1.55}.num{font-size:13px;font-weight:700;color:#c3ccd9;margin-bottom:6px}.dash-sec .wrap{max-width:980px}.mock{background:#0c1430;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.mock-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;background:#111c3d;border-bottom:1px solid rgba(255,255,255,.08)}.tl{width:11px;height:11px;border-radius:50%}.mock-body{padding:18px;display:grid;grid-template-columns:140px 1fr;gap:16px}.mside{display:flex;flex-direction:column;gap:9px}.mside .it{font-size:12px;color:#8ea2c4;padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:8px}.mside .it.active{background:#2563eb2e;color:#cfe0ff}.mside .it i{width:6px;height:6px;border-radius:2px;background:#4f6595;display:inline-block}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.kpi{background:#0f1b3c;border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:11px 12px}.kpi .v{font-size:20px;font-weight:700;color:#fff}.kpi .v.g{color:var(--green-bright)}.kpi .l{font-size:11px;color:#8ea2c4;margin-top:2px}.ch{display:flex;align-items:center;gap:10px;background:#0f1b3c;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px 12px;margin-bottom:8px}.ch .nm{font-size:12px;color:#cdd9ef;font-weight:500}.ch .st{margin-left:auto;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px}.st.charging{background:#eab30829;color:#fde047}.st.avail{background:#22c55e29;color:#86efac}.st.off{background:#94a3b829;color:#cbd5e1}.bars{display:flex;align-items:flex-end;gap:5px;height:30px;margin-left:auto}.bars span{width:5px;border-radius:2px;background:linear-gradient(var(--green-bright),var(--blue-bright));animation:eq 1.1s ease-in-out infinite alternate}.bars span:nth-child(2){animation-delay:.15s}.bars span:nth-child(3){animation-delay:.3s}.bars span:nth-child(4){animation-delay:.45s}@keyframes eq{0%{transform:scaleY(.5);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.feat-list{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:15px}.feat-list li{display:flex;gap:13px;align-items:flex-start;font-size:16px;color:var(--ink)}.feat-list .ck{flex:none;width:25px;height:25px;border-radius:8px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:1px}.panel{background:var(--ink);border-radius:18px;padding:30px;color:#fff;box-shadow:var(--shadow)}.receipt{background:#0f1b3c;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:18px;font-size:13px}.receipt .row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.1);color:#aeb9d1}.receipt .row:last-child{border:0}.receipt .row b{color:#fff;font-weight:600}.receipt .tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#86efac;background:#22c55e24;padding:4px 9px;border-radius:999px;margin-bottom:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{padding:28px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.step .n{width:40px;height:40px;border-radius:11px;background:var(--ink);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:16px}.step h3{font-size:18px;font-weight:700;margin-bottom:8px}.step p{color:var(--slate-2);font-size:15px}.app{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.phone{width:248px;height:500px;margin:0 auto;background:var(--ink);border-radius:38px;padding:11px;box-shadow:0 40px 70px -28px #0f1e3c73}.screen{width:100%;height:100%;border-radius:28px;background:linear-gradient(180deg,#0c1430,#10204a);overflow:hidden;position:relative;color:#fff}.screen .top{padding:20px 18px 12px}.screen .tt{font-size:13px;color:#9fb2d6}.screen .h{font-size:21px;font-weight:700;margin-top:2px}.map{margin:8px 14px;height:165px;border-radius:16px;background:radial-gradient(circle at 30% 35%,rgba(34,197,94,.4),transparent 40%),radial-gradient(circle at 72% 62%,rgba(37,99,235,.4),transparent 38%),#0a1530;border:1px solid rgba(255,255,255,.08);position:relative}.pin{position:absolute;width:24px;height:24px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--green-bright);animation:pindrop 2.4s ease-in-out infinite}.pin.b{background:var(--blue-bright);animation-delay:.8s}@keyframes pindrop{0%,to{transform:rotate(-45deg) translateY(0)}50%{transform:rotate(-45deg) translateY(-5px)}}.scard{margin:6px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:13px 14px;display:flex;align-items:center;gap:11px}.scard .si{width:36px;height:36px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff}.scard .nm{font-size:13px;font-weight:600}.scard .sub{font-size:11px;color:#9fb2d6}.scard .go{margin-left:auto;font-size:11px;font-weight:600;color:#86efac}.app h2{font-size:36px;letter-spacing:-.02em;font-weight:800;line-height:1.12;margin:12px 0 14px}.app p{font-size:17px;color:var(--slate);margin-bottom:20px}.badges{display:flex;gap:12px;flex-wrap:wrap}.store{display:flex;align-items:center;gap:9px;background:var(--ink);color:#fff;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600}.store.soon{opacity:.5;cursor:default}.soon-note{margin-top:9px;font-size:13px;font-weight:600;color:var(--slate)}.price-card{max-width:440px;margin:0 auto;background:#fff;border:2px solid var(--green);border-radius:22px;padding:36px;text-align:center;box-shadow:0 24px 50px -24px #16a34a59}.price-card .tier{font-weight:700;font-size:15px;color:var(--green);letter-spacing:.03em;text-transform:uppercase}.price-card .amt{font-size:56px;font-weight:800;letter-spacing:-.03em;margin:8px 0 2px}.price-card .amt span{font-size:19px;font-weight:600;color:var(--slate)}.price-card .subt{color:var(--slate);font-size:15px;margin-bottom:24px}.price-card ul{list-style:none;text-align:left;display:flex;flex-direction:column;gap:12px;margin:26px 0}.price-card li{display:flex;gap:11px;font-size:15px;align-items:center}.price-card li .icon{color:var(--green)}.cta-banner{position:relative;background:var(--grad);border-radius:26px;padding:54px;text-align:center;color:#fff;overflow:hidden}.cta-banner h2{font-size:36px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.cta-banner p{font-size:18px;opacity:.92;margin-bottom:26px}.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.faq-item[open]{border-color:#cbd5e1}.faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;font-size:16.5px;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{flex:none;color:var(--green);transition:transform .25s}.faq-item[open] summary .icon{transform:rotate(180deg)}.faq-a{padding:0 22px 20px;color:var(--slate);font-size:15.5px;line-height:1.65}footer{background:var(--ink);color:#9fb2d6;padding:60px 0 30px;font-size:14px}.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}footer h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:14px}footer a{display:block;padding:5px 0;color:#9fb2d6}footer a:hover{color:#fff}.fbrand{color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;gap:10px;margin-bottom:12px}.fbot{display:flex;justify-content:space-between;padding-top:24px;flex-wrap:wrap;gap:10px;color:#6c7d9c}.legal{max-width:760px;margin:0 auto;padding:60px 24px}.legal h1{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.legal h2{font-size:20px;font-weight:700;margin:28px 0 10px}.legal p,.legal li{color:var(--slate);font-size:15.5px;margin-bottom:10px}.legal ul{padding-left:20px}.legal .muted{color:var(--slate-2);font-size:14px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms);will-change:opacity,transform}.reveal.in{opacity:1;transform:none}.section-dark{position:relative;background:var(--ink);color:#fff;overflow:hidden}.section-dark:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(760px 420px at 50% 10%,#000,transparent 72%);mask-image:radial-gradient(760px 420px at 50% 10%,#000,transparent 72%);pointer-events:none}.section-dark .wrap{position:relative;z-index:2}.section-dark .center h2{color:#fff}.section-dark .center p{color:#c1cde0}.orb{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none;z-index:0}.orb.g{background:#22c55e4d}.orb.b{background:#2563eb52}@keyframes floaty{0%,to{transform:translate(0)}50%{transform:translate(10px,-26px)}}.orb.f{animation:floaty 10s ease-in-out infinite}.orb.f2{animation:floaty 13s ease-in-out infinite reverse}.card{position:relative}.card:after{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:linear-gradient(125deg,#22c55e99,#2563eb99);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s;pointer-events:none}.card:hover{box-shadow:0 26px 50px -18px #16a34a4d;border-color:transparent}.card:hover:after{opacity:1}.price-card{position:relative;isolation:isolate}.price-card:before{content:"";position:absolute;inset:-3px;border-radius:25px;background:conic-gradient(from 0deg,#16a34a,#2563eb,#0ea5a4,#16a34a);z-index:-1;filter:blur(16px);opacity:.5;animation:spin 9s linear infinite}.mock,.glowframe{position:relative}.glowframe:before{content:"";position:absolute;inset:-30px;border-radius:28px;background:radial-gradient(closest-side,rgba(37,99,235,.35),transparent);z-index:0;pointer-events:none}.glowframe>*{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}.orb.f,.orb.f2,.price-card:before,.dot,.pin,.bars span{animation:none!important}}@media(max-width:900px){.hero .wrap,.split,.app{grid-template-columns:1fr}.grid,.steps{grid-template-columns:repeat(2,1fr)}.fgrid{grid-template-columns:1fr 1fr}.hero h1{font-size:40px}.nav-links{display:none}}