feat: refine portfolio showcase, services and quality lab

Align the notebook browser with the physical LCD, refresh real project captures and navigation, simplify service content, and stabilize hero hydration.

README.md

@@ -66,17 +66,19 @@ Todas as dependências diretas estão fixadas em versões exatas no manifesto; o
 | `/cases/sc-plus` | Case SC Plus Aquicultura. |
 | `/cases/gcc-installer` | Case MinGW GCC Installer. |
 | `/cases/as-servicos` | Case AS Serviços. |
-| `/servicos` | Índice dos seis serviços. |
+| `/servicos` | Índice dos seis serviços, com explicações de uso e acesso ao detalhamento técnico. |
 | `/servicos/criacao-de-sites` | Criação de sites. |
-| `/servicos/engenharia-de-software` | Engenharia de software. |
+| `/servicos/engenharia-de-software` | Sistemas web e aplicativos mobile sob medida. |
 | `/servicos/consultoria-nextjs` | Consultoria Next.js. |
-| `/servicos/tauri-rust` | Desenvolvimento Tauri e Rust. |
+| `/servicos/tauri-rust` | Aplicativos desktop para Windows e Linux, com compatibilidade definida por projeto. |
 | `/servicos/integracao-hardware-software-iot` | Integração de hardware, software e IoT. |
 | `/servicos/arquitetura-de-software` | Arquitetura de software. |
 | `/curriculo` | Currículo em HTML, com download de `/Profile.pdf`. |
 
 O App Router também gera `/manifest.webmanifest`, `/robots.txt`, `/sitemap.xml`, `/opengraph-image`, `/icon.svg` e `/favicon.ico`. Caminhos desconhecidos usam a página 404 do projeto. Não há API route ativa.
 
+As páginas de serviços mantêm escopo, exemplos ilustrativos e etapas visíveis; tecnologias e decisões de implementação ficam em um `<details>` nativo. Sobre e Contato apontam para `/#about` e `/#contact`, com ajuste de chegada após a definição do layout do notebook.
+
 ## Comportamento da aplicação
 
 ### Conteúdo e project health
@@ -87,7 +89,9 @@ Em produção, a renderização só lê o snapshot versionado e não consulta de
 
 ### 3D progressivo e movimento reduzido
 
-O hero 3D é carregado no cliente a partir de `1024px`, sem `prefers-reduced-motion: reduce` e sem ponteiro coarse. O notebook 3D exige mais de `1024px`, hover disponível e as mesmas condições de movimento e ponteiro. Nos demais casos, o notebook entrega a navegação HTML completa sem WebGL ou movimento. No notebook 3D, o loop de renderização só permanece ativo enquanto a seção cruza o viewport e a página está visível.
+O hero 3D é carregado no cliente a partir de `1024px`, sem `prefers-reduced-motion: reduce` e sem ponteiro coarse. O notebook 3D exige mais de `1024px`, hover disponível e as mesmas condições de movimento e ponteiro. Nos demais casos, o notebook entrega a navegação HTML completa sem WebGL ou movimento. No desktop, tampa, tela, abas e cursor seguem o mesmo progresso de scroll; a cena renderiza sob demanda e pausa fora do viewport ou com a página oculta.
+
+As quatro capturas desktop reais ficam em `public/assets/notebook/`, em WebP de 1600 × 1000. A troca aguarda a decodificação da próxima imagem, mantendo a anterior visível durante o carregamento ou uma falha.
 
 ### Contato