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/device.ts

@@ -35,21 +35,27 @@ export function isSaveData() {
   return (navigator as NavigatorHints).connection?.saveData === true;
 }
 
+export type SceneTier = "full" | "lite" | "static";
+
 /**
- * Aparelho que não deve montar WebGL: toque, 4 núcleos ou menos, 4 GB de memória ou menos, economia de dados
- * ou movimento reduzido. O que não é informado pelo navegador (Safari, Firefox) não conta contra o aparelho.
+ * Quanto de cena 3D o aparelho recebe: `full` a cena completa com o mergulho; `lite` a cena leve, em celular capaz
+ * (toque com 6 núcleos ou mais e 4 GB ou mais); `static` só o pôster (servidor, movimento reduzido, economia de dados,
+ * 4 núcleos ou menos, celular fraco, ou computador com 4 GB ou menos). O que não é informado pelo navegador (Safari,
+ * Firefox) não conta contra o aparelho.
  */
-export function isLowPowerDevice() {
-  if (typeof navigator === "undefined") return true;
-  const hints = navigator as NavigatorHints;
-  return (
-    isCoarsePointer() ||
-    prefersReducedMotion() ||
-    isSaveData() ||
-    (typeof hints.hardwareConcurrency === "number" &&
-      hints.hardwareConcurrency <= 4) ||
-    (typeof hints.deviceMemory === "number" && hints.deviceMemory <= 4)
-  );
+export function sceneTier(): SceneTier {
+  if (typeof navigator === "undefined") return "static";
+  if (prefersReducedMotion() || isSaveData()) return "static";
+  const { hardwareConcurrency: cores, deviceMemory: memory } =
+    navigator as NavigatorHints;
+  const hasCores = typeof cores === "number";
+  const hasMemory = typeof memory === "number";
+  if (hasCores && cores <= 4) return "static";
+  if (isCoarsePointer())
+    return (!hasCores || cores >= 6) && (!hasMemory || memory >= 4)
+      ? "lite"
+      : "static";
+  return hasMemory && memory <= 4 ? "static" : "full";
 }
 
 /** Nomes que os navegadores dão a um renderizador de WebGL que roda na CPU: SwiftShader (Chrome), llvmpipe (Mesa) e o Microsoft Basic Render Driver. */
@@ -97,6 +103,30 @@ export function rememberSoftwareWebGL() {
   }
 }
 
+const SLOW_SCENE_KEY = "scene-slow";
+
+/**
+ * A cena 3D já estourou o orçamento de quadro nesta sessão (aba)? Mesmo com GPU, um aparelho pode não dar conta da
+ * cena; quem mediu anota o veredito aqui e as páginas seguintes da sessão já nascem estáticas. `sessionStorage`
+ * bloqueado vale como "não sei".
+ */
+export function isKnownSlowScene() {
+  try {
+    return sessionStorage.getItem(SLOW_SCENE_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+
+/** Anota na sessão que a cena 3D ficou lenta demais neste aparelho (ver `isKnownSlowScene`). */
+export function rememberSlowScene() {
+  try {
+    sessionStorage.setItem(SLOW_SCENE_KEY, "1");
+  } catch {
+    // armazenamento bloqueado (modo privado, política do navegador): sem anotação, a próxima página testa de novo
+  }
+}
+
 /**
  * O navegador é WebKit (Safari no Mac, no iPhone e no iPad; no iOS todo navegador é WebKit)? É o único que deixa em
  * branco um vídeo que ainda não tocou uma vez, mesmo com o quadro já decodificado: só nele vale tocar e pausar o