:root {
    --cyan: #00C9D7;
    --cyan-dark: #009eaa;
    --dark: #021820;
    --dark-2: #041f29;
    --dark-3: #072533;
    --card-bg: rgba(255,255,255,0.04);
    --border: rgba(255,255,255,0.09);
    --text: rgba(255,255,255,0.92);
    --muted: rgba(200,220,225,0.7);
    --font-head: 'Sora', sans-serif;
    --font-body: 'DM Sans', sans-serif;
    --max: 1240px;
    --r: 14px;
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{background:var(--dark);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}

    /* ─── SCROLLBAR ─── */
    ::-webkit-scrollbar{width:6px}
    ::-webkit-scrollbar-track{background:var(--dark-2)}
    ::-webkit-scrollbar-thumb{background:var(--cyan-dark);border-radius:99px}

    /* ─── UTIL ─── */
    .container{max-width:var(--max);margin:0 auto;padding:0 32px}

    /* ─── HEADER ─── */
    .site-header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:16px 0;
    background:rgba(2,24,32,0.88);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--border);
    transition:background .3s;
    }
    .header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
    .logo img{height:40px;width:auto;display:block}
    .logo-txt{font-family:var(--font-head);font-size:22px;font-weight:800;color:#fff;letter-spacing:-0.5px}
    .logo-txt span{color:var(--cyan)}

    nav.main-nav{display:flex;gap:6px;align-items:center}
    nav.main-nav a{
    color:rgba(255,255,255,0.78);text-decoration:none;
    padding:8px 16px;border-radius:99px;font-size:14px;font-weight:500;
    transition:background .2s,color .2s;
    }
    nav.main-nav a:hover{background:rgba(255,255,255,0.07);color:#fff}
    .nav-cta{
    background:var(--cyan);color:#012227 !important;font-weight:700 !important;
    padding:10px 22px !important;border-radius:99px !important;
    transition:background .2s,transform .15s !important;
    box-shadow:0 4px 20px rgba(0,201,215,0.22);
    }
    .nav-cta:hover{background:var(--cyan-dark) !important;transform:translateY(-1px)}
    .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px}
    .hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:.3s}

    /* ─── HERO ─── */
    .hero{
    min-height:100vh;
    display:flex;align-items:center;
    position:relative;overflow:hidden;
    padding:100px 0 60px;
    }
    .hero-bg{
    position:absolute;inset:0;
    background:
        radial-gradient(ellipse 900px 600px at 10% 40%, rgba(0,201,215,.14), transparent 55%),
        radial-gradient(ellipse 600px 400px at 80% 80%, rgba(0,100,120,.12), transparent 50%),
        linear-gradient(160deg, #021820 0%, #041f29 50%, #021820 100%);
    }
    .hero-bg img{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;opacity:.12;mix-blend-mode:luminosity;
    }
    .hero-grid{
    position:relative;z-index:2;
    display:grid;grid-template-columns:1fr 420px;
    gap:60px;align-items:center;width:100%;
    }
    .hero-badge{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(0,201,215,.12);border:1px solid rgba(0,201,215,.25);
    color:var(--cyan);padding:6px 14px;border-radius:99px;
    font-size:13px;font-weight:600;margin-bottom:22px;
    animation:fadeUp .6s ease both;
    }
    .hero-badge i{font-size:11px}
    .hero-title{
    font-family:var(--font-head);
    font-size:clamp(38px,5.5vw,70px);
    font-weight:800;line-height:1.05;
    letter-spacing:-0.03em;color:#fff;
    margin-bottom:20px;
    animation:fadeUp .6s .1s ease both;
    }
    .hero-title em{color:var(--cyan);font-style:normal}
    .hero-sub{
    font-size:17px;color:var(--muted);line-height:1.65;
    max-width:500px;margin-bottom:36px;
    animation:fadeUp .6s .2s ease both;
    }
    .hero-pills{
    display:flex;gap:10px;flex-wrap:wrap;
    animation:fadeUp .6s .3s ease both;
    }
    .pill{
    display:inline-flex;align-items:center;gap:7px;
    background:rgba(255,255,255,0.06);border:1px solid var(--border);
    padding:8px 16px;border-radius:99px;font-size:13px;color:rgba(255,255,255,.75);
    }
    .pill i{color:var(--cyan);font-size:12px}

    /* ─── RIDE CARD ─── */
    .ride-card{
    background:#fff;border-radius:20px;
    padding:28px;color:#111;
    box-shadow:0 24px 80px rgba(0,0,0,0.4);
    animation:fadeUp .6s .15s ease both;
    }
    .ride-card h3{font-family:var(--font-head);font-size:20px;font-weight:700;margin-bottom:22px;color:#111}
    .ride-field{margin-bottom:14px}
    .ride-field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:6px}
    .ride-input{
    width:100%;padding:13px 14px 13px 42px;
    border:1.5px solid #e5e5e5;border-radius:10px;
    font-size:15px;font-family:var(--font-body);color:#111;
    background:#fafafa;outline:none;transition:border .2s;
    }
    .ride-input:focus{border-color:var(--cyan);background:#fff}
    .input-wrap{position:relative}
    .input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#bbb;font-size:14px}
    .input-wrap i.cyan{color:var(--cyan)}

    .divider-line{
    display:flex;align-items:center;gap:10px;margin:0 0 14px;
    }
    .divider-line::before,.divider-line::after{content:'';flex:1;height:1px;background:#eee}
    .swap-btn{
    width:32px;height:32px;border-radius:50%;background:#f0f0f0;border:none;
    cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;
    transition:background .2s,transform .2s;color:#555;flex-shrink:0;
    }
    .swap-btn:hover{background:var(--cyan);color:#fff;transform:rotate(180deg)}

    .ride-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
    .ride-type{
    border:1.5px solid #eee;border-radius:10px;padding:10px 12px;
    cursor:pointer;transition:border .2s,background .2s;text-align:center;
    background:#fafafa;
    }
    .ride-type:hover,.ride-type.active{border-color:var(--cyan);background:rgba(0,201,215,.06)}
    .ride-type i{display:block;font-size:22px;margin-bottom:4px;color:#444}
    .ride-type.active i{color:var(--cyan)}
    .ride-type span{font-size:12px;font-weight:600;color:#555}
    .ride-type.active span{color:var(--cyan)}

    .price-row{
    display:flex;justify-content:space-between;align-items:center;
    background:#f5f5f5;border-radius:10px;padding:12px 14px;
    margin-bottom:16px;
    }
    .price-label{font-size:13px;color:#777}
    .price-value{font-size:18px;font-weight:700;color:#111;font-family:var(--font-head)}
    .price-value span{font-size:12px;font-weight:500;color:#aaa;margin-left:2px}

    .ride-cta{
    width:100%;background:var(--cyan);color:#012227;
    border:none;border-radius:12px;padding:15px;
    font-size:16px;font-weight:700;font-family:var(--font-head);
    cursor:pointer;transition:background .2s,transform .15s;
    display:flex;align-items:center;justify-content:center;gap:8px;
    }
    .ride-cta:hover{background:var(--cyan-dark);transform:translateY(-1px)}
    .ride-cta:active{transform:translateY(0)}
    .ride-note{text-align:center;font-size:12px;color:#aaa;margin-top:10px}

    /* ─── STATS BAR ─── */
    .stats-bar{
    background:var(--dark-3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);
    padding:36px 0;
    }
    .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
    .stat-item{
    text-align:center;padding:0 24px;
    border-right:1px solid var(--border);
    }
    .stat-item:last-child{border-right:none}
    .stat-num{font-family:var(--font-head);font-size:40px;font-weight:800;color:var(--cyan);line-height:1}
    .stat-desc{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.4}

    /* ─── SERVICES ─── */
    .services{padding:100px 0}
    .section-label{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--cyan);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;
    margin-bottom:14px;
    }
    .section-label::before{content:'';width:24px;height:2px;background:var(--cyan);border-radius:2px}
    .section-title{font-family:var(--font-head);font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-0.02em;line-height:1.15;margin-bottom:16px}
    .section-sub{font-size:17px;color:var(--muted);max-width:540px;line-height:1.6}
    .section-head{margin-bottom:60px}

    .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .svc-card{
    background:var(--card-bg);border:1px solid var(--border);
    border-radius:20px;padding:32px 28px;
    transition:border .3s,transform .3s,background .3s;
    position:relative;overflow:hidden;
    }
    .svc-card::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(300px at 0% 0%, rgba(0,201,215,.07), transparent);
    opacity:0;transition:opacity .3s;
    }
    .svc-card:hover{border-color:rgba(0,201,215,.35);transform:translateY(-4px);background:rgba(255,255,255,0.06)}
    .svc-card:hover::before{opacity:1}
    .svc-icon{
    width:52px;height:52px;border-radius:14px;
    background:rgba(0,201,215,.12);border:1px solid rgba(0,201,215,.2);
    display:flex;align-items:center;justify-content:center;
    font-size:22px;color:var(--cyan);margin-bottom:20px;
    }
    .svc-card h3{font-family:var(--font-head);font-size:19px;font-weight:700;margin-bottom:10px}
    .svc-card p{font-size:15px;color:var(--muted);line-height:1.6;margin-bottom:20px}
    .svc-link{
    display:inline-flex;align-items:center;gap:6px;
    color:var(--cyan);font-size:14px;font-weight:600;text-decoration:none;
    transition:gap .2s;
    }
    .svc-link:hover{gap:10px}

    /* ─── HOW IT WORKS ─── */
    .how{padding:100px 0;background:var(--dark-3)}
    .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
    .steps-grid::before{
    content:'';position:absolute;
    top:28px;left:10%;right:10%;height:1px;
    background:linear-gradient(90deg, transparent, rgba(0,201,215,.3), transparent);
    }
    .step{text-align:center;padding:0 20px;position:relative}
    .step-num{
    width:56px;height:56px;border-radius:50%;
    background:rgba(0,201,215,.1);border:1.5px solid rgba(0,201,215,.3);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--font-head);font-size:20px;font-weight:800;color:var(--cyan);
    margin:0 auto 20px;position:relative;z-index:1;
    }
    .step h4{font-family:var(--font-head);font-size:16px;font-weight:700;margin-bottom:8px}
    .step p{font-size:14px;color:var(--muted);line-height:1.55}

    /* ─── ABOUT ─── */
    .about{padding:100px 0}
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
    .about-img{border-radius:20px;overflow:hidden;position:relative}
    .about-img img{width:100%;height:440px;object-fit:cover;display:block;border-radius:20px}
    .about-img::after{
    content:'';position:absolute;inset:0;border-radius:20px;
    border:1px solid rgba(0,201,215,.18);
    }
    .about-text .section-title{margin-bottom:20px}
    .about-text p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:16px}
    .about-cta{
    display:inline-flex;align-items:center;gap:10px;
    background:var(--cyan);color:#012227;padding:14px 28px;
    border-radius:99px;font-weight:700;text-decoration:none;font-size:15px;
    margin-top:24px;transition:background .2s,transform .15s;
    box-shadow:0 8px 24px rgba(0,201,215,.2);
    }
    .about-cta:hover{background:var(--cyan-dark);transform:translateY(-1px)}

    /* ─── BENEFITS ─── */
    .benefits{padding:100px 0;background:var(--dark-3)}
    .benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
    .benefit{
    background:var(--card-bg);border:1px solid var(--border);
    border-radius:16px;padding:28px 22px;
    transition:border .25s,transform .25s;
    }
    .benefit:hover{border-color:rgba(0,201,215,.3);transform:translateY(-3px)}
    .benefit-icon{
    width:48px;height:48px;border-radius:12px;
    background:rgba(0,201,215,.1);
    display:flex;align-items:center;justify-content:center;
    font-size:20px;color:var(--cyan);margin-bottom:16px;
    }
    .benefit h4{font-family:var(--font-head);font-size:17px;font-weight:700;margin-bottom:8px}
    .benefit p{font-size:14px;color:var(--muted);line-height:1.55}

     /* ═══════════════════════════════════════════
    8. SEJA MOTORISTA
  ═══════════════════════════════════════════ */
  .driver-section {
    padding: 90px 0 70px;
    background: var(--dark,#020e17);
    position: relative;
  }
  .driver-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
  }
  @media (max-width: 760px) { .driver-inner { grid-template-columns: 1fr; gap: 32px; } }

  .driver-benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 28px;
  }
  .driver-benefit {
    display: flex; align-items: center; gap: 10px;
    font-family: var(--font-head,'Sora',sans-serif);
    font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.8);
  }
  .driver-benefit i { color: var(--cyan,#00c8ff); font-size: 15px; }
  .driver-cta-box {
    background: rgba(0,200,255,0.05);
    border: 1px solid rgba(0,200,255,0.18);
    border-radius: 22px;
    padding: 40px 32px;
  }
  .driver-cta-box h3 {
    font-family: var(--font-head,'Sora',sans-serif);
    font-size: 24px; font-weight: 800; color: #fff;
    margin-bottom: 12px;
  }
  .driver-cta-box p {
    font-size: 14px; line-height: 1.7;
    color: rgba(255,255,255,0.6); margin-bottom: 24px;
  }
  .driver-cta-box a {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--cyan,#00c8ff); color: #012227;
    border-radius: 12px; padding: 14px 26px;
    font-size: 15px; font-weight: 700;
    font-family: var(--font-head,'Sora',sans-serif);
    text-decoration: none;
    transition: opacity 0.2s, transform 0.15s;
  }
  .driver-cta-box a:hover { opacity: 0.88; transform: translateY(-2px); }


    /* ─── CONTACT ─── */
    .contact{padding:100px 0}
    .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
    .contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}
    .action-btn{
    display:flex;align-items:center;gap:14px;
    background:var(--card-bg);border:1px solid var(--border);
    border-radius:14px;padding:16px 18px;
    text-decoration:none;color:var(--text);
    transition:border .2s,background .2s,transform .2s;
    }
    .action-btn:hover{border-color:rgba(0,201,215,.35);background:rgba(0,201,215,.06);transform:translateY(-2px)}
    .action-icon{
    width:42px;height:42px;border-radius:10px;
    background:rgba(0,201,215,.12);
    display:flex;align-items:center;justify-content:center;
    font-size:18px;color:var(--cyan);flex-shrink:0;
    }
    .action-label{font-size:14px;font-weight:600;line-height:1.3}
    .action-sub{font-size:12px;color:var(--muted);margin-top:2px}
    .contact-image img{width:100%;border-radius:20px;object-fit:cover;height:480px}

    /* ─── FOOTER ─── */
    .footer{background:var(--dark-2);border-top:1px solid var(--border);padding:70px 0 32px}
    .footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}
    .footer-brand p{font-size:14px;color:var(--muted);line-height:1.6;margin-top:14px;max-width:260px}
    .social-links{display:flex;gap:10px;margin-top:20px}
    .social-links a{
    width:38px;height:38px;border-radius:50%;
    background:var(--card-bg);border:1px solid var(--border);
    display:flex;align-items:center;justify-content:center;
    color:var(--muted);font-size:15px;text-decoration:none;
    transition:border .2s,color .2s,background .2s;
    }
    .social-links a:hover{border-color:rgba(0,201,215,.4);color:var(--cyan);background:rgba(0,201,215,.08)}
    .footer-col h5{font-family:var(--font-head);font-size:14px;font-weight:700;margin-bottom:18px;color:#fff}
    .footer-col ul{list-style:none}
    .footer-col ul li{margin-bottom:10px}
    .footer-col ul li a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .2s}
    .footer-col ul li a:hover{color:var(--cyan)}
    .footer-bottom{
    border-top:1px solid var(--border);padding-top:28px;
    display:flex;align-items:center;justify-content:space-between;
    font-size:13px;color:var(--muted);
    }

    /* ─── MOBILE MENU ─── */
    .mobile-menu{
    display:none;position:fixed;inset:0;z-index:200;
    background:rgba(2,24,32,0.98);backdrop-filter:blur(16px);
    flex-direction:column;align-items:center;justify-content:center;gap:0;
    }
    .mobile-menu.open{display:flex}
    .mobile-menu a{
    display:block;text-align:center;color:#fff;text-decoration:none;
    font-family:var(--font-head);font-size:28px;font-weight:700;
    padding:20px;transition:color .2s;
    }
    .mobile-menu a:hover{color:var(--cyan)}
    .mobile-close{
    position:absolute;top:24px;right:28px;
    background:none;border:none;color:#fff;font-size:24px;cursor:pointer;
    }

    /* ─── ANIMATIONS ─── */
    @keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

    /* ─── RESPONSIVE ─── */
    @media(max-width:1024px){
    .hero-grid{grid-template-columns:1fr 380px;gap:40px}
    .services-grid{grid-template-columns:1fr 1fr}
    .steps-grid{grid-template-columns:1fr 1fr;gap:32px}
    .steps-grid::before{display:none}
    .benefits-grid{grid-template-columns:1fr 1fr}
    .footer-top{grid-template-columns:1fr 1fr}
    }
    @media(max-width:768px){
    nav.main-nav{display:none}
    .hamburger{display:flex}
    .hero-grid{grid-template-columns:1fr}
    .ride-card{margin-top:0}
    .stats-grid{grid-template-columns:1fr}
    .stat-item{border-right:none;border-bottom:1px solid var(--border);padding:20px 0}
    .stat-item:last-child{border-bottom:none}
    .about-grid{grid-template-columns:1fr;gap:40px}
    .about-img img{height:280px}
    .services-grid{grid-template-columns:1fr}
    .steps-grid{grid-template-columns:1fr 1fr}
    .benefits-grid{grid-template-columns:1fr 1fr}
    .contact-grid{grid-template-columns:1fr}
    .contact-image{display:none}
    .cta-band-inner{flex-direction:column;text-align:center}
    .cta-band-btns{flex-wrap:wrap;justify-content:center}
    .footer-top{grid-template-columns:1fr 1fr}
    .footer-bottom{flex-direction:column;gap:12px;text-align:center}
    .container{padding:0 20px}
    }
    @media(max-width:480px){
    .steps-grid{grid-template-columns:1fr}
    .benefits-grid{grid-template-columns:1fr}
    .contact-actions{grid-template-columns:1fr}
    .footer-top{grid-template-columns:1fr}
    .ride-type-grid{grid-template-columns:1fr 1fr}
    }

   /* =========================================
   SOBRE / CONTATOS / APP BUTTONS
  ========================================= */

  .contact-actions{
    display:flex;
    gap:16px;
    margin-top:28px;
    flex-wrap:wrap;
  }

  /* BOTÕES */

  .btn-whatsapp,
  .btn-instagram,
  .btn-app-store{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    text-decoration:none;
    border-radius:16px;
    transition:all .25s ease;
    font-weight:600;
    position:relative;
    overflow:hidden;
  }

  /* WHATSAPP */

  .btn-whatsapp{
    background:#25D366;
    color:#fff;
    padding:14px 24px;
    box-shadow:0 10px 25px rgba(37,211,102,.25);
  }

  .btn-whatsapp:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 28px rgba(37,211,102,.35);
  }

  /* INSTAGRAM */

  .btn-instagram{
    background:linear-gradient(
      135deg,
      #833AB4,
      #FD1D1D,
      #FCAF45
    );

    color:#fff;
    padding:14px 24px;
    box-shadow:0 10px 25px rgba(252,175,69,.25);
  }

  .btn-instagram:hover{
    transform:translateY(-3px);
    opacity:.95;
  }

  /* APP BUTTONS */

  .app-btns-wrap{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    margin-top:32px;
  }

  .btn-app-store{
    background:#0f172a;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
    padding:14px 22px;
    min-width:220px;
  }

  .btn-app-store:hover{
    transform:translateY(-3px);
    border-color:#00c8ff;
    background:#111c34;
  }

  /* ICONES */

  .store-icon{
    font-size:28px;
    line-height:1;
  }

  /* TEXTO */

  .store-text{
    display:flex;
    flex-direction:column;
    line-height:1.2;
  }

  .store-sub{
    font-size:10px;
    opacity:.65;
    text-transform:uppercase;
    letter-spacing:.08em;
  }

  .store-name{
    font-size:17px;
    font-weight:700;
  }

  /* MOBILE */

  @media (max-width:768px){

    .contact-actions,
    .app-btns-wrap{
      flex-direction:column;
    }

    .btn-whatsapp,
    .btn-instagram,
    .btn-app-store{
      width:100%;
    }

  }

/* ═══════════════════════════════════════════
   3. SEÇÃO FAQ
═══════════════════════════════════════════ */
.faq {
  padding: 100px 0 80px;
  background: #010c14;
  position: relative;
}
.faq::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 1px;
  background: linear-gradient(to right, transparent, rgba(0,200,255,0.2), transparent);
}

.faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 52px;
}
@media (max-width: 760px) {
  .faq-grid { grid-template-columns: 1fr; }
}

.faq-item {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 0.2s;
}
.faq-item:hover, .faq-item.open {
  border-color: rgba(0,200,255,0.3);
}

.faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 22px;
  cursor: pointer;
  background: rgba(255,255,255,0.03);
  font-family: var(--font-head, 'Sora', sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  transition: background 0.2s;
  user-select: none;
}
.faq-q:hover { background: rgba(255,255,255,0.06); }
.faq-q .faq-arrow {
  width: 28px; height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.15);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s, background 0.2s, border-color 0.2s;
}
.faq-item.open .faq-arrow {
  transform: rotate(45deg);
  background: var(--cyan, #00c8ff);
  border-color: var(--cyan, #00c8ff);
  color: #012227;
}
.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s;
  padding: 0 22px;
}
.faq-item.open .faq-a {
  max-height: 300px;
  padding: 0 22px 20px;
}
.faq-a p {
  font-size: 13px;
  line-height: 1.75;
  color: rgba(255,255,255,0.6);
  margin: 0;
  padding-top: 4px;
}


/* ═══════════════════════════════════════════
   1. BOTÕES DE APP
═══════════════════════════════════════════ */

.app-btns-wrap {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.btn-app-store {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #0a0a0a;
  color: #fff;
  border: 1.5px solid rgba(255,255,255,0.15);
  border-radius: 12px;
  padding: 10px 18px;
  text-decoration: none;
  font-family: var(--font-head, 'Sora', sans-serif);
  font-size: 10px;
  font-weight: 600;
  transition: background 0.2s, border-color 0.2s, transform 0.15s;
  white-space: nowrap;
}
.btn-app-store:hover {
  background: #1a1a1a;
  border-color: var(--cyan, #00c8ff);
  transform: translateY(-2px);
}
.btn-app-store .store-icon {
  font-size: 22px;
  line-height: 1;
}
.btn-app-store .store-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.btn-app-store .store-sub {
  font-size: 9px;
  font-weight: 400;
  opacity: 0.6;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.btn-app-store .store-name {
  font-size: 14px;
  font-weight: 700;
}

/* ═══════════════════════════════════════════
   3. SEÇÃO FAQ
═══════════════════════════════════════════ */
.faq {
  padding: 100px 0 80px;
  background: #010c14;
  position: relative;
}
.faq::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 1px;
  background: linear-gradient(to right, transparent, rgba(0,200,255,0.2), transparent);
}

.faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 52px;
}
@media (max-width: 760px) {
  .faq-grid { grid-template-columns: 1fr; }
}

.faq-item {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 0.2s;
}
.faq-item:hover, .faq-item.open {
  border-color: rgba(0,200,255,0.3);
}

.faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 22px;
  cursor: pointer;
  background: rgba(255,255,255,0.03);
  font-family: var(--font-head, 'Sora', sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  transition: background 0.2s;
  user-select: none;
}
.faq-q:hover { background: rgba(255,255,255,0.06); }
.faq-q .faq-arrow {
  width: 28px; height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.15);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s, background 0.2s, border-color 0.2s;
}
.faq-item.open .faq-arrow {
  transform: rotate(45deg);
  background: var(--cyan, #00c8ff);
  border-color: var(--cyan, #00c8ff);
  color: #012227;
}
.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s;
  padding: 0 22px;
}
.faq-item.open .faq-a {
  max-height: 300px;
  padding: 0 22px 20px;
}
.faq-a p {
  font-size: 13px;
  line-height: 1.75;
  color: rgba(255,255,255,0.6);
  margin: 0;
  padding-top: 4px;
}

/* ═══════════════════════════════════════════
   4. Links de redes sociais
═══════════════════════════════════════════ */

.hero-contact{
  margin-top:20px;
  font-size:15px;
  line-height:1.7;
  color:#cfcfcf;
}

.hero-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  margin:0 4px;
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
  transition:.3s ease;
}

.hero-link i{
  font-size:14px;
}

/* WhatsApp */
.hero-link.whatsapp{
  background:rgba(37,211,102,.12);
  color:#25D366;
}

.hero-link.whatsapp:hover{
  background:#25D366;
  color:#fff;
}

/* Android */
.hero-link.android{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.hero-link.android:hover{
  background:#fff;
  color:#111;
}

/* iOS */
.hero-link.ios{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.hero-link.ios:hover{
  background:#fff;
  color:#111;
}

 /* ═══════════════════════════════════════════
    . POR QUE ESCOLHER A G4
  ═══════════════════════════════════════════ */
  .why-g4 {
    padding: 100px 0 80px;
    background: #010c14;
    position: relative;
  }
  .why-g4-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 52px;
  }
  @media (max-width: 900px) { .why-g4-grid { grid-template-columns: repeat(2,1fr); } }
  @media (max-width: 540px) { .why-g4-grid { grid-template-columns: 1fr; } }

  .why-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 28px 22px;
    transition: border-color 0.25s, transform 0.25s;
  }
  .why-card:hover {
    border-color: rgba(0,200,255,0.3);
    transform: translateY(-4px);
  }
  .why-card-icon {
    width: 48px; height: 48px;
    border-radius: 12px;
    background: rgba(0,200,255,0.1);
    display: flex; align-items: center; justify-content: center;
    font-size: 20px;
    color: var(--cyan,#00c8ff);
    margin-bottom: 16px;
  }
  .why-card h4 {
    font-family: var(--font-head,'Sora',sans-serif);
    font-size: 15px; font-weight: 700;
    color: #fff; margin-bottom: 8px;
  }
  .why-card p {
    font-size: 13px; line-height: 1.7;
    color: rgba(255,255,255,0.6);
    margin: 0;
  }

   /* ═══════════════════════════════════════════
    4. TURISMO E MOBILIDADE
  ═══════════════════════════════════════════ */
  .tourism-section {
    padding: 90px 0 70px;
    background: var(--dark,#020e17);
    position: relative;
    overflow: hidden;
  }
  .tourism-section::before {
    content: '';
    position: absolute;
    top: -80px; right: -100px;
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(0,200,255,0.06) 0%, transparent 70%);
    pointer-events: none;
  }
  .tourism-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
  }
  @media (max-width: 760px) { .tourism-inner { grid-template-columns: 1fr; gap: 32px; } }

  .tourism-text .section-label { margin-bottom: 12px; }
  .tourism-text h2 {
    font-family: var(--font-head,'Sora',sans-serif);
    font-size: clamp(26px,3.5vw,38px);
    font-weight: 800; color: #fff; line-height: 1.2;
    margin-bottom: 18px;
  }
  .tourism-text p {
    font-size: 15px; line-height: 1.8;
    color: rgba(255,255,255,0.65);
  }
  .tourism-places {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
  }
  .tourism-tag {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(0,200,255,0.08);
    border: 1px solid rgba(0,200,255,0.2);
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 12px; font-weight: 600;
    color: var(--cyan,#00c8ff);
    font-family: var(--font-head,'Sora',sans-serif);
  }
  .tourism-cta-box {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(0,200,255,0.15);
    border-radius: 22px;
    padding: 36px 30px;
  }
  .tourism-cta-box h3 {
    font-family: var(--font-head,'Sora',sans-serif);
    font-size: 20px; font-weight: 700; color: #fff;
    margin-bottom: 12px;
  }
  .tourism-cta-box p {
    font-size: 14px; line-height: 1.7;
    color: rgba(255,255,255,0.6);
    margin-bottom: 22px;
  }
  .tourism-cta-box a.btn-wpp {
    display: inline-flex; align-items: center; gap: 8px;
    background: #25D366; color: #fff; border-radius: 12px;
    padding: 13px 22px; font-size: 14px; font-weight: 700;
    font-family: var(--font-head,'Sora',sans-serif);
    text-decoration: none;
    transition: opacity 0.2s, transform 0.15s;
  }
  .tourism-cta-box a.btn-wpp:hover { opacity: 0.9; transform: translateY(-2px); }

   /* ═══════════════════════════════════════════
    5. SEGURANÇA
  ═══════════════════════════════════════════ */
  .security-section {
    padding: 90px 0 70px;
    background: #010c14;
    position: relative;
  }
  .security-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
  }
  @media (max-width: 760px) { .security-inner { grid-template-columns: 1fr; gap: 32px; } }

  .security-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 32px;
  }
  @media (max-width: 540px) { .security-items { grid-template-columns: 1fr; } }

  .sec-item {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 20px 18px;
    display: flex; align-items: flex-start; gap: 12px;
    transition: border-color 0.2s;
  }
  .sec-item:hover { border-color: rgba(0,200,255,0.3); }
  .sec-item-icon {
    font-size: 20px;
    color: var(--cyan,#00c8ff);
    flex-shrink: 0;
    margin-top: 2px;
  }
  .sec-item-text h5 {
    font-family: var(--font-head,'Sora',sans-serif);
    font-size: 13px; font-weight: 700; color: #fff;
    margin-bottom: 3px;
  }
  .sec-item-text p {
    font-size: 12px; color: rgba(255,255,255,0.5);
    margin: 0; line-height: 1.5;
  }
  .security-visual {
    background: rgba(0,200,255,0.04);
    border: 1px solid rgba(0,200,255,0.12);
    border-radius: 22px;
    padding: 40px 32px;
    text-align: center;
  }
  .security-visual .shield-big {
    font-size: 72px;
    color: var(--cyan,#00c8ff);
    opacity: 0.85;
    display: block;
    margin-bottom: 20px;
  }
  .security-visual h3 {
    font-family: var(--font-head,'Sora',sans-serif);
    font-size: 22px; font-weight: 800; color: #fff;
    margin-bottom: 10px;
  }
  .security-visual p {
    font-size: 14px; line-height: 1.7;
    color: rgba(255,255,255,0.55);
  }