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.

lib/proof.ts

@@ -22,7 +22,26 @@ export function isClientProject(project: { kind?: string }) {
   return project.kind === "cliente";
 }
 
-/** Clientes na ordem dos projetos, para a faixa "Já entregue para". */
+/**
+ * Ramo de cada cliente, pelo id do projeto: aparece sob o nome na faixa "Já entregue para" (de 640 px em diante), para
+ * quem lê ver que o trabalho não é de um setor só. Cliente sem ramo aqui mostra só o nome.
+ */
+export const CLIENT_SECTORS: Readonly<Record<string, string>> = {
+  "sev-modaintima": "loja virtual",
+  "lavacao-047": "lavação automotiva",
+  "sc-plus": "aquicultura",
+  "as-servicos": "engenharia e software",
+  "julia-beauty": "estúdio de cílios",
+};
+
+/** Clientes na ordem dos projetos, para a faixa "Já entregue para", cada um com o seu ramo quando há. */
 export const clientNames = portfolio.projects
   .filter(isClientProject)
-  .map((project) => ({ id: project.id, name: project.title }));
+  .map((project) => {
+    const sector = CLIENT_SECTORS[project.id];
+    return {
+      id: project.id,
+      name: project.title,
+      ...(sector ? { sector } : {}),
+    };
+  });