:root{--bg:#03070b;--bg-2:#061018;--surface:#09131b;--surface-2:#0d1a23;--border:#77ffef24;--text:#f5fbfb;--muted:#8d9da8;--muted-2:#647681;--brand:#00e5c7;--brand-2:#19f3d7;--brand-soft:#00e5c71c;--max:1180px;--radius:26px}@keyframes reveal-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes electric-pulse{0%,to{box-shadow:0 0 #00e5c747}50%{box-shadow:0 0 0 9px #00e5c700}}@keyframes phone-float{0%,to{transform:rotate(4deg)translateY(0)}50%{transform:rotate(4deg)translateY(-10px)}}@keyframes charge-flow{to{stroke-dashoffset:-28px}}@keyframes signal-pulse{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.9;transform:scale(1)}}@keyframes sheen{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(180%)skew(-18deg)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 75% 12%, #00e5c71a, transparent 28%), radial-gradient(circle at 12% 45%, #00e5c70e, transparent 26%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(var(--max), calc(100% - 40px));margin:0 auto}.glow{filter:blur(100px);pointer-events:none;background:#00e5c717;border-radius:50%;width:480px;height:480px;position:absolute}.hero-grid>.hero-content{animation:.8s cubic-bezier(.2,.8,.2,1) both reveal-up}.hero-grid>.visual{animation:.9s cubic-bezier(.2,.8,.2,1) .12s both reveal-up}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:23px;font-weight:800;display:inline-flex}.brand-mark{object-fit:contain;filter:drop-shadow(0 0 14px #00e5c747);width:38px;height:38px}.brand span span{color:var(--brand)}.brand span{color:var(--text)}header{z-index:50;backdrop-filter:blur(18px);background:#03070bb3;border-bottom:1px solid #ffffff0b;position:fixed;inset:0 0 auto}nav{justify-content:space-between;align-items:center;height:76px;display:flex}.nav-links{color:#aab8bf;align-items:center;gap:34px;font-size:14px;display:flex}.nav-links a:hover{color:var(--brand)}.nav-cta{color:var(--brand);border:1px solid #00e5c759;border-radius:13px;padding:11px 18px;font-weight:700}.mobile-menu{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.mobile-menu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:24px;height:24px}.btn{cursor:pointer;border-radius:15px;justify-content:center;align-items:center;gap:12px;padding:15px 22px;font-size:15px;font-weight:750;transition:all .25s;display:inline-flex}.btn-primary{color:#00100d;background:var(--brand);box-shadow:0 0 34px #00e5c72e}.btn-primary:hover{background:var(--brand-2);transform:translateY(-2px);box-shadow:0 0 45px #00e5c747}.btn-secondary{color:#fff;background:#ffffff09;border:1px solid #ffffff1f}.btn-secondary:hover{background:var(--brand-soft);border-color:#00e5c759}.hero{align-items:center;min-height:820px;padding:150px 0 80px;display:flex;position:relative}.hero-grid{grid-template-columns:1.03fr .97fr;align-items:center;gap:55px;display:grid}.eyebrow{color:var(--brand);letter-spacing:.09em;text-transform:uppercase;background:#00e5c70e;border:1px solid #00e5c72e;border-radius:999px;align-items:center;gap:9px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.eyebrow i{background:var(--brand);width:6px;height:6px;box-shadow:0 0 12px var(--brand);border-radius:50%;animation:2.4s ease-in-out infinite electric-pulse}h1{letter-spacing:-.065em;max-width:720px;margin:23px 0;font-size:clamp(52px,6vw,82px);line-height:.98}h1 .accent{color:var(--brand);text-shadow:0 0 35px #00e5c729}.hero-copy{color:var(--muted);max-width:590px;margin-bottom:32px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-note{color:var(--muted-2);margin-top:24px;font-size:12px}.visual{place-items:center;min-height:600px;display:grid;position:relative}.visual .glow{top:50%;right:0;transform:translateY(-50%)}.phone{background:linear-gradient(145deg,#1b252c,#070b0f 45%,#1b252c);border:1px solid #ffffff2e;border-radius:42px;width:315px;height:625px;padding:10px;animation:5s ease-in-out infinite phone-float;position:relative;box-shadow:0 35px 90px #000000a6,0 0 60px #00e5c717}.phone-screen{background:radial-gradient(circle at 50% 20%,#00e5c72b,#0000 35%),linear-gradient(#071218,#020609 72%);border-radius:34px;width:100%;height:100%;padding:23px 18px 74px;position:relative;overflow:hidden}.notch{z-index:2;background:#010304;border-radius:0 0 18px 18px;width:100px;height:25px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone-status{color:#aebbc1;justify-content:space-between;margin:0 5px 25px;font-size:10px;display:flex}.app-greeting{margin-bottom:3px;font-size:21px;font-weight:800}.app-sub{color:var(--muted);margin-bottom:15px;font-size:11px}.car-card{border:1px solid var(--border);background:linear-gradient(145deg,#0c1b22fa,#050d12fa);border-radius:21px;padding:14px;box-shadow:inset 0 1px #ffffff09}.car-top{justify-content:space-between;align-items:start;display:flex}.mini-label{color:var(--brand);font-size:10px;font-weight:700}.car-name{margin-top:5px;font-size:18px;font-weight:800}.car-name span{color:var(--brand);margin-left:5px}.connected{color:#c8d8da;background:#00e5c71a;border-radius:99px;align-items:center;gap:5px;margin-top:7px;padding:4px 9px;font-size:9px;display:inline-flex}.connected i{background:var(--brand);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite signal-pulse}.vehicle-visual{color:#91a9b9;background:0 0;border:0;border-radius:16px;place-items:center;width:92px;height:70px;margin:-1px -1px 0 8px;display:grid}.vehicle-visual svg{width:76px;height:48px}.vehicle-details{gap:8px;margin-top:13px;display:grid}.vehicle-details div{grid-template-columns:22px 1fr 1fr auto;align-items:center;gap:4px;display:grid}.vehicle-details span{color:var(--brand);font-size:14px}.vehicle-details small{color:var(--muted);font-size:10px}.vehicle-details strong{font-size:11px;font-weight:500}.vehicle-details b{color:var(--brand);font-size:16px}.battery{margin-top:13px}.battery-row{justify-content:space-between;align-items:end;margin-bottom:8px;display:flex}.battery-row span:first-child{color:var(--muted);font-size:10px}.battery-row strong{color:var(--brand);font-size:27px}.battery-track{background:#1a252b;border-radius:99px;height:7px;overflow:hidden}.battery-fill{border-radius:inherit;background:linear-gradient(90deg,#00caae,#25f2d5);width:80%;height:100%;animation:2.2s ease-in-out infinite signal-pulse;box-shadow:0 0 15px #00e5c759}.car-link{color:#d9e2e4;border:1px solid #00e5c724;border-radius:15px;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:11px;display:flex}.car-link span{color:var(--brand);font-size:16px}.car-link b{color:#9baeb5;margin-left:auto;font-size:20px}.quick-heading{justify-content:space-between;align-items:center;display:flex}.quick-title{margin:15px 0 9px;font-size:13px;font-weight:800}.quick-heading a{color:var(--brand);font-size:10px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.quick{text-align:center;color:#c5d0d5;background:#ffffff06;border:1px solid #ffffff0f;border-radius:15px;padding:11px 5px;font-size:9px}.quick .q-icon{color:var(--brand);margin-bottom:5px;font-size:20px}.q-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;display:block}.quick strong,.quick small{display:block}.quick strong{color:#dce5e7;white-space:nowrap;font-size:8px;font-weight:600}.quick small{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:7px}.phone-nav{z-index:3;background:#08191df5;border:1px solid #00e5c729;border-radius:17px;grid-template-columns:repeat(5,1fr);align-items:end;padding:8px 4px 5px;display:grid;position:absolute;bottom:8px;left:9px;right:9px;box-shadow:0 8px 25px #00000059}.phone-nav div{color:#879aa4;justify-items:center;gap:3px;display:grid}.phone-nav span{font-size:19px;line-height:1}.phone-nav svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;display:block}.phone-nav small{font-size:8px}.phone-nav .active{color:#fff}.phone-nav .active span{background:var(--brand);color:#06201d;border-radius:50%;place-items:center;width:35px;height:35px;margin-top:-17px;animation:2s ease-in-out infinite electric-pulse;display:grid;box-shadow:0 0 18px #00e5c780}.float-card{backdrop-filter:blur(15px);background:#071218db;border:1px solid #00e5c72e;border-radius:18px;width:178px;padding:15px;position:absolute;bottom:85px;right:-4px;box-shadow:0 20px 50px #00000059}.float-card .small{color:var(--muted);font-size:9px}.float-card strong{color:var(--brand);margin-top:4px;font-size:20px;display:block}.float-card{animation:.8s .55s both reveal-up,4.5s ease-in-out 1.35s infinite phone-float}section{padding:105px 0;position:relative}.section-head{max-width:690px;margin-bottom:45px}.section-kicker{color:var(--brand);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:850}h2{letter-spacing:-.055em;margin:13px 0 15px;font-size:clamp(35px,4vw,53px);line-height:1.05}.section-head p{color:var(--muted);max-width:610px;font-size:16px}.features{background:linear-gradient(#0000,#00e5c706,#0000)}.feature-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.feature{border-radius:var(--radius);background:linear-gradient(145deg,#0c171eeb,#050b0ff2);border:1px solid #ffffff13;min-height:245px;padding:25px 21px;transition:all .25s;animation:.7s both reveal-up}.feature:nth-child(2){animation-delay:80ms}.feature:nth-child(3){animation-delay:.16s}.feature:nth-child(4){animation-delay:.24s}.feature:nth-child(5){animation-delay:.32s}.feature:hover{border-color:#00e5c747;transform:translateY(-5px);box-shadow:0 18px 50px #00000040}.feature-icon{width:50px;height:50px;color:var(--brand);background:var(--brand-soft);border:1px solid #00e5c726;border-radius:15px;place-items:center;margin-bottom:24px;font-size:23px;display:grid}.feature-icon svg,.store-icon svg,.vehicle-details svg,.car-link svg,.charge-stop svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}.feature-icon svg{width:25px;height:25px}.store-icon{place-items:center;display:grid}.feature h3{margin:0 0 8px;font-size:17px}.feature p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.showcase{overflow:hidden}.showcase-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;display:grid}.route-panel{background:#071017;border:1px solid #ffffff14;border-radius:32px;min-height:455px;padding:22px;position:relative;overflow:hidden;box-shadow:0 35px 80px #00000052}.map-grid{opacity:.5;background-image:linear-gradient(28deg,#0000 0 18%,#749fa521 18.2% 18.7%,#0000 19%),linear-gradient(151deg,#0000 0 37%,#749fa51a 37.2% 37.8%,#0000 38%),linear-gradient(72deg,#0000 0 64%,#749fa51a 64.2% 64.8%,#0000 65%),linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:auto,auto,auto,38px 38px,38px 38px;position:absolute;inset:0}.route-map{filter:drop-shadow(0 0 8px #00e5c74d);width:calc(100% - 50px);height:calc(100% - 180px);position:absolute;inset:35px 25px 145px;overflow:visible}.route-map .road{fill:none;stroke:#8aaeb329;stroke-width:5px;stroke-linecap:round}.route-map .route{fill:none;stroke:var(--brand);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 8;animation:1.4s linear infinite charge-flow}.route-map .route-shadow{fill:none;stroke:#00e5c733;stroke-width:13px;stroke-linecap:round;stroke-linejoin:round}.map-label{color:#b8c9cc;letter-spacing:.02em;backdrop-filter:blur(8px);background:#071017bf;border:1px solid #ffffff14;border-radius:8px;padding:5px 8px;font-size:10px;position:absolute}.label-bogota{top:246px;left:43px}.label-medellin{top:68px;right:37px}.route-stop{background:var(--brand);z-index:1;border:3px solid #071017;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 0 5px #00e5c726}.stop-a{top:272px;left:59px}.stop-b{top:86px;right:60px}.charge-stop{width:24px;height:24px;color:var(--brand);background:#102a2d;border:1px solid #ffffff26;border-radius:8px;place-items:center;font-size:12px;animation:2.2s ease-in-out infinite electric-pulse;display:grid;position:absolute;top:47%;left:51%;box-shadow:0 5px 15px #00000040}.map-pin{background:var(--brand);border-radius:50%;width:22px;height:22px;position:absolute;box-shadow:0 0 0 7px #00e5c71a,0 0 25px #00e5c759}.route-info{backdrop-filter:blur(12px);background:#050c11e0;border:1px solid #ffffff14;border-radius:20px;padding:18px;position:absolute;bottom:22px;left:22px;right:22px}.route-info-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.route-info small{color:var(--muted)}.route-info strong{color:var(--brand);font-size:20px}.route-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:#ffffff09;border-radius:12px;padding:10px}.stat span{color:var(--muted-2);font-size:9px;display:block}.stat strong{color:#fff;font-size:13px}.showcase-copy p{color:var(--muted);max-width:540px;line-height:1.8}.check-list{gap:12px;margin:28px 0;padding:0;list-style:none;display:grid}.check-list li{color:#b9c6cb;align-items:center;gap:10px;font-size:14px;display:flex}.check{background:var(--brand-soft);width:20px;height:20px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.cta-wrap{padding:0 0 110px}.contact-section{padding-top:20px}.contact-card{background:linear-gradient(135deg,#09171eeb,#050c11f5);border:1px solid #00e5c724;border-radius:30px;grid-template-columns:.85fr 1.15fr;gap:55px;padding:42px;display:grid}.contact-copy p{color:var(--muted);line-height:1.7}.contact-form{gap:14px;display:grid}.form-field{gap:6px;display:grid}.form-field label{color:#b9c8cc;font-size:12px;font-weight:700}.form-field input,.form-field textarea{width:100%;color:var(--text);font:inherit;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.form-field textarea{resize:vertical;min-height:105px}.form-field input:focus,.form-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #00e5c71a}.contact-form .btn{border:0}.cta{background:radial-gradient(circle at 82%,#00e5c729,#0000 30%),linear-gradient(135deg,#09171e,#061017 55%,#07161b);border:1px solid #00e5c72e;border-radius:34px;padding:65px;position:relative;overflow:hidden}.cta:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:32%;animation:6s ease-in-out infinite sheen;position:absolute;top:0;bottom:0;left:0}.cta h2{max-width:650px}.cta p{color:var(--muted);max-width:560px;margin-bottom:28px}.store-row{flex-wrap:wrap;gap:12px;display:flex}.store{background:#050b0f;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:11px;min-width:172px;padding:12px 17px;display:flex}.store-icon{font-size:25px}.store small{color:var(--muted);font-size:9px;display:block}.store strong{font-size:14px;display:block}footer{color:var(--muted);border-top:1px solid #ffffff0f;padding:35px 0;font-size:12px}.footer-row{justify-content:space-between;align-items:center;gap:25px;display:flex}.footer-links{gap:22px;display:flex}.footer-links a:hover{color:var(--brand)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1050px){.feature-grid{grid-template-columns:repeat(3,1fr)}.hero-grid,.showcase-grid{grid-template-columns:1fr}.hero{padding-top:125px}.visual{min-height:680px}.hero-copy{max-width:680px}.hero-content{text-align:center}.hero-copy{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-note{text-align:center}.eyebrow{margin:auto}.showcase-copy{order:-1}.showcase-copy .btn{margin-bottom:10px}}@media (width<=720px){.container{width:min(100% - 28px, var(--max))}.nav-links,.nav-cta{display:none}.mobile-menu{display:block}.hero{min-height:auto;padding:125px 0 65px}h1{font-size:50px}.hero-copy{font-size:16px}.visual{min-height:0;margin:10px 0 0;padding:0 0 35px}.phone{aspect-ratio:315/625;width:min(315px,100vw - 42px);height:auto}.float-card{display:none}.feature-grid{grid-template-columns:1fr}.feature{min-height:auto}section{padding:75px 0}.route-panel{min-height:390px}.contact-card{grid-template-columns:1fr;gap:24px;padding:25px 20px}.cta{padding:35px 25px}.footer-row{flex-direction:column;align-items:flex-start}.store{min-width:150px}}@media (width<=480px){h1{font-size:clamp(42px,13vw,50px)}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.phone-screen{padding-inline:14px}.car-card{padding:12px}.vehicle-visual{width:82px;margin-left:4px}.vehicle-visual svg{width:72px}.quick strong,.quick small{white-space:normal}.quick{min-width:0}.route-panel{min-height:360px;padding:14px}.route-info{padding:13px;bottom:14px;left:14px;right:14px}.route-stats{gap:5px}.stat{padding:8px 6px}.stat strong{font-size:11px}.label-bogota{top:220px;left:25px}.label-medellin{top:55px;right:25px}.stop-a{top:246px;left:41px}.stop-b{top:73px;right:48px}}@media (width<=720px){.nav-links.is-open{background:#050d12f7;border:1px solid #00e5c724;border-radius:18px;flex-direction:column;align-items:stretch;gap:16px;padding:18px;display:flex;position:absolute;top:76px;left:14px;right:14px;box-shadow:0 18px 40px #00000059}}
