<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Grupo VIP | Tasso Lago</title>
    
    <!-- ========== GTM (PRIMEIRO - PRIORIDADE MÁXIMA) ========== -->
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-K9FRW3ZN');</script>
    <!-- End Google Tag Manager -->
    <!-- ======================================================== -->

    <!-- ========== VK PIXEL ========== -->
    <script async="true">
    (function(w, d, s, u) {
        w.vkPixel = w.vkPixel || { _q: [] };
        w.vkPixel._q.push(['init', 'qrORzLBtKCXeY81Ioe25']);
        var js = d.createElement(s);
        js.src = u;
        js.async = true;
        d.head.appendChild(js);
    })(window, document, 'script', 'https://cf.vkdigital.com.br/pixel.js?v=55');
    </script>
    <script async="true">
    (function(w, d, s, u) {
        w.vkPageViewPixel = w.vkPageViewPixel || { _q: [] };
        w.vkPageViewPixel._q.push(['init', 'qrORzLBtKCXeY81Ioe25', 'page_view']);
        var js = d.createElement(s);
        js.src = u;
        js.async = true;
        d.head.appendChild(js);
    })(window, document, 'script', 'https://cf.vkdigital.com.br/event_pageview.js');
    </script>

    <!-- Preconnect -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" href="assets/bg-desktop.avif" as="image" type="image/avif" media="(min-width: 769px)">
    <link rel="preload" href="assets/bg-mobile.avif" as="image" type="image/avif" media="(max-width: 768px)">
    
    <!-- VTurb Speed Optimization -->
    <script>!function(i,n){i._plt=i._plt||(n&&n.timeOrigin?n.timeOrigin+n.now():Date.now())}(window,performance);</script>
    <link rel="preload" href="https://scripts.converteai.net/1113dc85-0547-4f4f-a8f1-63b384950174/ab-test/6979112ce10b608c77dc3b77/player.js" as="script">
    <link rel="preload" href="https://scripts.converteai.net/lib/js/smartplayer-wc/v4/smartplayer.js" as="script">
    <link rel="dns-prefetch" href="https://cdn.converteai.net">
    <link rel="dns-prefetch" href="https://scripts.converteai.net">
    <link rel="dns-prefetch" href="https://images.converteai.net">
    <link rel="dns-prefetch" href="https://m3u8.vturb.net">
    <link rel="dns-prefetch" href="https://api.vturb.com.br">
    
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <style>
        :root {
            --bg-primary: #07070a;
            --bg-secondary: #0d0d12;
            --bg-tertiary: #121218;
            --text-primary: #ffffff;
            --text-secondary: rgba(255, 255, 255, 0.7);
            --text-muted: rgba(255, 255, 255, 0.5);
            --accent-gold: #f59e0b;
            --accent-gold-light: #fbbf24;
            --accent-gold-dark: #d97706;
            --accent-green: #10b981;
            --accent-green-dark: #059669;
            --accent-red: #ef4444;
            --gradient-gold: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%);
            --gradient-green: linear-gradient(135deg, #10b981 0%, #059669 100%);
            --glass-border: rgba(255, 255, 255, 0.08);
            --glass-bg: rgba(255, 255, 255, 0.03);
            --radius-sm: 8px;
            --radius-md: 12px;
            --radius-lg: 20px;
            --radius-xl: 28px;
            --font-display: 'Bebas Neue', sans-serif;
            --font-body: 'Plus Jakarta Sans', sans-serif;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            font-family: var(--font-body);
            background: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Background Effects */
        .bg-grid {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background-image: 
                linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
            background-size: 60px 60px;
            pointer-events: none;
            z-index: 0;
        }

        .bg-glow {
            position: fixed;
            width: 800px; height: 800px;
            border-radius: 50%;
            filter: blur(150px);
            opacity: 0.5;
            pointer-events: none;
            z-index: 0;
            animation: pulse 8s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 0.4; transform: translateX(-50%) scale(1); }
            50% { opacity: 0.6; transform: translateX(-50%) scale(1.1); }
        }

        .bg-glow-1 {
            top: -300px; left: 50%;
            transform: translateX(-50%);
            background: radial-gradient(circle, rgba(245, 158, 11, 0.4) 0%, rgba(217, 119, 6, 0.2) 30%, transparent 70%);
        }

        .bg-glow-2 {
            bottom: 10%; right: -300px;
            background: radial-gradient(circle, rgba(139, 92, 246, 0.2) 0%, transparent 70%);
            animation-delay: -4s;
        }

        .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 1;
        }

        .hide { display: none !important; }

        h1, h2, h3 {
            font-family: var(--font-display);
            font-weight: 400;
            letter-spacing: 0.02em;
            line-height: 1.1;
        }

        /* HERO */
        .hero {
            min-height: 100vh;
            min-height: 100dvh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 20px 0 40px;
            position: relative;
            background-image: url('assets/bg-desktop.avif');
            background-size: cover;
            background-position: center;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.4);
            pointer-events: none;
        }

        .hero-content {
            text-align: center;
            max-width: 900px;
            margin: 0 auto;
        }

        .hero h1 {
            font-size: clamp(1.8rem, 4vw, 2.8rem);
            margin-bottom: 16px;
            line-height: 1.2;
        }

        .hero h1 .highlight {
            background: var(--gradient-gold);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero-subtitle {
            font-size: clamp(0.95rem, 1.8vw, 1.15rem);
            color: var(--text-secondary);
            max-width: 700px;
            margin: 0 auto 24px;
            line-height: 1.7;
        }

        /* Video Container */
        .video-container {
            position: relative;
            border-radius: var(--radius-lg);
            overflow: hidden;
            background: var(--bg-secondary);
            border: 1px solid var(--glass-border);
            box-shadow: 0 0 60px rgba(245, 158, 11, 0.15);
            max-width: 750px;
            margin: 0 auto;
        }

        .video-container::before {
            content: '';
            position: absolute;
            top: -2px;
            left: 10%; right: 10%;
            height: 4px;
            background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.8), transparent);
            border-radius: 4px;
            filter: blur(2px);
            z-index: 3;
        }

        .video-placeholder {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            aspect-ratio: 16/9;
            background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);
            color: var(--text-muted);
            font-size: 0.9rem;
            border: 1px solid rgba(245, 158, 11, 0.2);
            border-radius: var(--radius-lg);
        }

        /* CTA Buttons */
        .cta-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--gradient-gold);
            color: var(--bg-primary);
            font-family: var(--font-body);
            font-size: 1rem;
            font-weight: 700;
            padding: 20px 48px;
            border-radius: 100px;
            text-decoration: none;
            box-shadow: 0 4px 24px rgba(245, 158, 11, 0.4);
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
        }

        .cta-button:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 12px 40px rgba(245, 158, 11, 0.5);
        }

        .cta-button-green {
            background: var(--gradient-green);
            box-shadow: 0 4px 24px rgba(16, 185, 129, 0.4);
        }

        .cta-button-outline {
            background: transparent;
            border: 2px solid var(--accent-gold);
            color: var(--accent-gold);
            box-shadow: none;
        }

        .cta-button-outline:hover {
            background: rgba(245, 158, 11, 0.1);
        }

        /* Hero CTA Box */
        .hero-cta-box {
            margin-top: 32px;
            padding: 32px;
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.02) 100%);
            border: 1px solid rgba(245, 158, 11, 0.2);
            border-radius: var(--radius-lg);
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .hero-checklist {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px 24px;
            text-align: left;
            margin-bottom: 24px;
            list-style: none;
        }

        .hero-checklist li {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            font-size: 0.9rem;
            color: var(--text-secondary);
        }

        .hero-checklist li svg {
            width: 18px; height: 18px;
            color: var(--accent-green);
            flex-shrink: 0;
            margin-top: 2px;
        }

        .hero-pricing {
            text-align: center;
            margin-bottom: 20px;
        }

        .hero-pricing .old-price {
            font-size: 0.95rem;
            color: var(--text-muted);
            text-decoration: line-through;
        }

        .hero-pricing .price {
            font-family: var(--font-display);
            font-size: 2.5rem;
            color: var(--accent-gold);
            margin-top: 4px;
        }

        .hero-pricing .price span {
            font-size: 0.5em;
            color: var(--text-secondary);
        }

        /* Sections */
        section {
            padding: 80px 0;
            position: relative;
        }

        .section-title {
            font-size: clamp(2rem, 4vw, 3rem);
            margin-bottom: 16px;
            text-align: center;
        }

        .section-title .highlight {
            background: var(--gradient-gold);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .section-subtitle {
            font-size: 1.1rem;
            color: var(--text-secondary);
            text-align: center;
            max-width: 700px;
            margin: 0 auto 48px;
            line-height: 1.8;
        }

        /* Problemas Section - Melhorado */
        .problemas-section {
            background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
        }

        .problemas-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
            max-width: 700px;
            margin: 0 auto 48px;
        }

        .problema-item {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 18px 24px;
            background: rgba(239, 68, 68, 0.03);
            border: 1px solid rgba(239, 68, 68, 0.1);
            border-left: 3px solid var(--accent-red);
            border-radius: 0 var(--radius-md) var(--radius-md) 0;
            transition: all 0.3s ease;
        }

        .problema-item:hover {
            background: rgba(239, 68, 68, 0.06);
            transform: translateX(4px);
            border-color: rgba(239, 68, 68, 0.2);
        }

        .problema-item svg {
            width: 22px; height: 22px;
            color: var(--accent-red);
            flex-shrink: 0;
            opacity: 0.8;
        }

        .problema-item p {
            font-size: 1rem;
            color: var(--text-secondary);
            line-height: 1.5;
        }

        .problemas-stat {
            text-align: center;
            padding: 48px;
            background: linear-gradient(135deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 100%);
            border: 1px solid var(--glass-border);
            border-radius: var(--radius-xl);
            max-width: 650px;
            margin: 0 auto;
        }

        .problemas-stat .stat-number {
            font-family: var(--font-display);
            font-size: 4rem;
            color: var(--accent-red);
            line-height: 1;
            margin-bottom: 8px;
        }

        .problemas-stat p {
            font-size: 1.1rem;
            color: var(--text-secondary);
            line-height: 1.7;
        }

        .problemas-stat strong {
            color: var(--accent-red);
            font-weight: 700;
        }

        .problemas-stat .hope {
            display: inline-block;
            margin-top: 24px;
            padding: 12px 28px;
            background: rgba(16, 185, 129, 0.15);
            border: 1px solid rgba(16, 185, 129, 0.3);
            border-radius: 100px;
            color: var(--accent-green);
            font-weight: 600;
        }

        /* Solução Section */
        .solucao-section {
            text-align: center;
        }

        .solucao-box {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.02) 100%);
            border: 1px solid rgba(16, 185, 129, 0.2);
            border-radius: var(--radius-xl);
            padding: 48px;
            max-width: 800px;
            margin: 0 auto 40px;
        }

        .solucao-box p {
            font-size: 1.05rem;
            color: var(--text-secondary);
            line-height: 1.8;
            margin-bottom: 16px;
        }

        .solucao-box .emphasis {
            color: var(--accent-gold);
            font-weight: 600;
        }

        .print-operacao {
            margin: 32px auto;
            max-width: 500px;
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: 0 8px 32px rgba(0,0,0,0.3);
            border: 1px solid rgba(255,255,255,0.06);
        }

        .print-placeholder {
            background: var(--bg-tertiary);
            padding: 60px 20px;
            text-align: center;
            color: var(--text-muted);
            font-size: 0.85rem;
        }

        /* Salas ao Vivo - Reformulado */
        .salas-section {
            background: var(--bg-secondary);
        }

        .salas-content {
            text-align: center;
            max-width: 800px;
            margin: 0 auto;
        }

        .salas-mockup {
            max-width: 700px;
            margin: 0 auto 48px;
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0,0,0,0.4);
            border: 1px solid rgba(255,255,255,0.08);
            position: relative;
        }

        .salas-mockup::before {
            content: '🔴 AO VIVO';
            position: absolute;
            top: 16px; left: 16px;
            background: rgba(239, 68, 68, 0.9);
            color: #fff;
            font-size: 0.7rem;
            font-weight: 700;
            padding: 6px 12px;
            border-radius: 4px;
            z-index: 2;
            letter-spacing: 0.05em;
        }

        .salas-mockup img {
            width: 100%;
            height: auto;
            display: block;
        }

        .salas-intro {
            font-size: 1.15rem;
            color: var(--text-secondary);
            line-height: 1.9;
            margin-bottom: 40px;
        }

        .salas-intro strong {
            color: var(--text-primary);
        }

        .salas-benefits {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 12px 24px;
            margin-bottom: 40px;
        }

        .salas-benefit {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 18px;
            background: rgba(245, 158, 11, 0.08);
            border: 1px solid rgba(245, 158, 11, 0.15);
            border-radius: 100px;
            font-size: 0.9rem;
            color: var(--text-secondary);
            transition: all 0.3s ease;
        }

        .salas-benefit:hover {
            background: rgba(245, 158, 11, 0.12);
            border-color: rgba(245, 158, 11, 0.25);
        }

        .salas-benefit svg {
            width: 16px; height: 16px;
            color: var(--accent-gold);
            flex-shrink: 0;
        }

        .salas-quote {
            max-width: 650px;
            margin: 0 auto;
            padding: 32px;
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.08) 0%, rgba(245, 158, 11, 0.02) 100%);
            border: 1px solid rgba(245, 158, 11, 0.15);
            border-radius: var(--radius-lg);
        }

        .salas-quote p {
            font-size: 1.1rem;
            color: var(--text-secondary);
            line-height: 1.8;
            font-style: italic;
        }

        .salas-quote strong {
            color: var(--accent-gold);
            font-style: normal;
        }

        /* Depoimentos (igual ao original) */
        .depoimentos-section {
            text-align: center;
        }

        .depoimentos-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }

        .depoimento-item {
            display: flex;
            flex-direction: column;
        }

        .depoimento-quote {
            background: linear-gradient(135deg, rgba(245,158,11,0.12) 0%, rgba(245,158,11,0.02) 100%);
            border: 1px solid rgba(245,158,11,0.25);
            border-radius: 12px;
            padding: 20px 24px;
            margin-bottom: 16px;
            position: relative;
            text-align: left;
        }

        .depoimento-quote::before {
            content: '"';
            position: absolute;
            top: 8px;
            left: 16px;
            font-size: 2.5rem;
            color: var(--accent-gold);
            line-height: 1;
            font-family: Georgia, serif;
        }

        .depoimento-quote p {
            font-size: 1rem;
            color: #fff;
            font-weight: 500;
            margin: 0;
            padding-left: 24px;
            line-height: 1.5;
        }

        .depoimento-img {
            border-radius: 16px;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.06);
            box-shadow: 0 8px 32px rgba(0,0,0,0.3);
            transition: all 0.4s ease;
            flex: 1;
        }

        .depoimento-item:hover .depoimento-img {
            transform: translateY(-4px);
            box-shadow: 0 16px 48px rgba(0,0,0,0.4);
            border-color: rgba(245, 158, 11, 0.2);
        }

        .depoimento-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* Autor Section (igual ao original) */
        .autor-section {
            position: relative;
            overflow: hidden;
            background-image: url('assets/bg_tasso_wall_street_desktop.avif');
            background-size: cover;
            background-position: right center;
            background-repeat: no-repeat;
            background-color: #f5f5f5;
        }

        .autor-section .container {
            display: flex;
            justify-content: flex-start;
        }

        .autor-content {
            position: relative;
            z-index: 1;
            max-width: 600px;
            padding: 60px 0;
        }

        .autor-content h2 {
            font-family: var(--font-body);
            font-size: clamp(1.8rem, 4vw, 2.5rem);
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 16px;
            background: none;
            -webkit-background-clip: unset;
            -webkit-text-fill-color: unset;
        }

        .autor-tagline {
            color: #444;
            font-size: 1rem;
            font-weight: 400;
            margin-bottom: 24px;
        }

        .autor-bio {
            color: #333;
            font-size: 0.95rem;
            line-height: 1.8;
        }

        .autor-bio p { margin-bottom: 16px; }
        .autor-bio strong { font-weight: 700; color: #1a1a1a; }

        .autor-avatar {
            margin: 24px 0 16px;
        }

        .autor-avatar img {
            height: 120px;
            width: auto;
        }

        .autor-logos {
            margin: 24px 0;
        }

        .autor-logos p {
            font-size: 0.85rem;
            color: #666;
            margin-bottom: 12px;
        }

        .autor-logos img {
            max-width: 400px;
            height: auto;
        }

        .autor-cta {
            margin-top: 32px;
        }

        .autor-cta .cta-info {
            color: #f97316;
            font-size: 0.95rem;
            font-weight: 600;
            margin-bottom: 4px;
        }

        .autor-cta .cta-button-green {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #16a34a;
            color: #fff;
            font-family: var(--font-body);
            font-size: 1rem;
            font-weight: 700;
            padding: 18px 48px;
            border-radius: 100px;
            text-decoration: none;
            box-shadow: 0 4px 20px rgba(22, 163, 74, 0.3);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .autor-cta .cta-button-green:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 30px rgba(22, 163, 74, 0.4);
            background: #15803d;
        }

        /* Entregáveis (mesmo estilo dos bônus) */
        .entregaveis-section {
            background: var(--bg-secondary);
        }

        .entregaveis-section::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.3), transparent);
        }

        .entregaveis-list {
            display: flex;
            flex-direction: column;
            gap: 24px;
            max-width: 1000px;
            margin: 0 auto;
        }

        .entregavel-card {
            display: grid;
            grid-template-columns: 300px 1fr;
            gap: 40px;
            background: linear-gradient(145deg, rgba(13,13,18,0.95) 0%, rgba(7,7,10,0.98) 100%);
            border: 1px solid rgba(245,158,11,0.1);
            border-radius: 24px;
            padding: 36px;
            align-items: center;
            box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.02) inset;
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease;
        }

        .entregavel-card::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.4), transparent);
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .entregavel-card:hover {
            transform: translateY(-4px);
            border-color: rgba(245,158,11,0.25);
            box-shadow: 0 16px 48px rgba(0,0,0,0.5), 0 0 60px rgba(245, 158, 11, 0.1);
        }

        .entregavel-card:hover::before { opacity: 1; }

        .entregavel-mockup {
            border-radius: 16px;
            overflow: hidden;
        }

        .entregavel-mockup img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 16px;
        }

        .entregavel-tag {
            display: inline-block;
            background: linear-gradient(135deg, rgba(245,158,11,0.2) 0%, rgba(245,158,11,0.05) 100%);
            padding: 4px 12px;
            border-radius: 100px;
            margin-bottom: 12px;
            border: 1px solid rgba(245,158,11,0.2);
        }

        .entregavel-tag span {
            font-size: 0.7rem;
            color: var(--accent-gold);
            font-weight: 600;
            letter-spacing: 0.05em;
        }

        .entregavel-content h3 {
            font-family: var(--font-body);
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 12px;
            color: var(--text-primary);
        }

        .entregavel-content p {
            font-size: 0.9rem;
            color: rgba(255,255,255,0.6);
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .entregavel-price {
            display: flex;
            align-items: center;
            gap: 16px;
            flex-wrap: wrap;
        }

        .entregavel-price .valor {
            font-size: 0.9rem;
            color: var(--accent-gold);
            font-weight: 600;
        }

        /* Stack */
        .stack-section {
            text-align: center;
        }

        .stack-box {
            background: var(--glass-bg);
            border: 1px solid var(--glass-border);
            border-radius: var(--radius-xl);
            padding: 40px;
            max-width: 600px;
            margin: 0 auto 32px;
        }

        .stack-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 14px 0;
            border-bottom: 1px solid var(--glass-border);
            gap: 16px;
        }

        .stack-item:last-child { border-bottom: none; }

        .stack-item span:first-child {
            color: var(--text-secondary);
            font-size: 0.95rem;
            text-align: left;
        }

        .stack-item span:last-child {
            font-weight: 600;
            color: var(--text-muted);
            white-space: nowrap;
        }

        .stack-total {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 0 0;
            border-top: 2px solid var(--glass-border);
            margin-top: 8px;
        }

        .stack-total span:first-child {
            font-weight: 700;
            font-size: 1.1rem;
        }

        .stack-total span:last-child {
            font-weight: 700;
            font-size: 1.2rem;
            color: var(--accent-red);
            text-decoration: line-through;
        }

        /* Pricing Box */
        .pricing-box {
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(245, 158, 11, 0.03) 100%);
            border: 2px solid var(--accent-gold);
            border-radius: var(--radius-lg);
            padding: 48px;
            max-width: 600px;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            box-shadow: 0 0 60px rgba(245, 158, 11, 0.15);
        }

        .pricing-box::before {
            content: '';
            position: absolute;
            top: -50%; left: -50%;
            width: 200%; height: 200%;
            background: radial-gradient(circle at center, rgba(245, 158, 11, 0.1) 0%, transparent 50%);
            pointer-events: none;
        }

        .pricing-badge {
            display: inline-block;
            background: var(--gradient-gold);
            color: var(--bg-primary);
            padding: 8px 20px;
            border-radius: 100px;
            font-size: 0.85rem;
            font-weight: 700;
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }

        .pricing-label {
            font-size: 1rem;
            color: var(--text-secondary);
            margin-bottom: 8px;
            position: relative;
            z-index: 1;
        }

        .pricing-value {
            font-family: var(--font-display);
            font-size: clamp(3rem, 8vw, 4rem);
            color: var(--accent-gold);
            line-height: 1;
            margin-bottom: 8px;
            position: relative;
            z-index: 1;
        }

        .pricing-value span {
            font-size: 0.4em;
            color: var(--text-secondary);
        }

        .pricing-compare {
            font-size: 0.95rem;
            color: var(--text-muted);
            margin-bottom: 24px;
            position: relative;
            z-index: 1;
        }

        /* Garantia */
        .garantia-section {
            background: var(--bg-secondary);
        }

        .garantia-box {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 32px;
            align-items: center;
            max-width: 800px;
            margin: 0 auto;
            padding: 40px;
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.02) 100%);
            border: 1px solid rgba(16, 185, 129, 0.2);
            border-radius: var(--radius-xl);
        }

        .garantia-badge {
            width: 120px; height: 120px;
            background: var(--gradient-green);
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-shadow: 0 8px 32px rgba(16, 185, 129, 0.3);
        }

        .garantia-badge span:first-child {
            font-family: var(--font-display);
            font-size: 2.5rem;
            color: #fff;
            line-height: 1;
        }

        .garantia-badge span:last-child {
            font-size: 0.75rem;
            color: rgba(255,255,255,0.9);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .garantia-content h3 {
            font-family: var(--font-body);
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: 12px;
            color: var(--text-primary);
        }

        .garantia-content p {
            font-size: 0.95rem;
            color: var(--text-secondary);
            line-height: 1.8;
        }

        /* Urgência - Reformulado */
        .urgencia-section {
            text-align: center;
            padding: 80px 0;
            position: relative;
            overflow: hidden;
        }

        .urgencia-section::before {
            content: '';
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            width: 600px; height: 600px;
            background: radial-gradient(circle, rgba(239, 68, 68, 0.08) 0%, transparent 70%);
            pointer-events: none;
        }

        .urgencia-content {
            max-width: 700px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .urgencia-content > p {
            font-size: 1.1rem;
            color: var(--text-secondary);
            line-height: 1.9;
            margin-bottom: 40px;
        }

        .urgencia-content > p strong {
            color: var(--text-primary);
        }

        .vagas-box {
            background: linear-gradient(180deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.03) 100%);
            border: 2px solid rgba(239, 68, 68, 0.3);
            border-radius: var(--radius-xl);
            padding: 48px;
            margin-bottom: 40px;
            position: relative;
        }

        .vagas-box::before {
            content: '';
            position: absolute;
            top: 0; left: 20%; right: 20%;
            height: 3px;
            background: linear-gradient(90deg, transparent, var(--accent-red), transparent);
        }

        .vagas-label {
            font-size: 0.85rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.15em;
            margin-bottom: 12px;
        }

        .vagas-number {
            font-family: var(--font-display);
            font-size: 5rem;
            color: var(--accent-red);
            line-height: 1;
            text-shadow: 0 0 60px rgba(239, 68, 68, 0.4);
            margin-bottom: 8px;
        }

        .vagas-total {
            font-size: 1rem;
            color: var(--text-secondary);
        }

        .vagas-warning {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-top: 20px;
            padding: 10px 20px;
            background: rgba(239, 68, 68, 0.1);
            border-radius: 100px;
            font-size: 0.85rem;
            color: var(--accent-red);
            font-weight: 600;
        }

        .vagas-warning svg {
            width: 16px; height: 16px;
        }

        /* Caminhos */
        .caminhos-section {
            background: var(--bg-secondary);
        }

        .caminhos-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 32px;
            max-width: 900px;
            margin: 0 auto 48px;
        }

        .caminho-card {
            padding: 40px;
            border-radius: var(--radius-xl);
        }

        .caminho-card.vermelho {
            background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.02) 100%);
            border: 1px solid rgba(239, 68, 68, 0.2);
        }

        .caminho-card.verde {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.02) 100%);
            border: 1px solid rgba(16, 185, 129, 0.2);
        }

        .caminho-badge {
            display: inline-block;
            padding: 6px 16px;
            border-radius: 100px;
            font-size: 0.8rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 20px;
        }

        .caminho-card.vermelho .caminho-badge {
            background: rgba(239, 68, 68, 0.2);
            color: var(--accent-red);
        }

        .caminho-card.verde .caminho-badge {
            background: rgba(16, 185, 129, 0.2);
            color: var(--accent-green);
        }

        .caminho-icon {
            width: 56px; height: 56px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }

        .caminho-card.vermelho .caminho-icon {
            background: rgba(239, 68, 68, 0.15);
        }

        .caminho-card.verde .caminho-icon {
            background: rgba(16, 185, 129, 0.15);
        }

        .caminho-icon svg {
            width: 28px; height: 28px;
        }

        .caminho-card.vermelho .caminho-icon svg { color: var(--accent-red); }
        .caminho-card.verde .caminho-icon svg { color: var(--accent-green); }

        .caminho-card h3 {
            font-family: var(--font-body);
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 16px;
            color: var(--text-primary);
        }

        .caminho-card p {
            font-size: 0.95rem;
            color: var(--text-secondary);
            line-height: 1.7;
        }

        .caminhos-conclusion {
            text-align: center;
            max-width: 700px;
            margin: 0 auto;
        }

        .caminhos-conclusion p {
            font-size: 1.1rem;
            color: var(--text-secondary);
            line-height: 1.8;
            margin-bottom: 32px;
        }

        .caminhos-conclusion strong {
            color: var(--text-primary);
        }

        /* FAQ */
        .faq-section {
            text-align: center;
        }

        .faq-list {
            max-width: 800px;
            margin: 0 auto;
            text-align: left;
        }

        .faq-item {
            border-bottom: 1px solid var(--glass-border);
        }

        .faq-question {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 24px 0;
            background: none;
            border: none;
            cursor: pointer;
            text-align: left;
        }

        .faq-question span {
            font-size: 1rem;
            font-weight: 600;
            color: var(--text-primary);
            padding-right: 20px;
        }

        .faq-question svg {
            width: 24px; height: 24px;
            color: var(--accent-gold);
            transition: transform 0.3s ease;
            flex-shrink: 0;
        }

        .faq-item.active .faq-question svg {
            transform: rotate(180deg);
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
        }

        .faq-answer p {
            padding-bottom: 24px;
            font-size: 0.95rem;
            color: var(--text-secondary);
            line-height: 1.8;
        }

        .faq-item.active .faq-answer {
            max-height: 500px;
        }

        /* Final CTA */
        .final-cta-section {
            background: var(--bg-secondary);
            text-align: center;
            padding: 80px 0;
        }

        .final-checklist {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px 32px;
            max-width: 600px;
            margin: 0 auto 32px;
            text-align: left;
            list-style: none;
        }

        .final-checklist li {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 0.95rem;
            color: var(--text-secondary);
        }

        .final-checklist li svg {
            width: 20px; height: 20px;
            color: var(--accent-green);
            flex-shrink: 0;
        }

        .final-pricing {
            margin-bottom: 24px;
        }

        .final-pricing .old {
            font-size: 1rem;
            color: var(--text-muted);
            text-decoration: line-through;
        }

        .final-pricing .price {
            font-family: var(--font-display);
            font-size: 3rem;
            color: var(--accent-gold);
        }

        .final-pricing .price span {
            font-size: 0.4em;
            color: var(--text-secondary);
        }

        .final-secure {
            font-size: 0.85rem;
            color: var(--text-muted);
            margin-top: 16px;
        }

        /* Footer */
        footer {
            padding: 32px 0;
            text-align: center;
            background: var(--bg-primary);
            border-top: 1px solid var(--glass-border);
        }

        footer p {
            font-size: 0.85rem;
            color: var(--text-muted);
        }

        /* Animations */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Mobile */
        @media (max-width: 768px) {
            .bg-grid, .bg-glow { display: none; }
            .video-container::before { display: none; }
            .hero { background-image: url('assets/bg-mobile.avif'); padding: 16px 0 32px; }
            section { padding: 60px 0; }
            .hero h1 { font-size: 1.5rem; }
            .hero-subtitle { font-size: 0.9rem; }
            .hero-checklist { grid-template-columns: 1fr; gap: 10px; }
            .hero-cta-box { padding: 24px; margin-top: 24px; }
            .problemas-grid { grid-template-columns: 1fr; }
            .salas-content { grid-template-columns: 1fr; gap: 32px; }
            .salas-mockup { order: 0; }
            .salas-mockup::before { font-size: 0.6rem; padding: 4px 8px; }
            .salas-intro { font-size: 1rem; }
            .salas-benefits { gap: 8px 12px; }
            .salas-benefit { padding: 8px 14px; font-size: 0.8rem; }
            .salas-quote { padding: 24px; }
            .salas-quote p { font-size: 1rem; }
            .vagas-box { padding: 36px 24px; }
            .vagas-number { font-size: 4rem; }
            .depoimentos-grid { grid-template-columns: 1fr; gap: 32px; }
            .depoimento-quote { padding: 16px 20px; margin-bottom: 12px; }
            .depoimento-quote::before { font-size: 2rem; top: 6px; left: 12px; }
            .depoimento-quote p { font-size: 0.95rem; padding-left: 20px; }
            .depoimento-img { border-radius: 12px; }
            .autor-section {
                background-image: url('assets/bg_tasso_wall_street_mobile.avif');
                background-position: center top;
                background-size: 100% auto;
                padding-top: 280px;
                padding-bottom: 40px;
            }
            .autor-section .container { justify-content: center; }
            .autor-content { max-width: 100%; padding: 40px 0; text-align: center; background: #fff; }
            .autor-content h2 { font-size: 1.5rem; }
            .autor-bio { font-size: 0.9rem; text-align: center; }
            .autor-avatar { display: flex; justify-content: center; }
            .autor-avatar img { height: 120px; }
            .autor-logos { text-align: center; }
            .autor-logos img { max-width: 100%; }
            .autor-cta { text-align: center; }
            .entregaveis-list { gap: 24px; }
            .entregavel-card { grid-template-columns: 1fr; gap: 24px; padding: 24px; border-radius: 20px; }
            .entregavel-mockup { border-radius: 12px; }
            .entregavel-content h3 { font-size: 1.1rem; }
            .entregavel-content p { font-size: 0.9rem; }
            .stack-box { padding: 24px; }
            .stack-item { flex-direction: column; align-items: flex-start; gap: 4px; }
            .pricing-box { padding: 32px 24px; }
            .garantia-box { grid-template-columns: 1fr; text-align: center; gap: 24px; padding: 32px 24px; }
            .garantia-badge { margin: 0 auto; }
            .caminhos-grid { grid-template-columns: 1fr; }
            .caminho-card { padding: 28px; }
            .final-checklist { grid-template-columns: 1fr; }
            .cta-button { width: 100%; padding: 18px 24px; font-size: 0.95rem; }
        }

        @media (max-width: 400px) {
            .container { padding: 0 16px; }
            .hero h1 { font-size: 1.3rem; }
            .section-title { font-size: 1.6rem; }
            .pricing-value { font-size: 2.5rem; }
            .vagas-number { font-size: 2.5rem; }
        }
    </style>
</head>
<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K9FRW3ZN"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <div class="bg-grid"></div>
    <div class="bg-glow bg-glow-1"></div>
    <div class="bg-glow bg-glow-2"></div>

    <!-- HERO -->
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Copie e Cole as Mesmas <span class="highlight">Operações em Cripto</span> que Eu Fizer</h1>
                <p class="hero-subtitle">Faça 1.000, 3.000 ou até 10.000 em um único trade, seguindo as estratégias do trade monstro e mude a sua realidade financeira.</p>

                <div class="video-container">
                    <vturb-smartplayer id="ab-6979112ce10b608c77dc3b77" style="display: block; margin: 0 auto; width: 100%;"></vturb-smartplayer>
                    <script type="text/javascript">var s=document.createElement("script");s.src="https://scripts.converteai.net/1113dc85-0547-4f4f-a8f1-63b384950174/ab-test/6979112ce10b608c77dc3b77/player.js",s.async=!0,document.head.appendChild(s);</script>
                </div>

                <div class="hero-cta-box hide" id="hero-cta">
                    <ul class="hero-checklist">
                        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Operações para copiar e colar em tempo real</span></li>
                        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Duas salas ao vivo por dia</span></li>
                        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Research Cripto com análise de fundamentos</span></li>
                        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>VIP Plus — Acompanhamento para iniciantes</span></li>
                        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Tutoriais A Base Cripto</span></li>
                        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Planilha do Milhão</span></li>
                        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Suporte completo</span></li>
                        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Garantia de 7 dias</span></li>
                    </ul>
                    <div class="hero-pricing">
                        <div class="old-price">De R$2.895 por:</div>
                        <div class="price">R$297<span>/mês</span></div>
                    </div>
                    <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button">QUERO GARANTIR MINHA VAGA</a>
                </div>
            </div>
        </div>
    </section>

    <!-- PROBLEMAS -->
    <section class="problemas-section hide">
        <div class="container">
            <h2 class="section-title reveal">Você se identifica com alguma dessas <span class="highlight">situações?</span></h2>

            <div class="problemas-grid reveal">
                <div class="problema-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><p>Você compra cripto mas não sabe a hora certa de vender</p></div>
                <div class="problema-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><p>Você já perdeu dinheiro seguindo dica de influenciador que nunca mostrou a conta</p></div>
                <div class="problema-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><p>Você fica em dúvida se deve entrar ou esperar, e quando decide, o preço já foi</p></div>
                <div class="problema-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><p>Você não tem tempo pra ficar o dia todo analisando gráfico</p></div>
                <div class="problema-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><p>Você sabe que cripto é uma oportunidade mas não sabe como aproveitar</p></div>
                <div class="problema-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><p>Você opera sozinho e não tem ninguém pra validar suas decisões</p></div>
                <div class="problema-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><p>Você já tentou aprender análise técnica mas na hora de executar trava</p></div>
            </div>

            <div class="problemas-stat reveal">
                <div class="stat-number">73%</div>
                <p>das pessoas que investem em cripto por conta própria <strong>perdem dinheiro.</strong></p>
                <span class="hope">Mas não precisa ser assim.</span>
            </div>

            <div style="text-align: center; margin-top: 40px;" class="reveal">
                <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button cta-button-outline">QUERO PARAR DE OPERAR NO ESCURO</a>
            </div>
        </div>
    </section>

    <!-- SOLUÇÃO -->
    <section class="solucao-section hide">
        <div class="container">
            <h2 class="section-title reveal">E se você pudesse simplesmente <span class="highlight">copiar as operações</span> de quem já provou que sabe?</h2>
            <div class="solucao-box reveal">
                <p>O <span class="emphasis">Grupo VIP</span> é onde eu compartilho em tempo real as mesmas operações que eu faço com meu próprio dinheiro.</p>
                <p>Quando eu identifico uma oportunidade, eu mando pro grupo.</p>
            </div>
            <div class="print-operacao reveal"><div class="print-placeholder">[PRINT DE OPERAÇÃO]</div></div>
            <div class="solucao-box reveal" style="margin-top: 40px;">
                <p>A moeda, o ponto de entrada, o stop, o alvo. <strong>Tudo explicado, pronto pra você abrir sua corretora e executar.</strong></p>
                <p>Você não precisa ficar horas analisando gráfico. Não precisa adivinhar o que comprar. Não precisa tomar decisão sozinho.</p>
                <p><span class="emphasis">Você recebe a operação, copia, e pronto.</span></p>
                <p style="margin-top: 20px;">E o mais importante: <strong>quando eu ganho, você pode ganhar junto. Quando eu perco, a gente perde junto.</strong> Meu dinheiro tá ali também. Isso alinha nossos interesses.</p>
            </div>
            <div style="text-align: center; margin-top: 40px;" class="reveal">
                <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button">QUERO COPIAR AS OPERAÇÕES</a>
            </div>
        </div>
    </section>

    <!-- SALAS AO VIVO -->
    <section class="salas-section hide">
        <div class="container">
            <h2 class="section-title reveal">Acompanhe o mercado <span class="highlight">ao vivo</span>, todos os dias</h2>

            <div class="salas-content reveal">
                <div class="salas-mockup">
                    <img src="assets/mockup-sala.webp" alt="Sala ao vivo" loading="lazy">
                </div>

                <p class="salas-intro">Todo dia temos <strong>duas salas ao vivo</strong> onde eu e meu time de especialistas analisamos o mercado em tempo real. Você acompanha o raciocínio acontecendo, não só o resultado depois. Essa é a parte que os membros mais gostam.</p>

                <div class="salas-benefits">
                    <span class="salas-benefit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>Ativos no radar</span>
                    <span class="salas-benefit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>Padrões se formando</span>
                    <span class="salas-benefit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>Racional das decisões</span>
                    <span class="salas-benefit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>Análise macro e micro</span>
                    <span class="salas-benefit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>Dúvidas ao vivo</span>
                </div>

                <div class="salas-quote">
                    <p>Nas salas ao vivo você entende o porquê. E com o tempo, esse entendimento vai ficando natural. <strong>É como ter um mentor operando do seu lado, todos os dias.</strong></p>
                </div>
            </div>

            <div style="text-align: center; margin-top: 48px;" class="reveal">
                <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button">QUERO PARTICIPAR DAS SALAS AO VIVO</a>
            </div>
        </div>
    </section>

    <!-- DEPOIMENTOS -->
    <section class="depoimentos-section hide">
        <div class="container">
            <h2 class="section-title reveal">Veja alguns dos <span class="highlight">resultados</span> dos membros do VIP</h2>
            
            <p class="section-subtitle reveal">Mais de 50 mil pessoas já passaram por algum dos treinamentos do Tasso Lago e tiveram resultados assim:</p>

            <div class="depoimentos-grid reveal">
                <!-- DEPOIMENTO 1 -->
                <div class="depoimento-item">
                    <div class="depoimento-quote">
                        <p>Saí da CLT no Itaú e estou vivendo de trade</p>
                    </div>
                    <div class="depoimento-img">
                        <img src="assets/depo1.webp" alt="Depoimento 1" loading="lazy">
                    </div>
                </div>

                <!-- DEPOIMENTO 2 -->
                <div class="depoimento-item">
                    <div class="depoimento-quote">
                        <p>Estou tendo uma média de 80% de acerto</p>
                    </div>
                    <div class="depoimento-img">
                        <img src="assets/depo2.webp" alt="Depoimento 2" loading="lazy">
                    </div>
                </div>

                <!-- DEPOIMENTO 3 -->
                <div class="depoimento-item">
                    <div class="depoimento-quote">
                        <p>122 mil reais em um único Trade</p>
                    </div>
                    <div class="depoimento-img">
                        <img src="assets/depo3.webp" alt="Depoimento 3" loading="lazy">
                    </div>
                </div>
            </div>

            <div style="text-align: center; margin-top: 48px;" class="reveal">
                <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button">QUERO TER RESULTADOS ASSIM</a>
            </div>
        </div>
    </section>

    <!-- AUTOR / BIO -->
    <section class="autor-section hide">
        <div class="container">
            <div class="autor-content reveal">
                <h2>Meu nome é Tasso Lago.</h2>
                <p class="autor-tagline">Aprenda com quem vive na prática o que ensina…</p>

                <div class="autor-bio">
                    <p>Eu opero no mercado cripto desde 2017. Sou engenheiro formado pela UFF, pós-graduado pela UFRJ, mestre em Finanças pela Universidade de Bordeaux na França.</p>
                    
                    <p>Sou fundador e CEO da Financial Move, <strong>a maior empresa de educação em criptomoedas da América Latina.</strong></p>
                    
                    <p>Minhas análises saem nos principais portais de finanças do país: Valor Econômico, Forbes, Exame, Estadão, CNN Brasil, Infomoney. <strong>Quando esses veículos precisam de alguém pra falar sobre cripto, eles me ligam.</strong></p>
                    
                    <p>Eu sou o <strong>único brasileiro no ranking dos 100 maiores traders de cripto do mundo.</strong> Já fui pra Singapura participar do encontro dos maiores traders globais.</p>
                    
                    <p>E fiz o maior trade auditado do mercado cripto brasileiro: <strong>40 mil que viraram R$2,7 milhões em uma única operação.</strong></p>
                    
                    <p>Mas mais importante que qualquer título é isso: <strong>eu compartilho as mesmas operações que eu faço. Meu dinheiro tá junto com o seu.</strong></p>
                </div>

                <!-- Avatar com verificado -->
                <div class="autor-avatar">
                    <img src="assets/Instagram-Verificado.png" alt="Tasso Lago" loading="lazy">
                </div>

                <div class="autor-logos">
                    <p>Presente em:</p>
                    <img src="assets/midia.webp" alt="Valor Econômico, Forbes, Exame, CNN Brasil, Estadão, Infomoney" loading="lazy">
                </div>

                <div class="autor-cta">
                    <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button-green">QUERO OPERAR COM O TASSO</a>
                </div>
            </div>
        </div>
    </section>

    <!-- ENTREGÁVEIS -->
    <section class="entregaveis-section hide">
        <div class="container container-wide">
            <h2 class="section-title reveal">Tudo que você recebe quando entra no <span class="highlight">Grupo VIP</span></h2>

            <div class="entregaveis-list">
                <div class="entregavel-card reveal">
                    <div class="entregavel-mockup">
                        <img src="assets/entregavel1.webp" alt="Trades para Copiar" loading="lazy">
                    </div>
                    <div class="entregavel-content">
                        <div class="entregavel-tag"><span>ENTREGÁVEL #01</span></div>
                        <h3>Oportunidades de Trades para Copiar e Colar</h3>
                        <p>Toda vez que eu identifico uma operação que vale a pena, eu mando pro grupo com o racional completo. A moeda, o ponto de entrada, o stop, o alvo. Você abre sua corretora e executa. Sem precisar ficar horas analisando.</p>
                        <div class="entregavel-price"><span class="valor">Valor: R$400/mês</span></div>
                    </div>
                </div>

                <div class="entregavel-card reveal">
                    <div class="entregavel-mockup">
                        <img src="assets/entregavel2.webp" alt="Sala ao Vivo" loading="lazy">
                    </div>
                    <div class="entregavel-content">
                        <div class="entregavel-tag"><span>ENTREGÁVEL #02</span></div>
                        <h3>Sala de Trade ao Vivo (2x por dia)</h3>
                        <p>Duas salas ao vivo diárias onde eu e meu time analisamos o mercado em tempo real. Você vê o raciocínio acontecendo, entende o porquê das decisões, e pode tirar dúvidas ao vivo. É o que os membros mais valorizam.</p>
                        <div class="entregavel-price"><span class="valor">Valor: R$500/mês</span></div>
                    </div>
                </div>

                <div class="entregavel-card reveal">
                    <div class="entregavel-mockup">
                        <img src="assets/entregavel3.webp" alt="Research Cripto" loading="lazy">
                    </div>
                    <div class="entregavel-content">
                        <div class="entregavel-tag"><span>ENTREGÁVEL #03</span></div>
                        <h3>Research Cripto</h3>
                        <p>Análise aprofundada de projetos. Não só gráfico, mas fundamento. Qual é a tese, quem tá por trás, qual é o valuation, se faz sentido ou não. Pra você entender o mercado de forma mais profunda.</p>
                        <div class="entregavel-price"><span class="valor">Valor: R$300/mês</span></div>
                    </div>
                </div>

                <div class="entregavel-card reveal">
                    <div class="entregavel-mockup">
                        <img src="assets/entregavel4.webp" alt="VIP Plus" loading="lazy">
                    </div>
                    <div class="entregavel-content">
                        <div class="entregavel-tag"><span>ENTREGÁVEL #04</span></div>
                        <h3>VIP Plus (Acompanhamento 30 dias)</h3>
                        <p>Se você tá começando e não sabe nem por onde começar, o VIP Plus te pega pela mão. Desde como mandar dinheiro pra corretora até como executar sua primeira operação. Passo a passo, sem mistério.</p>
                        <div class="entregavel-price"><span class="valor">Valor: R$200</span></div>
                    </div>
                </div>

                <div class="entregavel-card reveal">
                    <div class="entregavel-mockup">
                        <img src="assets/entregavel5.webp" alt="Base Cripto" loading="lazy">
                    </div>
                    <div class="entregavel-content">
                        <div class="entregavel-tag"><span>ENTREGÁVEL #05</span></div>
                        <h3>Tutoriais A Base Cripto</h3>
                        <p>Curso completo com toda a fundação sobre o mercado. O que é Bitcoin, o que são altcoins, como funcionam os ciclos, o que é halving, como funciona uma corretora. Tudo que você precisa saber pra não ficar perdido.</p>
                        <div class="entregavel-price"><span class="valor">Valor: R$497</span></div>
                    </div>
                </div>

                <div class="entregavel-card reveal">
                    <div class="entregavel-mockup">
                        <img src="assets/entregavel6.webp" alt="Planilha do Milhão" loading="lazy">
                    </div>
                    <div class="entregavel-content">
                        <div class="entregavel-tag"><span>ENTREGÁVEL #06</span></div>
                        <h3>Planilha do Milhão</h3>
                        <p>A planilha com dezenas de moedas com alto potencial de retorno, organizada de acordo com seu nível de agressividade e aversão a risco. A mesma que eu uso pra acompanhar o mercado.</p>
                        <div class="entregavel-price"><span class="valor">Valor: R$998</span></div>
                    </div>
                </div>
            </div>

            <div style="text-align: center; margin-top: 48px;" class="reveal">
                <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button">QUERO ACESSO A TUDO ISSO</a>
            </div>
        </div>
    </section>

    <!-- STACK / OFERTA -->
    <section class="stack-section hide">
        <div class="container">
            <h2 class="section-title reveal">Quanto vale tudo isso?</h2>
            <div class="stack-box reveal">
                <div class="stack-list">
                    <div class="stack-item"><span>Oportunidades de Trades para Copiar e Colar</span><span>R$400/mês</span></div>
                    <div class="stack-item"><span>Sala de Trade ao Vivo 2x por dia</span><span>R$500/mês</span></div>
                    <div class="stack-item"><span>Research Cripto</span><span>R$300/mês</span></div>
                    <div class="stack-item"><span>VIP Plus (Acompanhamento 30 dias)</span><span>R$200</span></div>
                    <div class="stack-item"><span>Tutoriais A Base Cripto</span><span>R$497</span></div>
                    <div class="stack-item"><span>Planilha do Milhão</span><span>R$998</span></div>
                </div>
                <div class="stack-total"><span>Total:</span><span>R$2.895</span></div>
            </div>
            <p style="text-align: center; font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 32px;" class="reveal">Se você fosse comprar cada um desses itens separadamente, pagaria quase R$2.900.<br><strong style="color: var(--text-primary);">Mas você não vai pagar isso.</strong></p>
            <div class="pricing-box reveal">
                <span class="pricing-badge">ACESSO COMPLETO + BÔNUS</span>
                <p class="pricing-label">De R$2.895 por apenas:</p>
                <div class="pricing-value">R$297<span>/mês</span></div>
                <p class="pricing-compare">Menos de R$10 por dia. Menos do que você gasta num almoço.</p>
                <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button">QUERO GARANTIR MINHA VAGA</a>
                <p style="margin-top: 20px; font-size: 0.9rem; color: var(--text-secondary); position: relative; z-index: 1;">Um único trade bom paga meses e meses de assinatura.</p>
            </div>
        </div>
    </section>

    <!-- GARANTIA -->
    <section class="garantia-section hide">
        <div class="container">
            <h2 class="section-title reveal">O risco é <span class="highlight">todo meu!</span></h2>
            <div class="garantia-box reveal">
                <div class="garantia-badge"><span>7</span><span>DIAS</span></div>
                <div class="garantia-content">
                    <h3>Garantia incondicional de 7 dias</h3>
                    <p>Você tem 7 dias pra entrar, acessar tudo, ver como funciona, acompanhar as operações, participar das salas ao vivo. Se por qualquer motivo você achar que não é pra você, me manda uma mensagem e eu devolvo 100% do seu dinheiro. Sem pergunta, sem burocracia.</p>
                    <p style="margin-top: 12px;"><strong style="color: var(--text-primary);">Entre agora e pense com calma depois. Você tem 7 dias pra decidir.</strong></p>
                </div>
            </div>
            <div style="text-align: center; margin-top: 40px;" class="reveal">
                <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button cta-button-green">QUERO TESTAR SEM RISCO</a>
            </div>
        </div>
    </section>

    <!-- URGÊNCIA / VAGAS -->
    <section class="urgencia-section hide">
        <div class="container">
            <h2 class="section-title reveal">Vagas <span class="highlight">limitadas</span></h2>

            <div class="urgencia-content reveal">
                <p>Eu não vou deixar essa oferta aberta pra sempre. Tenho uma equipe de suporte, tenho as salas ao vivo, tenho limite de quantas pessoas eu consigo atender bem. <strong>Se eu deixar entrar gente demais, a qualidade cai.</strong> E eu não quero isso.</p>

                <div class="vagas-box">
                    <div class="vagas-label">Vagas restantes</div>
                    <div class="vagas-number" id="vagas-counter">112</div>
                    <div class="vagas-total">de 300 vagas liberadas</div>
                    <div class="vagas-warning">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
                        Vagas acabando
                    </div>
                </div>

                <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button">GARANTIR MINHA VAGA AGORA</a>
            </div>
        </div>
    </section>

    <!-- DOIS CAMINHOS -->
    <section class="caminhos-section hide">
        <div class="container">
            <h2 class="section-title reveal">Você tem duas opções agora</h2>
            <div class="caminhos-grid reveal">
                <div class="caminho-card vermelho">
                    <div class="caminho-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
                    </div>
                    <h3>Continuar do jeito que tá</h3>
                    <p>Operando sozinho, seguindo dica de influenciador, comprando moeda que já subiu, vendendo no pânico quando cai. Esse é o caminho dos 73% que perdem dinheiro.</p>
                </div>
                <div class="caminho-card verde">
                    <div class="caminho-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                    </div>
                    <h3>Operar junto com quem já provou que sabe</h3>
                    <p>Copiar as operações, entender o racional, ter acesso à visão de quem vive disso há anos. Por R$297/mês. Com garantia de 7 dias.</p>
                </div>
            </div>
            <div class="caminhos-conclusion reveal">
                <p>A decisão é sua. Mas pensa comigo: <strong>daqui um ano, onde você quer estar?</strong></p>
                <p>Ainda tentando descobrir sozinho como esse mercado funciona? Ou já tendo operado junto com quem sabe, já tendo desenvolvido sua própria leitura, já tendo construído um patrimônio?</p>
                <p><strong>O mercado cripto não espera. As oportunidades aparecem e vão embora.</strong> Quem tá posicionado aproveita. Quem tá de fora fica olhando os outros ganharem.</p>
                <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button" style="margin-top: 24px;">QUERO ESTAR DO LADO CERTO</a>
            </div>
        </div>
    </section>

    <!-- FAQ -->
    <section class="faq-section hide">
        <div class="container">
            <h2 class="section-title reveal">Perguntas <span class="highlight">frequentes</span></h2>
            <div class="faq-list reveal">
                <div class="faq-item"><button class="faq-question"><span>Preciso saber análise técnica pra entrar?</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg></button><div class="faq-answer"><p>Não. Você pode simplesmente copiar as operações que eu mando. Com o tempo, acompanhando as salas ao vivo, você vai entendendo o racional naturalmente.</p></div></div>
                <div class="faq-item"><button class="faq-question"><span>Quanto tempo preciso dedicar por dia?</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg></button><div class="faq-answer"><p>Poucos minutos. Você recebe as operações prontas, é só executar. As salas ao vivo são opcionais, mas recomendo participar quando puder.</p></div></div>
                <div class="faq-item"><button class="faq-question"><span>Com quanto dinheiro posso começar?</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg></button><div class="faq-answer"><p>Com o que você tiver disponível. Tem gente que começa com R$500, tem gente que começa com R$5.000. O método funciona independente do capital.</p></div></div>
                <div class="faq-item"><button class="faq-question"><span>E se eu não gostar?</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg></button><div class="faq-answer"><p>Você tem 7 dias de garantia. Se não gostar por qualquer motivo, peça reembolso e devolvemos 100% do seu dinheiro.</p></div></div>
                <div class="faq-item"><button class="faq-question"><span>Isso é grupo de sinais?</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg></button><div class="faq-answer"><p>É mais do que isso. Você recebe as operações, mas também tem as salas ao vivo onde explicamos o racional, o Research com análise de fundamentos, e todo o suporte pra você entender o que está fazendo.</p></div></div>
                <div class="faq-item"><button class="faq-question"><span>Como recebo as operações?</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg></button><div class="faq-answer"><p>Por um grupo exclusivo no Telegram e área de membros. Assim que você entra, já recebe acesso a tudo.</p></div></div>
                <div class="faq-item"><button class="faq-question"><span>Quantas operações vocês mandam por dia?</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg></button><div class="faq-answer"><p>Não temos uma quantidade fixa. Mandamos quando identificamos oportunidades que valem a pena. Qualidade, não quantidade. Às vezes são várias na semana, às vezes passa dias sem mandar nada porque não tem setup bom.</p></div></div>
            </div>
            <div style="text-align: center; margin-top: 40px;" class="reveal">
                <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button cta-button-outline">AINDA TENHO DÚVIDAS — FALAR COM SUPORTE</a>
            </div>
        </div>
    </section>

    <!-- FINAL CTA -->
    <section class="final-cta-section hide">
        <div class="container">
            <h2 class="section-title reveal">Opere junto com <span class="highlight">traders profissionais!</span></h2>
            <ul class="final-checklist reveal">
                <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Operações para copiar e colar em tempo real</span></li>
                <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Duas salas ao vivo por dia</span></li>
                <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Research Cripto com análise de fundamentos</span></li>
                <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>VIP Plus — Acompanhamento para iniciantes</span></li>
                <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Tutoriais A Base Cripto</span></li>
                <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Planilha do Milhão</span></li>
                <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Suporte completo</span></li>
                <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span>Garantia de 7 dias</span></li>
            </ul>
            <div class="final-pricing reveal"><div class="old">De R$2.895 por:</div><div class="price">R$297<span>/mês</span></div></div>
            <a href="https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297" class="cta-button reveal">QUERO ENTRAR NO GRUPO VIP AGORA</a>
            <p class="final-secure reveal">🔒 Pagamento 100% seguro. Acesso imediato após confirmação.</p>
        </div>
    </section>

    <!-- FOOTER -->
    <footer>
        <div class="container"><p>© 2025 Tasso Lago. Todos os direitos reservados.</p></div>
    </footer>

    <!-- SCRIPTS -->
    <script>
        // ========== UTM PASSTHROUGH ==========
        // Captura UTMs da URL atual e adiciona aos links de checkout
        (function() {
            var defined_params = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term', 'ref', 'gclid', 'fbclid', 'sck'];
            var defined_url = 'https://go.tassolago.com/subscribe/sala-vip-mensal-mp-297';
            
            function getUrlParams() {
                var params = {};
                var searchParams = new URLSearchParams(window.location.search);
                defined_params.forEach(function(param) {
                    var value = searchParams.get(param);
                    if (value) params[param] = value;
                });
                return params;
            }
            
            function buildUrl(baseUrl, params) {
                var url = new URL(baseUrl);
                Object.keys(params).forEach(function(key) {
                    url.searchParams.set(key, params[key]);
                });
                return url.toString();
            }
            
            function updateLinks() {
                var params = getUrlParams();
                if (Object.keys(params).length === 0) return;
                
                var newUrl = buildUrl(defined_url, params);
                document.querySelectorAll('a[href*="go.tassolago.com"]').forEach(function(link) {
                    link.href = newUrl;
                });
            }
            
            // Executa quando DOM estiver pronto
            if (document.readyState === 'loading') {
                document.addEventListener('DOMContentLoaded', updateLinks);
            } else {
                updateLinks();
            }
            
            // Re-executa após delay (para links que aparecem depois)
            setTimeout(updateLinks, 2000);
        })();

        // ╔════════════════════════════════════════════════════════════════╗
        // ║                    ⏱️ CONFIGURAÇÃO DE DELAY                    ║
        // ║  Altere o valor abaixo para definir quando os elementos        ║
        // ║  ocultos aparecem (em milissegundos)                           ║
        // ║                                                                ║
        // ║  Exemplos:                                                     ║
        // ║  • 1000 = 1 segundo (teste)                                    ║
        // ║  • 60000 = 1 minuto                                            ║
        // ║  • 300000 = 5 minutos                                          ║
        // ║  • 600000 = 10 minutos                                         ║
        // ║  • 1200000 = 20 minutos                                        ║
        // ║  • 1800000 = 30 minutos                                        ║
        // ╚════════════════════════════════════════════════════════════════╝
        
        var DELAY_TIME = 6000; // 👈 ALTERE AQUI O TEMPO EM MILISSEGUNDOS
        
        // ================================================================
        function showDelayedElements() {
            document.querySelectorAll('.hide').forEach(function(el) { el.classList.remove('hide'); });
        }
        setTimeout(showDelayedElements, DELAY_TIME);

        // ========== CONTADOR DE VAGAS ==========
        (function() {
            var vagasEl = document.getElementById('vagas-counter');
            if (!vagasEl) return;
            var savedVagas = localStorage.getItem('vip_vagas');
            var currentVagas = savedVagas ? parseInt(savedVagas) : 112;
            vagasEl.textContent = currentVagas;
            function decreaseVagas() {
                if (currentVagas > 47) {
                    currentVagas -= Math.floor(Math.random() * 2) + 1;
                    vagasEl.textContent = currentVagas;
                    localStorage.setItem('vip_vagas', currentVagas);
                }
                setTimeout(decreaseVagas, (Math.random() * 60000) + 30000);
            }
            setTimeout(decreaseVagas, 45000);
        })();

        // ========== FAQ ACCORDION ==========
        document.querySelectorAll('.faq-question').forEach(function(btn) {
            btn.addEventListener('click', function() {
                var item = this.parentElement;
                var wasActive = item.classList.contains('active');
                document.querySelectorAll('.faq-item').forEach(function(faq) { faq.classList.remove('active'); });
                if (!wasActive) item.classList.add('active');
            });
        });

        // ========== SCROLL REVEAL ==========
        var observer = new IntersectionObserver(function(entries) {
            entries.forEach(function(entry) {
                if (entry.isIntersecting) entry.target.classList.add('active');
            });
        }, { threshold: 0.1 });
        document.querySelectorAll('.reveal').forEach(function(el) { observer.observe(el); });

        // ========== MUTATION OBSERVER (para elementos com delay) ==========
        var mutationObserver = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
                    var target = mutation.target;
                    if (!target.classList.contains('hide')) {
                        target.querySelectorAll('.reveal').forEach(function(el) { observer.observe(el); });
                        setTimeout(function() {
                            target.querySelectorAll('.reveal').forEach(function(el) { el.classList.add('active'); });
                        }, 100);
                    }
                }
            });
        });
        document.querySelectorAll('.hide').forEach(function(el) {
            mutationObserver.observe(el, { attributes: true });
        });
    </script>
</body>
</html>