diff --git a/src/app/page.tsx b/src/app/page.tsx
index 95aee33..d3c3739 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Brain, CheckCircle, Link2, Sparkle, Users, X, Zap } from "lucide-react";
+import { Brain, CheckCircle, Link2, Sparkle, Users, X, Zap, Crown } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -221,7 +221,7 @@ export default function LandingPage() {
               ]
             },
             {
-              id: "pro",              badge: "Mais vendido",              badgeIcon: Zap,
+              id: "pro",              badge: "Recomendado",              badgeIcon: Crown,
               price: "R$ 99/mês",              subtitle: "A escolha inteligente",              buttons: [{ text: "Começar agora", href: "#" }],
               features: [
                 "Todos os Playbooks",                "Conexões ilimitadas",                "Alertas inteligentes com causas",                "Automações ilimitadas",                "Plano diário com IA",                "Copiloto de mensagens",                "Suporte prioritário"
@@ -238,6 +238,8 @@ export default function LandingPage() {
           animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={true}
+          badgeClassName="bg-gradient-to-r from-yellow-400 via-amber-400 to-orange-400 text-slate-900 font-semibold"
+          cardClassName="[&:nth-child(2)]:scale-105 [&:nth-child(2)]:shadow-2xl [&:nth-child(2)]:z-10"
         />
       </div>