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/not-found.test.tsx

@@ -1,4 +1,10 @@
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
 import { render, screen } from "@testing-library/react";
+import {
+  primaryButton,
+  secondaryButtonDark,
+} from "@/app/components/button-styles";
 import NotFound, { metadata } from "./not-found";
 
 describe("not-found", () => {
@@ -48,9 +54,34 @@ describe("not-found", () => {
     );
   });
 
-  it("uses no lime: the lime is only for the contact action", () => {
+  it("makes 'Voltar ao início' the primary button and 'Ver os cases' the dark outline one, with no icons", () => {
     const { container } = render(<NotFound />);
 
-    expect(container.innerHTML).not.toMatch(/slash|ccff00/i);
+    expect(
+      screen.getByRole("link", { name: "Voltar ao início" }).className,
+    ).toBe(primaryButton);
+    expect(screen.getByRole("link", { name: "Ver os cases" }).className).toBe(
+      secondaryButtonDark,
+    );
+    expect(container.querySelectorAll("a svg")).toHaveLength(0);
+  });
+
+  it("shows the 3D piece as decoration: a looping video with the still as poster, inside an aria-hidden box", () => {
+    const { container } = render(<NotFound />);
+
+    const video = container.querySelector("video");
+    expect(video).toHaveAttribute("poster", "/3d/peca-404.webp");
+    expect(video?.closest('[aria-hidden="true"]')).not.toBeNull();
+    expect(
+      Array.from(container.querySelectorAll("video source")).map((source) =>
+        source.getAttribute("src"),
+      ),
+    ).toEqual(["/3d/peca-404.webm", "/3d/peca-404.mp4"]);
+  });
+
+  it("has no slate colour left in the source", () => {
+    const source = readFileSync(join(__dirname, "not-found.tsx"), "utf8");
+
+    expect(source).not.toMatch(/slate/);
   });
 });