feat(hero): campo de particulas WebGL com mergulho guiado pela rolagem e transicao de secoes em CSS

Tres camadas de pontos ligadas por colunas de dados, animadas no vertex shader;
o hero fica fixo em telas grandes enquanto a camera atravessa as camadas.
Secoes sobem como cartoes via animation-timeline: view() (sem JS).

Co-Authored-By: Claude Opus 5.5 <[email protected]>

app/components/Hero.test.tsx

@@ -50,9 +50,13 @@ describe("Hero", () => {
       "href",
       "/cases",
     );
-    expect(screen.getByRole("link", { name: /nutriscan/i })).toHaveAttribute(
-      "href",
-      "/cases/nutriscan",
+  });
+
+  it("keeps the headline as one readable sentence despite the per-word animation", () => {
+    render(<Hero />);
+
+    expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent(
+      "Sistemas sob medida para operações que não cabem em soluções prontas.",
     );
   });