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/lightbox.css

@@ -25,12 +25,24 @@ html.ds-lb-open {
   background: rgba(5, 5, 5, 0.88);
   backdrop-filter: blur(8px);
   overscroll-behavior: contain;
+  opacity: 0;
+  transition:
+    opacity 180ms var(--ease-in),
+    overlay 180ms allow-discrete,
+    display 180ms allow-discrete;
 
   &[open] {
     display: flex;
     align-items: center;
     justify-content: center;
-    animation: ds-lb-in 0.28s var(--ease-out);
+    opacity: 1;
+    transition-duration: 280ms;
+    transition-timing-function: var(--ease-out);
+
+    @starting-style {
+      /* biome-ignore lint/suspicious/noDuplicateProperties: dentro de @starting-style é o estado inicial da entrada, não uma repetição */
+      opacity: 0;
+    }
   }
 
   &::backdrop {
@@ -38,15 +50,10 @@ html.ds-lb-open {
   }
 }
 
-@keyframes ds-lb-in {
-  from {
-    opacity: 0;
-  }
-}
-
 @media (prefers-reduced-motion: reduce) {
+  .ds-lb,
   .ds-lb[open] {
-    animation: none;
+    transition: none;
   }
 }
 
@@ -326,12 +333,23 @@ html.ds-lb-open {
   gap: var(--sp-2) var(--sp-3);
 
   & .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: rgba(255, 255, 255, 0.55);
+    }
+  }
+
   & .ds-link.ds-link-text {
     color: rgba(255, 255, 255, 0.84);
   }