diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -3,12 +3,12 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>AI Shield SaaS | Plataforma Profissional de Segurança para Aplicações IA</title>
+    <title>AI App Inspector | Análise Profissional de Aplicações IA</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .gradient-bg {
-            background: linear-gradient(135deg, #6b21a8 0%, #1e40af 100%);
+            background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
         }
         .dashboard-bg {
             background-color: #f8fafc;
@@ -16,7 +16,7 @@
         .sidebar-bg {
             background-color: #1e293b;
         }
-        .security-card:hover {
+        .integration-card:hover {
             transform: translateY(-5px);
             box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
         }
@@ -24,9 +24,9 @@
             animation: pulse 2s infinite;
         }
         @keyframes pulse {
-            0% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.7); }
-            70% { box-shadow: 0 0 0 10px rgba(99, 102, 241, 0); }
-            100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0); }
+            0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.7); }
+            70% { box-shadow: 0 0 0 10px rgba(37, 99, 235, 0); }
+            100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); }
         }
         .code-block {
             font-family: 'Courier New', Courier, monospace;
@@ -36,7 +36,6 @@
         }
         .plan-card:hover {
             transform: scale(1.03);
-            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
         }
         .tier-pro {
             border: 2px solid #8b5cf6;
@@ -44,6 +43,24 @@
         .tier-enterprise {
             border: 2px solid #10b981;
         }
+        .app-score {
+            position: relative;
+            height: 120px;
+            width: 120px;
+        }
+        .app-score-circle {
+            transform: rotate(-90deg);
+            transform-origin: 50% 50%;
+        }
+        .integration-badge {
+            position: absolute;
+            top: -8px;
+            right: -8px;
+            background: white;
+            border-radius: 50%;
+            padding: 4px;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+        }
     </style>
 </head>
 <body class="bg-gray-50 min-h-screen">
@@ -54,16 +71,16 @@
             <div class="container mx-auto px-4 py-4">
                 <div class="flex justify-between items-center">
                     <div class="flex items-center space-x-2">
-                        <i class="fas fa-shield-alt text-3xl"></i>
-                        <h1 class="text-2xl font-bold">AI Shield SaaS</h1>
+                        <i class="fas fa-search-chart text-3xl"></i>
+                        <h1 class="text-2xl font-bold">AI App Inspector</h1>
                     </div>
                     <nav class="hidden md:flex space-x-6 items-center">
-                        <a href="#features" class="hover:text-purple-200 transition">Recursos</a>
-                        <a href="#pricing" class="hover:text-purple-200 transition">Planos</a>
-                        <a href="#testimonials" class="hover:text-purple-200 transition">Clientes</a>
-                        <a href="#contact" class="hover:text-purple-200 transition">Contato</a>
-                        <a href="#" id="loginBtn" class="hover:text-purple-200 transition">Login</a>
-                        <a href="#" id="signupBtn" class="bg-white text-purple-800 hover:bg-purple-100 px-4 py-2 rounded-lg font-medium transition">Comece Agora</a>
+                        <a href="#features" class="hover:text-blue-200 transition">Recursos</a>
+                        <a href="#integrations" class="hover:text-blue-200 transition">Integrações</a>
+                        <a href="#pricing" class="hover:text-blue-200 transition">Planos</a>
+                        <a href="#contact" class="hover:text-blue-200 transition">Contato</a>
+                        <a href="#" id="loginBtn" class="hover:text-blue-200 transition">Login</a>
+                        <a href="#" id="signupBtn" class="bg-white text-blue-800 hover:bg-blue-100 px-4 py-2 rounded-lg font-medium transition">Comece Agora</a>
                     </nav>
                     <button class="md:hidden text-2xl">
                         <i class="fas fa-bars"></i>
@@ -75,15 +92,15 @@
         <!-- Hero Section -->
         <section class="gradient-bg text-white py-20">
             <div class="container mx-auto px-4 text-center">
-                <h2 class="text-4xl md:text-5xl font-bold mb-6">Segurança Profissional para suas Aplicações IA</h2>
+                <h2 class="text-4xl md:text-5xl font-bold mb-6">Análise Profissional para suas Aplicações IA</h2>
                 <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">
-                    Plataforma SaaS completa para identificar e corrigir vulnerabilidades em aplicações de inteligência artificial.
+                    Plataforma completa para monitorar, analisar e otimizar aplicações desenvolvidas em plataformas de IA como Lovable, Base44, Studio Firebase e Vercel AI.
                 </p>
                 <div class="flex flex-col md:flex-row justify-center gap-4">
-                    <button id="startFreeTrial" class="bg-white text-purple-800 hover:bg-purple-100 font-bold py-3 px-8 rounded-full text-lg transition-all transform hover:scale-105 pulse-animation">
+                    <button id="startFreeTrial" class="bg-white text-blue-800 hover:bg-blue-100 font-bold py-3 px-8 rounded-full text-lg transition-all transform hover:scale-105 pulse-animation">
                         <i class="fas fa-rocket mr-2"></i> Teste Grátis por 14 dias
                     </button>
-                    <button class="border-2 border-white hover:bg-white hover:text-purple-800 font-bold py-3 px-8 rounded-full text-lg transition">
+                    <button class="border-2 border-white hover:bg-white hover:text-blue-800 font-bold py-3 px-8 rounded-full text-lg transition">
                         <i class="fas fa-play-circle mr-2"></i> Ver Demonstração
                     </button>
                 </div>
@@ -91,7 +108,7 @@
                     <div class="bg-white/10 backdrop-blur-sm rounded-xl p-4 max-w-4xl">
                         <div class="flex items-center justify-center space-x-4">
                             <img src="https://via.placeholder.com/40" alt="Company Logo" class="h-10 rounded-full">
-                            <p class="text-sm md:text-base">"AI Shield nos ajudou a reduzir vulnerabilidades em 92% em nossa plataforma de chatbots"</p>
+                            <p class="text-sm md:text-base">"O AI App Inspector nos ajudou a reduzir custos em 35% e melhorar o desempenho em 60% em nossas aplicações IA"</p>
                         </div>
                     </div>
                 </div>
@@ -101,13 +118,13 @@
         <!-- Trusted By Section -->
         <section class="py-12 bg-white">
             <div class="container mx-auto px-4">
-                <p class="text-center text-gray-500 mb-8">TRUSTED BY INNOVATIVE COMPANIES WORLDWIDE</p>
+                <p class="text-center text-gray-500 mb-8">INTEGRAÇÃO COM AS PRINCIPAIS PLATAFORMAS DE IA</p>
                 <div class="grid grid-cols-2 md:grid-cols-5 gap-8 items-center justify-center">
-                    <img src="https://via.placeholder.com/150x50?text=TechCorp" alt="TechCorp" class="h-8 opacity-60 mx-auto">
-                    <img src="https://via.placeholder.com/150x50?text=AI+Solutions" alt="AI Solutions" class="h-10 opacity-60 mx-auto">
-                    <img src="https://via.placeholder.com/150x50?text=DataMind" alt="DataMind" class="h-12 opacity-60 mx-auto">
-                    <img src="https://via.placeholder.com/150x50?text=Neural+Tech" alt="Neural Tech" class="h-10 opacity-60 mx-auto">
-                    <img src="https://via.placeholder.com/150x50?text=Cloud+AI" alt="Cloud AI" class="h-8 opacity-60 mx-auto">
+                    <img src="https://via.placeholder.com/150x50?text=Lovable" alt="Lovable" class="h-10 opacity-80 mx-auto">
+                    <img src="https://via.placeholder.com/150x50?text=Base44" alt="Base44" class="h-10 opacity-80 mx-auto">
+                    <img src="https://via.placeholder.com/150x50?text=Firebase" alt="Studio Firebase" class="h-10 opacity-80 mx-auto">
+                    <img src="https://via.placeholder.com/150x50?text=Vercel+AI" alt="Vercel AI" class="h-10 opacity-80 mx-auto">
+                    <img src="https://via.placeholder.com/150x50?text=More" alt="E mais..." class="h-8 opacity-80 mx-auto">
                 </div>
             </div>
         </section>
@@ -115,156 +132,156 @@
         <!-- Features Section -->
         <section id="features" class="py-16 bg-gray-50">
             <div class="container mx-auto px-4">
-                <h2 class="text-3xl font-bold text-center mb-4">Recursos Empresariais</h2>
-                <p class="text-xl text-center text-gray-600 mb-12 max-w-3xl mx-auto">Tudo que você precisa para garantir a segurança de suas aplicações IA em escala</p>
+                <h2 class="text-3xl font-bold text-center mb-4">Análises Completa de Aplicações IA</h2>
+                <p class="text-xl text-center text-gray-600 mb-12 max-w-3xl mx-auto">Tudo que você precisa para monitorar e otimizar suas aplicações desenvolvidas em plataformas de IA</p>
                 
                 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                     <!-- Feature 1 -->
-                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
-                        <div class="text-purple-600 mb-4">
-                            <i class="fas fa-robot text-4xl"></i>
+                    <div class="integration-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                        <div class="text-blue-600 mb-4">
+                            <i class="fas fa-tachometer-alt text-4xl"></i>
                         </div>
-                        <h3 class="text-xl font-bold mb-3">Scanner Contínuo</h3>
+                        <h3 class="text-xl font-bold mb-3">Monitoramento em Tempo Real</h3>
                         <p class="text-gray-600 mb-4">
-                            Monitoramento 24/7 de suas aplicações IA com alertas em tempo real para novas vulnerabilidades.
+                            Acompanhe o desempenho, latência e custos de suas aplicações IA 24/7 com alertas personalizados.
                         </p>
                         <ul class="text-gray-600 space-y-2">
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Verificação automática após cada deploy
+                                Métricas de desempenho em tempo real
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Histórico completo de vulnerabilidades
+                                Alertas por email/SMS/Webhook
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Integração com CI/CD
+                                Histórico completo de métricas
                             </li>
                         </ul>
                     </div>
                     
                     <!-- Feature 2 -->
-                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
-                        <div class="text-blue-600 mb-4">
-                            <i class="fas fa-users-cog text-4xl"></i>
+                    <div class="integration-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                        <div class="text-purple-600 mb-4">
+                            <i class="fas fa-chart-line text-4xl"></i>
                         </div>
-                        <h3 class="text-xl font-bold mb-3">Gestão de Equipe</h3>
+                        <h3 class="text-xl font-bold mb-3">Otimização de Custos</h3>
                         <p class="text-gray-600 mb-4">
-                            Controle de acesso granular com RBAC (Role-Based Access Control) para sua equipe de segurança.
+                            Identifique oportunidades para reduzir custos em suas aplicações IA sem sacrificar desempenho.
                         </p>
                         <ul class="text-gray-600 space-y-2">
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Múltiplos níveis de permissão
+                                Análise de custo por requisição
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                SSO (Single Sign-On)
+                                Recomendações de otimização
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Auditoria de atividades
+                                Previsão de custos futuros
                             </li>
                         </ul>
                     </div>
                     
                     <!-- Feature 3 -->
-                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                    <div class="integration-card bg-white p-8 rounded-xl shadow-md transition duration-300">
                         <div class="text-green-600 mb-4">
-                            <i class="fas fa-file-alt text-4xl"></i>
+                            <i class="fas fa-brain text-4xl"></i>
                         </div>
-                        <h3 class="text-xl font-bold mb-3">Compliance Automatizado</h3>
+                        <h3 class="text-xl font-bold mb-3">Qualidade de Respostas</h3>
                         <p class="text-gray-600 mb-4">
-                            Relatórios prontos para auditoria de conformidade com LGPD, GDPR, HIPAA e outros regulamentos.
+                            Avalie a qualidade, relevância e consistência das respostas geradas por suas aplicações IA.
                         </p>
                         <ul class="text-gray-600 space-y-2">
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Mapeamento de dados sensíveis
+                                Análise semântica de respostas
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Documentação automática
+                                Detecção de viés e toxicidade
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Checklist de conformidade
+                                Benchmarking contra concorrentes
                             </li>
                         </ul>
                     </div>
                     
                     <!-- Feature 4 -->
-                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                    <div class="integration-card bg-white p-8 rounded-xl shadow-md transition duration-300">
                         <div class="text-red-600 mb-4">
                             <i class="fas fa-project-diagram text-4xl"></i>
                         </div>
-                        <h3 class="text-xl font-bold mb-3">API Completa</h3>
+                        <h3 class="text-xl font-bold mb-3">Integração Contínua</h3>
                         <p class="text-gray-600 mb-4">
-                            Integre nossos scanners em seus fluxos de trabalho existentes com nossa API RESTful.
+                            Conecte-se facilmente com Lovable, Base44, Studio Firebase, Vercel AI e outras plataformas.
                         </p>
                         <ul class="text-gray-600 space-y-2">
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Documentação Swagger/OpenAPI
+                                Configuração em poucos minutos
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                SDKs para múltiplas linguagens
+                                Suporte a API e Webhooks
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Webhooks para alertas
+                                Sincronização automática
                             </li>
                         </ul>
                     </div>
                     
                     <!-- Feature 5 -->
-                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                    <div class="integration-card bg-white p-8 rounded-xl shadow-md transition duration-300">
                         <div class="text-yellow-600 mb-4">
-                            <i class="fas fa-shield-virus text-4xl"></i>
+                            <i class="fas fa-users text-4xl"></i>
                         </div>
-                        <h3 class="text-xl font-bold mb-3">Proteção em Tempo Real</h3>
+                        <h3 class="text-xl font-bold mb-3">Análise de Usuários</h3>
                         <p class="text-gray-600 mb-4">
-                            Firewall específico para aplicações IA que bloqueia tentativas de exploração em tempo real.
+                            Entenda como os usuários interagem com suas aplicações IA e identifique pontos de melhoria.
                         </p>
                         <ul class="text-gray-600 space-y-2">
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Mitigação de ataques DDoS
+                                Padrões de uso e comportamento
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Filtro de injeção de prompts
+                                Taxa de satisfação do usuário
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Rate limiting inteligente
+                                Segmentação de usuários
                             </li>
                         </ul>
                     </div>
                     
                     <!-- Feature 6 -->
-                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                    <div class="integration-card bg-white p-8 rounded-xl shadow-md transition duration-300">
                         <div class="text-indigo-600 mb-4">
-                            <i class="fas fa-headset text-4xl"></i>
+                            <i class="fas fa-file-alt text-4xl"></i>
                         </div>
-                        <h3 class="text-xl font-bold mb-3">Suporte Prioritário</h3>
+                        <h3 class="text-xl font-bold mb-3">Relatórios Profissionais</h3>
                         <p class="text-gray-600 mb-4">
-                            Nossa equipe de especialistas em segurança IA está disponível para ajudar quando você precisar.
+                            Gere relatórios completos para compartilhar com stakeholders e equipes de desenvolvimento.
                         </p>
                         <ul class="text-gray-600 space-y-2">
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                SLA de resposta de 1 hora
+                                Exportação em PDF/CSV
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Consultoria especializada
+                                Dashboards personalizáveis
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check-circle text-green-500 mr-2"></i>
-                                Treinamentos personalizados
+                                Agendamento automático
                             </li>
                         </ul>
                     </div>
@@ -272,38 +289,142 @@
             </div>
         </section>
 
+        <!-- Integrations Section -->
+        <section id="integrations" class="py-16 bg-white">
+            <div class="container mx-auto px-4">
+                <h2 class="text-3xl font-bold text-center mb-4">Integrações com Plataformas de IA</h2>
+                <p class="text-xl text-center text-gray-600 mb-12 max-w-3xl mx-auto">Conecte-se facilmente com as principais plataformas de desenvolvimento de aplicações IA</p>
+                
+                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+                    <!-- Lovable -->
+                    <div class="integration-card bg-white p-6 rounded-xl shadow-md border border-gray-100 transition duration-300 relative">
+                        <div class="integration-badge">
+                            <img src="https://via.placeholder.com/24?text=L" alt="Lovable" class="h-6 w-6 rounded-full">
+                        </div>
+                        <div class="flex items-center mb-4">
+                            <img src="https://via.placeholder.com/40?text=L" alt="Lovable" class="h-10 w-10 rounded-full mr-3">
+                            <h3 class="text-lg font-bold">Lovable</h3>
+                        </div>
+                        <p class="text-gray-600 mb-4 text-sm">
+                            Análise completa de aplicações desenvolvidas na plataforma Lovable AI.
+                        </p>
+                        <div class="flex flex-wrap gap-2 mb-4">
+                            <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">Desempenho</span>
+                            <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded">Custos</span>
+                            <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Qualidade</span>
+                        </div>
+                        <button class="w-full bg-gray-100 hover:bg-gray-200 text-gray-800 text-sm font-medium py-2 px-4 rounded transition">
+                            Conectar Conta
+                        </button>
+                    </div>
+                    
+                    <!-- Base44 -->
+                    <div class="integration-card bg-white p-6 rounded-xl shadow-md border border-gray-100 transition duration-300 relative">
+                        <div class="integration-badge">
+                            <img src="https://via.placeholder.com/24?text=B" alt="Base44" class="h-6 w-6 rounded-full">
+                        </div>
+                        <div class="flex items-center mb-4">
+                            <img src="https://via.placeholder.com/40?text=B" alt="Base44" class="h-10 w-10 rounded-full mr-3">
+                            <h3 class="text-lg font-bold">Base44</h3>
+                        </div>
+                        <p class="text-gray-600 mb-4 text-sm">
+                            Monitoramento avançado para aplicações construídas com Base44.
+                        </p>
+                        <div class="flex flex-wrap gap-2 mb-4">
+                            <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">Latência</span>
+                            <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Uso</span>
+                            <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">Erros</span>
+                        </div>
+                        <button class="w-full bg-gray-100 hover:bg-gray-200 text-gray-800 text-sm font-medium py-2 px-4 rounded transition">
+                            Conectar Conta
+                        </button>
+                    </div>
+                    
+                    <!-- Studio Firebase -->
+                    <div class="integration-card bg-white p-6 rounded-xl shadow-md border border-gray-100 transition duration-300 relative">
+                        <div class="integration-badge">
+                            <img src="https://via.placeholder.com/24?text=F" alt="Firebase" class="h-6 w-6 rounded-full">
+                        </div>
+                        <div class="flex items-center mb-4">
+                            <img src="https://via.placeholder.com/40?text=F" alt="Firebase" class="h-10 w-10 rounded-full mr-3">
+                            <h3 class="text-lg font-bold">Studio Firebase</h3>
+                        </div>
+                        <p class="text-gray-600 mb-4 text-sm">
+                            Análise detalhada de aplicações IA desenvolvidas no Firebase Studio.
+                        </p>
+                        <div class="flex flex-wrap gap-2 mb-4">
+                            <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">Modelos</span>
+                            <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Dados</span>
+                            <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded">Custos</span>
+                        </div>
+                        <button class="w-full bg-gray-100 hover:bg-gray-200 text-gray-800 text-sm font-medium py-2 px-4 rounded transition">
+                            Conectar Conta
+                        </button>
+                    </div>
+                    
+                    <!-- Vercel AI -->
+                    <div class="integration-card bg-white p-6 rounded-xl shadow-md border border-gray-100 transition duration-300 relative">
+                        <div class="integration-badge">
+                            <img src="https://via.placeholder.com/24?text=V" alt="Vercel" class="h-6 w-6 rounded-full">
+                        </div>
+                        <div class="flex items-center mb-4">
+                            <img src="https://via.placeholder.com/40?text=V" alt="Vercel" class="h-10 w-10 rounded-full mr-3">
+                            <h3 class="text-lg font-bold">Vercel AI</h3>
+                        </div>
+                        <p class="text-gray-600 mb-4 text-sm">
+                            Monitoramento completo para aplicações implantadas no Vercel AI.
+                        </p>
+                        <div class="flex flex-wrap gap-2 mb-4">
+                            <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">Edge</span>
+                            <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">Performance</span>
+                            <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Scale</span>
+                        </div>
+                        <button class="w-full bg-gray-100 hover:bg-gray-200 text-gray-800 text-sm font-medium py-2 px-4 rounded transition">
+                            Conectar Conta
+                        </button>
+                    </div>
+                </div>
+                
+                <div class="mt-12 text-center">
+                    <button class="bg-white border-2 border-blue-600 text-blue-600 hover:bg-blue-50 font-bold py-3 px-8 rounded-lg transition">
+                        <i class="fas fa-plus mr-2"></i> Ver Todas as Integrações
+                    </button>
+                </div>
+            </div>
+        </section>
+
         <!-- Demo Video Section -->
-        <section class="py-16 bg-white">
+        <section class="py-16 bg-gray-50">
             <div class="container mx-auto px-4">
                 <div class="bg-gray-900 rounded-xl overflow-hidden">
                     <div class="flex flex-col md:flex-row">
                         <div class="md:w-1/2 p-8 md:p-12 text-white">
-                            <h2 class="text-3xl font-bold mb-4">Veja o AI Shield em Ação</h2>
+                            <h2 class="text-3xl font-bold mb-4">Veja o AI App Inspector em Ação</h2>
                             <p class="text-xl text-gray-300 mb-6">
-                                Nossa plataforma identificando e corrigindo vulnerabilidades em uma aplicação real de IA generativa.
+                                Analisando uma aplicação real desenvolvida no Lovable com recomendações de otimização.
                             </p>
                             <ul class="space-y-3 text-gray-300">
                                 <li class="flex items-center">
-                                    <i class="fas fa-play-circle text-purple-400 mr-3"></i>
-                                    Demonstração completa da plataforma
+                                    <i class="fas fa-play-circle text-blue-400 mr-3"></i>
+                                    Análise de desempenho em tempo real
                                 </li>
                                 <li class="flex items-center">
-                                    <i class="fas fa-play-circle text-purple-400 mr-3"></i>
-                                    Fluxo de trabalho de correção
+                                    <i class="fas fa-play-circle text-blue-400 mr-3"></i>
+                                    Detecção de gargalos de custo
                                 </li>
                                 <li class="flex items-center">
-                                    <i class="fas fa-play-circle text-purple-400 mr-3"></i>
-                                    Painel de gestão de vulnerabilidades
+                                    <i class="fas fa-play-circle text-blue-400 mr-3"></i>
+                                    Comparativo entre plataformas
                                 </li>
                             </ul>
-                            <button class="mt-8 bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-lg transition flex items-center">
+                            <button class="mt-8 bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg transition flex items-center">
                                 <i class="fas fa-play mr-2"></i> Assistir Demonstração Completa
                             </button>
                         </div>
                         <div class="md:w-1/2 bg-gray-800 flex items-center justify-center p-8">
                             <div class="relative w-full h-64 md:h-full">
                                 <div class="absolute inset-0 bg-gray-700 rounded-lg flex items-center justify-center">
-                                    <i class="fas fa-play-circle text-5xl text-purple-400"></i>
+                                    <i class="fas fa-play-circle text-5xl text-blue-400"></i>
                                 </div>
                             </div>
                         </div>
@@ -313,36 +434,36 @@
         </section>
 
         <!-- Pricing Section -->
-        <section id="pricing" class="py-16 bg-gray-50">
+        <section id="pricing" class="py-16 bg-white">
             <div class="container mx-auto px-4">
-                <h2 class="text-3xl font-bold text-center mb-4">Planos Flexíveis para Cada Necessidade</h2>
+                <h2 class="text-3xl font-bold text-center mb-4">Planos para Todos os Tamanhos</h2>
                 <p class="text-xl text-center text-gray-600 mb-12 max-w-3xl mx-auto">Escolha o plano que melhor atende sua equipe e escala conforme suas necessidades</p>
                 
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
                     <!-- Basic Plan -->
-                    <div class="plan-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                    <div class="plan-card bg-white p-8 rounded-xl shadow-md border border-gray-200 transition duration-300">
                         <h3 class="text-xl font-bold mb-2">Starter</h3>
                         <p class="text-gray-600 mb-6">Ideal para desenvolvedores individuais e pequenos projetos</p>
                         <div class="mb-6">
-                            <span class="text-4xl font-bold">R$199</span>
+                            <span class="text-4xl font-bold">R$149</span>
                             <span class="text-gray-600">/mês</span>
                         </div>
                         <ul class="space-y-3 mb-8">
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
-                                Até 5 aplicações
+                                Até 3 aplicações
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
-                                10.000 verificações/mês
+                                10.000 análises/mês
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
-                                Scanner básico de vulnerabilidades
+                                1 plataforma de IA
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
-                                Relatórios PDF
+                                Relatórios básicos
                             </li>
                             <li class="flex items-center text-gray-400">
                                 <i class="fas fa-times text-red-400 mr-2"></i>
@@ -355,28 +476,28 @@
                     </div>
                     
                     <!-- Pro Plan -->
-                    <div class="plan-card bg-white p-8 rounded-xl shadow-md transition duration-300 tier-pro relative">
-                        <div class="absolute top-0 right-0 bg-purple-600 text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg">
+                    <div class="plan-card bg-white p-8 rounded-xl shadow-md tier-pro relative transition duration-300">
+                        <div class="absolute top-0 right-0 bg-blue-600 text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg">
                             POPULAR
                         </div>
                         <h3 class="text-xl font-bold mb-2">Profissional</h3>
                         <p class="text-gray-600 mb-6">Para equipes e projetos profissionais de IA</p>
                         <div class="mb-6">
-                            <span class="text-4xl font-bold">R$799</span>
+                            <span class="text-4xl font-bold">R$599</span>
                             <span class="text-gray-600">/mês</span>
                         </div>
                         <ul class="space-y-3 mb-8">
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
-                                Até 20 aplicações
+                                Até 15 aplicações
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
-                                50.000 verificações/mês
+                                50.000 análises/mês
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
-                                Scanner avançado
+                                3 plataformas de IA
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
@@ -387,13 +508,13 @@
                                 Suporte por email 24/7
                             </li>
                         </ul>
-                        <button class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-4 rounded-lg transition">
+                        <button class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition">
                             Teste Grátis por 14 dias
                         </button>
                     </div>
                     
                     <!-- Enterprise Plan -->
-                    <div class="plan-card bg-white p-8 rounded-xl shadow-md transition duration-300 tier-enterprise">
+                    <div class="plan-card bg-white p-8 rounded-xl shadow-md tier-enterprise transition duration-300">
                         <h3 class="text-xl font-bold mb-2">Empresarial</h3>
                         <p class="text-gray-600 mb-6">Solução completa para grandes organizações</p>
                         <div class="mb-6">
@@ -406,15 +527,15 @@
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
-                                Verificações ilimitadas
+                                Análises ilimitadas
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
-                                Scanner empresarial
+                                Plataformas ilimitadas
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
-                                Compliance automatizado
+                                On-premise disponível
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check text-green-500 mr-2"></i>
@@ -427,32 +548,32 @@
                     </div>
                 </div>
                 
-                <div class="mt-12 bg-white rounded-xl shadow-md p-8 max-w-4xl mx-auto">
+                <div class="mt-12 bg-white rounded-xl shadow-md p-8 max-w-4xl mx-auto border border-gray-200">
                     <h3 class="text-xl font-bold mb-6 text-center">Todos os planos incluem:</h3>
                     <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                         <div class="flex items-center">
                             <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
-                            <span>Atualizações de segurança</span>
+                            <span>Monitoramento em tempo real</span>
                         </div>
                         <div class="flex items-center">
                             <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
-                            <span>Documentação completa</span>
+                            <span>Alertas personalizáveis</span>
                         </div>
                         <div class="flex items-center">
                             <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
-                            <span>Integração com GitHub/GitLab</span>
+                            <span>Dashboard básico</span>
                         </div>
                         <div class="flex items-center">
                             <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
-                            <span>Alertas por email</span>
+                            <span>7 dias de retenção de dados</span>
                         </div>
                         <div class="flex items-center">
                             <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
-                            <span>Dashboard básico</span>
+                            <span>Suporte via chat</span>
                         </div>
                         <div class="flex items-center">
                             <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
-                            <span>Suporte via chat</span>
+                            <span>Atualizações regulares</span>
                         </div>
                     </div>
                 </div>
@@ -460,18 +581,18 @@
         </section>
 
         <!-- Testimonials Section -->
-        <section id="testimonials" class="py-16 bg-white">
+        <section class="py-16 bg-gray-50">
             <div class="container mx-auto px-4">
                 <h2 class="text-3xl font-bold text-center mb-12">O que nossos clientes dizem</h2>
                 
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                     <!-- Testimonial 1 -->
-                    <div class="bg-gray-50 p-8 rounded-xl">
+                    <div class="bg-white p-8 rounded-xl shadow-md">
                         <div class="flex items-center mb-4">
                             <img src="https://via.placeholder.com/50" alt="Client" class="h-12 w-12 rounded-full mr-4">
                             <div>
-                                <h4 class="font-bold">Carlos Silva</h4>
-                                <p class="text-gray-600 text-sm">CTO na TechInova</p>
+                                <h4 class="font-bold">Mariana Costa</h4>
+                                <p class="text-gray-600 text-sm">Engenheira de IA na TechSolutions</p>
                             </div>
                         </div>
                         <div class="text-yellow-400 mb-4">
@@ -482,18 +603,21 @@
                             <i class="fas fa-star"></i>
                         </div>
                         <p class="text-gray-700 mb-4">
-                            "O AI Shield revolucionou nossa abordagem de segurança para aplicações IA. Identificamos e corrigimos vulnerabilidades críticas que nem sabíamos que existiam."
+                            "O AI App Inspector nos ajudou a reduzir custos em 40% em nossas aplicações Lovable, identificando modelos subutilizados e otimizando chamadas à API."
                         </p>
-                        <p class="text-sm text-gray-500">2 meses atrás</p>
+                        <div class="flex items-center">
+                            <img src="https://via.placeholder.com/24?text=L" alt="Lovable" class="h-5 mr-2">
+                            <span class="text-sm text-gray-500">Integração com Lovable</span>
+                        </div>
                     </div>
                     
                     <!-- Testimonial 2 -->
-                    <div class="bg-gray-50 p-8 rounded-xl">
+                    <div class="bg-white p-8 rounded-xl shadow-md">
                         <div class="flex items-center mb-4">
                             <img src="https://via.placeholder.com/50" alt="Client" class="h-12 w-12 rounded-full mr-4">
                             <div>
-                                <h4 class="font-bold">Ana Oliveira</h4>
-                                <p class="text-gray-600 text-sm">Líder de Segurança na DataMind</p>
+                                <h4 class="font-bold">Ricardo Almeida</h4>
+                                <p class="text-gray-600 text-sm">CTO na DataMind AI</p>
                             </div>
                         </div>
                         <div class="text-yellow-400 mb-4">
@@ -504,18 +628,21 @@
                             <i class="fas fa-star"></i>
                         </div>
                         <p class="text-gray-700 mb-4">
-                            "A integração contínua e os relatórios de compliance nos pouparam centenas de horas de trabalho manual. Agora passamos em auditorias com facilidade."
+                            "Com a análise de qualidade do AI App Inspector, melhoramos a satisfação dos usuários em 65% em nosso chatbot desenvolvido no Base44."
                         </p>
-                        <p class="text-sm text-gray-500">5 meses atrás</p>
+                        <div class="flex items-center">
+                            <img src="https://via.placeholder.com/24?text=B" alt="Base44" class="h-5 mr-2">
+                            <span class="text-sm text-gray-500">Integração com Base44</span>
+                        </div>
                     </div>
                     
                     <!-- Testimonial 3 -->
-                    <div class="bg-gray-50 p-8 rounded-xl">
+                    <div class="bg-white p-8 rounded-xl shadow-md">
                         <div class="flex items-center mb-4">
                             <img src="https://via.placeholder.com/50" alt="Client" class="h-12 w-12 rounded-full mr-4">
                             <div>
-                                <h4 class="font-bold">Roberto Santos</h4>
-                                <p class="text-gray-600 text-sm">Engenheiro de IA na NeuralSystems</p>
+                                <h4 class="font-bold">Fernanda Oliveira</h4>
+                                <p class="text-gray-600 text-sm">Líder de Produto na NeuralTech</p>
                             </div>
                         </div>
                         <div class="text-yellow-400 mb-4">
@@ -526,32 +653,30 @@
                             <i class="fas fa-star-half-alt"></i>
                         </div>
                         <p class="text-gray-700 mb-4">
-                            "O firewall específico para IA bloqueou tentativas de exploração que nossos sistemas tradicionais não detectariam. Um must-have para qualquer aplicação em produção."
+                            "O comparativo entre Vercel AI e Firebase nos ajudou a escolher a melhor plataforma para nosso caso de uso, economizando tempo e recursos."
                         </p>
-                        <p class="text-sm text-gray-500">1 mês atrás</p>
+                        <div class="flex items-center space-x-2">
+                            <img src="https://via.placeholder.com/24?text=V" alt="Vercel" class="h-5">
+                            <img src="https://via.placeholder.com/24?text=F" alt="Firebase" class="h-5">
+                            <span class="text-sm text-gray-500">Comparativo entre plataformas</span>
+                        </div>
                     </div>
                 </div>
-                
-                <div class="mt-12 text-center">
-                    <button class="bg-white border-2 border-purple-600 text-purple-600 hover:bg-purple-50 font-bold py-3 px-8 rounded-lg transition">
-                        <i class="fas fa-book-open mr-2"></i> Ver Todos os Depoimentos
-                    </button>
-                </div>
             </div>
         </section>
 
         <!-- CTA Section -->
         <section class="gradient-bg text-white py-16">
             <div class="container mx-auto px-4 text-center">
-                <h2 class="text-3xl md:text-4xl font-bold mb-6">Pronto para levar a segurança de suas aplicações IA para o próximo nível?</h2>
+                <h2 class="text-3xl md:text-4xl font-bold mb-6">Pronto para otimizar suas aplicações IA?</h2>
                 <p class="text-xl mb-8 max-w-3xl mx-auto">
-                    Comece hoje mesmo e proteja suas aplicações contra as mais recentes ameaças específicas de inteligência artificial.
+                    Comece hoje mesmo e obtenha insights valiosos sobre desempenho, custos e qualidade de suas aplicações desenvolvidas em plataformas de IA.
                 </p>
                 <div class="flex flex-col md:flex-row justify-center gap-4">
-                    <button id="startFreeTrialBottom" class="bg-white text-purple-800 hover:bg-purple-100 font-bold py-3 px-8 rounded-full text-lg transition-all transform hover:scale-105">
+                    <button id="startFreeTrialBottom" class="bg-white text-blue-800 hover:bg-blue-100 font-bold py-3 px-8 rounded-full text-lg transition-all transform hover:scale-105">
                         <i class="fas fa-rocket mr-2"></i> Teste Grátis por 14 dias
                     </button>
-                    <button class="border-2 border-white hover:bg-white hover:text-purple-800 font-bold py-3 px-8 rounded-full text-lg transition">
+                    <button class="border-2 border-white hover:bg-white hover:text-blue-800 font-bold py-3 px-8 rounded-full text-lg transition">
                         <i class="fas fa-phone-alt mr-2"></i> Fale com um Especialista
                     </button>
                 </div>
@@ -572,7 +697,7 @@
                         
                         <div class="space-y-4">
                             <div class="flex items-start">
-                                <i class="fas fa-map-marker-alt text-purple-600 mt-1 mr-4"></i>
+                                <i class="fas fa-map-marker-alt text-blue-600 mt-1 mr-4"></i>
                                 <div>
                                     <h4 class="font-bold">Endereço</h4>
                                     <p class="text-gray-600">Av. Paulista, 1000 - São Paulo, SP</p>
@@ -580,15 +705,15 @@
                             </div>
                             
                             <div class="flex items-start">
-                                <i class="fas fa-envelope text-purple-600 mt-1 mr-4"></i>
+                                <i class="fas fa-envelope text-blue-600 mt-1 mr-4"></i>
                                 <div>
                                     <h4 class="font-bold">Email</h4>
-                                    <p class="text-gray-600">contato@aishield.com.br</p>
+                                    <p class="text-gray-600">contato@aiappinspector.com.br</p>
                                 </div>
                             </div>
                             
                             <div class="flex items-start">
-                                <i class="fas fa-phone-alt text-purple-600 mt-1 mr-4"></i>
+                                <i class="fas fa-phone-alt text-blue-600 mt-1 mr-4"></i>
                                 <div>
                                     <h4 class="font-bold">Telefone</h4>
                                     <p class="text-gray-600">(11) 1234-5678</p>
@@ -596,7 +721,7 @@
                             </div>
                             
                             <div class="flex items-start">
-                                <i class="fas fa-clock text-purple-600 mt-1 mr-4"></i>
+                                <i class="fas fa-clock text-blue-600 mt-1 mr-4"></i>
                                 <div>
                                     <h4 class="font-bold">Horário Comercial</h4>
                                     <p class="text-gray-600">Seg-Sex: 9h às 18h</p>
@@ -610,17 +735,17 @@
                         <form class="space-y-4">
                             <div>
                                 <label class="block text-gray-700 mb-2">Nome</label>
-                                <input type="text" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                                <input type="text" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
                             </div>
                             
                             <div>
                                 <label class="block text-gray-700 mb-2">Email</label>
-                                <input type="email" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                                <input type="email" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
                             </div>
                             
                             <div>
                                 <label class="block text-gray-700 mb-2">Assunto</label>
-                                <select class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                                <select class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
                                     <option>Suporte Técnico</option>
                                     <option>Vendas</option>
                                     <option>Parcerias</option>
@@ -630,10 +755,10 @@
                             
                             <div>
                                 <label class="block text-gray-700 mb-2">Mensagem</label>
-                                <textarea rows="4" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500"></textarea>
+                                <textarea rows="4" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"></textarea>
                             </div>
                             
-                            <button type="submit" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-4 rounded-lg transition">
+                            <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition">
                                 Enviar Mensagem
                             </button>
                         </form>
@@ -648,10 +773,10 @@
                 <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                     <div>
                         <h3 class="text-xl font-bold mb-4 flex items-center">
-                            <i class="fas fa-shield-alt mr-2"></i> AI Shield SaaS
+                            <i class="fas fa-search-chart mr-2"></i> AI App Inspector
                         </h3>
                         <p class="text-gray-400">
-                            A plataforma líder em segurança para aplicações de inteligência artificial.
+                            A plataforma líder em análise e otimização de aplicações desenvolvidas em plataformas de IA.
                         </p>
                         <div class="flex space-x-4 mt-4">
                             <a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-twitter"></i></a>
@@ -671,12 +796,12 @@
                     </div>
                     
                     <div>
-                        <h4 class="text-lg font-semibold mb-4">Empresa</h4>
+                        <h4 class="text-lg font-semibold mb-4">Integrações</h4>
                         <ul class="space-y-2 text-gray-400">
-                            <li><a href="#" class="hover:text-white transition">Sobre Nós</a></li>
-                            <li><a href="#" class="hover:text-white transition">Blog</a></li>
-                            <li><a href="#" class="hover:text-white transition">Carreiras</a></li>
-                            <li><a href="#" class="hover:text-white transition">Parceiros</a></li>
+                            <li><a href="#" class="hover:text-white transition">Lovable</a></li>
+                            <li><a href="#" class="hover:text-white transition">Base44</a></li>
+                            <li><a href="#" class="hover:text-white transition">Studio Firebase</a></li>
+                            <li><a href="#" class="hover:text-white transition">Vercel AI</a></li>
                         </ul>
                     </div>
                     
@@ -693,7 +818,7 @@
                 
                 <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
                     <p class="text-gray-400">
-                        © 2023 AI Shield SaaS. Todos os direitos reservados.
+                        © 2023 AI App Inspector. Todos os direitos reservados.
                     </p>
                     <div class="flex space-x-6 mt-4 md:mt-0">
                         <a href="#" class="text-gray-400 hover:text-white transition">Termos</a>
@@ -711,8 +836,8 @@
         <div class="sidebar-bg text-white fixed inset-y-0 left-0 w-64 overflow-y-auto">
             <div class="flex items-center justify-center h-16 px-4 border-b border-gray-700">
                 <div class="flex items-center space-x-2">
-                    <i class="fas fa-shield-alt text-2xl"></i>
-                    <h1 class="text-xl font-bold">AI Shield</h1>
+                    <i class="fas fa-search-chart text-2xl"></i>
+                    <h1 class="text-xl font-bold">AI App Inspector</h1>
                 </div>
             </div>
             <div class="px-4 py-6">
@@ -732,40 +857,40 @@
                             Dashboard
                         </a>
                         <a href="#" class="dashboard-nav-item">
-                            <i class="fas fa-search mr-3"></i>
-                            Scanner
+                            <i class="fas fa-robot mr-3"></i>
+                            Aplicações
                         </a>
                         <a href="#" class="dashboard-nav-item">
-                            <i class="fas fa-bug mr-3"></i>
-                            Vulnerabilidades
+                            <i class="fas fa-plug mr-3"></i>
+                            Integrações
                         </a>
                         <a href="#" class="dashboard-nav-item">
-                            <i class="fas fa-file-alt mr-3"></i>
-                            Relatórios
+                            <i class="fas fa-chart-bar mr-3"></i>
+                            Análises
                         </a>
                         <a href="#" class="dashboard-nav-item">
-                            <i class="fas fa-project-diagram mr-3"></i>
-                            Aplicações
+                            <i class="fas fa-file-alt mr-3"></i>
+                            Relatórios
                         </a>
                     </div>
                     
-                    <h3 class="text-xs font-semibold text-gray-400 uppercase tracking-wider mt-8 mb-4">CONFIGURAÇÕES</h3>
+                    <h3 class="text-xs font-semibold text-gray-400 uppercase tracking-wider mt-8 mb-4">PLATAFORMAS</h3>
                     <div class="space-y-1">
                         <a href="#" class="dashboard-nav-item">
-                            <i class="fas fa-users mr-3"></i>
-                            Equipe
+                            <i class="fas fa-heart mr-3"></i>
+                            Lovable
                         </a>
                         <a href="#" class="dashboard-nav-item">
-                            <i class="fas fa-plug mr-3"></i>
-                            Integrações
+                            <i class="fas fa-cube mr-3"></i>
+                            Base44
                         </a>
                         <a href="#" class="dashboard-nav-item">
-                            <i class="fas fa-shield-virus mr-3"></i>
-                            Firewall
+                            <i class="fas fa-fire mr-3"></i>
+                            Firebase
                         </a>
                         <a href="#" class="dashboard-nav-item">
-                            <i class="fas fa-cog mr-3"></i>
-                            Configurações
+                            <i class="fas fa-cloud mr-3"></i>
+                            Vercel AI
                         </a>
                     </div>
                     
@@ -821,8 +946,8 @@
             <!-- Dashboard Content -->
             <main class="p-6">
                 <div class="mb-6">
-                    <h3 class="text-lg font-medium text-gray-900">Visão Geral da Segurança</h3>
-                    <p class="text-sm text-gray-500">Resumo do status de segurança de suas aplicações IA</p>
+                    <h3 class="text-lg font-medium text-gray-900">Visão Geral das Aplicações</h3>
+                    <p class="text-sm text-gray-500">Resumo do status de suas aplicações IA conectadas</p>
                 </div>
                 
                 <!-- Stats Cards -->
@@ -830,11 +955,11 @@
                     <div class="bg-white p-6 rounded-lg shadow">
                         <div class="flex items-center justify-between">
                             <div>
-                                <p class="text-sm font-medium text-gray-500">Aplicações Ativas</p>
-                                <p class="text-2xl font-semibold text-gray-900">8</p>
+                                <p class="text-sm font-medium text-gray-500">Aplicações Conectadas</p>
+                                <p class="text-2xl font-semibold text-gray-900">5</p>
                             </div>
-                            <div class="p-3 rounded-full bg-purple-100 text-purple-600">
-                                <i class="fas fa-robot"></i>
+                            <div class="p-3 rounded-full bg-blue-100 text-blue-600">
+                                <i class="fas fa-plug"></i>
                             </div>
                         </div>
                         <div class="mt-4">
@@ -848,17 +973,17 @@
                     <div class="bg-white p-6 rounded-lg shadow">
                         <div class="flex items-center justify-between">
                             <div>
-                                <p class="text-sm font-medium text-gray-500">Vulnerabilidades</p>
-                                <p class="text-2xl font-semibold text-gray-900">14</p>
+                                <p class="text-sm font-medium text-gray-500">Plataformas</p>
+                                <p class="text-2xl font-semibold text-gray-900">3</p>
                             </div>
-                            <div class="p-3 rounded-full bg-red-100 text-red-600">
-                                <i class="fas fa-bug"></i>
+                            <div class="p-3 rounded-full bg-purple-100 text-purple-600">
+                                <i class="fas fa-cloud"></i>
                             </div>
                         </div>
                         <div class="mt-4">
                             <div class="flex items-center justify-between text-sm">
-                                <span class="text-red-600 font-medium">+3</span>
-                                <span>desde a última verificação</span>
+                                <span class="text-green-600 font-medium">+1</span>
+                                <span>desde a semana passada</span>
                             </div>
                         </div>
                     </div>
@@ -866,17 +991,17 @@
                     <div class="bg-white p-6 rounded-lg shadow">
                         <div class="flex items-center justify-between">
                             <div>
-                                <p class="text-sm font-medium text-gray-500">Pontuação Média</p>
-                                <p class="text-2xl font-semibold text-gray-900">82/100</p>
+                                <p class="text-sm font-medium text-gray-500">Custo Médio</p>
+                                <p class="text-2xl font-semibold text-gray-900">R$ 1.245</p>
                             </div>
-                            <div class="p-3 rounded-full bg-blue-100 text-blue-600">
-                                <i class="fas fa-shield-alt"></i>
+                            <div class="p-3 rounded-full bg-green-100 text-green-600">
+                                <i class="fas fa-dollar-sign"></i>
                             </div>
                         </div>
                         <div class="mt-4">
                             <div class="flex items-center justify-between text-sm">
-                                <span class="text-green-600 font-medium">+5</span>
-                                <span>desde o último mês</span>
+                                <span class="text-red-600 font-medium">-12%</span>
+                                <span>vs último mês</span>
                             </div>
                         </div>
                     </div>
@@ -884,28 +1009,187 @@
                     <div class="bg-white p-6 rounded-lg shadow">
                         <div class="flex items-center justify-between">
                             <div>
-                                <p class="text-sm font-medium text-gray-500">Verificações Hoje</p>
-                                <p class="text-2xl font-semibold text-gray-900">47</p>
+                                <p class="text-sm font-medium text-gray-500">Satisfação</p>
+                                <p class="text-2xl font-semibold text-gray-900">84/100</p>
                             </div>
-                            <div class="p-3 rounded-full bg-green-100 text-green-600">
-                                <i class="fas fa-search"></i>
+                            <div class="p-3 rounded-full bg-yellow-100 text-yellow-600">
+                                <i class="fas fa-smile"></i>
                             </div>
                         </div>
                         <div class="mt-4">
                             <div class="flex items-center justify-between text-sm">
-                                <span class="text-green-600 font-medium">+12</span>
-                                <span>desde ontem</span>
+                                <span class="text-green-600 font-medium">+8</span>
+                                <span>pontos desde ontem</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Connected Apps -->
+                <div class="bg-white p-6 rounded-lg shadow mb-8">
+                    <div class="flex items-center justify-between mb-6">
+                        <div>
+                            <h4 class="text-lg font-medium text-gray-900">Aplicações Conectadas</h4>
+                            <p class="text-sm text-gray-500">Suas aplicações IA monitoradas em diferentes plataformas</p>
+                        </div>
+                        <button class="text-sm text-blue-600 hover:text-blue-800 font-medium">
+                            Conectar Nova Aplicação
+                        </button>
+                    </div>
+                    
+                    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                        <!-- App 1 -->
+                        <div class="border border-gray-200 rounded-lg p-4 hover:shadow-md transition">
+                            <div class="flex items-center mb-3">
+                                <img src="https://via.placeholder.com/40?text=L" alt="Lovable" class="h-8 w-8 rounded-full mr-2">
+                                <h5 class="font-medium">Chatbot de Vendas</h5>
+                            </div>
+                            <div class="flex justify-center my-4">
+                                <div class="app-score">
+                                    <svg viewBox="0 0 36 36" class="app-score-circle">
+                                        <path
+                                            d="M18 2.0845
+                                            a 15.9155 15.9155 0 0 1 0 31.831
+                                            a 15.9155 15.9155 0 0 1 0 -31.831"
+                                            fill="none"
+                                            stroke="#e6e6e6"
+                                            stroke-width="3"
+                                        />
+                                        <path
+                                            d="M18 2.0845
+                                            a 15.9155 15.9155 0 0 1 0 31.831
+                                            a 15.9155 15.9155 0 0 1 0 -31.831"
+                                            fill="none"
+                                            stroke="#3b82f6"
+                                            stroke-width="3"
+                                            stroke-dasharray="82, 100"
+                                        />
+                                    </svg>
+                                    <div class="absolute inset-0 flex items-center justify-center flex-col">
+                                        <span class="text-2xl font-bold">82</span>
+                                        <span class="text-xs text-gray-500">pontos</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-2 gap-2 text-center text-xs">
+                                <div>
+                                    <p class="text-gray-500">Custo</p>
+                                    <p class="font-medium">R$ 320/mês</p>
+                                </div>
+                                <div>
+                                    <p class="text-gray-500">Requisições</p>
+                                    <p class="font-medium">12.5k</p>
+                                </div>
+                            </div>
+                            <button class="w-full mt-3 bg-blue-50 hover:bg-blue-100 text-blue-600 text-sm font-medium py-1 px-4 rounded transition">
+                                Ver Detalhes
+                            </button>
+                        </div>
+                        
+                        <!-- App 2 -->
+                        <div class="border border-gray-200 rounded-lg p-4 hover:shadow-md transition">
+                            <div class="flex items-center mb-3">
+                                <img src="https://via.placeholder.com/40?text=B" alt="Base44" class="h-8 w-8 rounded-full mr-2">
+                                <h5 class="font-medium">Assistente Virtual</h5>
+                            </div>
+                            <div class="flex justify-center my-4">
+                                <div class="app-score">
+                                    <svg viewBox="0 0 36 36" class="app-score-circle">
+                                        <path
+                                            d="M18 2.0845
+                                            a 15.9155 15.9155 0 0 1 0 31.831
+                                            a 15.9155 15.9155 0 0 1 0 -31.831"
+                                            fill="none"
+                                            stroke="#e6e6e6"
+                                            stroke-width="3"
+                                        />
+                                        <path
+                                            d="M18 2.0845
+                                            a 15.9155 15.9155 0 0 1 0 31.831
+                                            a 15.9155 15.9155 0 0 1 0 -31.831"
+                                            fill="none"
+                                            stroke="#8b5cf6"
+                                            stroke-width="3"
+                                            stroke-dasharray="75, 100"
+                                        />
+                                    </svg>
+                                    <div class="absolute inset-0 flex items-center justify-center flex-col">
+                                        <span class="text-2xl font-bold">75</span>
+                                        <span class="text-xs text-gray-500">pontos</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-2 gap-2 text-center text-xs">
+                                <div>
+                                    <p class="text-gray-500">Custo</p>
+                                    <p class="font-medium">R$ 480/mês</p>
+                                </div>
+                                <div>
+                                    <p class="text-gray-500">Requisições</p>
+                                    <p class="font-medium">8.2k</p>
+                                </div>
+                            </div>
+                            <button class="w-full mt-3 bg-purple-50 hover:bg-purple-100 text-purple-600 text-sm font-medium py-1 px-4 rounded transition">
+                                Ver Detalhes
+                            </button>
+                        </div>
+                        
+                        <!-- App 3 -->
+                        <div class="border border-gray-200 rounded-lg p-4 hover:shadow-md transition">
+                            <div class="flex items-center mb-3">
+                                <img src="https://via.placeholder.com/40?text=F" alt="Firebase" class="h-8 w-8 rounded-full mr-2">
+                                <h5 class="font-medium">Gerador de Conteúdo</h5>
                             </div>
+                            <div class="flex justify-center my-4">
+                                <div class="app-score">
+                                    <svg viewBox="0 0 36 36" class="app-score-circle">
+                                        <path
+                                            d="M18 2.0845
+                                            a 15.9155 15.9155 0 0 1 0 31.831
+                                            a 15.9155 15.9155 0 0 1 0 -31.831"
+                                            fill="none"
+                                            stroke="#e6e6e6"
+                                            stroke-width="3"
+                                        />
+                                        <path
+                                            d="M18 2.0845
+                                            a 15.9155 15.9155 0 0 1 0 31.831
+                                            a 15.9155 15.9155 0 0 1 0 -31.831"
+                                            fill="none"
+                                            stroke="#10b981"
+                                            stroke-width="3"
+                                            stroke-dasharray="91, 100"
+                                        />
+                                    </svg>
+                                    <div class="absolute inset-0 flex items-center justify-center flex-col">
+                                        <span class="text-2xl font-bold">91</span>
+                                        <span class="text-xs text-gray-500">pontos</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-2 gap-2 text-center text-xs">
+                                <div>
+                                    <p class="text-gray-500">Custo</p>
+                                    <p class="font-medium">R$ 185/mês</p>
+                                </div>
+                                <div>
+                                    <p class="text-gray-500">Requisições</p>
+                                    <p class="font-medium">5.7k</p>
+                                </div>
+                            </div>
+                            <button class="w-full mt-3 bg-green-50 hover:bg-green-100 text-green-600 text-sm font-medium py-1 px-4 rounded transition">
+                                Ver Detalhes
+                            </button>
                         </div>
                     </div>
                 </div>
                 
-                <!-- Security Score Chart -->
+                <!-- Platform Comparison -->
                 <div class="bg-white p-6 rounded-lg shadow mb-8">
                     <div class="flex items-center justify-between mb-6">
                         <div>
-                            <h4 class="text-lg font-medium text-gray-900">Pontuação de Segurança</h4>
-                            <p class="text-sm text-gray-500">Evolução da pontuação média de suas aplicações</p>
+                            <h4 class="text-lg font-medium text-gray-900">Comparativo entre Plataformas</h4>
+                            <p class="text-sm text-gray-500">Desempenho e custo médio por requisição nas diferentes plataformas</p>
                         </div>
                         <select class="border border-gray-300 rounded-md px-3 py-1 text-sm">
                             <option>Últimos 30 dias</option>
@@ -914,143 +1198,85 @@
                         </select>
                     </div>
                     <div class="h-64 bg-gray-50 rounded-lg flex items-center justify-center">
-                        <p class="text-gray-500">Gráfico de evolução da pontuação</p>
+                        <p class="text-gray-500">Gráfico comparativo entre plataformas</p>
                     </div>
                 </div>
                 
-                <!-- Recent Vulnerabilities -->
-                <div class="bg-white p-6 rounded-lg shadow mb-8">
+                <!-- Recent Recommendations -->
+                <div class="bg-white p-6 rounded-lg shadow">
                     <div class="flex items-center justify-between mb-6">
                         <div>
-                            <h4 class="text-lg font-medium text-gray-900">Vulnerabilidades Recentes</h4>
-                            <p class="text-sm text-gray-500">Problemas de segurança identificados nas últimas 72 horas</p>
+                            <h4 class="text-lg font-medium text-gray-900">Recomendações Recentes</h4>
+                            <p class="text-sm text-gray-500">Oportunidades identificadas para otimizar suas aplicações</p>
                         </div>
-                        <button class="text-sm text-purple-600 hover:text-purple-800 font-medium">
+                        <button class="text-sm text-blue-600 hover:text-blue-800 font-medium">
                             Ver Todas
                         </button>
                     </div>
                     
-                    <div class="overflow-x-auto">
-                        <table class="min-w-full divide-y divide-gray-200">
-                            <thead class="bg-gray-50">
-                                <tr>
-                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Aplicação</th>
-                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tipo</th>
-                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Severidade</th>
-                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
-                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ações</th>
-                                </tr>
-                            </thead>
-                            <tbody class="bg-white divide-y divide-gray-200">
-                                <tr>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <div class="flex items-center">
-                                            <div class="flex-shrink-0 h-10 w-10 bg-purple-100 rounded-full flex items-center justify-center text-purple-600">
-                                                <i class="fas fa-comment-alt"></i>
-                                            </div>
-                                            <div class="ml-4">
-                                                <div class="text-sm font-medium text-gray-900">Chatbot Corporativo</div>
-                                                <div class="text-sm text-gray-500">v2.1.5</div>
-                                            </div>
-                                        </div>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <div class="text-sm text-gray-900">Injeção de Prompt</div>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Alta</span>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Pendente</span>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                        <button class="text-purple-600 hover:text-purple-900 mr-3">Detalhes</button>
-                                        <button class="text-green-600 hover:text-green-900">Marcar como Resolvido</button>
-                                    </td>
-                                </tr>
-                                
-                                <tr>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <div class="flex items-center">
-                                            <div class="flex-shrink-0 h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-600">
-                                                <i class="fas fa-image"></i>
-                                            </div>
-                                            <div class="ml-4">
-                                                <div class="text-sm font-medium text-gray-900">Gerador de Imagens</div>
-                                                <div class="text-sm text-gray-500">v1.3.2</div>
-                                            </div>
-                                        </div>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <div class="text-sm text-gray-900">Vazamento de Dados</div>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Média</span>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">Em Progresso</span>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                        <button class="text-purple-600 hover:text-purple-900 mr-3">Detalhes</button>
-                                        <button class="text-green-600 hover:text-green-900">Marcar como Resolvido</button>
-                                    </td>
-                                </tr>
-                                
-                                <tr>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <div class="flex items-center">
-                                            <div class="flex-shrink-0 h-10 w-10 bg-green-100 rounded-full flex items-center justify-center text-green-600">
-                                                <i class="fas fa-file-alt"></i>
-                                            </div>
-                                            <div class="ml-4">
-                                                <div class="text-sm font-medium text-gray-900">Assistente de Documentos</div>
-                                                <div class="text-sm text-gray-500">v3.0.1</div>
-                                            </div>
-                                        </div>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <div class="text-sm text-gray-900">Falha de Autenticação</div>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Alta</span>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap">
-                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Resolvido</span>
-                                    </td>
-                                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                        <button class="text-purple-600 hover:text-purple-900 mr-3">Detalhes</button>
-                                        <button class="text-gray-600 hover:text-gray-900">Reabrir</button>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                </div>
-                
-                <!-- Quick Actions -->
-                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-                    <div class="bg-white p-6 rounded-lg shadow">
-                        <h4 class="text-lg font-medium text-gray-900 mb-4">Iniciar Nova Verificação</h4>
-                        <p class="text-sm text-gray-500 mb-4">Execute uma verificação manual em suas aplicações</p>
-                        <button class="w-full bg-purple-600 hover:bg-purple-700 text-white font-medium py-2 px-4 rounded-md transition flex items-center justify-center">
-                            <i class="fas fa-play mr-2"></i> Executar Scanner
-                        </button>
-                    </div>
-                    
-                    <div class="bg-white p-6 rounded-lg shadow">
-                        <h4 class="text-lg font-medium text-gray-900 mb-4">Gerar Relatório</h4>
-                        <p class="text-sm text-gray-500 mb-4">Crie um relatório personalizado de segurança</p>
-                        <button class="w-full bg-white border border-purple-600 text-purple-600 hover:bg-purple-50 font-medium py-2 px-4 rounded-md transition flex items-center justify-center">
-                            <i class="fas fa-file-pdf mr-2"></i> Criar Relatório
-                        </button>
-                    </div>
-                    
-                    <div class="bg-white p-6 rounded-lg shadow">
-                        <h4 class="text-lg font-medium text-gray-900 mb-4">Suporte Rápido</h4>
-                        <p class="text-sm text-gray-500 mb-4">Precisa de ajuda? Fale com nosso time</p>
-                        <button class="w-full bg-white border border-gray-300 text-gray-700 hover:bg-gray-50 font-medium py-2 px-4 rounded-md transition flex items-center justify-center">
-                            <i class="fas fa-headset mr-2"></i> Abrir Chamado
-                        </button>
+                    <div class="space-y-4">
+                        <!-- Recommendation 1 -->
+                        <div class="flex items-start p-3 border border-gray-100 rounded-lg hover:bg-gray-50 transition">
+                            <div class="bg-blue-100 text-blue-600 p-2 rounded-full mr-3 mt-1">
+                                <i class="fas fa-dollar-sign"></i>
+                            </div>
+                            <div class="flex-1">
+                                <h5 class="font-medium">Redução de custos no Lovable</h5>
+                                <p class="text-sm text-gray-600">Identificamos que 23% das requisições ao seu chatbot de vendas poderiam ser cacheadas, reduzindo custos em até R$ 85/mês.</p>
+                                <div class="flex items-center mt-2 text-xs text-gray-500">
+                                    <span class="mr-3">2 dias atrás</span>
+                                    <span class="flex items-center">
+                                        <img src="https://via.placeholder.com/16?text=L" alt="Lovable" class="h-3 mr-1">
+                                        Chatbot de Vendas
+                                    </span>
+                                </div>
+                            </div>
+                            <button class="text-blue-600 hover:text-blue-800 text-sm font-medium ml-4">
+                                Aplicar
+                            </button>
+                        </div>
+                        
+                        <!-- Recommendation 2 -->
+                        <div class="flex items-start p-3 border border-gray-100 rounded-lg hover:bg-gray-50 transition">
+                            <div class="bg-purple-100 text-purple-600 p-2 rounded-full mr-3 mt-1">
+                                <i class="fas fa-tachometer-alt"></i>
+                            </div>
+                            <div class="flex-1">
+                                <h5 class="font-medium">Otimização de desempenho no Base44</h5>
+                                <p class="text-sm text-gray-600">Sua aplicação no Base44 tem latência 40% acima da média. Recomendamos ajustar os parâmetros do modelo para melhorar o tempo de resposta.</p>
+                                <div class="flex items-center mt-2 text-xs text-gray-500">
+                                    <span class="mr-3">5 dias atrás</span>
+                                    <span class="flex items-center">
+                                        <img src="https://via.placeholder.com/16?text=B" alt="Base44" class="h-3 mr-1">
+                                        Assistente Virtual
+                                    </span>
+                                </div>
+                            </div>
+                            <button class="text-blue-600 hover:text-blue-800 text-sm font-medium ml-4">
+                                Aplicar
+                            </button>
+                        </div>
+                        
+                        <!-- Recommendation 3 -->
+                        <div class="flex items-start p-3 border border-gray-100 rounded-lg hover:bg-gray-50 transition">
+                            <div class="bg-green-100 text-green-600 p-2 rounded-full mr-3 mt-1">
+                                <i class="fas fa-users"></i>
+                            </div>
+                            <div class="flex-1">
+                                <h5 class="font-medium">Melhoria na satisfação do usuário</h5>
+                                <p class="text-sm text-gray-600">Análise mostra que 15% dos usuários abandonam após a 3ª interação. Sugerimos ajustar o fluxo de conversação para melhorar a experiência.</p>
+                                <div class="flex items-center mt-2 text-xs text-gray-500">
+                                    <span class="mr-3">1 semana atrás</span>
+                                    <span class="flex items-center">
+                                        <img src="https://via.placeholder.com/16?text=F" alt="Firebase" class="h-3 mr-1">
+                                        Gerador de Conteúdo
+                                    </span>
+                                </div>
+                            </div>
+                            <button class="text-blue-600 hover:text-blue-800 text-sm font-medium ml-4">
+                                Aplicar
+                            </button>
+                        </div>
                     </div>
                 </div>
             </main>
@@ -1071,23 +1297,23 @@
                 <form class="space-y-4">
                     <div>
                         <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
-                        <input type="email" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                        <input type="email" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
                     </div>
                     
                     <div>
                         <label class="block text-sm font-medium text-gray-700 mb-1">Senha</label>
-                        <input type="password" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                        <input type="password" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
                     </div>
                     
                     <div class="flex items-center justify-between">
                         <label class="flex items-center">
-                            <input type="checkbox" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded">
+                            <input type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
                             <span class="ml-2 text-sm text-gray-600">Lembrar de mim</span>
                         </label>
-                        <a href="#" class="text-sm text-purple-600 hover:text-purple-500">Esqueceu sua senha?</a>
+                        <a href="#" class="text-sm text-blue-600 hover:text-blue-500">Esqueceu sua senha?</a>
                     </div>
                     
-                    <button type="submit" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-4 rounded-lg transition">
+                    <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition">
                         Entrar
                     </button>
                 </form>
@@ -1097,218 +1323,5 @@
                         <div class="absolute inset-0 flex items-center">
                             <div class="w-full border-t border-gray-300"></div>
                         </div>
-                        <div class="relative flex justify-center text-sm">
-                            <span class="px-2 bg-white text-gray-500">Ou continue com</span>
-                        </div>
-                    </div>
-                    
-                    <div class="mt-6 grid grid-cols-2 gap-3">
-                        <button class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
-                            <i class="fab fa-google text-red-500"></i>
-                            <span class="ml-2">Google</span>
-                        </button>
-                        <button class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
-                            <i class="fab fa-microsoft text-blue-500"></i>
-                            <span class="ml-2">Microsoft</span>
-                        </button>
-                    </div>
-                </div>
-                
-                <div class="mt-6 text-center">
-                    <p class="text-sm text-gray-600">
-                        Não tem uma conta? 
-                        <a href="#" id="showSignupModal" class="text-purple-600 hover:text-purple-500 font-medium">Cadastre-se</a>
-                    </p>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <!-- Signup Modal (hidden by default) -->
-    <div id="signupModal" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 flex items-center justify-center z-50">
-        <div class="bg-white rounded-lg shadow-xl max-w-md w-full">
-            <div class="p-6">
-                <div class="flex justify-between items-center mb-4">
-                    <h3 class="text-2xl font-bold text-gray-900">Crie sua conta</h3>
-                    <button id="closeSignupModal" class="text-gray-400 hover:text-gray-500">
-                        <i class="fas fa-times"></i>
-                    </button>
-                </div>
-                
-                <form class="space-y-4">
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 mb-1">Nome completo</label>
-                        <input type="text" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
-                    </div>
-                    
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
-                        <input type="email" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
-                    </div>
-                    
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 mb-1">Senha</label>
-                        <input type="password" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
-                    </div>
-                    
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 mb-1">Confirmar senha</label>
-                        <input type="password" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
-                    </div>
-                    
-                    <div class="flex items-start">
-                        <input type="checkbox" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded mt-1">
-                        <span class="ml-2 text-sm text-gray-600">
-                            Eu concordo com os <a href="#" class="text-purple-600 hover:text-purple-500">Termos de Serviço</a> e <a href="#" class="text-purple-600 hover:text-purple-500">Política de Privacidade</a>
-                        </span>
-                    </div>
-                    
-                    <button type="submit" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-4 rounded-lg transition">
-                        Criar Conta
-                    </button>
-                </form>
-                
-                <div class="mt-6">
-                    <div class="relative">
-                        <div class="absolute inset-0 flex items-center">
-                            <div class="w-full border-t border-gray-300"></div>
-                        </div>
-                        <div class="relative flex justify-center text-sm">
-                            <span class="px-2 bg-white text-gray-500">Ou cadastre-se com</span>
-                        </div>
-                    </div>
-                    
-                    <div class="mt-6 grid grid-cols-2 gap-3">
-                        <button class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
-                            <i class="fab fa-google text-red-500"></i>
-                            <span class="ml-2">Google</span>
-                        </button>
-                        <button class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
-                            <i class="fab fa-microsoft text-blue-500"></i>
-                            <span class="ml-2">Microsoft</span>
-                        </button>
-                    </div>
-                </div>
-                
-                <div class="mt-6 text-center">
-                    <p class="text-sm text-gray-600">
-                        Já tem uma conta? 
-                        <a href="#" id="showLoginModalFromSignup" class="text-purple-600 hover:text-purple-500 font-medium">Faça login</a>
-                    </p>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <script>
-        // Dashboard navigation item styling
-        document.querySelectorAll('.dashboard-nav-item').forEach(item => {
-            item.addEventListener('click', function() {
-                document.querySelectorAll('.dashboard-nav-item').forEach(i => i.classList.remove('active'));
-                this.classList.add('active');
-            });
-        });
-
-        // User menu toggle
-        const userMenuButton = document.getElementById('userMenuButton');
-        const userMenu = document.getElementById('userMenu');
-        
-        userMenuButton.addEventListener('click', () => {
-            userMenu.classList.toggle('hidden');
-        });
-
-        // Close user menu when clicking outside
-        document.addEventListener('click', (event) => {
-            if (!userMenuButton.contains(event.target) && !userMenu.contains(event.target)) {
-                userMenu.classList.add('hidden');
-            }
-        });
-
-        // Login modal
-        const loginBtn = document.getElementById('loginBtn');
-        const loginModal = document.getElementById('loginModal');
-        const closeLoginModal = document.getElementById('closeLoginModal');
-        
-        loginBtn.addEventListener('click', (e) => {
-            e.preventDefault();
-            loginModal.classList.remove('hidden');
-        });
-        
-        closeLoginModal.addEventListener('click', () => {
-            loginModal.classList.add('hidden');
-        });
-
-        // Signup modal
-        const signupBtn = document.getElementById('signupBtn');
-        const signupModal = document.getElementById('signupModal');
-        const closeSignupModal = document.getElementById('closeSignupModal');
-        const showSignupModal = document.getElementById('showSignupModal');
-        const showLoginModalFromSignup = document.getElementById('showLoginModalFromSignup');
-        
-        signupBtn.addEventListener('click', (e) => {
-            e.preventDefault();
-            signupModal.classList.remove('hidden');
-        });
-        
-        closeSignupModal.addEventListener('click', () => {
-            signupModal.classList.add('hidden');
-        });
-        
-        showSignupModal.addEventListener('click', (e) => {
-            e.preventDefault();
-            loginModal.classList.add('hidden');
-            signupModal.classList.remove('hidden');
-        });
-        
-        showLoginModalFromSignup.addEventListener('click', (e) => {
-            e.preventDefault();
-            signupModal.classList.add('hidden');
-            loginModal.classList.remove('hidden');
-        });
-
-        // Start free trial buttons
-        const startFreeTrial = document.getElementById('startFreeTrial');
-        const startFreeTrialBottom = document.getElementById('startFreeTrialBottom');
-        
-        [startFreeTrial, startFreeTrialBottom].forEach(button => {
-            button.addEventListener('click', (e) => {
-                e.preventDefault();
-                signupModal.classList.remove('hidden');
-            });
-        });
-
-        // Logout
-        const logoutBtn = document.getElementById('logoutBtn');
-        logoutBtn.addEventListener('click', (e) => {
-            e.preventDefault();
-            document.getElementById('dashboard').classList.add('hidden');
-            document.getElementById('landingPage').classList.remove('hidden');
-        });
-
-        // Simulate login (for demo purposes)
-        document.querySelector('#loginModal form').addEventListener('submit', (e) => {
-            e.preventDefault();
-            loginModal.classList.add('hidden');
-            document.getElementById('landingPage').classList.add('hidden');
-            document.getElementById('dashboard').classList.remove('hidden');
-        });
-
-        // Simulate signup (for demo purposes)
-        document.querySelector('#signupModal form').addEventListener('submit', (e) => {
-            e.preventDefault();
-            signupModal.classList.add('hidden');
-            document.getElementById('landingPage').classList.add('hidden');
-            document.getElementById('dashboard').classList.remove('hidden');
-        });
-
-        // Close modals when clicking on backdrop
-        [loginModal, signupModal].forEach(modal => {
-            modal.addEventListener('click', (e) => {
-                if (e.target === modal) {
-                    modal.classList.add('hidden');
-                }
-            });
-        });
-    </script>
-<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=xlorfx/ai-security-auditor" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+                       
 </html>
\ No newline at end of file
