Agora vou analisar e ajustar o codigo para mobile-first. Identifiquei algumas melhorias necessarias:

1. Tabela de Valor - precisa ser responsiva para mobile (cards em vez de tabela)
2. Secao de estatisticas - ja esta boa, mas podemos melhorar o padding
3. Frentes de atuacao - melhorar espacamento em mobile
4. Footer - ajustar espacamentos

Agora vou fazer mais alguns ajustes mobile-first nos cards das frentes de atuacao e no cronograma:

Revisei e ajustei todo o codigo para mobile-first. As principais alteracoes incluem:

1. Tabela de Valor: Substituida por cards empilhados em mobile (md:hidden) e tabela visivel apenas em desktop (hidden md:block), garantindo boa leitura em telas pequenas.
2. Cards das Frentes de Atuacao (B2B/B2B2B): Padding reduzido em mobile (p-5 sm:p-8) e layout do header ajustado para empilhar verticalmente em mobile (flex-col sm:flex-row).
3. Secao de Contato: Grid responsivo ajustado (grid-cols-1 sm:grid-cols-2 lg:grid-cols-3), icones e padding menores em mobile, e email com break-all para evitar overflow.
4. CTA do Cronograma: Botao com largura total em mobile (w-full sm:w-auto) e tamanho de fonte/padding reduzidos para telas pequenas.

Vejo que a versao mobile dos cards ja existe (md:hidden), mas pode estar com problemas de padding ou o texto pode estar estourando. Vou ajustar os cards mobile para garantir que caibam corretamente:

Ajustei os cards mobile da secao "Por que cuidar do ambiente?" reduzindo o padding (p-4), diminuindo o tamanho do texto (text-xs), adicionando flex-shrink-0 aos icones para evitar compressao, e aplicando leading-relaxed para melhor legibilidade. Tambem adicionei um pequeno padding horizontal extra (px-1) ao container para garantir que os cards nao encostem nas bordas da tela.