diff --git a/src/app/__tests__/home-conversion.test.tsx b/src/app/__tests__/home-conversion.test.tsx
new file mode 100644
index 00000000..659af79d
--- /dev/null
+++ b/src/app/__tests__/home-conversion.test.tsx
@@ -0,0 +1,144 @@
+/** @vitest-environment jsdom */
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { fireEvent, render, screen, within } from "@testing-library/react";
+import Home from "../page";
+import { trackFunnelCtaClick, trackHomeCta } from "@/lib/analytics";
+
+vi.mock("@/lib/analytics", () => ({
+  trackFunnelCtaClick: vi.fn(),
+  trackHomeCta: vi.fn(),
+  trackCtaWhatsAppClick: vi.fn(),
+  trackCtaScroll50: vi.fn(),
+  trackScrollDepth: vi.fn(),
+  trackEcosystemLinkClick: vi.fn(),
+  trackToolCardClick: vi.fn(),
+  trackCtaDemoClick: vi.fn(),
+}));
+
+const SECTION_ORDER = [
+  "hero-heading",
+  "problem-solution-heading",
+  "how-it-works-hub-heading",
+  "whatsapp-product-heading",
+  "faq-heading",
+  "final-cta-v2-heading",
+  "tools-heading",
+  "products-heading",
+] as const;
+
+const UNSUPPORTED_CLAIMS = [
+  "LIVE",
+  "Produção",
+  "1.247",
+  "74%",
+  "2m12s",
+  "70%",
+  "100%",
+  "números reais",
+  "não mockup",
+  "não é mockup",
+  "Ver exemplo real",
+  "Operações reais",
+  "24/7",
+];
+
+describe("home conversion cleanup", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    vi.stubEnv("NEXT_PUBLIC_WHATSAPP_NUMBER", "5511999999999");
+  });
+
+  it("ordena a decisão antes do ecossistema e não mostra prova inventada", () => {
+    render(<Home />);
+
+    const nodes = SECTION_ORDER.map((id) => {
+      const node = document.getElementById(id);
+      expect(node, id).toBeTruthy();
+      return node!;
+    });
+
+    for (let index = 1; index < nodes.length; index += 1) {
+      const relation = nodes[index - 1].compareDocumentPosition(nodes[index]);
+      expect(relation & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+    }
+
+    const text = document.body.textContent ?? "";
+    for (const claim of UNSUPPORTED_CLAIMS) {
+      expect(text).not.toContain(claim);
+    }
+
+    expect(text).toContain("Dados ilustrativos");
+    expect(text).toContain("Demonstração da plataforma");
+    expect(text).toContain("Quer entender como isso funcionaria na sua operação?");
+    expect(screen.getByRole("heading", { name: "O que entra na operação" })).toBeTruthy();
+    expect(screen.getByRole("heading", { name: "Como sua operação de WhatsApp sai do improviso" })).toBeTruthy();
+    expect(screen.getByRole("heading", { name: "Perguntas frequentes" })).toBeTruthy();
+  });
+
+  it("separa CTA primário, demo e WhatsApp no hero", () => {
+    render(<Home />);
+    const hero = screen.getByRole("region", { name: /Menos mensagem perdida/i });
+
+    const primary = within(hero).getByRole("link", {
+      name: "Agendar diagnóstico da operação no WhatsApp",
+    });
+    expect(primary).toHaveAttribute("href", "/contato");
+    expect(primary.className).toContain("df-btn-primary");
+
+    const demo = within(hero).getByRole("link", {
+      name: "Ver demonstração guiada de atendimento no WhatsApp",
+    });
+    expect(demo).toHaveAttribute("href", "/demo");
+    expect(demo).toHaveTextContent("Ver demo");
+    expect(demo.className).not.toContain("df-btn-primary");
+
+    const whatsapp = within(hero).getByRole("link", {
+      name: "Falar no WhatsApp com a DevFlow Labs",
+    });
+    expect(whatsapp.getAttribute("href")).toMatch(/^https:\/\/wa\.me\/5511999999999/);
+    expect(whatsapp.className).not.toContain("df-btn");
+
+    fireEvent.click(primary);
+    expect(trackFunnelCtaClick).toHaveBeenCalledWith({
+      cta: "agendar_diagnostico",
+      surface: "hero_primary",
+    });
+    expect(trackHomeCta).toHaveBeenCalledWith("hero_agendar_diagnostico");
+
+    fireEvent.click(demo);
+    expect(trackFunnelCtaClick).toHaveBeenCalledWith({
+      cta: "ver_demo_guiada",
+      surface: "hero_secondary",
+    });
+  });
+
+  it("mantém o CTA final imediatamente relevante e rastreado", () => {
+    render(<Home />);
+    const finalCta = screen.getByRole("region", {
+      name: "Quer entender como isso funcionaria na sua operação?",
+    });
+
+    const primary = within(finalCta).getByRole("link", {
+      name: "Agendar diagnóstico da operação no WhatsApp",
+    });
+    const demo = within(finalCta).getByRole("link", {
+      name: "Ver demonstração guiada de atendimento no WhatsApp",
+    });
+
+    expect(primary).toHaveAttribute("href", "/contato");
+    expect(demo).toHaveAttribute("href", "/demo");
+    expect(demo).toHaveTextContent("Ver demo");
+
+    fireEvent.click(primary);
+    expect(trackFunnelCtaClick).toHaveBeenCalledWith({
+      cta: "agendar_diagnostico",
+      surface: "final_cta_primary",
+    });
+
+    fireEvent.click(demo);
+    expect(trackFunnelCtaClick).toHaveBeenCalledWith({
+      cta: "ver_demo_guiada",
+      surface: "final_cta_secondary",
+    });
+  });
+});
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 16cde9c1..648c50fe 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,23 +5,15 @@ import { ScrollTracker } from "@/components/shared/scroll-tracker";
 import { HeroV2 } from "@/components/sections/hero-v2";
 import { TechnicalTrustStrip } from "@/components/sections/technical-trust-strip";
 import { ProblemSolutionSection } from "@/components/sections/problem-solution-section";
-import { WhatsAppProductSection } from "@/components/sections/whatsapp-product-section";
-import { AuthorityRealOpsSection } from "@/components/sections/authority-real-ops-section";
 import { HowItWorksHub } from "@/components/sections/how-it-works-hub";
-import { ResultsSocialProofSection } from "@/components/sections/results-social-proof-section";
+import { WhatsAppProductSection } from "@/components/sections/whatsapp-product-section";
+import { Faq } from "@/components/sections/faq";
 import { FinalCtaV2 } from "@/components/sections/final-cta-v2";
 
-// Ecossistema secundário — abaixo da oferta principal
-import { HubPillarsSection } from "@/components/sections/hub-pillars-section";
-import { WhereToStartSection } from "@/components/sections/where-to-start-section";
+// Ecossistema secundário — só depois da decisão de conversão
 import { ToolsSection } from "@/components/sections/tools-section";
 import { ProductsSection } from "@/components/sections/products-section";
 
-// Seções existentes reaproveitadas
-import { Metrics } from "@/components/sections/metrics";
-import { ProofSocial } from "@/components/sections/proof-social";
-import { Faq } from "@/components/sections/faq";
-
 const baseUrl = "https://devflowlabs.com.br";
 const ogImage = `${baseUrl}/og-devflow.png`;
 
@@ -91,31 +83,19 @@ export default function Home() {
 
       <ProblemSolutionSection />
 
-      <WhatsAppProductSection />
-
-      <AuthorityRealOpsSection />
-
       <HowItWorksHub />
 
-      <ResultsSocialProofSection />
-
-      <Metrics />
-
-      <ProofSocial />
+      <WhatsAppProductSection />
 
       <Faq />
 
+      <FinalCtaV2 />
+
       <HomeEcosystemStack>
         <ToolsSection />
 
         <ProductsSection />
-
-        <HubPillarsSection />
-
-        <WhereToStartSection />
       </HomeEcosystemStack>
-
-      <FinalCtaV2 />
     </>
   );
 }
diff --git a/src/components/sections/authority-real-ops-section.tsx b/src/components/sections/authority-real-ops-section.tsx
deleted file mode 100644
index 6f15b9ac..00000000
--- a/src/components/sections/authority-real-ops-section.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Plug, Server, Radio } from "lucide-react";
-import { cn } from "@/lib/utils";
-
-const points = [
-  {
-    icon: Plug,
-    title: "API Meta de verdade",
-    text: "Cloud API oficial — não é atalho nem número espelhado.",
-  },
-  {
-    icon: Server,
-    title: "Plugado no seu fluxo",
-    text: "Webhook, fila, handoff: desenhado pra quem recebe volume.",
-  },
-  {
-    icon: Radio,
-    title: "Mesmo código em produção",
-    text: "Automações reais ativas hoje — não mockup de apresentação.",
-  },
-];
-
-export function AuthorityRealOpsSection() {
-  return (
-    <section
-      id="autoridade-operacao"
-      className="border-y df-border-brand bg-[var(--devflow-surface)] py-12 sm:py-16 lg:py-20"
-      aria-labelledby="authority-heading"
-    >
-      <div className="mx-auto max-w-[1200px] px-4 sm:px-6 lg:px-8">
-        <div className="mx-auto max-w-2xl text-center">
-          <div className="mx-auto mb-4 h-1 w-12 rounded-full bg-primary" aria-hidden />
-          <h2
-            id="authority-heading"
-            className="df-text-primary text-2xl font-bold tracking-tight sm:text-3xl"
-          >
-            Operações reais em produção — não mockup de apresentação
-          </h2>
-          <p className="df-text-secondary mt-4 text-sm leading-relaxed sm:text-base">
-            WhatsApp Cloud API oficial, fila priorizada, handoff humano e dashboard operacional.
-          </p>
-        </div>
-
-        <ul className="mt-10 grid gap-6 sm:mt-12 sm:grid-cols-3 sm:gap-8" role="list">
-          {points.map((p) => (
-            <li
-              key={p.title}
-              className={cn(
-                "df-surface-elevated rounded-2xl p-7",
-                "transition-colors hover:border-[color-mix(in_srgb,var(--devflow-brand)_35%,transparent)]"
-              )}
-            >
-              <div className="flex size-11 items-center justify-center rounded-xl df-bg-brand-soft">
-                <p.icon className="size-6 df-status-brand" aria-hidden />
-              </div>
-              <h3 className="df-text-primary mt-5 font-bold">{p.title}</h3>
-              <p className="df-text-secondary mt-3 text-sm leading-relaxed">{p.text}</p>
-            </li>
-          ))}
-        </ul>
-      </div>
-    </section>
-  );
-}
diff --git a/src/components/sections/faq.tsx b/src/components/sections/faq.tsx
index 867f8cb8..8af4f65d 100644
--- a/src/components/sections/faq.tsx
+++ b/src/components/sections/faq.tsx
@@ -28,7 +28,7 @@ const faqItems = [
   {
     question: "Vocês só entregam o sistema ou ajudam a implementar?",
     answer:
-      "A entrega é consultiva: diagnóstico da operação, desenho dos fluxos, implementação guiada, treinamento e acompanhamento inicial com base nas métricas reais.",
+      "A entrega é consultiva: diagnóstico da operação, desenho dos fluxos, implementação guiada, treinamento e acompanhamento inicial com base no que a operação mostrar.",
   },
   {
     question: "Para quais negócios isso faz sentido?",
@@ -104,7 +104,10 @@ export function Faq() {
             <WhatsAppCta
               label={QUICK_WHATSAPP_CTA_LABEL}
               ariaLabel="Falar no WhatsApp com a DevFlow Labs"
+              variant="secondary"
               size="default"
+              trackingSource="faq_whatsapp"
+              trackFunnel
               text="Olá, tenho dúvidas sobre implementar atendimento e vendas no WhatsApp com a DevFlow."
             />
           </div>
diff --git a/src/components/sections/final-cta-v2.tsx b/src/components/sections/final-cta-v2.tsx
index 86a7aa93..84d9fec5 100644
--- a/src/components/sections/final-cta-v2.tsx
+++ b/src/components/sections/final-cta-v2.tsx
@@ -4,9 +4,9 @@ import Link from "next/link";
 import { ArrowRight } from "lucide-react";
 import { trackFunnelCtaClick } from "@/lib/analytics";
 import {
+  HOME_DEMO_CTA_LABEL,
   PRIMARY_CONVERT_CTA_LABEL,
   PRIMARY_CONVERT_HREF,
-  PRIMARY_DEMO_CTA_LABEL,
   PRIMARY_DEMO_HREF,
 } from "@/lib/conversion-copy";
 import { cn } from "@/lib/utils";
@@ -33,17 +33,11 @@ export function FinalCtaV2() {
             id="final-cta-v2-heading"
             className="df-text-primary text-2xl font-bold tracking-tight sm:text-3xl"
           >
-            Menos mensagem perdida. Mais venda preservada.
+            Quer entender como isso funcionaria na sua operação?
           </h2>
           <p className="df-text-secondary mt-4 text-base leading-relaxed sm:text-lg">
-            Agende um diagnóstico para transformar atendimento e vendas no WhatsApp em rotina previsível.
-          </p>
-          <p className="df-text-secondary mt-3 text-sm leading-relaxed">
-            IA no repetitivo, humano no que importa — com WhatsApp Cloud API oficial, fila, handoff e dashboard.
-          </p>
-
-          <p className="mt-2 text-xs font-medium df-status-brand">
-            Operações reais em produção · implementação consultiva ponta a ponta
+            Em uma conversa rápida, analisamos como sua equipe usa o WhatsApp hoje e mostramos onde a DevFlow pode
+            organizar atendimento, distribuição e acompanhamento.
           </p>
 
           <div className="mt-6 flex flex-col items-stretch gap-3 sm:mt-8 sm:items-center sm:gap-4">
@@ -70,11 +64,11 @@ export function FinalCtaV2() {
               }
               className="df-btn-secondary inline-flex min-h-12 items-center justify-center gap-2 rounded-xl px-6 text-sm font-semibold transition-colors"
             >
-              {PRIMARY_DEMO_CTA_LABEL}
+              {HOME_DEMO_CTA_LABEL}
             </Link>
           </div>
           <p className="df-text-muted mt-6 text-xs leading-relaxed">
-            Oferta principal: implementação de operação de atendimento e vendas no WhatsApp
+            O próximo passo é o diagnóstico da operação no WhatsApp.
           </p>
         </div>
       </div>
diff --git a/src/components/sections/hero-v2.tsx b/src/components/sections/hero-v2.tsx
index 4021e44e..b070b96d 100644
--- a/src/components/sections/hero-v2.tsx
+++ b/src/components/sections/hero-v2.tsx
@@ -1,181 +1,66 @@
 "use client";
 
 import Link from "next/link";
-import {
-  ArrowRight,
-  MessageCircle,
-  Check,
-  AlertTriangle,
-  Bot,
-  UserRound,
-  Clock,
-  BarChart3,
-} from "lucide-react";
-import { trackFunnelCtaClick, trackHomeCta } from "@/lib/analytics";
+import { ArrowRight, MessageCircle, BarChart3, Bot, UserRound } from "lucide-react";
+import { trackCtaWhatsAppClick, trackFunnelCtaClick, trackHomeCta } from "@/lib/analytics";
 import {
   HERO_TRUST_SIGNALS,
+  HOME_DEMO_CTA_LABEL,
   PRIMARY_CONVERT_CTA_LABEL,
   PRIMARY_CONVERT_HREF,
-  PRIMARY_DEMO_CTA_LABEL,
   PRIMARY_DEMO_HREF,
   PRODUCT_LIVE_HINT,
   QUICK_WHATSAPP_CTA_LABEL,
 } from "@/lib/conversion-copy";
-import { WhatsAppCta } from "@/components/shared/whatsapp-cta";
+import { getWhatsAppOrMailtoUrl, isWhatsAppNumberConfigured } from "@/lib/whatsapp";
 import { cn } from "@/lib/utils";
 
-const bullets = [
-  "Menos mensagem perdida — fila priorizada e SLA visível no dashboard",
-  "IA no repetitivo, humano no que importa — handoff quando o cliente precisa",
-  "WhatsApp Cloud API oficial, sem número espelhado — diagnóstico e operação acompanhada",
-];
-
-function OperationalDashboardMock() {
-  const metrics = [
-    { label: "Msg 24h", value: "1.247", color: "df-status-brand" },
-    { label: "Bot resolve", value: "74%", color: "df-status-info" },
-    { label: "Com humano", value: "23", color: "df-status-warning" },
-    { label: "TMR médio", value: "2m12s", color: "df-status-success" },
-  ];
+const HERO_WHATSAPP_TEXT =
+  "Olá, vim pelo site. Quero falar sobre atendimento e vendas no WhatsApp com a DevFlow.";
 
-  const queue = [
-    {
-      name: "Cliente B — Pedido #1042",
-      status: "SLA em risco",
-      time: "8 min",
-      dot: "df-dot-danger",
-      badge: "df-bg-danger-soft df-status-danger",
-      icon: AlertTriangle,
-    },
-    {
-      name: "Cliente A — Status entrega",
-      status: "Resolvido pelo bot",
-      time: "agora",
-      dot: "df-dot-brand",
-      badge: "df-bg-brand-soft df-status-brand",
-      icon: Bot,
-    },
-    {
-      name: "Cliente C — Reclamação",
-      status: "Handoff → Ana",
-      time: "2 min",
-      dot: "df-dot-warning",
-      badge: "df-bg-warning-soft df-status-warning",
-      icon: UserRound,
-    },
-  ];
+const illustrativeQueue = [
+  { label: "Fila", status: "Aguardando responsável", icon: UserRound },
+  { label: "Automação", status: "Dúvida frequente", icon: Bot },
+  { label: "Handoff", status: "Com a equipe", icon: MessageCircle },
+];
 
+function IllustrativeQueue() {
   return (
-    <div className="df-surface-elevated rounded-xl p-4 shadow-[0_8px_30px_rgba(0,0,0,0.25)] transition-shadow hover:shadow-[0_12px_40px_rgba(0,0,0,0.32)]">
+    <div className="df-surface-elevated rounded-xl p-4">
       <div className="mb-3 flex items-center justify-between gap-2">
         <div className="flex min-w-0 items-center gap-2">
           <BarChart3 className="size-4 shrink-0 df-status-brand" aria-hidden />
-          <span className="df-text-secondary truncate text-xs font-medium">Painel operacional</span>
+          <span className="df-text-secondary truncate text-xs font-medium">Demonstração da plataforma</span>
         </div>
-        <span className="shrink-0 rounded-full df-bg-brand-soft px-2 py-0.5 text-[10px] font-semibold df-status-brand">
-          LIVE
+        <span className="shrink-0 rounded-full border border-border px-2 py-0.5 text-[10px] font-semibold df-text-secondary">
+          Dados ilustrativos
         </span>
       </div>
-
-      <div className="grid grid-cols-2 gap-2 sm:grid-cols-4">
-        {metrics.map((m) => (
-          <div key={m.label} className="min-w-0 rounded-lg bg-muted/50 p-2.5 text-center">
-            <p className={cn("text-sm font-bold", m.color)}>{m.value}</p>
-            <p className="df-text-secondary mt-0.5 text-[10px]">{m.label}</p>
-          </div>
-        ))}
-      </div>
-
-      <div className="mt-4">
-        <p className="df-text-secondary mb-2 text-[10px] font-bold uppercase tracking-wide">
-          Fila priorizada
-        </p>
-        <div className="space-y-1.5">
-          {queue.map((item) => (
-            <div
-              key={item.name}
-              className="flex items-center gap-2 rounded-lg border border-border/60 bg-muted/25 px-2.5 py-2"
-            >
-              <span className={cn("size-2 shrink-0 rounded-full", item.dot)} aria-hidden />
-              <div className="min-w-0 flex-1">
-                <p className="truncate text-[11px] font-semibold df-text-primary">{item.name}</p>
-                <span className={cn("inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[9px] font-semibold", item.badge)}>
-                  <item.icon className="size-2.5" aria-hidden />
-                  {item.status}
-                </span>
-              </div>
-              <span className="df-text-muted flex shrink-0 items-center gap-0.5 text-[10px] font-medium">
-                <Clock className="size-2.5" aria-hidden />
-                {item.time}
-              </span>
+      <p className="df-text-muted mb-3 text-[11px] leading-relaxed">
+        Estrutura da fila. Não representa uma operação de cliente.
+      </p>
+      <div className="space-y-1.5">
+        {illustrativeQueue.map((item) => (
+          <div
+            key={item.label}
+            className="flex items-center gap-2 rounded-lg border border-border/60 bg-muted/25 px-2.5 py-2"
+          >
+            <item.icon className="size-3.5 shrink-0 df-status-brand" aria-hidden />
+            <div className="min-w-0 flex-1">
+              <p className="truncate text-[11px] font-semibold df-text-primary">{item.label}</p>
+              <p className="df-text-secondary truncate text-[10px]">{item.status}</p>
             </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function HandoffChatMock() {
-  return (
-    <div className="df-surface-elevated rounded-xl p-4 shadow-[0_8px_30px_rgba(0,0,0,0.25)] transition-shadow hover:shadow-[0_12px_40px_rgba(0,0,0,0.32)]">
-      <div className="mb-3 flex items-center justify-between gap-2">
-        <div className="flex items-center gap-2">
-          <div className="flex size-7 shrink-0 items-center justify-center rounded-full df-bg-brand-soft">
-            <MessageCircle className="size-4 df-status-brand" aria-hidden />
-          </div>
-          <div className="min-w-0">
-            <p className="text-xs font-semibold df-text-primary">Cliente C — Handoff</p>
-            <p className="flex items-center gap-1 text-[10px] df-status-warning">
-              <UserRound className="size-2.5" aria-hidden />
-              Ana · atendente humano
-            </p>
           </div>
-        </div>
-        <span className="shrink-0 rounded-full df-bg-warning-soft px-2 py-0.5 text-[9px] font-semibold df-status-warning">
-          Handoff
-        </span>
-      </div>
-      <div className="space-y-2">
-        <div className="max-w-[85%] rounded-2xl rounded-tl-md border df-border-brand bg-muted/30 px-3 py-2 text-xs df-text-primary">
-          <span className="mb-0.5 block text-[9px] font-semibold df-status-brand">Bot</span>
-          Entendi. Vou transferir para nossa equipe agora.
-        </div>
-        <div className="mx-auto w-fit rounded-full bg-muted px-2 py-0.5 text-[9px] font-medium df-text-muted">
-          ↓ Handoff para atendente
-        </div>
-        <div className="max-w-[85%] rounded-2xl rounded-tl-md border df-bg-warning-soft px-3 py-2 text-xs df-text-primary">
-          <span className="mb-0.5 block text-[9px] font-semibold df-status-warning">Ana</span>
-          Olá! Vi sua reclamação sobre o pedido #1042. Já estou verificando.
-        </div>
-        <div className="ml-auto max-w-[85%] rounded-2xl rounded-tr-md bg-muted px-3 py-2 text-xs df-text-primary">
-          Obrigado, preciso de uma solução rápida
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function BotResolvedMock() {
-  return (
-    <div className="rounded-xl border df-bg-success-soft p-4 shadow-sm">
-      <div className="flex items-center gap-2">
-        <Bot className="size-4 df-status-success" aria-hidden />
-        <p className="text-xs font-semibold df-status-success">Conversa resolvida pelo bot</p>
-      </div>
-      <p className="df-text-secondary mt-2 text-[11px] leading-relaxed">
-        Cliente A consultou status do pedido #1042 — resposta automática em 12s, sem escalar para humano.
-      </p>
-      <div className="mt-2 flex items-center gap-3 text-[10px] font-medium">
-        <span className="df-status-success">✓ Resolvido</span>
-        <span className="df-text-muted">·</span>
-        <span className="df-text-secondary">12s de resposta</span>
+        ))}
       </div>
     </div>
   );
 }
 
 export function HeroV2() {
+  const whatsAppHref = getWhatsAppOrMailtoUrl(HERO_WHATSAPP_TEXT);
+  const whatsAppOpensChat = isWhatsAppNumberConfigured();
+
   return (
     <section
       id="hero"
@@ -198,8 +83,7 @@ export function HeroV2() {
               <span className="text-primary">WhatsApp Platform</span>
               <span className="df-text-secondary hidden sm:inline">·</span>
               <span className="df-text-secondary w-full sm:w-auto sm:truncate">
-                <span className="sm:hidden">API oficial Meta · inbox · IA</span>
-                <span className="hidden sm:inline">Cloud API oficial · inbox multiatendente · IA no repetitivo</span>
+                Cloud API oficial · inbox da equipe
               </span>
             </div>
 
@@ -211,29 +95,11 @@ export function HeroV2() {
                 Menos mensagem perdida. Mais resposta no tempo certo. Mais venda preservada.
               </h1>
               <p className="df-text-secondary text-base leading-relaxed sm:text-lg lg:text-xl">
-                Transformamos seu WhatsApp em operação previsível com{" "}
-                <strong className="font-semibold text-foreground">inbox multiatendente, IA no repetitivo</strong>{" "}
-                e handoff humano quando importa.{" "}
-                <span className="df-text-primary">
-                  Diagnóstico, implementação guiada e operação acompanhada — ponta a ponta.
-                </span>
+                O WhatsApp da equipe deixa de ficar espalhado no celular. A DevFlow organiza o fluxo e passa a
+                conversa para uma pessoa quando ela precisa de contexto.
               </p>
             </div>
 
-            <ul className="grid grid-cols-1 gap-2.5 sm:gap-2.5" role="list">
-              {bullets.map((bullet, i) => (
-                <li
-                  key={i}
-                  className="df-text-primary flex items-start gap-2.5 text-sm font-medium sm:gap-3 sm:text-base sm:leading-snug"
-                >
-                  <span className="mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-lg bg-primary/12">
-                    <Check className="size-3.5 text-primary" aria-hidden />
-                  </span>
-                  <span className="min-w-0 leading-snug">{bullet}</span>
-                </li>
-              ))}
-            </ul>
-
             <div className="space-y-3 pt-0.5 sm:pt-1">
               <div className="flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-stretch sm:gap-4">
                 <Link
@@ -264,22 +130,29 @@ export function HeroV2() {
                     "shadow-sm transition-transform duration-200 ease-out hover:border-primary/35 hover:bg-muted/30"
                   )}
                 >
-                  <span className="text-balance">{PRIMARY_DEMO_CTA_LABEL}</span>
+                  <span className="text-balance">{HOME_DEMO_CTA_LABEL}</span>
                 </Link>
-                <WhatsAppCta
-                  label={QUICK_WHATSAPP_CTA_LABEL}
-                  ariaLabel="Falar no WhatsApp com a DevFlow Labs"
-                  text="Olá, vim pelo site. Quero falar sobre atendimento e vendas no WhatsApp com a DevFlow."
-                  variant="secondary"
-                  size="lg"
-                  trackingSource="hero_whatsapp"
-                  trackFunnel
-                  className={cn(
-                    "w-full min-h-[3rem] justify-center shadow-sm sm:w-auto sm:min-w-[min(100%,17rem)]",
-                    "border-2"
-                  )}
-                />
               </div>
+              <p className="text-center sm:text-left">
+                <a
+                  href={whatsAppHref}
+                  target={whatsAppOpensChat ? "_blank" : undefined}
+                  rel={whatsAppOpensChat ? "noopener noreferrer" : undefined}
+                  aria-label={
+                    whatsAppOpensChat
+                      ? "Falar no WhatsApp com a DevFlow Labs"
+                      : "Falar no WhatsApp: abrir cliente de e-mail"
+                  }
+                  onClick={() => {
+                    trackCtaWhatsAppClick("hero_whatsapp");
+                    trackHomeCta("hero_whatsapp");
+                    trackFunnelCtaClick({ cta: "falar_whatsapp", surface: "hero_whatsapp" });
+                  }}
+                  className="text-sm font-medium text-primary underline-offset-2 hover:underline"
+                >
+                  {QUICK_WHATSAPP_CTA_LABEL}
+                </a>
+              </p>
               <p className="df-text-secondary text-center text-[11px] font-medium leading-snug sm:text-left sm:text-xs">
                 {PRODUCT_LIVE_HINT}
               </p>
@@ -291,14 +164,6 @@ export function HeroV2() {
                 >
                   Como funciona
                 </Link>
-                <span className="text-muted-foreground"> · </span>
-                <Link
-                  href="/produtos/whatsapp-platform"
-                  onClick={() => trackHomeCta("hero_whatsapp_platform")}
-                  className="font-semibold text-primary underline-offset-2 hover:underline"
-                >
-                  WhatsApp Platform
-                </Link>
               </p>
             </div>
 
@@ -317,22 +182,8 @@ export function HeroV2() {
             </ul>
           </div>
 
-          {/* Mobile / tablet: composição operacional WhatsApp */}
-          <div className="mx-auto w-full max-w-md space-y-3 lg:hidden">
-            <OperationalDashboardMock />
-            <HandoffChatMock />
-            <BotResolvedMock />
-          </div>
-
-          {/* Desktop: grid operacional WhatsApp */}
-          <div className="relative hidden lg:block">
-            <div className="space-y-4">
-              <OperationalDashboardMock />
-              <div className="grid grid-cols-1 gap-4 xl:grid-cols-2">
-                <HandoffChatMock />
-                <BotResolvedMock />
-              </div>
-            </div>
+          <div className="mx-auto w-full max-w-md lg:max-w-none">
+            <IllustrativeQueue />
           </div>
         </div>
       </div>
diff --git a/src/components/sections/how-it-works-hub.tsx b/src/components/sections/how-it-works-hub.tsx
index fe74ed44..e11cee2e 100644
--- a/src/components/sections/how-it-works-hub.tsx
+++ b/src/components/sections/how-it-works-hub.tsx
@@ -1,9 +1,12 @@
+"use client";
+
 import Link from "next/link";
 import { ArrowRight, ClipboardList, GitBranch, Settings2, LineChart } from "lucide-react";
+import { trackFunnelCtaClick } from "@/lib/analytics";
 import {
+  HOME_DEMO_CTA_LABEL,
   PRIMARY_CONVERT_CTA_LABEL,
   PRIMARY_CONVERT_HREF,
-  PRIMARY_DEMO_CTA_LABEL,
   PRIMARY_DEMO_HREF,
 } from "@/lib/conversion-copy";
 import { cn } from "@/lib/utils";
@@ -35,7 +38,7 @@ const steps = [
     number: "04",
     title: "Operação acompanhada",
     description:
-      "Com a operação rodando, acompanhamos métricas reais, ajustamos fluxos, treinamos a equipe e melhoramos o atendimento com base nos dados.",
+      "Com a operação rodando, acompanhamos o que ela mostra, ajustamos fluxos, treinamos a equipe e melhoramos o atendimento com base nesses dados.",
   },
 ];
 
@@ -100,6 +103,9 @@ export function HowItWorksHub() {
           <Link
             href={PRIMARY_CONVERT_HREF}
             aria-label="Agendar diagnóstico da operação no WhatsApp"
+            onClick={() =>
+              trackFunnelCtaClick({ cta: "agendar_diagnostico", surface: "how_it_works_primary" })
+            }
             className={cn(
               "df-btn-primary inline-flex max-w-full items-center justify-center gap-2 rounded-xl px-5 py-3.5 text-center text-sm font-bold leading-snug",
               "df-shadow-cta-soft transition-all hover:scale-[1.02] sm:px-7 sm:text-base"
@@ -111,9 +117,12 @@ export function HowItWorksHub() {
           <Link
             href={PRIMARY_DEMO_HREF}
             aria-label="Ver demonstração guiada de atendimento no WhatsApp"
+            onClick={() =>
+              trackFunnelCtaClick({ cta: "ver_demo_guiada", surface: "how_it_works_demo" })
+            }
             className="df-btn-secondary inline-flex max-w-full items-center justify-center gap-2 rounded-xl px-5 py-3.5 text-center text-sm font-semibold leading-snug transition-colors sm:px-7 sm:text-base"
           >
-            {PRIMARY_DEMO_CTA_LABEL}
+            {HOME_DEMO_CTA_LABEL}
           </Link>
         </div>
       </div>
diff --git a/src/components/sections/metrics.tsx b/src/components/sections/metrics.tsx
deleted file mode 100644
index 44499d8d..00000000
--- a/src/components/sections/metrics.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { cn } from "@/lib/utils";
-
-const metrics = [
-  {
-    value: "24/7",
-    label: "Atendimento automático",
-  },
-  {
-    value: "70%",
-    label: "Mensagens automatizadas",
-    sub: "até 70% resolvidas sem humano",
-  },
-  {
-    value: "100%",
-    label: "Conversas registradas",
-  },
-  {
-    value: "—",
-    label: "Handoff automático",
-    sub: "para equipe humana",
-  },
-];
-
-export function Metrics() {
-  return (
-    <section
-      id="impacto"
-      className="border-y df-border-brand bg-[var(--devflow-surface)] py-24"
-      aria-labelledby="metrics-heading"
-    >
-      <div className="mx-auto max-w-[1200px] px-4 sm:px-6 lg:px-8">
-        <div className="mx-auto max-w-2xl text-center">
-          <div
-            className="mx-auto mb-4 h-1 w-12 rounded-full bg-primary"
-            aria-hidden
-          />
-          <h2
-            id="metrics-heading"
-            className="df-text-primary text-2xl font-semibold tracking-tight sm:text-3xl"
-          >
-            Impacto operacional
-          </h2>
-          <p className="df-text-secondary mt-3 leading-relaxed">
-            Números reais de operações usando a DevFlow.
-          </p>
-        </div>
-
-        <div className="mx-auto mt-12 grid max-w-4xl gap-6 sm:grid-cols-2 lg:grid-cols-4">
-          {metrics.map((metric) => (
-            <article
-              key={metric.label}
-              className={cn(
-                "rounded-xl border border-border bg-card p-6 text-center",
-                "transition-all duration-200 hover:-translate-y-1 hover:shadow-lg"
-              )}
-            >
-              <p className="text-4xl font-bold df-status-brand sm:text-5xl">
-                {metric.value}
-              </p>
-              <p className="df-text-primary mt-2 font-medium">{metric.label}</p>
-              {metric.sub && (
-                <p className="df-text-secondary mt-1 text-xs leading-relaxed">{metric.sub}</p>
-              )}
-            </article>
-          ))}
-        </div>
-      </div>
-    </section>
-  );
-}
diff --git a/src/components/sections/problem-solution-section.tsx b/src/components/sections/problem-solution-section.tsx
index 3116774b..2a6b5b4a 100644
--- a/src/components/sections/problem-solution-section.tsx
+++ b/src/components/sections/problem-solution-section.tsx
@@ -1,27 +1,19 @@
-import Link from "next/link";
-import { ArrowRight, X, Check, AlertTriangle } from "lucide-react";
-import { WhatsAppCta } from "@/components/shared/whatsapp-cta";
-import {
-  PRIMARY_CONVERT_CTA_LABEL,
-  PRIMARY_CONVERT_HREF,
-  QUICK_WHATSAPP_CTA_LABEL,
-} from "@/lib/conversion-copy";
-import { cn } from "@/lib/utils";
+import { X, Check, AlertTriangle } from "lucide-react";
 
 const problems = [
   "Mensagens importantes se perdem no volume",
   "Cliente espera resposta e procura outro fornecedor",
   "Equipe responde manualmente as mesmas dúvidas todos os dias",
   "Ninguém sabe exatamente o que está parado, atrasado ou em risco",
-  "Falta histórico, fila, prioridade e métrica",
+  "Falta histórico, fila e responsável",
 ];
 
-const solutions = [
-  "IA responde dúvidas repetitivas 24h",
-  "Handoff leva a conversa para um humano quando precisa",
-  "Inbox multiatendente organiza a operação",
-  "SLA e fila priorizada mostram o que exige atenção",
-  "Dashboard dá visibilidade para decidir com dados",
+const changes = [
+  "O repetitivo deixa de depender de alguém no celular",
+  "A conversa que pede uma pessoa segue para a equipe com contexto",
+  "Dá para ver o que está parado e quem responde",
+  "O histórico não fica só na memória de quem atendeu",
+  "A implantação começa pelo diagnóstico da operação atual",
 ];
 
 export function ProblemSolutionSection() {
@@ -60,7 +52,7 @@ export function ProblemSolutionSection() {
               </h3>
             </div>
             <p className="df-text-secondary mt-3 text-sm leading-relaxed">
-              WhatsApp desorganizado gera demora, mensagem perdida, equipe sobrecarregada e venda escapando.
+              WhatsApp desorganizado gera demora, mensagem perdida e equipe sobrecarregada.
             </p>
             <ul className="mt-5 space-y-3" role="list">
               {problems.map((item) => (
@@ -81,14 +73,14 @@ export function ProblemSolutionSection() {
                 <Check className="size-5 df-status-brand" aria-hidden />
               </div>
               <h3 id="solution-block-heading" className="df-text-primary text-lg font-bold">
-                A solução
+                O que muda
               </h3>
             </div>
             <p className="df-text-secondary mt-3 text-sm leading-relaxed">
-              IA no repetitivo, humano no que importa — com fila priorizada, SLA e dashboard operacional.
+              A operação passa a ter dono, contexto e um caminho claro até uma pessoa.
             </p>
             <ul className="mt-5 space-y-3" role="list">
-              {solutions.map((item) => (
+              {changes.map((item) => (
                 <li key={item} className="flex items-start gap-2.5">
                   <Check className="mt-0.5 size-4 shrink-0 df-status-success" aria-hidden />
                   <span className="df-text-primary text-sm leading-relaxed">{item}</span>
@@ -97,32 +89,6 @@ export function ProblemSolutionSection() {
             </ul>
           </article>
         </div>
-
-        <p className="df-text-primary mx-auto mt-10 max-w-xl text-center text-base font-semibold leading-relaxed sm:text-lg">
-          Menos mensagem perdida. Mais resposta no tempo certo. Mais venda preservada.
-        </p>
-
-        <div className="mt-10 flex flex-col items-center justify-center gap-3 sm:flex-row sm:flex-wrap">
-          <Link
-            href={PRIMARY_CONVERT_HREF}
-            aria-label="Agendar diagnóstico da operação no WhatsApp"
-            className={cn(
-              "df-btn-primary inline-flex h-12 w-full min-w-0 items-center justify-center gap-2 rounded-xl px-6 text-sm font-semibold sm:w-auto sm:min-w-[14rem]",
-              "df-shadow-cta focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2"
-            )}
-          >
-            {PRIMARY_CONVERT_CTA_LABEL}
-            <ArrowRight className="size-4 shrink-0" aria-hidden />
-          </Link>
-          <WhatsAppCta
-            label={QUICK_WHATSAPP_CTA_LABEL}
-            ariaLabel="Falar no WhatsApp com a DevFlow Labs"
-            variant="secondary"
-            size="lg"
-            className="w-full justify-center sm:w-auto sm:min-w-[14rem]"
-            text="Olá, vim pelo site. Quero falar sobre organizar atendimento e vendas no WhatsApp com a DevFlow."
-          />
-        </div>
       </div>
     </section>
   );
diff --git a/src/components/sections/products-section.tsx b/src/components/sections/products-section.tsx
index ac1fcb14..056449c2 100644
--- a/src/components/sections/products-section.tsx
+++ b/src/components/sections/products-section.tsx
@@ -144,9 +144,7 @@ export function ProductsSection() {
                   "transition-all duration-200",
                   product.disabled
                     ? "df-text-secondary cursor-default border border-dashed border-border bg-muted/20 pointer-events-none"
-                    : product.featured
-                      ? "df-btn-primary df-shadow-cta-soft"
-                      : "df-surface-elevated border border-border text-foreground hover:bg-muted/20"
+                    : "df-btn-secondary"
                 )}
                 tabIndex={product.disabled ? -1 : undefined}
                 aria-disabled={product.disabled}
diff --git a/src/components/sections/proof-social.tsx b/src/components/sections/proof-social.tsx
deleted file mode 100644
index 9803f074..00000000
--- a/src/components/sections/proof-social.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-const claims = [
-  "Projetado para operações com alto volume de mensagens",
-  "Estrutura preparada para restaurantes, lojas, clínicas e tabacarias",
-  "Baseado em automação real com WhatsApp Cloud API",
-];
-
-export function ProofSocial() {
-  return (
-    <section
-      id="prova-social"
-      className="py-16"
-      aria-labelledby="proof-heading"
-    >
-      <div className="mx-auto max-w-[1200px] px-4 sm:px-6 lg:px-8">
-        <div className="rounded-xl border border-primary/20 bg-primary/5 px-6 py-8">
-          <p className="df-text-secondary text-center text-sm font-medium">
-            Prova social
-          </p>
-          <ul className="mt-4 flex flex-col items-center gap-3 sm:flex-row sm:flex-wrap sm:justify-center" role="list">
-            {claims.map((claim) => (
-              <li
-                key={claim}
-                className="df-text-primary flex items-center gap-2 text-sm leading-relaxed"
-              >
-                <span className="size-1.5 rounded-full bg-primary" aria-hidden />
-                {claim}
-              </li>
-            ))}
-          </ul>
-        </div>
-      </div>
-    </section>
-  );
-}
diff --git a/src/components/sections/results-social-proof-section.tsx b/src/components/sections/results-social-proof-section.tsx
deleted file mode 100644
index 21df9d37..00000000
--- a/src/components/sections/results-social-proof-section.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import { ArrowRight, TrendingUp } from "lucide-react";
-import Link from "next/link";
-import { VER_EXEMPLO_REAL_CTA_LABEL } from "@/lib/conversion-copy";
-import { cn } from "@/lib/utils";
-
-const stories = [
-  {
-    antes: "Demorava horas pra organizar tudo",
-    depois: "Agora faço em minutos",
-    accent: "border-l-[var(--devflow-brand)]",
-  },
-  {
-    antes: "Cliente esperando resposta",
-    depois: "Automático 24h",
-    accent: "border-l-[var(--devflow-success)]",
-  },
-  {
-    antes: "Planilha espalhada",
-    depois: "Um painel, visão clara",
-    accent: "border-l-[var(--devflow-info)]",
-  },
-];
-
-export function ResultsSocialProofSection() {
-  return (
-    <section
-      id="resultados-reais"
-      className="border-y df-border-brand bg-[var(--devflow-background)] py-24 sm:py-28"
-      aria-labelledby="results-social-heading"
-    >
-      <div className="mx-auto max-w-[1200px] px-4 sm:px-6 lg:px-8">
-        <div className="mx-auto max-w-2xl text-center">
-          <div className="mx-auto mb-4 inline-flex items-center gap-2 rounded-full border df-bg-brand-soft px-3 py-1 text-xs font-semibold df-status-brand">
-            <TrendingUp className="size-3.5" aria-hidden />
-            Antes → depois
-          </div>
-          <p className="df-text-secondary text-sm leading-relaxed">Na prática, o que muda:</p>
-          <h2
-            id="results-social-heading"
-            className="df-text-primary mt-2 text-2xl font-bold tracking-tight sm:text-3xl"
-          >
-            Menos manual, mais fluxo
-          </h2>
-        </div>
-
-        <ul className="mt-16 grid gap-8 lg:grid-cols-3" role="list">
-          {stories.map((s) => (
-            <li
-              key={s.antes}
-              className={cn(
-                "df-surface rounded-2xl p-7 shadow-sm",
-                "transition-shadow hover:shadow-md"
-              )}
-            >
-              <div className={cn("border-l-4 pl-4", s.accent)}>
-                <p className="df-text-muted text-[10px] font-bold uppercase tracking-wider">
-                  Antes
-                </p>
-                <p className="df-text-primary mt-2 text-sm font-medium leading-relaxed">{s.antes}</p>
-              </div>
-              <div className="my-5 h-px bg-border" aria-hidden />
-              <div className="rounded-xl df-bg-brand-soft px-4 py-3">
-                <p className="text-[10px] font-bold uppercase tracking-wider df-status-brand">Depois</p>
-                <p className="df-text-primary mt-2 text-sm font-semibold leading-relaxed">{s.depois}</p>
-              </div>
-            </li>
-          ))}
-        </ul>
-
-        <p className="mt-14 flex justify-center">
-          <Link
-            href="/projetos"
-            className={cn(
-              "df-btn-primary inline-flex h-12 items-center justify-center gap-2 rounded-xl px-6 text-sm font-semibold",
-              "df-shadow-cta"
-            )}
-          >
-            {VER_EXEMPLO_REAL_CTA_LABEL}
-            <ArrowRight className="size-4 shrink-0" aria-hidden />
-          </Link>
-        </p>
-      </div>
-    </section>
-  );
-}
diff --git a/src/components/sections/whatsapp-product-section.tsx b/src/components/sections/whatsapp-product-section.tsx
index 8e34fd14..18fe6f98 100644
--- a/src/components/sections/whatsapp-product-section.tsx
+++ b/src/components/sections/whatsapp-product-section.tsx
@@ -1,171 +1,61 @@
-"use client";
+import { Inbox, Bot, ListOrdered, Plug } from "lucide-react";
 
-import Link from "next/link";
-import { Check, ArrowRight, Zap, UserRound, BarChart3 } from "lucide-react";
-import { WhatsAppCta } from "@/components/shared/whatsapp-cta";
-import {
-  ENTENDER_APLICAR_NEGOCIO_CTA_LABEL,
-  PLATFORM_IN_ACTION_CTA_LABEL,
-} from "@/lib/conversion-copy";
-import { cn } from "@/lib/utils";
-
-const features = [
+const capabilities = [
   {
-    icon: Zap,
-    title: "Resposta na hora",
-    description: "FAQ, status, links — 24h sem você no celular.",
+    icon: Inbox,
+    title: "Inbox da equipe",
+    description: "Várias pessoas atendem no mesmo número, com responsável e histórico da conversa.",
   },
   {
-    icon: UserRound,
-    title: "Humano quando precisa",
-    description: "Cliente pede gente? A conversa vai pra equipe.",
+    icon: Bot,
+    title: "Automação no repetitivo",
+    description:
+      "Dúvidas frequentes, status e triagem seguem um fluxo. Quando a conversa pede uma pessoa, o handoff leva o contexto.",
   },
   {
-    icon: BarChart3,
-    title: "Números na mesa",
-    description: "Volume, bot vs humano — pra decidir, não pra decorar.",
+    icon: ListOrdered,
+    title: "Fila visível",
+    description: "A equipe vê o que está aguardando, em atendimento ou encerrado.",
+  },
+  {
+    icon: Plug,
+    title: "WhatsApp Cloud API oficial",
+    description: "Webhooks e API oficial da Meta. Não é número espelhado nem sessão presa a um celular.",
   },
-];
-
-const highlights = [
-  "API oficial Meta",
-  "Sem mensagem duplicada",
-  "Auditoria rastreável",
-  "Escala com a operação",
 ];
 
 export function WhatsAppProductSection() {
   return (
     <section
-      id="automacao-whatsapp"
+      id="capacidades"
       className="border-y df-border-brand bg-[var(--devflow-surface)] py-12 sm:py-16 lg:py-20"
       aria-labelledby="whatsapp-product-heading"
     >
       <div className="mx-auto max-w-[1200px] px-4 sm:px-6 lg:px-8">
-        <p className="df-text-secondary mb-6 text-center text-sm font-medium sm:text-left">
-          Solução principal da DevFlow Labs:
-        </p>
-        <div className="grid min-w-0 gap-8 lg:grid-cols-2 lg:gap-14 lg:items-center">
-          <div className="space-y-8">
-            <div>
-              <h2
-                id="whatsapp-product-heading"
-                className="df-text-primary text-3xl font-bold tracking-tight sm:text-4xl"
-              >
-                WhatsApp Platform — operação previsível de atendimento e vendas
-              </h2>
-              <p className="df-text-secondary mt-4 text-lg leading-relaxed">
-                Mais resposta no tempo certo, com IA no repetitivo e handoff humano quando importa.
-                <span className="df-text-primary mt-2 block text-base font-medium">
-                  WhatsApp Cloud API oficial, sem número espelhado — fila, SLA e dashboard operacional.
-                </span>
-              </p>
-            </div>
-
-            <div className="grid gap-5 sm:grid-cols-3">
-              {features.map((feature) => (
-                <div
-                  key={feature.title}
-                  className="df-surface-elevated rounded-2xl p-5 shadow-sm"
-                >
-                  <div className="flex size-9 items-center justify-center rounded-xl bg-primary/12">
-                    <feature.icon className="size-4 text-primary" aria-hidden />
-                  </div>
-                  <p className="df-text-primary mt-3 text-sm font-bold">{feature.title}</p>
-                  <p className="df-text-secondary mt-2 text-xs leading-relaxed">{feature.description}</p>
-                </div>
-              ))}
-            </div>
-
-            <ul className="grid grid-cols-2 gap-x-4 gap-y-2 sm:grid-cols-2" role="list">
-              {highlights.map((item) => (
-                <li key={item} className="df-text-secondary flex items-center gap-2 text-sm">
-                  <Check className="size-4 shrink-0 text-primary" aria-hidden />
-                  {item}
-                </li>
-              ))}
-            </ul>
-
-            <div className="space-y-4">
-              <Link
-                href="/produtos/whatsapp-platform"
-                aria-label="Ver página da WhatsApp Platform com detalhes do produto"
-                className={cn(
-                  "df-btn-primary inline-flex h-12 w-full items-center justify-center gap-2 rounded-xl px-6 text-sm font-semibold",
-                  "df-shadow-cta sm:w-auto"
-                )}
-              >
-                {PLATFORM_IN_ACTION_CTA_LABEL}
-                <ArrowRight className="size-4 shrink-0" aria-hidden />
-              </Link>
-              <WhatsAppCta
-                label={ENTENDER_APLICAR_NEGOCIO_CTA_LABEL}
-                ariaLabel="Entender como aplicar no meu negócio: abrir conversa no WhatsApp"
-                variant="secondary"
-                size="lg"
-                className="w-full justify-center sm:w-auto"
-                text="Olá, quero entender como aplicar a WhatsApp Platform da DevFlow no meu negócio."
-              />
-              <p className="df-text-muted text-xs leading-relaxed">
-                Demo guiada em seguida — sem compromisso nesta etapa.
-              </p>
-            </div>
-          </div>
+        <div className="mx-auto max-w-2xl text-center">
+          <div className="mx-auto mb-4 h-1 w-12 rounded-full bg-primary" aria-hidden />
+          <h2
+            id="whatsapp-product-heading"
+            className="df-text-primary text-2xl font-bold tracking-tight sm:text-3xl"
+          >
+            O que entra na operação
+          </h2>
+          <p className="df-text-secondary mt-4 text-base leading-relaxed sm:text-lg">
+            Capacidades da WhatsApp Platform. O desenho de cada fluxo sai do diagnóstico, não de um pacote genérico.
+          </p>
+        </div>
 
-          <div className="space-y-5">
-            <div className="df-surface-elevated rounded-2xl border-2 p-6 shadow-[0_12px_48px_rgba(0,0,0,0.25)]">
-              <div className="mb-4 flex items-center justify-between">
-                <p className="df-text-primary text-sm font-bold">Painel — hoje</p>
-                <span className="rounded-full df-bg-brand-soft px-2.5 py-1 text-xs font-bold df-status-brand">
-                  Produção
-                </span>
+        <ul className="mt-10 grid gap-6 sm:grid-cols-2" role="list">
+          {capabilities.map((item) => (
+            <li key={item.title} className="df-surface-elevated rounded-2xl p-6">
+              <div className="flex size-9 items-center justify-center rounded-xl bg-primary/12">
+                <item.icon className="size-4 text-primary" aria-hidden />
               </div>
-              <div className="grid grid-cols-3 gap-3">
-                {[
-                  { label: "Mensagens", value: "1.247", color: "df-status-brand" },
-                  { label: "No bot", value: "74%", color: "df-status-info" },
-                  { label: "Humanos", value: "23", color: "df-status-warning" },
-                ].map((stat) => (
-                  <div key={stat.label} className="rounded-xl bg-muted/30 p-3 text-center">
-                    <p className={cn("text-xl font-extrabold", stat.color)}>{stat.value}</p>
-                    <p className="df-text-secondary mt-0.5 text-[10px] font-medium">
-                      {stat.label}
-                    </p>
-                  </div>
-                ))}
-              </div>
-              <div className="mt-6 space-y-2">
-                <p className="df-text-secondary text-xs font-bold uppercase tracking-wide">
-                  Fila recente
-                </p>
-                {[
-                  { name: "Cliente A", status: "Resolvido pelo bot", time: "agora", dot: "df-dot-brand" },
-                  { name: "Cliente B", status: "Com atendente", time: "2 min", dot: "df-dot-warning" },
-                  { name: "Cliente C", status: "Aguardando", time: "5 min", dot: "df-dot-info" },
-                ].map((conv) => (
-                  <div
-                    key={conv.name}
-                    className="flex items-center gap-3 rounded-xl border border-border/60 bg-muted/25 px-3 py-2.5"
-                  >
-                    <span className={cn("size-2 shrink-0 rounded-full", conv.dot)} aria-hidden />
-                    <div className="min-w-0 flex-1">
-                      <p className="df-text-primary truncate text-xs font-semibold">{conv.name}</p>
-                      <p className="df-text-secondary truncate text-[10px]">{conv.status}</p>
-                    </div>
-                    <span className="df-text-muted shrink-0 text-[10px] font-medium">
-                      {conv.time}
-                    </span>
-                  </div>
-                ))}
-              </div>
-            </div>
-            <div className="rounded-xl border border-primary/20 bg-primary/5 px-4 py-3">
-              <p className="text-xs font-semibold text-primary">
-                Sistema em produção com automações reais — API Meta, fila, handoff.
-              </p>
-            </div>
-          </div>
-        </div>
+              <h3 className="df-text-primary mt-3 text-base font-bold">{item.title}</h3>
+              <p className="df-text-secondary mt-2 text-sm leading-relaxed">{item.description}</p>
+            </li>
+          ))}
+        </ul>
       </div>
     </section>
   );
diff --git a/src/lib/conversion-copy.ts b/src/lib/conversion-copy.ts
index 5f85f79f..c199a09e 100644
--- a/src/lib/conversion-copy.ts
+++ b/src/lib/conversion-copy.ts
@@ -3,6 +3,8 @@
 /** Demo guiada no portal (`/demo`). */
 export const PRIMARY_DEMO_HREF = "/demo";
 export const PRIMARY_DEMO_CTA_LABEL = "Ver demo guiada";
+/** Home: secundário mais curto. As outras páginas mantêm `PRIMARY_DEMO_CTA_LABEL`. */
+export const HOME_DEMO_CTA_LABEL = "Ver demo";
 
 /** WhatsApp — baixa fricção quando o bloco já tem demo como primário. */
 export const QUICK_WHATSAPP_CTA_LABEL = "Falar no WhatsApp";
@@ -14,8 +16,6 @@ export const SPECIALIST_WHATSAPP_CTA_LABEL = "Falar com especialista";
 export const VER_COMO_FUNCIONA_CTA_LABEL = "Ver como funciona";
 export const PLATFORM_IN_ACTION_CTA_LABEL = "Ver a plataforma em ação";
 export const ENTENDER_APLICAR_NEGOCIO_CTA_LABEL = "Entender como aplicar no meu negócio";
-export const VER_EXEMPLO_REAL_CTA_LABEL = "Ver exemplo real";
-
 /** Landings de nicho — copy fixa do funil. */
 export const NICHE_VER_NA_PRATICA_CTA_LABEL = "Ver como funciona na prática";
 export const NICHE_RESOLVER_NEGOCIO_CTA_LABEL = "Resolver isso no meu negócio";
@@ -30,7 +30,7 @@ export const PRIMARY_CONVERT_HREF = "/contato";
 export const HEADER_CTA_LABEL = PRIMARY_CONVERT_CTA_LABEL;
 
 export const TECH_TRUST_STRIP =
-  "Integrações reais · APIs oficiais · Automações em produção";
+  "WhatsApp Cloud API oficial · Webhooks · Fila e handoff humano";
 
 export const PRODUCT_LIVE_HINT =
   "Diagnóstico, implementação guiada e operação acompanhada";
@@ -44,12 +44,12 @@ export const ECOSYSTEM_PRODUCTS_HEADING = "Outros produtos do ecossistema";
 export const ECOSYSTEM_PRODUCTS_DESCRIPTION =
   "Quando precisar ir além do atendimento no WhatsApp, conheça as soluções complementares.";
 
-/** Prova social segura no hero — sem números mock. */
+/** Sinais técnicos do hero — capacidades da oferta, sem resultado de cliente. */
 export const HERO_TRUST_SIGNALS = [
-  "Operações reais em produção",
-  "API oficial Meta",
-  "Fluxos com fila, handoff e dashboard",
-  "Implementação consultiva ponta a ponta",
+  "WhatsApp Cloud API oficial",
+  "Inbox para a equipe",
+  "Handoff para uma pessoa",
+  "Implementação acompanhada",
 ] as const;
 
 /** Página `/contato` — diagnóstico da operação WhatsApp. */