.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aseven Labs - Sua Marca de Suplementos</title>
    <meta name="description" content="Tenha sua própria marca de produtos naturais para saúde mental e bem-estar. Produção White Label de alta qualidade.">
    
    <!-- Google Fonts: Montserrat (Títulos) e Lato (Corpo) para elegância e leitura -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Montserrat:wght@400;600;700;800&display=swap" rel="stylesheet">
    
    <!-- Font Awesome para Ícones -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

    <!-- Tailwind CSS (Via CDN para estilização moderna e rápida) -->
    <script src="https://cdn.tailwindcss.com"></script>

    <!-- Configuração de Cores Personalizadas -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        lavender: {
                            50: '#F3F4FB',
                            100: '#E6E6FA', // Lavanda Clássico
                            200: '#DCD6F7',
                            500: '#7B68EE',
                            900: '#483D8B',
                        },
                        gold: {
                            100: '#F9F1D8',
                            400: '#D4AF37', // Dourado Metálico
                            500: '#C5A028',
                            600: '#B8860B',
                        },
                        brand: {
                            blue: '#F0F8FF', // Alice Blue
                            dark: '#2D3748',
                        }
                    },
                    fontFamily: {
                        sans: ['Lato', 'sans-serif'],
                        heading: ['Montserrat', 'sans-serif'],
                    }
                }
            }
        }
    </script>

    <!-- CSS Personalizado para detalhes finos -->
    <style>
        /* Efeito de Vidro no Menu */
        .glass-nav {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        }

        /* Animação suave para os cards de produtos */
        .product-card {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        /* Botão Dourado com brilho */
        .btn-gold {
            background: linear-gradient(135deg, #D4AF37 0%, #C5A028 100%);
            transition: all 0.3s ease;
        }
        .btn-gold:hover {
            filter: brightness(1.1);
            transform: scale(1.02);
            box-shadow: 0 0 15px rgba(212, 175, 55, 0.5);
        }

        /* Seção Hero com Gradiente Suave */
        .hero-bg {
            background: linear-gradient(180deg, #F3F4FB 0%, #FFFFFF 100%);
            position: relative;
            overflow: hidden;
        }
        
        /* Formas decorativas no fundo */
        .blob {
            position: absolute;
            background: rgba(123, 104, 238, 0.05);
            border-radius: 50%;
            z-index: 0;
        }
    </style>
</head>
<body class="text-gray-700 antialiased font-sans bg-white">

    <!-- NAV BAR -->
    <nav class="fixed w-full z-50 glass-nav transition-all duration-300" id="navbar">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center h-20">
                <!-- Logo -->
                <div class="flex-shrink-0 flex items-center">
                    <a href="#" class="font-heading font-bold text-2xl text-lavender-900 tracking-wider">
                        ASEVEN <span class="text-gold-400">LABS</span>
                    </a>
                </div>
                
                <!-- Menu Desktop -->
                <div class="hidden md:flex space-x-8 items-center">
                    <a href="#beneficios" class="text-gray-600 hover:text-lavender-500 font-medium transition">Diferenciais</a>
                    <a href="#produtos" class="text-gray-600 hover:text-lavender-500 font-medium transition">Produtos</a>
                    <a href="#como-funciona" class="text-gray-600 hover:text-lavender-500 font-medium transition">Como Funciona</a>
                    <a href="#contato" class="btn-gold text-white px-6 py-2.5 rounded-full font-bold shadow-md hover:shadow-lg">
                        Solicitar Proposta
                    </a>
                </div>

                <!-- Botão Menu Mobile -->
                <div class="md:hidden flex items-center">
                    <button id="mobile-menu-btn" class="text-gray-600 hover:text-lavender-900 focus:outline-none">
                        <i class="fas fa-bars text-2xl"></i>
                    </button>
                </div>
            </div>
        </div>
        
        <!-- Menu Mobile (Oculto por padrão) -->
        <div id="mobile-menu" class="hidden md:hidden bg-white border-t border-gray-100 absolute w-full">
            <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3 text-center">
                <a href="#beneficios" class="block px-3 py-2 text-gray-600 font-medium hover:bg-lavender-50 hover:text-lavender-900">Diferenciais</a>
                <a href="#produtos" class="block px-3 py-2 text-gray-600 font-medium hover:bg-lavender-50 hover:text-lavender-900">Produtos</a>
                <a href="#como-funciona" class="block px-3 py-2 text-gray-600 font-medium hover:bg-lavender-50 hover:text-lavender-900">Processo</a>
                <a href="#contato" class="block px-3 py-2 text-gold-600 font-bold hover:bg-gold-100">Solicitar Proposta</a>
            </div>
        </div>
    </nav>

    <!-- HERO SECTION -->
    <header class="hero-bg pt-32 pb-20 lg:pt-48 lg:pb-32">
        <!-- Elementos decorativos de fundo -->
        <div class="blob w-96 h-96 -top-20 -left-20"></div>
        <div class="blob w-80 h-80 top-40 -right-20 bg-gold-100 opacity-30"></div>

        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
                <!-- Texto Hero -->
                <div class="text-center lg:text-left">
                    <span class="inline-block py-1 px-3 rounded-full bg-lavender-100 text-lavender-900 text-xs font-bold uppercase tracking-wider mb-4 border border-lavender-200">
                        White Label Premium
                    </span>
                    <h1 class="text-4xl lg:text-5xl xl:text-6xl font-heading font-extrabold text-gray-900 leading-tight mb-6">
                        Sua marca de produtos naturais para <span class="text-transparent bg-clip-text bg-gradient-to-r from-lavender-500 to-lavender-900">saúde mental e bem-estar</span>
                    </h1>
                    <p class="text-lg lg:text-xl text-gray-600 mb-8 max-w-2xl mx-auto lg:mx-0 font-light">
                        Nós produzimos, você vende com sua marca. A estrutura completa para investidores que desejam entrar no mercado de suplementos de alta performance.
                    </p>
                    <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start">
                        <a href="#contato" class="btn-gold text-white px-8 py-4 rounded-full font-bold text-lg shadow-lg text-center">
                            Quero montar minha marca
                        </a>
                        <a href="#produtos" class="bg-white text-gray-700 border border-gray-300 px-8 py-4 rounded-full font-bold text-lg hover:bg-gray-50 transition text-center shadow-sm">
                            Ver Catálogo
                        </a>
                    </div>
                    <div class="mt-8 flex items-center justify-center lg:justify-start gap-4 text-sm text-gray-500">
                        <div class="flex items-center"><i class="fas fa-check-circle text-gold-400 mr-2"></i> Anvisa</div>
                        <div class="flex items-center"><i class="fas fa-check-circle text-gold-400 mr-2"></i> Alta Margem</div>
                        <div class="flex items-center"><i class="fas fa-check-circle text-gold-400 mr-2"></i> Design Incluso</div>
                    </div>
                </div>
                
                <!-- Imagem Hero (Mockup Representativo) -->
                <div class="relative">
                    <div class="relative rounded-3xl overflow-hidden shadow-2xl border-4 border-white">
                        <!-- Imagem de Placeholder de alta qualidade (Wellness/Suplementos) -->
                        <img src="https://images.unsplash.com/photo-1620916566398-39f1143ab7be?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" 
                             alt="Linha de produtos de bem-estar" 
                             class="w-full h-auto object-cover transform hover:scale-105 transition duration-700">
                        
                        <!-- Card Flutuante -->
                        <div class="absolute bottom-6 left-6 bg-white/95 backdrop-blur-sm p-4 rounded-xl shadow-lg max-w-xs border-l-4 border-gold-400">
                            <p class="text-sm font-bold text-gray-800">Resultado Comprovado</p>
                            <div class="flex text-gold-400 text-xs mt-1">
                                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                            </div>
                            <p class="text-xs text-gray-500 mt-1">"Minha marca lançou em 30 dias."</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- SEÇÃO BENEFÍCIOS -->
    <section id="beneficios" class="py-20 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-16">
                <h2 class="text-3xl lg:text-4xl font-heading font-bold text-gray-900 mb-4">Por que escolher a Aseven Labs?</h2>
                <p class="text-gray-600 max-w-2xl mx-auto">Oferecemos uma solução 360º para que você se preocupe apenas em vender e escalar seu negócio.</p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
                <!-- Item 1 -->
                <div class="p-6 rounded-2xl bg-brand-blue hover:bg-lavender-50 transition duration-300 text-center group">
                    <div class="w-16 h-16 mx-auto bg-white rounded-full flex items-center justify-center shadow-sm mb-6 group-hover:scale-110 transition-transform">
                        <i class="fas fa-flask text-lavender-500 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-2">Fórmulas Premium</h3>
                    <p class="text-sm text-gray-600">Composições aprovadas por especialistas e nutricionistas focadas em eficácia real.</p>
                </div>

                <!-- Item 2 -->
                <div class="p-6 rounded-2xl bg-brand-blue hover:bg-lavender-50 transition duration-300 text-center group">
                    <div class="w-16 h-16 mx-auto bg-white rounded-full flex items-center justify-center shadow-sm mb-6 group-hover:scale-110 transition-transform">
                        <i class="fas fa-industry text-lavender-500 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-2">Escala Industrial</h3>
                    <p class="text-sm text-gray-600">Capacidade produtiva para atender desde o lançamento até a expansão nacional.</p>
                </div>

                <!-- Item 3 -->
                <div class="p-6 rounded-2xl bg-brand-blue hover:bg-lavender-50 transition duration-300 text-center group">
                    <div class="w-16 h-16 mx-auto bg-white rounded-full flex items-center justify-center shadow-sm mb-6 group-hover:scale-110 transition-transform">
                        <i class="fas fa-paint-brush text-lavender-500 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-2">Design & Branding</h3>
                    <p class="text-sm text-gray-600">Entregamos o produto pronto, com rótulos profissionais e logomarca personalizada.</p>
                </div>

                <!-- Item 4 -->
                <div class="p-6 rounded-2xl bg-brand-blue hover:bg-lavender-50 transition duration-300 text-center group">
                    <div class="w-16 h-16 mx-auto bg-white rounded-full flex items-center justify-center shadow-sm mb-6 group-hover:scale-110 transition-transform">
                        <i class="fas fa-shipping-fast text-lavender-500 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-2">Logística Ágil</h3>
                    <p class="text-sm text-gray-600">Frete otimizado para todo o Brasil, garantindo que o estoque chegue rápido.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- SEÇÃO PRODUTOS -->
    <section id="produtos" class="py-20 bg-gray-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-16">
                <span class="text-gold-600 font-bold tracking-wider uppercase text-sm">Catálogo Best-Seller</span>
                <h2 class="text-3xl lg:text-4xl font-heading font-bold text-gray-900 mt-2 mb-4">Produtos de Alta Conversão</h2>
                <p class="text-gray-600 max-w-2xl mx-auto">Focados nos nichos que mais crescem: Saúde Mental, Sono e Controle de Estresse.</p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                
                <!-- Produto 1: Melatonina -->
                <div class="product-card bg-white rounded-2xl overflow-hidden shadow-md border border-gray-100 group">
                    <div class="bg-lavender-50 h-56 flex items-center justify-center relative">
                         <!-- Fallback icon se não tiver imagem -->
                        <i class="fas fa-moon text-lavender-200 text-9xl opacity-50 absolute"></i>
                        <img src="https://images.unsplash.com/photo-1584308666744-24d5c474f2ae?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="Frasco de Melatonina" class="h-40 w-auto object-contain relative z-10 mix-blend-multiply group-hover:scale-110 transition duration-300">
                    </div>
                    <div class="p-8">
                        <h3 class="text-2xl font-heading font-bold text-gray-800">Melatonina Premium</h3>
                        <p class="text-sm text-gold-500 font-bold mb-4">Sono & Reparação</p>
                        <ul class="text-gray-600 text-sm space-y-2 mb-6">
                            <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2 text-xs"></i> Regulação do sono</li>
                            <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2 text-xs"></i> Ação rápida (Sublingual)</li>
                            <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2 text-xs"></i> Alta recorrência de venda</li>
                        </ul>
                        <a href="#contato" class="block w-full text-center border-2 border-lavender-500 text-lavender-900 py-2 rounded-lg font-bold hover:bg-lavender-500 hover:text-white transition">Incluir na minha linha</a>
                    </div>
                </div>

                <!-- Produto 2: Triptofano + 5-HTP -->
                <div class="product-card bg-white rounded-2xl overflow-hidden shadow-md border border-gray-100 group">
                    <div class="bg-blue-50 h-56 flex items-center justify-center relative">
                        <i class="fas fa-brain text-blue-100 text-9xl opacity-50 absolute"></i>
                        <img src="https://images.unsplash.com/photo-1624638760072-069720b0808a?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="Frasco 5-HTP" class="h-40 w-auto object-contain relative z-10 mix-blend-multiply group-hover:scale-110 transition duration-300">
                    </div>
                    <div class="p-8">
                        <h3 class="text-2xl font-heading font-bold text-gray-800">5-HTP Complex</h3>
                        <p class="text-sm text-gold-500 font-bold mb-4">Bem-estar & Humor</p>
                        <ul class="text-gray-600 text-sm space-y-2 mb-6">
                            <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2 text-xs"></i> Precursor de serotonina</li>
                            <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2 text-xs"></i> Controle da ansiedade</li>
                            <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2 text-xs"></i> Redução da compulsão</li>
                        </ul>
                        <a href="#contato" class="block w-full text-center border-2 border-lavender-500 text-lavender-900 py-2 rounded-lg font-bold hover:bg-lavender-500 hover:text-white transition">Incluir na minha linha</a>
                    </div>
                </div>

                <!-- Produto 3: Coenzima Q10 -->
                <div class="product-card bg-white rounded-2xl overflow-hidden shadow-md border border-gray-100 group">
                    <div class="bg-yellow-50 h-56 flex items-center justify-center relative">
                        <i class="fas fa-bolt text-yellow-100 text-9xl opacity-50 absolute"></i>
                        <img src="https://images.unsplash.com/photo-1550572017-edcd9d375ebf?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="Frasco Q10" class="h-40 w-auto object-contain relative z-10 mix-blend-multiply group-hover:scale-110 transition duration-300">
                    </div>
                    <div class="p-8">
                        <h3 class="text-2xl font-heading font-bold text-gray-800">Coenzima Q10</h3>
                        <p class="text-sm text-gold-500 font-bold mb-4">Energia & Foco</p>
                        <ul class="text-gray-600 text-sm space-y-2 mb-6">
                            <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2 text-xs"></i> Energia mitocondrial</li>
                            <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2 text-xs"></i> Saúde cardiovascular</li>
                            <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2 text-xs"></i> Antioxidante potente</li>
                        </ul>
                        <a href="#contato" class="block w-full text-center border-2 border-lavender-500 text-lavender-900 py-2 rounded-lg font-bold hover:bg-lavender-500 hover:text-white transition">Incluir na minha linha</a>
                    </div>
                </div>

            </div>
            
            <div class="text-center mt-12">
                <p class="text-gray-500 mb-4">Temos também: Fosfatidilserina, Melatonina Kids, Magnésio e muito mais.</p>
                <a href="#contato" class="text-lavender-900 font-bold border-b-2 border-lavender-900 hover:text-gold-600 hover:border-gold-600 transition">Ver lista completa de insumos</a>
            </div>
        </div>
    </section>

    <!-- SEÇÃO COMO FUNCIONA -->
    <section id="como-funciona" class="py-20 bg-white relative overflow-hidden">
        <!-- Linha conectora (Desktop) -->
        <div class="hidden lg:block absolute top-1/2 left-0 w-full h-1 bg-gray-100 -z-0 transform -translate-y-1/2"></div>
        
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
            <div class="text-center mb-16">
                <h2 class="text-3xl lg:text-4xl font-heading font-bold text-gray-900">Como criar sua marca</h2>
                <p class="text-gray-600 mt-2">Um processo simplificado em 4 etapas.</p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
                <!-- Passo 1 -->
                <div class="bg-white p-6 rounded-xl border border-gray-100 shadow-lg text-center relative">
                    <div class="w-12 h-12 bg-lavender-900 text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-4 absolute -top-6 left-1/2 transform -translate-x-1/2 border-4 border-white">1</div>
                    <h3 class="mt-4 text-lg font-bold text-gray-800">Escolha o Produto</h3>
                    <p class="text-sm text-gray-500 mt-2">Selecione as fórmulas do nosso catálogo que fazem sentido para seu público.</p>
                </div>

                <!-- Passo 2 -->
                <div class="bg-white p-6 rounded-xl border border-gray-100 shadow-lg text-center relative">
                    <div class="w-12 h-12 bg-lavender-900 text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-4 absolute -top-6 left-1/2 transform -translate-x-1/2 border-4 border-white">2</div>
                    <h3 class="mt-4 text-lg font-bold text-gray-800">Personalização</h3>
                    <p class="text-sm text-gray-500 mt-2">Nossa equipe de design aplica sua marca e cria rótulos profissionais.</p>
                </div>

                <!-- Passo 3 -->
                <div class="bg-white p-6 rounded-xl border border-gray-100 shadow-lg text-center relative">
                    <div class="w-12 h-12 bg-lavender-900 text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-4 absolute -top-6 left-1/2 transform -translate-x-1/2 border-4 border-white">3</div>
                    <h3 class="mt-4 text-lg font-bold text-gray-800">Produção</h3>
                    <p class="text-sm text-gray-500 mt-2">Fabricamos, envasamos e lacramos com rigoroso controle de qualidade.</p>
                </div>

                <!-- Passo 4 -->
                <div class="bg-white p-6 rounded-xl border border-gray-100 shadow-lg text-center relative">
                    <div class="w-12 h-12 bg-gold-400 text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-4 absolute -top-6 left-1/2 transform -translate-x-1/2 border-4 border-white">4</div>
                    <h3 class="mt-4 text-lg font-bold text-gray-800">Venda e Lucro</h3>
                    <p class="text-sm text-gray-500 mt-2">Enviamos o estoque pronto para você começar a vender imediatamente.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- DEPOIMENTOS -->
    <section class="py-20 bg-lavender-50">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            <h2 class="text-3xl font-heading font-bold text-gray-900 mb-12">Quem já produz com a gente</h2>
            
            <div class="bg-white p-8 rounded-2xl shadow-xl relative">
                <i class="fas fa-quote-left text-4xl text-lavender-200 absolute top-4 left-4"></i>
                <p class="text-lg text-gray-600 italic mb-6 relative z-10">
                    "Eu queria lançar uma linha de ansiedade natural, mas não entendia nada de fábrica. A Aseven cuidou de toda a burocracia, rótulos e produção. Hoje minha marca está em 4 estados e farmácias de manipulação."
                </p>
                <div class="flex items-center justify-center space-x-4">
                    <div class="w-12 h-12 bg-gray-300 rounded-full overflow-hidden">
                         <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Cliente" class="w-full h-full object-cover">
                    </div>
                    <div class="text-left">
                        <p class="font-bold text-gray-900">Carlos Mendes</p>
                        <p class="text-xs text-gray-500">CEO da ZenLife Suplementos</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA FINAL / CONTATO -->
    <section id="contato" class="py-20 bg-white">
        <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="bg-lavender-900 rounded-3xl p-8 md:p-16 text-center text-white shadow-2xl overflow-hidden relative">
                <!-- Círculos decorativos -->
                <div class="absolute top-0 right-0 -mr-20 -mt-20 w-64 h-64 bg-white opacity-10 rounded-full"></div>
                <div class="absolute bottom-0 left-0 -ml-20 -mb-20 w-64 h-64 bg-gold-400 opacity-10 rounded-full"></div>

                <div class="relative z-10">
                    <h2 class="text-3xl md:text-4xl font-heading font-bold mb-6">Pronto para criar sua marca milionária?</h2>
                    <p class="text-lavender-100 text-lg mb-8 max-w-2xl mx-auto">
                        Não perca tempo com processos complexos. A Aseven Labs entrega sua linha pronta para venda. Solicite um orçamento sem compromisso.
                    </p>
                    
                    <form class="max-w-md mx-auto bg-white p-2 rounded-lg sm:rounded-full flex flex-col sm:flex-row shadow-lg">
                        <input type="email" placeholder="Seu melhor e-mail" class="flex-1 p-4 rounded-full text-gray-800 outline-none focus:ring-2 focus:ring-lavender-500 mb-2 sm:mb-0" required>
                        <button type="button" class="btn-gold text-white px-8 py-3 rounded-full font-bold whitespace-nowrap shadow-md">
                            Solicitar Proposta
                        </button>
                    </form>
                    <p class="text-xs text-lavender-200 mt-4 opacity-70">Entraremos em contato em até 24h úteis.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- FOOTER -->
    <footer class="bg-gray-50 border-t border-gray-200 pt-16 pb-8">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12">
                <!-- Coluna 1 -->
                <div>
                    <h3 class="font-heading font-bold text-2xl text-lavender-900 mb-4">ASEVEN <span class="text-gold-600">LABS</span></h3>
                    <p class="text-gray-500 text-sm leading-relaxed">
                        Especialistas em terceirização e produção White Label de suplementos naturais focados em saúde mental e qualidade de vida.
                    </p>
                </div>
                <!-- Coluna 2 -->
                <div>
                    <h4 class="font-bold text-gray-900 mb-4">Contato</h4>
                    <ul class="text-gray-500 text-sm space-y-2">
                        <li><i class="fas fa-envelope mr-2 text-gold-500"></i> contato@asevenlabs.com.br</li>
                        <li><i class="fas fa-phone mr-2 text-gold-500"></i> (11) 99999-9999</li>
                        <li><i class="fas fa-map-marker-alt mr-2 text-gold-500"></i> São Paulo, SP</li>
                    </ul>
                </div>
                <!-- Coluna 3 -->
                <div>
                    <h4 class="font-bold text-gray-900 mb-4">Links Rápidos</h4>
                    <ul class="text-gray-500 text-sm space-y-2">
                        <li><a href="#produtos" class="hover:text-lavender-500">Catálogo de Produtos</a></li>
                        <li><a href="#como-funciona" class="hover:text-lavender-500">Como Funciona</a></li>
                        <li><a href="#" class="hover:text-lavender-500">Política de Privacidade</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="border-t border-gray-200 pt-8 flex flex-col md:flex-row justify-between items-center">
                <p class="text-xs text-gray-400 text-center md:text-left">&copy; 2023 Aseven Labs. Todos os direitos reservados.</p>
                <div class="flex space-x-4 mt-4 md:mt-0">
                    <a href="#" class="text-gray-400 hover:text-lavender-500"><i class="fab fa-instagram text-xl"></i></a>
                    <a href="#" class="text-gray-400 hover:text-lavender-500"><i class="fab fa-linkedin text-xl"></i></a>
                    <a href="#" class="text-gray-400 hover:text-lavender-500"><i class="fab fa-whatsapp text-xl"></i></a>
                </div>
            </div>
        </div>
    </footer>

    <!-- SCRIPT SIMPLES PARA MENU MOBILE -->
    <script>
        const btn = document.getElementById('mobile-menu-btn');
        const menu = document.getElementById('mobile-menu');

        btn.addEventListener('click', () => {
            menu.classList.toggle('hidden');
        });

        // Fechar menu ao clicar em um link
        document.querySelectorAll('#mobile-menu a').forEach(link => {
            link.addEventListener('click', () => {
                menu.classList.add('hidden');
            });
        });
    </script>
</body>
</html>/* End custom CSS */