:root {
  --orange: #E8520A;
  --orange2: #FF6B2B;
  --orange-dark: #C74008;
  --black: #0A0A0A;
  --dark: #111111;
  --dark2: #1A1A1A;
  --dark3: #232323;
  --white: #FFFFFF;
  --gray: #888888;
  --green: #00C853;
  --navy: #0D1B3E;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Barlow',sans-serif;background:var(--black);color:var(--white);overflow-x:hidden;}

/* ═══════════ SCROLL REVEAL ═══════════ */
.reveal{opacity:1;transform:none;transition:opacity .75s ease,transform .75s ease;}
.reveal.visible{opacity:1;transform:none;}
.reveal-left{opacity:1;transform:none;transition:opacity .75s ease,transform .75s ease;}
.reveal-left.visible{opacity:1;transform:none;}
.reveal-right{opacity:1;transform:none;transition:opacity .75s ease,transform .75s ease;}
.reveal-right.visible{opacity:1;transform:none;}
.delay-1{transition-delay:.1s;}
.delay-2{transition-delay:.2s;}
.delay-3{transition-delay:.3s;}
.delay-4{transition-delay:.4s;}

/* ═══════════ NAV ═══════════ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 64px;height:72px;
  background:rgba(10,10,10,0);
  backdrop-filter:blur(0px);
  border-bottom:1px solid rgba(232,82,10,0);
  transition:all .4s ease;
}
nav.scrolled{
  background:rgba(10,10,10,0.96);
  backdrop-filter:blur(20px);
  border-bottom-color:rgba(232,82,10,0.2);
}
.nav-logo{
  font-family:'Barlow Condensed',sans-serif;
  font-size:22px;font-weight:900;color:var(--white);
  display:flex;align-items:center;gap:4px;
  text-decoration:none;
}
.nav-logo .o{color:var(--orange);}
.nav-logo small{font-size:13px;font-weight:400;color:var(--gray);margin-left:6px;}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{
  text-decoration:none;color:rgba(255,255,255,0.65);
  font-size:14px;font-weight:500;letter-spacing:.3px;
  transition:color .2s;position:relative;
}
.nav-links a::after{
  content:'';position:absolute;bottom:-4px;left:0;right:0;
  height:2px;background:var(--orange);transform:scaleX(0);
  transition:transform .25s;transform-origin:left;
}
.nav-links a:hover{color:var(--white);}
.nav-links a:hover::after{transform:scaleX(1);}
.nav-cta{
  background:var(--orange);color:var(--white)!important;
  padding:10px 24px;border-radius:6px;
  font-weight:700!important;font-size:14px!important;
  transition:background .2s,transform .2s!important;
}
.nav-cta::after{display:none!important;}
.nav-cta:hover{background:var(--orange-dark)!important;transform:translateY(-1px);}

/* ═══════════ HERO ═══════════ */
.hero{
  min-height:100vh;position:relative;
  display:flex;align-items:flex-end;overflow:hidden;
  background-color:#0a0a0a;
}
.hero-bg{
  position:absolute;inset:0;z-index:0;
  background:url('hero-bg.jpg') center 40%/cover no-repeat;
  transform:scale(1.04);
  transition:transform 10s ease;
}
.hero.loaded .hero-bg{transform:scale(1.0);}
.hero-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(to right,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.05) 100%),
    linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.2) 35%,transparent 100%);
}
.hero-particles{position:absolute;inset:0;z-index:1;pointer-events:none;}
.particle{
  position:absolute;width:2px;height:2px;
  background:var(--orange);border-radius:50%;opacity:0;
  animation:floatUp linear infinite;
}
@keyframes floatUp{
  0%{transform:translateY(0) translateX(0);opacity:0;}
  10%{opacity:.6;}
  90%{opacity:.1;}
  100%{transform:translateY(-100vh) translateX(var(--drift));opacity:0;}
}
.hero-line{position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange);z-index:3;}
.hero-content{
  position:relative;z-index:2;
  padding:140px 80px 100px;max-width:800px;
}
.hero-badge{display:none;}
.hero-badge-dot{display:none;}
.hero-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(56px,7.5vw,108px);font-weight:900;
  line-height:.9;letter-spacing:-2px;text-transform:uppercase;
  margin-bottom:32px;
}
.hero-title .lw{color:var(--white);display:block;animation:slideIn .8s ease both;}
.hero-title .lo{color:var(--orange);display:block;animation:slideIn .8s ease .15s both;}
@keyframes slideIn{from{opacity:0;transform:translateX(-40px);}to{opacity:1;transform:none;}}
.hero-sub{
  font-size:18px;color:rgba(255,255,255,.52);
  line-height:1.75;max-width:500px;margin-bottom:50px;
  animation:fadeUp .8s ease .4s both;
}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}
.hero-actions{
  display:flex;gap:16px;align-items:center;flex-wrap:wrap;
  margin-bottom:80px;animation:fadeUp .8s ease .55s both;
}
.btn-primary{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--orange);color:var(--white);
  padding:18px 42px;border-radius:6px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:20px;font-weight:800;letter-spacing:1px;
  text-decoration:none;text-transform:uppercase;
  transition:all .25s;border:2px solid var(--orange);
  position:relative;overflow:hidden;
}
.btn-primary::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);
  opacity:0;transition:opacity .25s;
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(232,82,10,.4);}
.btn-primary:hover::before{opacity:1;}
.btn-secondary{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.07);color:rgba(255,255,255,.85);
  padding:18px 36px;border-radius:6px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:20px;font-weight:700;letter-spacing:1px;
  text-decoration:none;text-transform:uppercase;
  border:2px solid rgba(255,255,255,.15);
  backdrop-filter:blur(8px);transition:all .25s;
}
.btn-secondary:hover{border-color:rgba(255,255,255,.45);color:var(--white);transform:translateY(-2px);}
.hero-stats{
  display:flex;gap:0;
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:36px;
  animation:fadeUp .8s ease .7s both;
}
.stat-item{padding-right:48px;margin-right:48px;border-right:1px solid rgba(255,255,255,.1);}
.stat-item:last-child{border:none;margin:0;padding:0;}
.stat-num{
  font-family:'Barlow Condensed',sans-serif;
  font-size:52px;font-weight:900;color:var(--orange);line-height:1;
}
.stat-label{font-size:11px;color:rgba(255,255,255,.42);text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;}
.hero-pills{
  display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;
  animation:fadeUp .8s ease .4s both;
}
.hero-pill{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.7);
  font-size:12px;font-weight:600;letter-spacing:.5px;
  padding:6px 14px;border-radius:100px;
}
.hero-scroll{
  position:absolute;bottom:36px;right:64px;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  color:rgba(255,255,255,.28);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;
  z-index:3;animation:fadeUp 1s ease 1.2s both;
}
.hero-scroll::before{
  content:'';width:1px;height:56px;
  background:linear-gradient(to bottom,var(--orange),transparent);
  animation:scrollline 2s infinite;
}
@keyframes scrollline{
  0%{transform:scaleY(0);transform-origin:top;opacity:0;}
  30%{opacity:1;}
  70%{transform:scaleY(1);transform-origin:top;opacity:1;}
  100%{transform:scaleY(1);transform-origin:bottom;opacity:0;}
}

/* ═══════════ TRUST BAR ═══════════ */
.trust-bar{
  background:var(--orange);
  overflow:hidden;padding:18px 0;
  position:relative;
}
.trust-bar::before,.trust-bar::after{
  content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;
}
.trust-bar::before{left:0;background:linear-gradient(to right,var(--orange),transparent);}
.trust-bar::after{right:0;background:linear-gradient(to left,var(--orange),transparent);}
.trust-ticker{
  display:flex;gap:0;width:max-content;
  animation:ticker 28s linear infinite;
}
.trust-ticker:hover{animation-play-state:paused;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%)}}
.trust-item{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:15px;font-weight:700;letter-spacing:.5px;
  color:var(--white);text-transform:uppercase;
  padding:0 40px;white-space:nowrap;flex-shrink:0;
}
.trust-icon{font-size:16px;}
.trust-sep{
  color:rgba(255,255,255,.35);font-size:20px;
  flex-shrink:0;line-height:1;
}

/* ═══════════ SECTIONS COMMONS ═══════════ */
.section{padding:110px 72px;}
.section-tag{
  font-size:11px;font-weight:700;letter-spacing:3px;
  color:var(--orange);text-transform:uppercase;margin-bottom:14px;
}
.section-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(40px,5vw,64px);font-weight:900;
  line-height:1;text-transform:uppercase;margin-bottom:16px;
}
.section-sub{
  font-size:16px;color:rgba(255,255,255,.52);
  max-width:520px;line-height:1.75;margin-bottom:64px;
}

/* ═══════════ COMO FUNCIONA ═══════════ */
.steps-section{background:var(--dark);}
.steps-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:2px;margin-top:64px;
}
.step-card{
  background:var(--dark2);padding:44px 32px;
  position:relative;overflow:hidden;
  border-top:3px solid transparent;
  transition:border-color .35s,transform .35s,background .35s;
  cursor:default;
}
.step-card:hover{border-top-color:var(--orange);background:#1e1e1e;transform:translateY(-6px);}
.step-number{
  font-family:'Barlow Condensed',sans-serif;
  font-size:100px;font-weight:900;
  color:rgba(232,82,10,.08);line-height:1;
  position:absolute;top:16px;right:20px;
  transition:color .35s;
}
.step-card:hover .step-number{color:rgba(232,82,10,.14);}
.step-icon{
  width:56px;height:56px;
  background:rgba(232,82,10,.12);border:1px solid rgba(232,82,10,.25);
  border-radius:14px;display:flex;align-items:center;justify-content:center;
  margin-bottom:24px;
  transition:background .35s,transform .35s;
}
.step-card:hover .step-icon{background:rgba(232,82,10,.22);transform:scale(1.08);}
.step-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:24px;font-weight:800;margin-bottom:12px;text-transform:uppercase;
}
.step-desc{font-size:14px;color:rgba(255,255,255,.52);line-height:1.75;}
.step-connector{
  display:none;
}

/* ═══════════ PLANOS ═══════════ */
.plans-section{background:var(--dark2);padding:110px 72px;}
.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:960px;margin:0 auto;}
.plan-card{
  background:var(--dark3);border:1px solid rgba(255,255,255,.07);
  border-radius:20px;padding:48px 44px;position:relative;overflow:hidden;
  transition:transform .35s,border-color .35s,box-shadow .35s;
}
.plan-card::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(232,82,10,.06),transparent);
  opacity:0;transition:opacity .35s;
  pointer-events:none;
}
.plan-card:hover{transform:translateY(-8px);border-color:rgba(232,82,10,.35);box-shadow:0 24px 60px rgba(0,0,0,.4);}
.plan-card:hover::before{opacity:1;}
.plan-card.featured{border-color:var(--orange);background:linear-gradient(135deg,#1a1a1a,#1e1208);}
.plan-badge{
  position:absolute;top:0;right:36px;
  background:var(--orange);color:var(--white);
  font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  padding:6px 18px;border-radius:0 0 10px 10px;
}
.plan-name{
  font-family:'Barlow Condensed',sans-serif;
  font-size:30px;font-weight:900;color:var(--orange);
  text-transform:uppercase;margin-bottom:4px;
}
.plan-period{font-size:13px;color:var(--gray);margin-bottom:32px;}
.plan-price-from{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;}
.plan-price{
  font-family:'Barlow Condensed',sans-serif;
  font-size:72px;font-weight:900;color:var(--green);line-height:1;margin:4px 0;
}
.plan-price-label{font-size:13px;color:var(--gray);margin-bottom:32px;}
.plan-divider{height:1px;background:rgba(255,255,255,.08);margin:28px 0;}
.plan-features{list-style:none;}
.plan-features li{
  display:flex;align-items:flex-start;gap:12px;
  font-size:14px;color:rgba(255,255,255,.75);
  margin-bottom:14px;line-height:1.6;
}
.plan-features li::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0;margin-top:1px;}
.plan-cta{
  display:block;width:100%;padding:18px;border-radius:8px;
  text-align:center;font-family:'Barlow Condensed',sans-serif;
  font-size:19px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  text-decoration:none;margin-top:36px;transition:all .25s;
  cursor:pointer;border:none;outline:none;
  -webkit-appearance:none;appearance:none;
  position:relative;z-index:2;
}
.plan-cta-primary{background:var(--orange);color:var(--white);}
.plan-cta-primary:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:0 12px 32px rgba(232,82,10,.35);}
.plan-cta-secondary{background:rgba(255,255,255,.07);color:var(--white);border:1px solid rgba(255,255,255,.12);}
.plan-cta-secondary:hover{background:rgba(255,255,255,.12);}

/* ═══════════ CARROSSEL DE MOTOS ═══════════ */
.bikes-section{padding:110px 0;background:var(--black);overflow:hidden;}
.bikes-header{padding:0 72px;margin-bottom:60px;}
.carousel-wrapper{position:relative;}
.carousel-outer{
  overflow:hidden;padding:20px 0 50px;
  position:relative;
}
.carousel-outer::before,.carousel-outer::after{
  content:'';position:absolute;top:0;bottom:50px;width:120px;z-index:2;pointer-events:none;
}
.carousel-outer::before{left:0;background:linear-gradient(to right,var(--black) 0%,transparent 100%);}
.carousel-outer::after{right:0;background:linear-gradient(to left,var(--black) 0%,transparent 100%);}
.carousel-track{
  display:flex;gap:24px;padding:0 72px;
  transition:transform .55s cubic-bezier(.25,.46,.45,.94);
  will-change:transform;
}
.carousel-track.auto-scroll{
  transition:none;
  animation:bikeTicker 30s linear infinite;
}
.carousel-track.auto-scroll:hover{animation-play-state:paused;}
@keyframes bikeTicker{from{transform:translateX(0);}to{transform:translateX(var(--bike-offset));}}
.bike-card{
  flex:0 0 340px;
  background:var(--dark2);border:1px solid rgba(255,255,255,.07);
  border-radius:20px;overflow:hidden;
  transition:border-color .35s,transform .35s,box-shadow .35s;
  cursor:pointer;
}
.bike-card:hover{
  border-color:rgba(232,82,10,.5);
  transform:translateY(-10px);
  box-shadow:0 24px 60px rgba(0,0,0,.5);
}
.bike-card.active{border-color:var(--orange);}
.bike-img{
  width:100%;height:230px;
  background:linear-gradient(135deg,var(--dark3),#1e1e1e);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.bike-img img{
  width:100%;height:100%;object-fit:contain;
  padding:24px;transition:transform .5s ease;
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));
}
.bike-card:hover .bike-img img{transform:scale(1.07) translateY(-4px);}
.bike-img-placeholder{
  font-size:80px;opacity:.3;
  transition:opacity .35s,transform .5s;
}
.bike-card:hover .bike-img-placeholder{opacity:.5;transform:scale(1.05);}
.bike-model-badge{
  position:absolute;top:14px;left:14px;
  background:var(--orange);color:var(--white);
  font-size:10px;font-weight:800;letter-spacing:1.5px;
  text-transform:uppercase;padding:4px 10px;border-radius:4px;
}
.bike-color-bar{position:absolute;bottom:0;left:0;right:0;height:4px;}
.bike-info{padding:26px;}
.bike-model{
  font-family:'Barlow Condensed',sans-serif;
  font-size:28px;font-weight:900;text-transform:uppercase;margin-bottom:3px;
}
.bike-type{font-size:13px;color:var(--gray);margin-bottom:20px;}
.bike-specs{
  display:grid;grid-template-columns:1fr 1fr;
  gap:12px;margin-bottom:24px;
}
.spec-label{font-size:11px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px;}
.spec-val{font-weight:700;color:rgba(255,255,255,.9);font-size:14px;margin-top:2px;}
.bike-price-row{
  display:flex;align-items:flex-end;justify-content:space-between;
  padding-top:20px;border-top:1px solid rgba(255,255,255,.07);
}
.bike-price{
  font-family:'Barlow Condensed',sans-serif;
  font-size:32px;font-weight:900;color:var(--green);line-height:1;
}
.bike-price-sub{font-size:11px;color:var(--gray);margin-top:4px;}
.carousel-nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 72px;margin-top:12px;
}
.carousel-dots{display:flex;gap:8px;}
.cdot{
  height:4px;border-radius:2px;
  background:rgba(255,255,255,.15);cursor:pointer;
  transition:all .35s;border:none;width:32px;
}
.cdot.active{background:var(--orange);width:56px;}
.carousel-arrows{display:flex;gap:12px;}
.carrow{
  width:52px;height:52px;border-radius:50%;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  color:var(--white);font-size:20px;
  cursor:pointer;transition:all .25s;
  display:flex;align-items:center;justify-content:center;
}
.carrow:hover{background:var(--orange);border-color:var(--orange);}
.carrow:disabled{opacity:.25;cursor:not-allowed;}
.carrow:disabled:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);}

/* ═══════════ COMPARATIVO ═══════════ */
.compare-section{
  padding:110px 72px;
  background:linear-gradient(135deg,#0a0a0a,#1a0a04,#0a0a0a);
  border-top:1px solid rgba(232,82,10,.15);
  border-bottom:1px solid rgba(232,82,10,.15);
}
.compare-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr;
  max-width:740px;margin:0 auto;
  background:var(--dark2);border-radius:16px;overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}
.cth{
  padding:18px 24px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:15px;font-weight:800;text-transform:uppercase;
  background:var(--dark3);
}
.cth.o{background:var(--orange);}
.ctc{
  padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.05);
  font-size:14px;display:flex;align-items:center;
  transition:background .2s;
}
.ctc:hover{background:rgba(255,255,255,.02);}
.ctc.yes{color:var(--green);font-weight:700;justify-content:center;}
.ctc.no{color:rgba(255,255,255,.22);justify-content:center;}
.ctc.hl{background:rgba(232,82,10,.04);}

/* ═══════════ BENEFÍCIOS ═══════════ */
.benefits-section{padding:110px 72px;background:var(--dark);}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px;}
.benefit-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;padding:40px 30px;
  transition:all .35s;position:relative;overflow:hidden;
  cursor:default;
}
.benefit-card::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(232,82,10,.15),transparent);
  opacity:0;transition:opacity .35s;
}
.benefit-card:hover{
  background:rgba(232,82,10,.08);
  border-color:rgba(232,82,10,.3);
  transform:translateY(-8px);
}
.benefit-card:hover::before{opacity:1;}
.benefit-icon{margin-bottom:24px;display:block;transition:transform .35s;line-height:1;}
.benefit-card:hover .benefit-icon{transform:scale(1.15) rotate(-5deg);}
.benefit-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:24px;font-weight:800;text-transform:uppercase;
  color:var(--orange);margin-bottom:12px;
}
.benefit-desc{font-size:14px;color:rgba(255,255,255,.52);line-height:1.75;}

/* ═══════════ APP SECTION ═══════════ */
.app-section{
  padding:110px 72px;background:var(--dark2);
  display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center;
}
.app-tag{
  display:inline-block;
  background:rgba(0,200,83,.12);border:1px solid rgba(0,200,83,.25);
  color:var(--green);font-size:11px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  padding:6px 16px;border-radius:100px;margin-bottom:24px;
}
.app-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:56px;font-weight:900;line-height:1;
  text-transform:uppercase;margin-bottom:20px;
}
.app-desc{font-size:16px;color:rgba(255,255,255,.52);line-height:1.75;margin-bottom:36px;}
.app-feats{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:44px;}
.app-feats li{
  display:flex;align-items:center;gap:12px;
  font-size:15px;color:rgba(255,255,255,.75);
}
.app-feats li::before{
  content:'';width:8px;height:8px;border-radius:50%;
  background:var(--orange);flex-shrink:0;
}
.phone-mock{
  background:var(--dark3);border:1px solid rgba(232,82,10,.18);
  border-radius:28px;padding:40px 32px;position:relative;overflow:hidden;
}
.phone-mock::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% -10%,rgba(232,82,10,.1),transparent 60%);
}
.phone-screen{
  background:var(--dark);border-radius:18px;padding:24px;
  border:1px solid rgba(255,255,255,.06);position:relative;
}
.phone-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.phone-avatar{
  width:40px;height:40px;background:var(--orange);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:20px;flex-shrink:0;
}
.phone-greeting{font-size:12px;color:var(--gray);}
.phone-name{font-size:15px;font-weight:600;}
.phone-map{
  background:#0d1a0d;border-radius:14px;height:150px;
  margin-bottom:18px;display:flex;align-items:center;justify-content:center;
  font-size:48px;position:relative;overflow:hidden;
}
.map-ping{
  position:absolute;font-size:32px;
  animation:mapbounce 2s ease-in-out infinite;
}
@keyframes mapbounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.phone-stat{background:var(--dark2);border-radius:12px;padding:16px;text-align:center;}
.phone-stat-val{
  font-family:'Barlow Condensed',sans-serif;
  font-size:24px;font-weight:900;color:var(--green);
}
.phone-stat-label{font-size:11px;color:var(--gray);}

/* ═══════════ REGION ═══════════ */
.region-section{
  padding:64px 72px;background:var(--dark3);
  display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
}
.region-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:34px;font-weight:900;text-transform:uppercase;
}
.region-badges{display:flex;gap:12px;flex-wrap:wrap;}
.rbadge{
  background:rgba(232,82,10,.12);border:1px solid rgba(232,82,10,.3);
  color:var(--orange);font-size:13px;font-weight:700;
  padding:10px 20px;border-radius:100px;letter-spacing:.5px;
  transition:all .25s;cursor:default;
}
.rbadge:hover{background:rgba(232,82,10,.22);transform:translateY(-2px);}

/* ═══════════ FAQ ═══════════ */
.faq-section{padding:110px 72px;max-width:860px;margin:0 auto;}
.faq-item{border-bottom:1px solid rgba(255,255,255,.08);}
.faq-q{
  width:100%;background:none;border:none;color:var(--white);
  font-family:'Barlow Condensed',sans-serif;
  font-size:22px;font-weight:700;
  padding:28px 0;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;
  text-align:left;transition:color .2s;
}
.faq-q:hover{color:var(--orange);}
.faq-icon{
  font-size:28px;color:var(--orange);flex-shrink:0;
  transition:transform .35s;
}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-a{
  font-size:15px;color:rgba(255,255,255,.55);
  line-height:1.8;max-height:0;overflow:hidden;
  transition:max-height .45s ease,padding .45s ease;
}
.faq-item.open .faq-a{max-height:200px;padding-bottom:24px;}

/* ═══════════ FOOTER ═══════════ */
footer{
  background:var(--dark);border-top:1px solid rgba(255,255,255,.06);
  padding:72px;
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;
}
.footer-logo{
  font-family:'Barlow Condensed',sans-serif;
  font-size:30px;font-weight:900;margin-bottom:16px;
}
.footer-logo .o{color:var(--orange);}
.footer-tagline{font-size:14px;color:var(--gray);line-height:1.75;max-width:250px;}
.footer-col-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:16px;font-weight:800;text-transform:uppercase;
  letter-spacing:1px;color:var(--orange);margin-bottom:22px;
}
.footer-links{list-style:none;}
.footer-links li{margin-bottom:12px;}
.footer-links a{text-decoration:none;font-size:14px;color:var(--gray);transition:color .2s;}
.footer-links a:hover{color:var(--white);}
.footer-bottom{
  background:var(--dark);border-top:1px solid rgba(255,255,255,.04);
  padding:22px 72px;
  display:flex;justify-content:space-between;align-items:center;
  font-size:13px;color:rgba(255,255,255,.28);
}

/* ═══════════ WHATSAPP FLOAT ═══════════ */
.wa-float{
  position:fixed;bottom:32px;right:32px;z-index:300;
}
.wa-btn{
  width:64px;height:64px;border-radius:50%;
  background:#25D366;
  display:flex;align-items:center;justify-content:center;
  font-size:30px;cursor:pointer;
  box-shadow:0 6px 24px rgba(37,211,102,.45);
  transition:transform .25s,box-shadow .25s;
  border:none;
  animation:wapop .6s ease 1.5s both;
}
@keyframes wapop{from{transform:scale(0);}to{transform:scale(1);}}
.wa-btn:hover{transform:scale(1.12);box-shadow:0 10px 32px rgba(37,211,102,.6);}
.wa-form{
  position:fixed;bottom:110px;right:24px;
  background:var(--dark2);border:1px solid rgba(232,82,10,.25);
  border-radius:20px;padding:32px;width:340px;
  box-shadow:0 24px 80px rgba(0,0,0,.8);
  transform:scale(0);transform-origin:bottom right;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s;
  opacity:0;pointer-events:none;z-index:400;
}
.wa-form.open{transform:scale(1);opacity:1;pointer-events:all;}
.wa-form-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:22px;font-weight:800;margin-bottom:6px;
}
.wa-form-sub{font-size:13px;color:var(--gray);margin-bottom:24px;}
.wa-input{
  width:100%;background:var(--dark3);border:1px solid rgba(255,255,255,.1);
  border-radius:8px;padding:13px 16px;
  color:var(--white);font-size:14px;font-family:'Barlow',sans-serif;
  margin-bottom:12px;transition:border-color .25s;
  outline:none;
}
.wa-input:focus{border-color:var(--orange);}
.wa-input option{background:var(--dark2);}
.wa-submit{
  width:100%;padding:14px;border-radius:8px;
  background:#25D366;color:var(--white);border:none;
  font-family:'Barlow Condensed',sans-serif;
  font-size:18px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  cursor:pointer;transition:all .25s;margin-top:4px;
}
.wa-submit:hover{background:#1db954;transform:translateY(-2px);}
.wa-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;color:var(--gray);
  font-size:22px;cursor:pointer;transition:color .2s;
}
.wa-close:hover{color:var(--white);}

/* ── BIKE TICKER continuous feel ── */
.carousel-track.playing{
  transition:transform .6s cubic-bezier(.25,.46,.45,.94);
}
.carousel-outer{cursor:grab;}
.carousel-outer:active{cursor:grabbing;}


/* ══ INFINITE CAROUSEL ══ */
.bikes-section{padding:100px 0 80px;background:var(--black);overflow:hidden;}
.bikes-header{padding:0 72px;margin-bottom:52px;}
.inf-carousel-wrap{
  overflow:hidden;
  position:relative;
  cursor:grab;
  padding:20px 0 40px;
}
.inf-carousel-wrap:active{cursor:grabbing;}
/* fade edges */
.inf-carousel-wrap::before,
.inf-carousel-wrap::after{
  content:'';position:absolute;top:0;bottom:40px;width:140px;z-index:2;pointer-events:none;
}
.inf-carousel-wrap::before{left:0;background:linear-gradient(to right,var(--black),transparent);}
.inf-carousel-wrap::after{right:0;background:linear-gradient(to left,var(--black),transparent);}

.inf-track{
  display:flex;gap:28px;
  width:max-content;
  animation:inf-slide 22s linear infinite;
}
.inf-track:hover{animation-play-state:paused;}
@keyframes inf-slide{0%{transform:translateX(0);}100%{transform:translateX(calc(-3 * 388px));}}
  100%{transform:translateX(-50%);}
}

/* CARDS */
.inf-card{
  flex:0 0 360px;
  background:var(--dark2);
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;overflow:hidden;
  transition:border-color .3s,transform .3s,box-shadow .3s;
}
.inf-card:hover{
  border-color:rgba(232,82,10,.45);
  transform:translateY(-8px);
  box-shadow:0 24px 60px rgba(0,0,0,.5);
}
.inf-img-wrap{
  position:relative;width:100%;height:210px;overflow:hidden;
  background:var(--dark3);
}
.inf-img-wrap img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s ease;
}
.inf-card:hover .inf-img-wrap img{transform:scale(1.05);}
.inf-color-tag{
  position:absolute;bottom:10px;left:12px;
  font-size:11px;font-weight:700;letter-spacing:1px;
  padding:4px 12px;border-radius:100px;
  color:#fff;
}
.inf-body{padding:22px;}
.inf-model-row{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:16px;
}
.inf-model{
  font-family:'Barlow Condensed',sans-serif;
  font-size:30px;font-weight:900;text-transform:uppercase;line-height:1;
}
.inf-brand{font-size:12px;color:var(--gray);margin-top:3px;letter-spacing:.5px;}
.inf-price-badge{
  font-family:'Barlow Condensed',sans-serif;
  font-size:22px;font-weight:900;color:var(--green);
  text-align:right;line-height:1;
}
.inf-price-badge span{font-size:12px;font-weight:400;color:var(--gray);display:block;}

.inf-specs{
  display:grid;grid-template-columns:1fr 1fr;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;overflow:hidden;
  margin-bottom:14px;
}
.inf-spec{
  padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.06);
}
.inf-spec:nth-child(even){border-right:none;}
.inf-spec:nth-last-child(-n+2){border-bottom:none;}
.is-label{display:block;font-size:10px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;}
.is-val{display:block;font-size:13px;font-weight:700;color:var(--white);}
.is-val.orange{color:var(--orange);}

.inf-autonomy{
  font-size:12px;color:rgba(255,255,255,.55);
  background:rgba(232,82,10,.08);border:1px solid rgba(232,82,10,.15);
  border-radius:8px;padding:10px 12px;margin-bottom:16px;line-height:1.5;
}
.inf-autonomy strong{color:var(--orange);}

.inf-btn{
  display:block;width:100%;padding:14px;
  background:var(--orange);color:var(--white);
  border-radius:8px;text-align:center;
  font-family:'Barlow Condensed',sans-serif;
  font-size:17px;font-weight:800;letter-spacing:1px;
  text-decoration:none;text-transform:uppercase;
  transition:background .2s,transform .2s;
}
.inf-btn:hover{background:var(--orange-dark);transform:translateY(-2px);}

/* ══ MODAL FORM ══ */
.modal-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.7);
  z-index:500;opacity:0;pointer-events:none;
  transition:opacity .3s;
  backdrop-filter:blur(4px);
}
.modal-overlay.open{opacity:1;pointer-events:all;}
.modal-form{
  position:fixed;top:50%;left:50%;
  transform:translate(-50%,-50%) scale(.9);
  background:var(--dark2);border:1px solid rgba(232,82,10,.25);
  border-radius:20px;padding:36px;width:380px;max-width:90vw;
  z-index:501;opacity:0;pointer-events:none;
  transition:all .35s cubic-bezier(.34,1.56,.64,1);
  box-shadow:0 32px 80px rgba(0,0,0,.8);
}
.modal-form.open{
  transform:translate(-50%,-50%) scale(1);
  opacity:1;pointer-events:all;
}
.modal-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;color:var(--gray);
  font-size:22px;cursor:pointer;transition:color .2s;
}
.modal-close:hover{color:var(--white);}
.modal-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:24px;font-weight:800;
}
.modal-sub{font-size:13px;color:var(--gray);margin-bottom:22px;margin-top:4px;}
.modal-input{
  width:100%;background:var(--dark3);
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;padding:13px 16px;
  color:var(--white);font-size:14px;
  font-family:'Barlow',sans-serif;
  margin-bottom:12px;outline:none;
  transition:border-color .2s;
  -webkit-appearance:none;
}
.modal-input:focus{border-color:var(--orange);}
.modal-input option{background:var(--dark2);}
.modal-submit{
  width:100%;padding:15px;border-radius:8px;
  background:#25D366;color:var(--white);border:none;
  font-family:'Barlow Condensed',sans-serif;
  font-size:18px;font-weight:800;letter-spacing:1px;
  text-transform:uppercase;cursor:pointer;
  transition:all .2s;margin-top:4px;
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.modal-submit:hover{background:#1db954;transform:translateY(-2px);}

/* ═══════════════════════════════════════
   RESPONSIVO — TABLET (max 1024px)
═══════════════════════════════════════ */
@media (max-width: 1024px) {
  nav { padding: 0 32px; }
  .nav-links { gap: 20px; }
  .nav-links a { font-size: 13px; }

  .hero-content { padding: 120px 40px 80px; max-width: 100%; }
  .hero-title { font-size: clamp(56px, 8vw, 90px); }

  .section { padding: 80px 40px; }
  .plans-section { padding: 80px 40px; }
  .steps-grid { grid-template-columns: repeat(2, 1fr); }
  .benefits-grid { grid-template-columns: repeat(2, 1fr); }
  .compare-section { padding: 80px 40px; }
  .app-section { padding: 80px 40px; gap: 48px; }
  .region-section { padding: 48px 40px; }
  .faq-section { padding: 80px 40px; }
  footer { padding: 60px 40px; gap: 40px; grid-template-columns: 1fr 1fr; }
  .footer-bottom { padding: 20px 40px; }
  .bikes-header { padding: 0 40px; }
  .carousel-nav { padding: 0 40px; }
  .inf-carousel-wrap { padding: 20px 0 40px; }
}

/* ═══════════════════════════════════════
   RESPONSIVO — MOBILE (max 768px)
═══════════════════════════════════════ */
@media (max-width: 768px) {

  /* NAV */
  nav {
    padding: 0 20px;
    height: 60px;
  }
  .nav-links { display: none; }
  .nav-logo small { display: none; }

  /* HERO */
  .hero {
    min-height: 100svh;
    align-items: flex-end;
  }
  .hero::before {
    background-position: 70% center;
  }
  .hero-content {
    padding: 80px 20px 48px;
    max-width: 100%;
    width: 100%;
  }
  .hero-title {
    font-size: clamp(44px, 11vw, 66px);
    letter-spacing: -1px;
    line-height: 0.92;
    margin-bottom: 20px;
  }
  .hero-sub { font-size: 15px; margin-bottom: 28px; }
  .hero-pills { gap: 6px; margin-bottom: 16px; }
  .hero-pill { font-size: 11px; padding: 5px 10px; }
  .hero-actions { flex-direction: column; gap: 10px; margin-bottom: 40px; }
  .hero-actions .btn-primary,
  .hero-actions .btn-secondary { width: 100%; justify-content: center; font-size: 17px; padding: 15px; }
  .hero-stats {
    gap: 0;
    flex-wrap: wrap;
    border-top: 1px solid rgba(255,255,255,.12);
    padding-top: 24px;
  }
  .stat-item {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid rgba(255,255,255,.1);
    margin-bottom: 0;
  }
  .stat-item:last-child { border-right: none; }
  .stat-num { font-size: 32px; }
  .stat-label { font-size: 10px; }
  .hero-scroll { display: none; }
  .hero-line { width: 3px; }

  /* TRUST BAR */
  .trust-bar { padding: 14px 0; }
  .trust-item { font-size: 13px; padding: 0 20px; }

  /* SECTIONS */
  .section { padding: 60px 20px; }
  .section-title { font-size: clamp(32px, 8vw, 48px); }
  .section-sub { font-size: 15px; }

  /* STEPS */
  .steps-section { padding: 48px 20px; }
  .steps-grid {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .step-card { padding: 32px 24px; }

  /* PLANOS */
  .plans-section { padding: 60px 20px; }
  .plans-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .plan-card { padding: 36px 24px; }
  .plan-price { font-size: 56px; }

  /* CARROSSEL */
  .bikes-section { padding: 60px 0 50px; }
  .bikes-header { padding: 0 20px; margin-bottom: 36px; }
  .inf-card { flex: 0 0 290px; }
  .inf-img-wrap { height: 180px; }
  .inf-model { font-size: 26px; }
  .inf-price-badge { font-size: 18px; }
  .carousel-nav { padding: 0 20px; }
  @keyframes inf-slide {
    0%   { transform: translateX(0); }
    100% { transform: translateX(calc(-3 * 318px)); }
  }

  /* COMPARATIVO */
  .compare-section { padding: 60px 20px; }
  .compare-grid { max-width: 100%; }
  .cth, .ctc { padding: 12px 14px; font-size: 12px; }

  /* BENEFÍCIOS */
  .benefits-section { padding: 60px 20px; }
  .benefits-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .benefit-card { padding: 28px 22px; }

  /* APP */
  .app-section {
    padding: 60px 20px;
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .app-title { font-size: 40px; }
  .phone-mock { padding: 28px 20px; }

  /* REGIÕES */
  .region-section {
    padding: 40px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .region-title { font-size: 26px; }
  .region-section .btn-primary { width: 100%; justify-content: center; }

  /* FAQ */
  .faq-section { padding: 60px 20px; }
  .faq-q { font-size: 18px; padding: 22px 0; }

  /* FOOTER */
  footer {
    grid-template-columns: 1fr;
    padding: 48px 20px;
    gap: 36px;
  }
  .footer-bottom {
    padding: 16px 20px;
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }

  /* MODAL */
  .modal-form {
    width: 94vw;
    padding: 28px 20px;
    top: 50%;
  }

  /* WA FLOAT */
  .wa-float { bottom: 20px; right: 20px; }
  .wa-btn { width: 54px; height: 54px; font-size: 26px; }
  .wa-form { width: 92vw; right: -4vw; bottom: 70px; padding: 24px 18px; }
}

/* ═══════════════════════════════════════
   RESPONSIVO — MOBILE PEQUENO (max 400px)
═══════════════════════════════════════ */
@media (max-width: 400px) {
  .hero-title { font-size: 42px; }
  .plan-price { font-size: 48px; }
  .inf-card { flex: 0 0 260px; }
  @keyframes inf-slide {
    0%   { transform: translateX(0); }
    100% { transform: translateX(calc(-3 * 288px)); }
  }
}


@media (max-width: 768px) {
  .hero::after {
    background:
      linear-gradient(to right, rgba(0,0,0,.85) 0%, rgba(0,0,0,.5) 60%, rgba(0,0,0,.2) 100%),
      linear-gradient(to top, rgba(0,0,0,.98) 0%, rgba(0,0,0,.3) 40%, transparent 100%);
  }
}