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/cases/_components/CaseCover.tsx

@@ -1,9 +1,11 @@
 import Image from "next/image";
+import { ViewTransition } from "react";
 import {
   BrowserFrame,
   displayUrl,
 } from "@/app/components/showcase/BrowserFrame";
 import { getCaseMedia } from "./case-media";
+import { coverTransitionProps } from "./cover-transition";
 
 /**
  * Largura real da capa em cada lugar da página, para o navegador baixar a imagem do tamanho certo
@@ -54,14 +56,16 @@ export function CaseCover({
   return (
     <BrowserFrame url={displayUrl({ demoUrl, title })}>
       <div className="relative aspect-[16/10] bg-[#0a0a0a]">
-        <Image
-          src={media.poster}
-          alt={`Captura de tela do site ${title}`}
-          fill
-          sizes={sizes}
-          {...priorityProps}
-          className="object-cover object-top"
-        />
+        <ViewTransition {...coverTransitionProps(id)}>
+          <Image
+            src={media.poster}
+            alt={`Captura de tela do site ${title}`}
+            fill
+            sizes={sizes}
+            {...priorityProps}
+            className="object-cover object-top"
+          />
+        </ViewTransition>
       </div>
     </BrowserFrame>
   );