Uma experiência de origem que combina território, informação e clareza.

Implementação em foco

• O tema claro e escuro é resolvido inteiramente em CSS, sem depender de JavaScript: um checkbox oculto no cabeçalho é lido por um seletor `:has()` que substitui um conjunto de variáveis customizadas, o que evita o piscar do tema padrão antes da hidratação.
• O símbolo e o logotipo formam um único caminho vetorial em `currentColor`, reconstruído a partir de uma referência visual. O contorno original foi extraído de um PNG por varredura de contorno em subpixel e ajustado a curvas de Bézier, de modo que o nome da marca não depende de nenhuma fonte.
• A tipografia, serifada nos títulos e sem serifa no corpo do texto, é hospedada pelo próprio projeto via next/font/local, como exige a política de segurança de conteúdo do site, que bloqueia fontes carregadas de terceiros.
• A ilustração de montanha da hero e o relevo topográfico da seção de origens são SVG desenhados à mão e coloridos pelas mesmas variáveis CSS do tema, sem depender de imagens, ícones de terceiros ou bibliotecas de ilustração.
• O menu e a sacola compartilham uma única fonte local para manter itens, quantidades e resumo coerentes.
• As categorias mudam apenas os produtos mostrados, sem descartar a seleção já feita.
• A remoção, a limpeza da sacola e a confirmação simulada têm estados próprios e mensagens de retorno.
• O conteúdo de cada idioma permanece em arquivos dedicados, com rotas equivalentes para a demonstração.