
:root{
 --black:#090b0c;--ink:#121617;--dark:#151a1b;--dark2:#1d2525;--muted:#687276;
 --light:#f3f6f4;--white:#fff;--accent:#ff5a16;--accent-soft:#fff0e9;--line:#e0e5e2;
 --green:#22c997;--shadow:0 25px 70px rgba(8,12,12,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.7;overflow-x:hidden}
h1,h2,h3,h4,h5,.brand{font-family:Manrope,Inter,sans-serif}
img{max-width:100%;display:block}.container{max-width:1240px}
.section{padding:115px 0}.section-sm{padding:80px 0}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}
.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.eyebrow.dark{color:#6a7377}
.title{font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.06em;font-weight:800;margin:0 0 25px}
.title span{color:var(--accent)}.muted{color:var(--muted)}
.btn{border-radius:2px;font-size:12px;font-weight:800;padding:.86rem 1.3rem;transition:.3s}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent:hover{background:#ff7137;border-color:#ff7137;color:#fff;transform:translateY(-3px)}
.btn-dark{background:#101313;border-color:#101313}.btn-dark:hover{background:#252b2b;border-color:#252b2b;transform:translateY(-3px)}
.btn-outline-light:hover{color:#111}.btn i{margin-left:6px}
.site-header{position:fixed;z-index:1000;left:0;top:0;width:100%;transition:.35s}.site-header.scrolled{background:rgba(9,11,12,.96);box-shadow:0 12px 40px rgba(0,0,0,.22)}
.navbar{padding:19px 0}.brand{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none}
.brand-mark{width:36px;height:36px;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;font-weight:900;color:var(--accent)}
.brand strong{font-size:18px;letter-spacing:.11em;display:block;line-height:1}.brand small{display:block;font:9px Inter;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-top:5px}
.nav-link{color:#cbd0d0!important;font-size:12px;font-weight:700}.nav-link:hover,.nav-link.active{color:#fff!important}
.hero{height:88vh;min-height:690px;background:#0b0d0d;position:relative;overflow:hidden;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 75% 48%,rgba(255,90,22,.20),transparent 25%),linear-gradient(90deg,#090b0c 0%,#0d1111 52%,#111 100%)}
.hero-scooter{position:absolute;z-index:1;right:4%;bottom:-4%;height:92%;max-height:850px;filter:drop-shadow(0 35px 50px rgba(0,0,0,.55));animation:floatScooter 5s ease-in-out infinite}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,12,.98) 0%,rgba(9,11,12,.82) 39%,rgba(9,11,12,.12) 74%,rgba(9,11,12,.45))}
.hero-content{position:relative;z-index:3;color:#fff;max-width:760px;padding-top:50px}
.hero h1{font-size:clamp(49px,6.6vw,94px);line-height:.92;letter-spacing:-.07em;font-weight:800;margin:0 0 26px}.hero h1 span{color:var(--accent)}
.hero p{font-size:17px;line-height:1.7;color:#c5cbcc;max-width:650px;margin-bottom:31px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.page-hero{height:62vh;min-height:520px}.page-hero .hero-scooter{height:86%;right:9%}.page-hero h1{font-size:clamp(45px,5.8vw,78px)}
.scroll-cue{position:absolute;z-index:4;right:30px;bottom:28px;color:#fff;text-transform:uppercase;letter-spacing:.2em;font-size:9px;writing-mode:vertical-rl;display:flex;gap:10px}.scroll-cue:after{content:"";width:1px;height:55px;background:var(--accent)}
.ticker{background:var(--accent);color:#111;overflow:hidden;white-space:nowrap}.ticker-track{display:inline-flex;gap:42px;padding:10px 0;font-size:9px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;animation:ticker 25s linear infinite}
.value-strip{border-bottom:1px solid var(--line);background:#fff}.value{padding:27px 20px;border-right:1px solid var(--line);display:flex;gap:14px;align-items:center}.value i{font-size:23px;color:var(--accent)}.value strong,.value span{display:block}.value strong{font-size:12px}.value span{font-size:10px;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.media{position:relative;overflow:hidden;background:#ecefed}.media img{width:100%;height:640px;object-fit:cover}.scooter-media{background:linear-gradient(145deg,#080a0a,#202625);display:flex;justify-content:center;align-items:end}.scooter-media img{height:650px;width:auto;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 20px 35px #000);animation:floatScooter 5s ease-in-out infinite}
.media-frame:after{content:"";position:absolute;inset:17px;border:1px solid rgba(255,255,255,.25);pointer-events:none}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.checks div{font-size:12px;font-weight:800}.checks i{color:var(--accent);margin-right:7px}
.stat-band{background:#111;color:#fff}.stat{padding:45px 20px;border-right:1px solid rgba(255,255,255,.1)}.stat b{font:800 46px Manrope;display:block;color:var(--accent);line-height:1}.stat span{font-size:11px;color:#aeb7b7;text-transform:uppercase;letter-spacing:.12em}
.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel{border:1px solid var(--line);padding:32px;background:#fff;min-height:260px;position:relative;overflow:hidden;transition:.4s}.panel:before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:var(--accent);transition:.45s}.panel:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.panel:hover:before{width:100%}.panel i{font-size:27px;color:var(--accent)}.panel h3{font-size:20px;margin:24px 0 8px}.panel p{font-size:12px;color:var(--muted)}
.dark{background:var(--black);color:#fff}.dark .title{color:#fff}.dark .muted,.dark p{color:#aab3b4}
.solution{border:1px solid rgba(255,255,255,.12);padding:31px;min-height:280px;background:linear-gradient(145deg,#111515,#0d1010);transition:.4s}.solution:hover{border-color:rgba(255,90,22,.65);transform:translateY(-7px);background:#141918}.solution i{font-size:28px;color:var(--accent)}.solution h3{font-size:19px;margin:25px 0 8px}.solution p{font-size:12px}.solution a{color:#fff;text-decoration:none;font-size:11px;font-weight:900}
.product{height:100%;border:1px solid var(--line);background:#fff;overflow:hidden;transition:.4s}.product:hover{transform:translateY(-9px);box-shadow:var(--shadow)}.product-img{height:390px;background:linear-gradient(145deg,#080a0a,#242a28);display:flex;justify-content:center;align-items:end;overflow:hidden}.product-img img{height:100%;width:auto;object-fit:contain;transition:.6s;filter:drop-shadow(0 20px 25px rgba(0,0,0,.45))}.product:hover .product-img img{transform:scale(1.04) translateY(-4px)}.product-body{padding:28px}.product-body h3{font-size:24px}.product-body p{font-size:12px;color:var(--muted)}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{border:1px solid var(--line);padding:4px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.detail-strip{background:var(--accent-soft);border-top:1px solid #ffd7c5;border-bottom:1px solid #ffd7c5}.detail-item{padding:30px 20px;border-right:1px solid #ffd7c5}.detail-item strong{display:block;font-size:13px}.detail-item span{font-size:10px;color:#7d6860}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;position:relative}.process:before{content:"";position:absolute;top:41px;left:8%;right:8%;height:1px;background:#d8ddda}.step{text-align:center;position:relative;z-index:2}.step-no{width:82px;height:82px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 18px;font-weight:900}.step i{font-size:20px;color:var(--accent)}.step h3{font-size:17px;margin:10px 0 5px}.step p{font-size:11px;color:var(--muted)}
.accessory-card{height:100%;border:1px solid var(--line);padding:27px;background:#fff;transition:.4s;position:relative}.accessory-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.accessory-icon{width:54px;height:54px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:22px;margin-bottom:24px}.accessory-card h3{font-size:19px}.accessory-card p{font-size:12px;color:var(--muted);margin:8px 0 18px}.accessory-card a{font-size:11px;font-weight:900;color:#111;text-decoration:none}
.accessory-visual{min-height:440px;background:linear-gradient(145deg,#0a0c0c,#252c2a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.accessory-visual:before{content:"ACCESSORIES";position:absolute;font:900 110px Manrope;color:rgba(255,255,255,.035);letter-spacing:-.08em;transform:rotate(-12deg)}.accessory-visual i{font-size:100px;color:var(--accent);z-index:1}
.band{background:#f5f7f6}.quote-box{background:#111;color:#fff;padding:55px}.quote-box h2{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.05em}.quote-box p{color:#aeb6b7}.cta{background:linear-gradient(110deg,#101313,#292a27);color:#fff;padding:75px 0;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(255,90,22,.25);border-radius:50%;right:-170px;top:-210px}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(35px,4.5vw,61px);line-height:1;letter-spacing:-.05em;margin:0 0 12px}.contact{background:#0e1111;color:#fff}.contact p{color:#aab3b4}.form-box{background:#fff;color:#111;padding:36px}.form-control,.form-select{border-radius:2px;padding:.8rem;font-size:13px;border:1px solid #dce2df}.form-control:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem rgba(255,90,22,.13)}label{font-size:11px;font-weight:900;margin-bottom:6px}.alertx{display:none;padding:10px;font-size:12px;margin-bottom:15px}.alertx.show{display:block}.contact-info{display:grid;gap:20px;margin-top:35px}.contact-info div{display:flex;gap:14px}.contact-info i{color:var(--accent);font-size:20px}.contact-info small{display:block;color:#6e7778;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.contact-info a,.contact-info strong{display:block;color:#fff;text-decoration:none;font-size:13px}
.map-card{border:1px solid var(--line);padding:31px;display:flex;justify-content:space-between;align-items:center;gap:20px}.map-card p{margin:0;color:var(--muted);font-size:12px}
.faq .accordion-item{border:0;border-bottom:1px solid var(--line)}.faq .accordion-button{background:transparent!important;box-shadow:none!important;padding:22px 0;font-size:15px;font-weight:800}.faq .accordion-body{padding:0 40px 22px 0;color:var(--muted);font-size:13px}
.footer{background:#080a0a;color:#fff;padding:75px 0 20px}.footer h3{font-size:11px;text-transform:uppercase;letter-spacing:.13em}.footer a,.footer p{display:block;color:#7d8789;text-decoration:none;font-size:11px;margin-bottom:8px}.footer a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:45px;padding-top:17px;color:#596365;font-size:9px;display:flex;justify-content:space-between}
.whatsapp{position:fixed;right:20px;bottom:20px;z-index:1100;width:60px;height:60px;border-radius:50%;background:#20d47f;color:#052015;display:grid;place-items:center;text-decoration:none;font-size:28px;box-shadow:0 12px 35px rgba(0,0,0,.3);animation:pulse 2.7s infinite}.whatsapp:hover{color:#052015;transform:scale(1.06)}
.backtop{position:fixed;right:24px;bottom:95px;z-index:1099;width:40px;height:40px;border:1px solid #d7ddda;background:#fff;opacity:0;visibility:hidden;transition:.3s}.backtop.show{opacity:1;visibility:visible}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .85s ease,transform .85s ease}.reveal.in{opacity:1;transform:none}
.modal-content{border:0;border-radius:2px}.modal-header{padding:28px;border-bottom:1px solid var(--line)}.modal-body{padding:28px}.modal-features{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.modal-features span{border:1px solid var(--line);padding:8px;font-size:11px}.modal-features i{color:var(--accent)}
@keyframes floatScooter{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(32,212,127,.35),0 12px 35px rgba(0,0,0,.3)}50%{box-shadow:0 0 0 12px rgba(32,212,127,0),0 12px 35px rgba(0,0,0,.3)}}
@media(max-width:991px){.navbar-collapse{background:#090b0c;padding:15px;margin-top:10px}.hero-scooter{height:72%;right:-8%;opacity:.55}.hero:after{background:linear-gradient(90deg,rgba(9,11,12,.96),rgba(9,11,12,.73))}.section{padding:82px 0}.split{grid-template-columns:1fr;gap:45px}.media img,.scooter-media img{height:500px}.panel-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr}.process:before{left:50%;top:40px;bottom:40px;height:auto;width:1px;right:auto}.step{display:grid;grid-template-columns:82px 1fr;text-align:left;align-items:center;gap:15px}.step-no{grid-row:span 3;margin:0}.step i,.step h3,.step p{grid-column:2}.cta-row{display:block}.cta-row .hero-actions{margin-top:25px}.map-card{display:block}.map-card .btn{margin-top:18px}.product-img{height:330px}}
@media(max-width:575px){.hero{height:83vh;min-height:620px}.hero h1{font-size:45px}.hero p{font-size:14px}.hero-actions .btn{width:100%}.hero-scooter{height:54%;right:-17%;bottom:-1%;opacity:.38}.page-hero{height:60vh;min-height:520px}.page-hero .hero-scooter{height:57%;right:-10%}.title{font-size:39px}.section{padding:65px 0}.panel-grid{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.media img,.scooter-media img{height:390px}.product-img{height:290px}.quote-box{padding:35px 24px}.cta{padding:60px 0}.form-box{padding:24px 17px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:6px}.modal-features{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Extended long-form sections */
.feature-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr)}
.feature-cell{padding:34px 24px;border-right:1px solid var(--line);min-height:155px}
.feature-cell:last-child{border-right:0}.feature-cell i{font-size:24px;color:var(--accent)}
.feature-cell h4{font-size:14px;margin:15px 0 5px}.feature-cell p{font-size:11px;color:var(--muted);margin:0}
.numbered{counter-reset:item}.number-card{position:relative;border-top:2px solid var(--accent);padding:28px 26px 30px;background:#fff;min-height:260px;box-shadow:0 12px 40px rgba(0,0,0,.04)}
.number-card .num{font:800 42px Manrope;color:#e5e9e7;line-height:1}.number-card h3{font-size:19px;margin:20px 0 8px}.number-card p{font-size:12px;color:var(--muted)}
.dark .number-card{background:#111616;color:#fff;border-color:var(--accent)}.dark .number-card .num{color:#303a37}.dark .number-card p{color:#aab3b4}
.timeline{position:relative;padding-left:45px}.timeline:before{content:"";position:absolute;left:9px;top:5px;bottom:5px;width:1px;background:#cfd6d2}.timeline-item{position:relative;padding:0 0 38px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-41px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.timeline-item h3{font-size:18px;margin:0 0 7px}.timeline-item p{font-size:12px;color:var(--muted);margin:0}
.dark .timeline:before{background:#394240}.dark .timeline-item p{color:#aab3b4}
.usecase{background:#f7f9f8;border:1px solid var(--line);padding:32px;min-height:250px;transition:.35s}.usecase:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.usecase i{font-size:28px;color:var(--accent)}.usecase h3{font-size:19px;margin:22px 0 8px}.usecase p{font-size:12px;color:var(--muted)}
.quote-strip{padding:95px 0;background:var(--accent);color:#111}.quote-strip blockquote{font:800 clamp(30px,4.3vw,57px)/1.08 Manrope;letter-spacing:-.055em;margin:0;max-width:1000px}.quote-strip cite{display:block;margin-top:20px;font:800 10px Inter;text-transform:uppercase;letter-spacing:.14em}
.content-list{display:grid;gap:0;border-top:1px solid var(--line)}.content-row{display:grid;grid-template-columns:210px 1fr;gap:35px;padding:28px 0;border-bottom:1px solid var(--line)}.content-row strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.content-row p{font-size:12px;color:var(--muted);margin:0}
.dark .content-list{border-color:rgba(255,255,255,.12)}.dark .content-row{border-color:rgba(255,255,255,.12)}.dark .content-row p{color:#aab3b4}
@media(max-width:991px){.feature-row{grid-template-columns:1fr 1fr}.feature-cell:nth-child(2){border-right:0}.content-row{grid-template-columns:1fr;gap:8px}}
@media(max-width:575px){.feature-row{grid-template-columns:1fr}.feature-cell{border-right:0;border-bottom:1px solid var(--line)}.feature-cell:last-child{border-bottom:0}.content-row{padding:22px 0}}
