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/reel-list.css

@@ -81,7 +81,8 @@
   overflow: hidden;
 }
 
-/* Ver case e Ampliar vídeo em contorno; Abrir site é link de texto. Nada em lima: o preenchido é do contato. */
+/* Ver case e Ampliar vídeo em contorno; Abrir site é link de texto. Nada em lima: o preenchido é do contato. No
+   ponteiro e no foco, o bloco translúcido dos contornos em fundo escuro (globals.css). */
 .ds-reel-actions {
   display: flex;
   flex-wrap: wrap;
@@ -90,16 +91,20 @@
   margin-top: var(--sp-2);
 
   & .ds-link.ds-link-muted {
+    --block: rgba(255, 255, 255, 0.12);
     padding: 8px 16px;
     color: #fff;
     border-color: rgba(255, 255, 255, 0.38);
     background: transparent;
   }
 
+  & .ds-link.ds-link-muted:focus-visible {
+    border-color: rgba(255, 255, 255, 0.55);
+  }
+
   @media (hover: hover) {
     & .ds-link.ds-link-muted:hover {
-      border-color: #fff;
-      box-shadow: none;
+      border-color: rgba(255, 255, 255, 0.55);
     }
   }