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/showcase/ProjectReel.test.tsx

@@ -24,6 +24,11 @@ jest.mock("@/app/hooks/useReducedMotion", () => ({
   useReducedMotion: () => reducedMotion,
 }));
 
+// o dublê do <ViewTransition> põe as props num <div> para o teste ler
+jest.mock("react", () =>
+  jest.requireActual("@/__mocks__/view-transition-probe").reactWithProbe(),
+);
+
 const PIN = 800;
 const CONTAINER = 7000;
 const SCROLLABLE = CONTAINER - PIN;
@@ -313,6 +318,25 @@ describe("ProjectReel", () => {
     );
   });
 
+  it("gives the cover name (case-<id>) to the laptop poster of the project on screen only, without remounting its video", () => {
+    renderReel();
+    const selector = ".ds-reel-layer [data-vt-name]";
+    expect(document.querySelectorAll(selector)).toHaveLength(1);
+    expect(
+      activeLayer().querySelector(".ds-reel-screen [data-vt-name] > img")
+        ?.parentElement,
+    ).toHaveAttribute("data-vt-name", "case-sev-modaintima");
+
+    const video = document.querySelectorAll(".ds-reel-layer video")[1];
+    scrollTo(reelOffset(weights, 1, 0.5));
+
+    expect(document.querySelectorAll(selector)).toHaveLength(1);
+    const named = activeLayer().querySelector(selector);
+    expect(named).toHaveAttribute("data-vt-name", "case-lavacao-047");
+    expect(named).toHaveAttribute("data-vt-share", "case-cover");
+    expect(document.querySelectorAll(".ds-reel-layer video")[1]).toBe(video);
+  });
+
   it("names the chapter on screen and counts them", () => {
     renderReel();
     readyVideos();