body { font-family: 'Inter', sans-serif; }

        .text-logo { font-family: 'Outfit', sans-serif; font-size: 40px;}
        .century-gothic { 
            font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; 
            font-weight: bold !important; 
        }
        
        /* Efeito de Vidro Profissional */
        .glass-nav {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }

        /* Gradiente de Fundo Azulado Suave */
        .hero-bg {
            background: radial-gradient(circle at top right, #eff6ff 0%, transparent 40%),
                        radial-gradient(circle at bottom left, #dbeafe 0%, transparent 40%);
        }

        /* Simulação de Dashboard (CSS Only) */
        .dashboard-mockup {
            background: #ffffff;
            border: 1px solid rgba(0,0,0,0.1);
            box-shadow: 0 25px 50px -12px rgba(30, 64, 175, 0.15); /* Sombra azulada */
            border-radius: 12px;
            overflow: hidden;
            position: relative;
        }
        .mock-header { height: 40px; border-bottom: 1px solid #f1f5f9; background: #f8fafc; display: flex; align-items: center; padding: 0 16px; gap: 8px; }
        .dot { width: 10px; height: 10px; border-radius: 50%; }
        .mock-sidebar { width: 60px; height: 100%; border-right: 1px solid #f1f5f9; position: absolute; top: 40px; left: 0; background: #fff; }
        .mock-content { margin-left: 60px; margin-top: 40px; padding: 24px; background: #f8fafc; height: 300px; }
        .mock-line { height: 12px; border-radius: 6px; background: #e2e8f0; margin-bottom: 12px; }
        .mock-card { background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); margin-bottom: 16px; }
        
        /* Scrollbar escondida para estética */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #93c5fd; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #60a5fa; }

        .logo-integration {
            background: white;
            border-radius: 1rem;
            padding: 1.2rem 2.2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: box-shadow 0.3s, transform 0.3s, filter 0.3s;
            filter: grayscale(1) opacity(0.7);
        }
        .logo-integration:hover {
            filter: grayscale(0) opacity(1);
        }
        .integration-img {
            filter: grayscale(0.2) brightness(0.95);
        }
        .logo-integration:hover .integration-img {
            filter: none;
            opacity: 1;
        }
        /* Estilos específicos para a comparação */
        .comparison-item.success {
            background-color: #f0fdf4; /* green-50 */
            border-left: 4px solid #22c55e; /* green-500 */
            padding: 1rem;
            border-radius: 0 0.5rem 0.5rem 0;
        }
        .comparison-item.error {
            background-color: #fef2f2; /* red-50 */
            border-left: 4px solid #ef4444; /* red-500 */
            padding: 1rem;
            border-radius: 0 0.5rem 0.5rem 0;
        }