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

@@ -52,7 +52,7 @@ function setVisibility(hero: boolean, contact: boolean) {
 }
 
 const floatingLink = () =>
-  screen.queryByRole("link", { name: "Conversar no WhatsApp" });
+  screen.queryByRole("link", { name: "Chamar no WhatsApp" });
 
 beforeEach(() => {
   global.IntersectionObserver =
@@ -112,25 +112,14 @@ it("shows right away on a page that has neither the hero button nor the contact
   expect(floatingLink()).toBeInTheDocument();
 });
 
-it("lifts itself by the height of the open cookie bar", () => {
-  render(<Page />);
-  setVisibility(false, false);
-
-  expect(floatingLink()?.parentElement?.className).toContain(
-    "var(--cookie-bar-height,0px)",
-  );
-});
-
-it("lifts with a transform, not by animating `bottom`, so the layout does not shift", () => {
+it("hides by CSS while the cookie bar is open (the data-cookie-bar mark on <html>), instead of sitting on top of it", () => {
   render(<Page />);
   setVisibility(false, false);
 
   const className = floatingLink()?.parentElement?.className ?? "";
-  expect(className).toContain("-translate-y-[var(--cookie-bar-height,0px)]");
-  expect(className).toContain("transition-transform");
-  expect(className).toContain("motion-reduce:transition-none");
-  // o `bottom` fica fixo (margem e área segura) e a barra de cookies não entra nele
-  expect(className).not.toContain("transition-[bottom]");
+  expect(className).toContain("[[data-cookie-bar=open]_&]:hidden");
+  // não sobe mais pela altura da barra: some enquanto ela está aberta
+  expect(className).not.toContain("--cookie-bar-height");
   expect(className).toContain(
     "bottom-[calc(var(--sp-4)+env(safe-area-inset-bottom))]",
   );