Lançamento de aplicação

Crie um único ficheiro HTML (1920×1080 px, 16:9 horizontal, fundo preto, GSAP via CDN) com um motion graphic de 30 segundos, ao estilo de lançamento de uma aplicação digital: minimalista, preto e branco com apontamentos em #A1E934, títulos grandes revelados palavra a palavra, mockups de interface criados em HTML/CSS, transições rápidas com rasto (echo trail) e sem cortes bruscos.

Marca: FLOW, plataforma de gestão de projetos e equipas.
Logótipo: nome em tipografia sans-serif geométrica, com o O representado por um círculo dividido em quatro segmentos.
Tagline: "Tudo em movimento. Tudo no mesmo lugar.".
Identidade visual: preto (#090909), branco (#FFFFFF), cinzento (#A1A1AA) e destaque #A1E934. Tipografia moderna, bold e minimalista.

Cenas, por ordem:
1. Abertura: fundo preto. Pequenas linhas brancas deslocam-se e formam o símbolo do logótipo. O nome FLOW aparece com uma animação suave de escala.
2. "Menos confusão.": dezenas de cartões, notificações e mensagens surgem desorganizados no ecrã. A frase aparece palavra a palavra. Os elementos dispersam-se com efeito de rasto.
3. "Mais clareza.": os elementos regressam e organizam-se num painel minimalista com projetos, tarefas e indicadores de progresso. Transição fluida do caos para a ordem.
4. "A equipa alinhada.": quadro Kanban com três colunas (Por fazer, Em curso, Concluído). Cartões movem-se sozinhos entre colunas e aparecem avatares junto às tarefas.
5. "Projetos em movimento.": zoom para um calendário semanal. Barras de progresso animadas e pequenos indicadores numéricos com count-up.
6. "Tudo num só lugar.": o painel surge completo, alternando entre vista de computador e de telemóvel. Os componentes encaixam numa composição organizada.
7. Final: todos os elementos de interface desaparecem progressivamente e transformam-se no símbolo do logótipo. Surge o nome FLOW e a tagline "Tudo em movimento. Tudo no mesmo lugar.".

Requisitos: crie as interfaces de todas as cenas em HTML/CSS com dados fictícios mas realistas, adequados a plataforma de gestão de projetos e equipas. Use GSAP para animar componentes, tipografia, transições e movimentos de câmara simulados. A animação reproduz automaticamente, com continuidade entre cenas e sem qualquer interação. Distribua as cenas pelos 30 segundos totais. O resultado deve parecer um vídeo de lançamento produzido por um estúdio profissional.