feat(site): blocos 3D da marca, novas ofertas e hero mais abrangente

Hero e movimento
- cena 3D em tempo real com os blocos da marca (kit feito no Blender, 3d/blocos.py):
  marca, tela, integrações e dados; segue a rolagem, tem vida em repouso, reage ao
  cursor e, parada no topo, passa sozinha pelos estados com legenda
- três níveis de aparelho (full, lite, static); sem WebGL fica o pôster
- título novo: "Sites e sistemas sob medida para o jeito que a sua empresa trabalha."
- faixa de clientes com o ramo, linha do primeiro passo, hero alinhado às seções
- rótulos digitados, entrada dos blocos, cortina de blocos entre páginas e capa
  compartilhada entre a lista de cases e o case

Ofertas
- atendimento no WhatsApp com IA e nota fiscal para a reforma tributária
  (páginas de serviço, cartões da home, formulário e aviso com data de validade)
- página /ia atualizada, com fontes
- peças 3D em loop nos cartões e topos de página (3d/pecas.py)

Design
- hover por papel (bloco nos botões, barra nos links), rótulos sem caixa alta
- um destino por rótulo: "Falar sobre meu projeto" leva ao formulário,
  "Chamar no WhatsApp" abre o WhatsApp
- logo montado em blocos, 404 redesenhado, grades sem célula vazia
- ícones do PWA e manifesto novos

Specs em specs/, contexto de design em DESIGN.md e PRODUCT.md.

app/components/Header.test.tsx

@@ -69,7 +69,13 @@ describe("Header", () => {
       within(navigation)
         .getAllByRole("link")
         .map((link) => link.textContent),
-    ).toEqual(["Cases", "Serviços", "Como trabalho", "Sobre", "IA"]);
+    ).toEqual([
+      "Cases",
+      "Serviços",
+      "Como trabalho",
+      "Sobre",
+      "Revisão de app com IA",
+    ]);
     // "Projetos" saiu: duplicava "Cases"
     expect(
       within(navigation).queryByRole("link", { name: "Projetos" }),
@@ -179,11 +185,15 @@ describe("Header", () => {
     expect(panel.className).toMatch(/h-\[calc\(100dvh-/);
     const links = within(mobileNavigation).getAllByRole("link");
     for (const link of links.slice(0, 5)) {
-      expect(link).toHaveClass("text-[22px]", "min-h-14");
+      // sob o ponteiro e no foco, a barra que cresce sob o texto (globals.css)
+      expect(link).toHaveClass("text-[22px]", "min-h-14", "cv-bar");
     }
     const contact = links[5];
     expect(contact).toHaveAccessibleName("Falar sobre meu projeto");
     expect(contact.parentElement).toHaveClass("mt-auto");
+    // o botão verde ganha o bloco cor de papel, não só uma troca de cor
+    expect(contact).toHaveClass("cv-fill");
+    expect(contact.className).not.toMatch(/hover:bg-/);
   });
 
   it("uses next/link for every internal link and only prefetches on hover or focus", () => {
@@ -245,9 +255,13 @@ describe("Header", () => {
       render(<Header whatsAppContexts={contexts} />);
 
       const contact = screen.getByRole("link", {
-        name: "Falar sobre meu projeto",
+        name: "Chamar no WhatsApp",
       });
       expect(contact.getAttribute("href")).toMatch(/^https:\/\/wa\.me\/\d+\?/);
+      // "Falar sobre meu projeto" é só do formulário: o botão que abre o WhatsApp tem outro nome
+      expect(
+        screen.queryByRole("link", { name: "Falar sobre meu projeto" }),
+      ).not.toBeInTheDocument();
       expect(contact).toHaveAttribute("target", "_blank");
       expect(whatsAppHref(contact)).toContain(sentence);
     },
@@ -258,7 +272,7 @@ describe("Header", () => {
     render(<Header whatsAppContexts={contexts} />);
 
     const contact = screen.getByRole("link", {
-      name: "Falar sobre meu projeto",
+      name: "Chamar no WhatsApp",
     });
     expect(contact.getAttribute("href")).toMatch(/^https:\/\/wa\.me\/\d+\?/);
     expect(contact).toHaveAttribute("target", "_blank");
@@ -274,7 +288,7 @@ describe("Header", () => {
 
     fireEvent.click(screen.getByRole("button", { name: "Abrir menu" }));
     const buttons = screen.getAllByRole("link", {
-      name: "Falar sobre meu projeto",
+      name: "Chamar no WhatsApp",
     });
     expect(buttons).toHaveLength(2);
     for (const button of buttons) {
@@ -295,9 +309,7 @@ describe("Header", () => {
     render(<Header whatsAppContexts={contexts} />);
 
     expect(
-      whatsAppHref(
-        screen.getByRole("link", { name: "Falar sobre meu projeto" }),
-      ),
+      whatsAppHref(screen.getByRole("link", { name: "Chamar no WhatsApp" })),
     ).toContain("Quero conversar sobre um projeto.");
   });
 });