.elementor-5633 .elementor-element.elementor-element-da578c2{--display:flex;}.elementor-5633 .elementor-element.elementor-element-ff4fea0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* Estilos Globais */
:root {
    --cor-principal: #0ea5e9;
    --cor-secundaria: #f59e0b;
    --cor-fundo-escuro: #0f172a;
    --cor-fundo-claro: #f8fafc;
    --cor-texto-escuro: #1e293b;
    --cor-texto-claro: #e2e8f0;
    --cor-texto-cinza: #64748b;
    --cor-cta: #0ea5e9;
    --cor-urgencia: #dc2626;
    --cor-card-fundo: white;
    --cor-aviso: #dc2626;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--cor-texto-escuro);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Estilos base para Elementor */
* { box-sizing: border-box; }

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.section-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 5vw, 3rem);
    text-align: center;
    color: var(--cor-texto-escuro);
    margin-bottom: 3rem;
}

/* Classes Genéricas */
.badge {
    display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    border-radius: 50px;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-primary {
    background: linear-gradient(135deg, var(--cor-secundaria) 0%, #d97706 100%);
    color: white;
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.3);
}

.badge-secondary {
    background: rgba(15, 23, 42, 0.8);
    border: 1px solid rgba(245, 158, 11, 0.2);
    color: var(--cor-secundaria);
}

.cta-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 48px;
    background: linear-gradient(135deg, var(--cor-cta) 0%, #0284c7 100%);
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(14, 165, 233, 0.3);
    transition: all 0.3s ease;
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(14, 165, 233, 0.4);
}

.cta-button-final {
    display: block;
    width: 100%;
    text-align: center;
    background: linear-gradient(135deg, var(--cor-secundaria) 0%, #d97706 100%);
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.3);
    transition: all 0.3s ease;
}

.cta-button-final:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(245, 158, 11, 0.4);
}

.card {
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 1px solid #e2e8f0;
}
  
/* Animações */
@keyframes bounce {
    0%, 20%, 53%, 80%, 100% { transform: translateY(0); }
    40%, 43% { transform: translateY(-15px); }
    70% { transform: translateY(-7px); }
}
  
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.pulse { animation: pulse 2s infinite; }
.bounce { animation: bounce 2s infinite; }

/* Estilos de Seção Específicos */
.hero-section {
    min-height: 100vh;
    background: linear-gradient(135deg, #003547 0%, #1e293b 50%, #0f172a 100%);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: white;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
    min-height: 100vh;
    padding: 2rem 0;
}

.hero-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(3rem, 3vw, 5rem);
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.hero-highlight {
    color: var(--cor-secundaria);
    background: linear-gradient(135deg, var(--cor-secundaria) 0%, #d97706 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
  
.hero-subtitle {
    font-size: clamp(1.1rem, 2vw, 1.25rem);
    line-height: 1.6;
    color: var(--cor-texto-claro);
    margin-bottom: 2rem;
}

.book-container {
    position: relative;
    text-align: center;
    padding: 2rem 0;
}

.book-image {
    max-width: 400px;
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.book-image:hover { transform: scale(1.05); }

.discount-badge {
    position: absolute;
    top: -10px;
    right: 10px;
    background: var(--cor-urgencia);
    color: white;
    padding: 8px 16px;
    border-radius: 50px;
    font-weight: 600;
}
  
.benefits-section {
    padding: 80px 0;
    background: white;
}

.benefit-icon-wrapper {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--cor-secundaria) 0%, #d97706 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.6rem;
    font-size: 3.5rem;
}

.pricing-section {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--cor-fundo-claro) 0%, #e2e8f0 100%);
}

.pricing-card {
    background: white;
    border-radius: 20px;
    padding: 3rem;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);
    max-width: 800px;
    margin: 0 auto;
}

.pricing-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
}

.price-old {
    font-size: 1.5rem;
    color: var(--cor-texto-cinza);
    text-decoration: line-through;
}

.price-new {
    font-family: 'Playfair Display', serif;
    font-size: 4rem;
    font-weight: 700;
    color: var(--cor-cta);
}

.feature-list {
    list-style: none;
    margin: 2rem 0;
}

.feature-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 1rem;
    font-weight: 500;
}

.final-cta-section {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--cor-fundo-escuro) 0%, #1e293b 50%, #334155 100%);
    color: white;
}

.final-cta-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
}

.final-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    line-height: 1.2;
    margin-bottom: 2rem;
}
  
.final-highlight {
    background: linear-gradient(135deg, var(--cor-secundaria) 0%, #d97706 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.urgency-box {
    background: rgba(220, 38, 38, 0.2);
    border: 1px solid rgba(220, 38, 38, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    margin-top: 2rem;
    color: #fca5a5;
    font-weight: 600;
}
  
/* Responsividade */
@media (min-width: 768px) {
    .hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .hero-content { text-align: left; }
    
    .pricing-grid, .final-cta-grid {
        grid-template-columns: 1fr 1fr;
    }

    .main-problem-grid {
        grid-template-columns: 1fr 1fr;
    }
    .problem-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .problem-cards-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Nova seção de problemas */
.problem-section {
    padding: 80px 0;
    background-color: var(--cor-fundo-claro);
    position: relative;
    overflow: hidden;
}

.problem-section-header {
    text-align: center;
    margin-bottom: 60px;
}

.problem-title-main {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1.2;
    color: var(--cor-texto-escuro);
    margin-bottom: 24px;
}

.problem-title-highlight {
    color: var(--cor-aviso);
    background: linear-gradient(135deg, var(--cor-aviso) 0%, #a21a1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.main-problem-card {
    max-width: 900px;
    margin: 0 auto 48px;
    background-color: var(--cor-card-fundo);
    padding: 48px;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.main-problem-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: center;
}

.main-problem-content {
    text-align: left;
}

.main-problem-content h3 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 500;
    color: var(--cor-texto-escuro);
    margin-bottom: 24px;
}

.main-problem-content p {
    font-size: 1.125rem;
    color: var(--cor-texto-cinza);
    margin-bottom: 24px;
}

.main-problem-image img {
    width: 100%;
    height: 256px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.warning-box {
    background-color: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.2);
    border-radius: 12px;
    padding: 24px;
}

.warning-box p {
    color: var(--cor-aviso);
    font-weight: 600;
    font-size: 1rem;
}

.problem-cards-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 64px;
}

.problem-card {
    background-color: var(--cor-card-fundo);
    padding: 32px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.problem-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.problem-card .icon {
    font-size: 3rem;
    margin-bottom: 16px;
    transition: transform 0.3s ease;
}

.problem-card:hover .icon {
    transform: scale(1.1);
}

.problem-card h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--cor-texto-escuro);
    margin-bottom: 8px;
}

.problem-card p {
    font-size: 0.9rem;
    color: var(--cor-texto-cinza);
}

.cta-text {
    max-width: 800px;
    margin: 0 auto 32px;
    font-size: 1.25rem;
    line-height: 1.6;
    text-align: center;
    color: var(--cor-texto-escuro);
}

.cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 48px;
    background: linear-gradient(135deg, var(--cor-aviso) 0%, #a21a1a 100%);
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(220, 38, 38, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(220, 38, 38, 0.4);
}
    </style>
</head>
<body>

    <section id="hero-section" class="hero-section">
        <div class="container">
            <div class="hero-grid">
                <div class="hero-content">
                    <div class="badge badge-primary">
                        🔥 De R$97,00 Por Apenas R$27,00
                    </div>
                    
                    <h1 class="hero-title">
                        Você quer uma empresa que <span class="hero-highlight">funcione sem você</span>, mas não consegue confiar em ninguém para assumir o controle?
                    </h1>
                    
                    <p class="hero-subtitle">
                        Adquira o nosso livro digital e descubra como criar um braço direito que cuida da sua empresa como dono e te liberta da operação — sem contratar treinamentos ou gerentes caros.
                    </p>
                    
                    <a href="https://pay.hotmart.com/I100335123D?off=4qxvn28r&checkoutMode=10&sck=per_bracodireito_base_lpd_Elem" class="cta-button" target="_blank" aria-label="Comprar o livro digital agora">
                        Clica aqui para comprar o livro digital
                        <span>→</span>
                    </a>
                    
                    <div class="badge badge-secondary" style="margin-top: 2rem;">
                        Nº1 DOS LIVROS DE 2025 PARA EMPRESÁRIOS
                    </div>
                </div>
                
                <div class="book-container">
                    <div style="position: relative;">
                        <img src="https://cont.4blue.com.br/wp-content/uploads/2025/06/PER-Manual-do-Braco-Direito-PNG-01.png" alt="Manual do Braço Direito - Capa do Livro" class="book-image">
                        <div class="discount-badge bounce">72% OFF</div>
                        <div style="position: absolute; bottom: -10px; left: 10px; background: #10b981; color: white; padding: 8px 16px; border-radius: 50px; font-weight: 600;">
                            ✓ Disponível Agora
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="benefits-section" class="benefits-section">
        <div class="container">
            <h2 class="section-title">
                O que você vai conseguir com o Manual do Braço Direito
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon-wrapper">🎯</div>
                    <h3 class="benefit-title">Encontrar a pessoa certa</h3>
                    <p class="benefit-text">Aprenda a identificar quem tem potencial para ser seu braço direito</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon-wrapper">🧠</div>
                    <h3 class="benefit-title">Desenvolver mentalidade de dono</h3>
                    <p class="benefit-text">Transforme funcionários em parceiros que pensam no negócio</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon-wrapper">⚙️</div>
                    <h3 class="benefit-title">Criar sistemas eficientes</h3>
                    <p class="benefit-text">Monte processos que funcionam mesmo na sua ausência</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon-wrapper">🚀</div>
                    <h3 class="benefit-title">Escalar sem depender de você</h3>
                    <p class="benefit-text">Cresça o faturamento enquanto trabalha menos horas</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon-wrapper">🏖️</div>
                    <h3 class="benefit-title">Ter liberdade real</h3>
                    <p class="benefit-text">Viaje, descanse e tenha vida pessoal sem se preocupar</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon-wrapper">💰</div>
                    <h3 class="benefit-title">Aumentar a lucratividade</h3>
                    <p class="benefit-text">Otimize operações e reduza custos desnecessários</p>
                </div>
            </div>
        </div>
    </section>

    <section id="pricing-section" class="pricing-section">
        <div class="container">
            <div style="text-align: center; margin-bottom: 3rem;">
                <div class="badge badge-primary pulse">
                    ⚡ OFERTA POR TEMPO LIMITADO
                </div>
                <h2 class="section-title">
                    Compre com <span style="color: var(--cor-urgencia);">72% de desconto</span> por tempo limitado
                </h2>
            </div>
            
            <div class="pricing-card">
                <div class="pricing-grid">
                    <div class="price-info">
                        <div style="display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 1rem;">
                            <span class="price-old">De R$97,00</span>
                            <span style="background: var(--cor-urgencia); color: white; padding: 4px 12px; border-radius: 50px; font-size: 0.9rem; font-weight: 600;">-72%</span>
                        </div>
                        
                        <div style="margin-bottom: 2rem;">
                            <span style="font-size: 1rem; color: var(--cor-texto-cinza);">Por apenas</span>
                            <div class="price-new">R$27<span style="font-size: 2rem; color: var(--cor-texto-cinza);">,00</span></div>
                        </div>
                        
                        <ul class="feature-list">
                            <li>
                                <span class="check-icon" style="color: #10b981;">✓</span>
                                Versão digital
                            </li>
                            <li>
                                <span class="check-icon" style="color: #10b981;">✓</span>
                                Escrito por empresários de verdade
                            </li>
                            <li>
                                <span class="check-icon" style="color: #10b981;">✓</span>
                                Método validado por centenas de empresas
                            </li>
                        </ul>
                        
                        <a href="https://pay.hotmart.com/I100335123D?off=4qxvn28r&checkoutMode=10&sck=per_bracodireito_base_lpd_Elem" class="cta-button cta-button-final" target="_blank" aria-label="Comprar o livro digital agora">
                            🔥 Clica aqui para comprar o livro digital
                        </a>
                    </div>
                    
                    <div style="text-align: center;">
                        <div style="position: relative;">
                            <img src="https://cont.4blue.com.br/wp-content/uploads/2025/06/PER-Manual-do-Braco-Direito-PNG-01.png" alt="Manual do Braço Direito" class="book-image">
                            <div class="discount-badge pulse" style="background: linear-gradient(135deg, var(--cor-secundaria) 0%, #d97706 100%);">
                                Disponível Agora!
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="card" style="max-width: 800px; margin: 3rem auto 0; padding: 3rem;">
                <h3 style="font-size: 1.8rem; font-weight: 700; text-align: center; margin-bottom: 2rem; color: #1e293b;">
                    Por que esse preço especial?
                </h3>
                
                <div style="space-y: 1.5rem; font-size: 1.1rem; line-height: 1.6; color: #374151;">
                    <p style="margin-bottom: 1.5rem;">
                        Um conteúdo que poderia (e deveria) estar em qualquer livraria por quase cem reais, está custando menos que um lanche.
                    </p>
                    
                    <p style="margin-bottom: 1.5rem; font-weight: 600;">Mas por quê?</p>
                    
                    <p style="margin-bottom: 1.5rem;">
                        Porque a nossa missão é clara: <strong>Levar esse método pra milhares de empresários que estão presos na própria empresa</strong> — mesmo já faturando bem.
                    </p>
                    
                    <p style="margin-bottom: 2rem;">
                        E a única forma de fazer isso em escala, é deixando o preço acessível por tempo limitado.
                    </p>
                    
                    <div style="background: rgba(220, 38, 38, 0.1); border: 1px solid rgba(220, 38, 38, 0.2); border-radius: 12px; padding: 1.5rem; margin: 2rem 0;">
                        <p style="color: var(--cor-urgencia); font-weight: 600; font-size: 1.2rem; text-align: center;">
                            ⚠️ ATENÇÃO: a qualquer momento, esse valor pode voltar ao original. 
                            Esse desconto é promocional e pode sair do ar sem aviso.
                        </p>
                    </div>
                    
                    <p style="font-weight: 600; font-size: 1.2rem; text-align: center; color: #1e293b;">
                        Se você sente que precisa de um braço direito, a hora de agir é agora!
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section id="about-section" style="padding: 80px 0; background: white;">
        <div class="container">
            <h2 class="section-title">Conheça a 4blue</h2>
            <p style="font-size: 1.2rem; color: #64748b; text-align: center; max-width: 600px; margin: 0 auto;">
                A empresa por trás do método que já transformou centenas de organizações
            </p>
            
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 2rem; margin: 3rem 0; text-align: center;">
                <div>
                    <div style="font-size: 3rem; font-weight: 700; color: var(--cor-cta);">500+</div>
                    <div style="color: var(--cor-texto-cinza);">Empresas Transformadas</div>
                </div>
                <div>
                    <div style="font-size: 3rem; font-weight: 700; color: var(--cor-cta);">15+</div>
                    <div style="color: var(--cor-texto-cinza);">Anos de Experiência</div>
                </div>
                <div>
                    <div style="font-size: 3rem; font-weight: 700; color: var(--cor-cta);">95%</div>
                    <div style="color: var(--cor-texto-cinza);">Taxa de Sucesso</div>
                </div>
            </div>
            
            <div class="card" style="padding: 2rem; border-left: 4px solid var(--cor-cta); text-align: left;">
                <p style="font-size: 1.1rem; line-height: 1.6; color: #374151; margin-bottom: 1rem;">
                    <strong>Nossa missão é simples:</strong> Libertar empresários da operação diária para que possam focar no que realmente importa - o crescimento estratégico do negócio.
                </p>
                <p style="font-size: 1.1rem; line-height: 1.6; color: #374151;">
                    Desenvolvemos metodologias práticas e comprovadas que já ajudaram mais de 500 empresas a criar lideranças excepcionais e sistemas que funcionam independente da presença do dono.
                </p>
            </div>
        </div>
    </section>

    <section id="faq-section" style="padding: 80px 0; background: linear-gradient(135deg, var(--cor-fundo-claro) 0%, #e2e8f0 100%);">
        <div class="container">
            <h2 class="section-title">Perguntas Frequentes</h2>
            
            <div style="max-width: 800px; margin: 3rem auto 0;">
                <div class="card" style="padding: 2rem; margin-bottom: 1rem;">
                    <h3 style="font-weight: 600; color: #1e293b; margin-bottom: 1rem;">
                        ❓ Como sei se minha empresa precisa de um braço direito?
                    </h3>
                    <p style="color: #64748b; line-height: 1.6;">
                        Se você não consegue sair da empresa por mais de 2 dias sem que alguém te procure, se todas as decisões passam por você, ou se você trabalha mais de 60 horas por semana, definitivamente precisa de um braço direito.
                    </p>
                </div>
                
                <div class="card" style="padding: 2rem; margin-bottom: 1rem;">
                    <h3 style="font-weight: 600; color: #1e293b; margin-bottom: 1rem;">
                        💰 O investimento vale a pena?
                    </h3>
                    <p style="color: #64748b; line-height: 1.6;">
                        Por R$27,00, você está investindo menos que um lanche para aprender um método que pode te dar centenas de horas livres por mês e aumentar significativamente sua lucratividade.
                    </p>
                </div>
                
                <div class="card" style="padding: 2rem; margin-bottom: 1rem;">
                    <h3 style="font-weight: 600; color: #1e293b; margin-bottom: 1rem;">
                        ⏰ Em quanto tempo vejo resultados?
                    </h3>
                    <p style="color: #64748b; line-height: 1.6;">
                        Os primeiros resultados aparecem já nas primeiras semanas de implementação. O método completo leva entre 3-6 meses para estar totalmente implementado, dependendo do tamanho da sua empresa.
                    </p>
                </div>
                
                <div class="card" style="padding: 2rem; margin-bottom: 1rem;">
                    <h3 style="font-weight: 600; color: #1e293b; margin-bottom: 1rem;">
                        📱 Como recebo o livro?
                    </h3>
                    <p style="color: #64748b; line-height: 1.6;">
                        Após a confirmação do pagamento, você receberá o link de download por email em até 10 minutos. O livro está em formato PDF para você ler no celular, tablet ou computador.
                    </p>
                </div>
            </div>
            
            <div style="text-align: center; margin-top: 3rem;">
                <p style="font-size: 1.2rem; color: #374151; margin-bottom: 1.5rem;">
                    Ainda tem dúvidas?
                </p>
                <a href="https://pay.hotmart.com/I100335123D?off=4qxvn28r&checkoutMode=10&sck=per_bracodireito_base_lpd_Elem" class="cta-button" target="_blank" aria-label="Comprar agora e tirar as dúvidas na prática">
                    Comprar agora e tirar as dúvidas na prática
                </a>
            </div>
        </div>
    </section>

    <section id="final-cta-section" class="final-cta-section">
        <div class="container">
            <div class="final-cta-grid">
                <div>
                    <div class="badge badge-primary pulse" style="margin-bottom: 2rem;">
                        ⚠️ ÚLTIMA CHANCE - 72% OFF
                    </div>
                    
                    <h2 class="final-title">
                        Não perca mais tempo <span class="final-highlight">sendo prisioneiro</span> da sua própria empresa
                    </h2>
                    
                    <ul class="feature-list" style="margin: 2rem 0; color: white;">
                        <li>
                            <div style="width: 32px; height: 32px; background: #10b981; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                                <span>✓</span>
                            </div>
                            <div>
                                <h3 style="font-weight: 600; font-size: 1.2rem; margin-bottom: 0.5rem;">Método Comprovado</h3>
                                <p style="color: #cbd5e1; line-height: 1.6;">Usado por centenas de empresas para formar líderes excepcionais</p>
                            </div>
                        </li>
                        <li>
                            <div style="width: 32px; height: 32px; background: #10b981; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                                <span>✓</span>
                            </div>
                            <div>
                                <h3 style="font-weight: 600; font-size: 1.2rem; margin-bottom: 0.5rem;">Resultados Imediatos</h3>
                                <p style="color: #cbd5e1; line-height: 1.6;">Comece a aplicar as estratégias logo após a leitura</p>
                            </div>
                        </li>
                        <li>
                            <div style="width: 32px; height: 32px; background: #10b981; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                                <span>✓</span>
                            </div>
                            <div>
                                <h3 style="font-weight: 600; font-size: 1.2rem; margin-bottom: 0.5rem;">Custo-Benefício Incomparável</h3>
                                <p style="color: #cbd5e1; line-height: 1.6;">Por menos que um lanche, transforme sua empresa para sempre</p>
                            </div>
                        </li>
                    </ul>
                    
                    <a href="https://pay.hotmart.com/I100335123D?off=4qxvn28r&checkoutMode=10&sck=per_bracodireito_base_lpd_Elem" class="cta-button cta-button-final" target="_blank" aria-label="Quero transformar minha empresa agora">
                        🚀 QUERO TRANSFORMAR MINHA EMPRESA AGORA
                    </a>
                </div>
                
                <div style="text-align: center;">
                    <div style="position: relative;">
                        <img src="src/assets/book-cover.jpg" alt="Manual do Braço Direito - Transforme sua empresa" class="book-image">
                        <div class="discount-badge bounce" style="top: -10px; right: -10px; background: #10b981; animation: bounce 2s infinite;">
                            ✅ Método Testado
                        </div>
                        <div class="discount-badge pulse" style="bottom: -10px; left: -10px; background: #f59e0b; color: #1e293b; animation: pulse 2s infinite;">
                            🏆 #1 em 2025
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="urgency-box">
                <p>
                    ⏰ Esta oferta pode sair do ar a qualquer momento. Não deixe passar a oportunidade de transformar sua empresa por apenas R$27,00.
                </p>
            </div>
        </div>
    </section>

</body>
</html>/* End custom CSS */