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

@@ -39,20 +39,22 @@ describe("Footer contact and navigation", () => {
     expect(emailLink).not.toHaveAttribute("target", "_blank");
   });
 
-  it("offers WhatsApp in the contact column, in a new tab", () => {
+  it("offers WhatsApp in the contact column, in a new tab, named like every control that opens it", () => {
     render(<Footer />);
 
     const contact = screen.getByRole("region", { name: "Contato" });
-    const whatsApp = within(contact).getByRole("link", { name: "WhatsApp" });
+    const whatsApp = within(contact).getByRole("link", {
+      name: "Chamar no WhatsApp",
+    });
     expect(whatsApp.getAttribute("href")).toMatch(/^https:\/\/wa\.me\/\d+\?/);
     expect(whatsApp).toHaveAttribute("target", "_blank");
     expect(whatsApp).toHaveAttribute("rel", "noopener noreferrer");
   });
 
-  it("lists the six services from the services hub as same-tab links", () => {
+  it("lists the eight services from the services hub as same-tab links", () => {
     render(<Footer serviceLinks={serviceHubLinks} />);
 
-    expect(serviceHubLinks).toHaveLength(6);
+    expect(serviceHubLinks).toHaveLength(8);
     const services = screen.getByRole("navigation", { name: "Serviços" });
     const links = within(services).getAllByRole("link");
     expect(links.map((link) => link.getAttribute("href"))).toEqual(
@@ -64,7 +66,7 @@ describe("Footer contact and navigation", () => {
     for (const link of links) expect(link).not.toHaveAttribute("target");
   });
 
-  it("links Cases, Privacidade and a discreet Currículo, with no PDF download", () => {
+  it("links Cases, the /ia page by its menu label, Privacidade and a discreet Currículo, with no PDF download", () => {
     render(<Footer />);
 
     const more = screen.getByRole("navigation", { name: "Mais" });
@@ -74,7 +76,7 @@ describe("Footer contact and navigation", () => {
     );
     expect(
       within(more).getByRole("link", {
-        name: "Revisão de sistema que já existe",
+        name: "Revisão de app com IA",
       }),
     ).toHaveAttribute("href", "/ia");
     expect(
@@ -145,11 +147,11 @@ describe("Footer social links", () => {
     expect(instagram).toHaveAttribute("rel", "noopener noreferrer");
   });
 
-  it("names the three offers once, with the same words as the home, and no old 'app feito com IA' name", () => {
+  it("names /ia like the menu and the page, and no old 'app feito com IA' name", () => {
     render(<Footer />);
 
     expect(
-      screen.getByRole("link", { name: "Revisão de sistema que já existe" }),
+      screen.getByRole("link", { name: "Revisão de app com IA" }),
     ).toHaveAttribute("href", "/ia");
     expect(screen.queryByText(/app feito com IA/i)).toBeNull();
   });