Monte um app de assinatura do seu nicho e cobre todo mês por ele.

Você é estrategista de produtos digitais de assinatura. Não comece a construir nada.

Meu nicho é: [DESCREVA EM UMA FRASE, ex: mães de bebês de 0 a 12 meses / donos de cachorro filhote / pessoas estudando para concurso fiscal]

Antes de qualquer coisa, me faça as perguntas que você precisa para avaliar se esse nicho sustenta uma assinatura mensal barata. Faça no máximo 8 perguntas, uma de cada vez, esperando minha resposta.

Depois das respostas, me entregue:

1. DIAGNÓSTICO em 5 linhas: esse nicho aguenta assinatura recorrente ou é produto de venda única? Seja direto, inclusive se a resposta for não.
2. A DÚVIDA QUE VOLTA: qual pergunta essa pessoa faz de novo a cada semana ou a cada mês? Assinatura só se sustenta onde a dúvida se repete.
3. O DADO QUE PERSONALIZA: qual informação simples a pessoa pode cadastrar para o app mudar sozinho com o tempo (idade de algo, peso, fase, data de prova, estágio do negócio)?
4. AS 6 ÁREAS do app, com nome curto e uma linha do que entra em cada.
5. O QUE CHEGA DE NOVO toda semana e todo mês, de forma que eu consiga produzir sozinho sem virar refém.
6. PREÇO: dois planos, um barato de entrada e um completo, em reais, com o que separa um do outro.
7. OS 3 MOTIVOS DE CANCELAMENTO mais prováveis e como o produto evita cada um.

No fim, escreva um PARÁGRAFO ÚNICO de promessa, começando com verbo, que eu possa usar na página de vendas. Nada de "transforme sua vida".

Contexto do meu produto:
[COLE AQUI A RESPOSTA DO PROMPT 02]

Desenhe a estrutura de um app web de assinatura para esse nicho, em exatamente 5 telas, no padrão abaixo. Não escreva código ainda.

TELA 1 - HOJE: o que a pessoa vê ao abrir. Precisa ter o dado personalizado dela em destaque, uma sugestão para fazer hoje que muda todo dia, e o que chegou de novo no mês.
TELA 2 - EXPLORAR: as 6 áreas em blocos coloridos, filtradas pela fase ou nível da pessoa.
TELA 3 - MINHA SEMANA: de 3 a 5 tarefas ou conteúdos da semana, que ela marca como feitos, sem cobrança nenhuma por não completar.
TELA 4 - MEU PERFIL: onde ela cadastra e edita o dado que personaliza o app, com um diário ou histórico só dela.
TELA 5 - BIBLIOTECA: salvos, materiais para imprimir e checklists.

Para cada tela me diga:
- o nome que faz sentido no MEU nicho
- os blocos que aparecem, de cima para baixo
- o que muda sozinho quando o tempo passa ou o dado da pessoa muda
- o que fica bloqueado para quem não assinou

Depois, liste as REGRAS DE ACESSO: o que é amostra grátis, o que é do plano barato e o que é do plano completo. Regra: a amostra precisa ser boa o suficiente para provar valor e curta o suficiente para dar vontade de assinar.

Responda em tópicos curtos, sem enrolação.

Contexto:
[COLE A RESPOSTA DO PROMPT 02 E DO PROMPT 03]

Crie o catálogo inicial do app, com 24 a 30 materiais divididos nas 6 áreas.

Para CADA material, entregue neste formato:
- id curto (ex: ali-1)
- área
- tipo: guia, checklist ou material para imprimir
- título em modo comando, começando com verbo sempre que fizer sentido
- resumo de uma linha
- faixa de quem é aquele material (idade, nível, fase)
- plano: essencial ou completo
- amostra: sim ou não
- tempo de leitura

Depois escreva o CONTEÚDO COMPLETO de cada material, com esta estrutura:
- parágrafo de abertura que reconhece a situação real da pessoa
- de 3 a 6 seções com subtítulo
- listas práticas, com exemplo concreto em cada item
- uma caixa de atenção com o erro mais comum
- uma frase de destaque
- um checklist de 5 a 8 itens, quando fizer sentido

Regras de escrita:
- 700 a 1000 palavras por material, sem encher linguiça
- linguagem de quem conversa, não de manual
- proibido travessão e a palavra etc
- nada de promessa de resultado garantido
- se o assunto envolver saúde, dinheiro ou lei, escreva os limites com clareza e marque o material como "em revisão profissional"

Comece pela primeira área e vá me entregando área por área, esperando eu pedir a próxima.

Contexto:
[COLE AS RESPOSTAS DOS PROMPTS 02, 03 E 04]

Construa agora o app web, mobile first, com HTML, CSS e JavaScript puro. Sem framework, sem build, sem instalar nada.

ESTRUTURA DE ARQUIVOS, obrigatória:
- index.html: a casca
- styles.css: todo o visual
- js/content.js: configuração, áreas e fases
- js/conteudo/[area].js: um arquivo por área, com os materiais
- js/app.js: estado, telas e navegação

REGRA CENTRAL: nenhum texto de conteúdo dentro do js/app.js. O app lê o conteúdo dos arquivos de dados. Quero acrescentar material novo sem tocar na lógica.

O QUE O APP PRECISA FAZER:
1. Perguntar o nome e o dado que personaliza, e permitir cadastrar mais de um item (mais de um filho, mais de um pet, mais de uma meta). Poder editar e excluir.
2. Calcular sozinho o tempo ou a fase a partir da data cadastrada, todo dia, sem eu atualizar nada.
3. Navegação inferior com as 5 telas.
4. Marcar materiais como salvos, marcar itens de checklist e marcar tarefas da semana como feitas, tudo guardado no aparelho.
5. Bloquear com cadeado o que é de assinante, mostrando o título e o resumo, com botão para a tela de planos.
6. Tela de planos com os dois preços e uma tela de conta com exportar e apagar os meus dados.
7. Tudo salvo em localStorage, com uma chave só, e tolerante a erro se o navegador bloquear.

VISUAL: mobile first, largura máxima de 520px centralizada, cantos bem arredondados, barra inferior fixa, botões grandes, toque confortável com uma mão só.

Comece pelos arquivos de estrutura e visual, depois a lógica, e me mostre um arquivo por vez explicando em uma linha o que cada um faz.

Quero que o meu app tenha a estética deste site: [COLE O LINK]

Passo 1: abra o link, olhe a página no tamanho de celular e me devolva o sistema visual dela:
- família das fontes de título e de corpo
- paleta em hexadecimal: fundo, superfície, texto forte, texto fraco, cor principal, cor de sucesso, cor de destaque
- raio das bordas, peso das sombras, formato dos botões
- como as seções se separam

Passo 2: aplique esse sistema no meu app, reescrevendo o styles.css inteiro com variáveis CSS no topo.

REGRAS:
- manter todas as classes que já existem, só trocar a aparência
- contraste alto o suficiente para ler no sol
- botão principal com altura mínima de 52px
- nada de texto cinza claro sobre fundo claro
- o app precisa continuar bonito com o dobro de texto dentro dos cards

Passo 3: me mostre o antes e o depois de uma tela, em imagem, para eu aprovar.

Gere uma imagem com uma grade limpa de 3 por 2, com seis ícones separados, fundo branco puro, bem espaçados, cada ícone isolado e centralizado na sua célula, todos no mesmo tamanho, sem texto, sem legenda, sem moldura e sem sombra no fundo.

Os seis ícones, nesta ordem: [DESCREVA OS SEIS, um por área do seu app]

Estilo: ilustração vetorial plana e moderna, contorno arredondado e grosso, formas geométricas simples, preenchimento chapado com sombreado muito sutil, sem gradiente, sem textura, bordas limpas, aparência de adesivo, amigável.

Paleta em hexadecimal: [COLE AS CORES QUE VIERAM DO PROMPT 06]

Pegue a imagem da grade de ícones que acabamos de gerar e faça o seguinte, no meu computador:

1. Recorte a imagem em 6 arquivos, um por célula da grade de 3 por 2.
2. Em cada recorte, deixe o fundo transparente. Use preenchimento a partir das bordas da imagem, e não substituição de cor, para não apagar partes brancas de dentro do desenho.
3. Corte o excesso de espaço em volta e deixe cada ícone centralizado num quadrado.
4. Redimensione para 420 por 420 pixels e salve como webp com qualidade alta.
5. Salve em img/ com nomes previsíveis: cat-[area].webp
6. Me mostre os seis resultados para eu conferir.

Depois troque no código: onde hoje existe um ícone genérico, use a imagem correspondente.

Adicione ao app materiais para imprimir, sem gerar arquivo PDF e sem biblioteca externa.

Como quero que funcione:
- cada material imprimível tem um botão "imprimir ou salvar em PDF"
- ao clicar, o app monta a folha num container escondido e chama a impressão do navegador
- no modo impressão, o app some e só a folha aparece
- funciona no celular, onde a pessoa escolhe salvar como PDF

Crie estes tipos de folha, prontos para reutilizar:
1. TABELA: colunas configuráveis e linhas em branco para preencher à mão
2. CARTÕES: grade de 2 colunas com cartões recortáveis, com borda tracejada
3. CAMPOS: folha com perguntas e linhas em branco para escrever
4. CARTELAS: imagens grandes para recortar

Para o meu nicho, crie 5 folhas usando esses tipos: [LISTE AS 5, ex: quadro de rotina, registro semanal, cartões de estudo, acordo da semana, mapa de metas]

Regras: margem de 14mm, cabeçalho com o nome do produto, rodapé com uma instrução de uso, e nada que dependa de cor para funcionar, porque muita gente imprime em preto e branco.

Implemente no meu app os três mecanismos que sustentam a renovação da assinatura.

1. A SEMANA QUE VIRA SOZINHA
- o app escolhe de 3 a 5 itens da semana com base no número da semana do ano e no dado da pessoa
- a escolha precisa ser determinística: mesma semana e mesma pessoa, mesma lista, sem sorteio novo a cada abertura
- vira sozinha na segunda-feira, sem eu publicar nada
- a pessoa pode marcar como feito e pedir outra combinação
- mostre o período em texto, por exemplo "semana de 14 a 20 de setembro"
- não quero nenhuma cobrança por não completar

2. A COLEÇÃO DO MÊS
- uma estrutura de coleções, cada uma com mês, título, descrição e a lista de materiais
- um campo de configuração dizendo qual é a coleção atual
- aparece com destaque na tela inicial como novidade
- as anteriores continuam disponíveis enquanto a assinatura estiver ativa

3. O HISTÓRICO DELA
- um diário por item cadastrado, com data e texto livre
- ordenado do mais novo para o mais antigo
- botão de exportar em arquivo de texto, porque o que é dela é dela

IMPORTANTE: se não existir conteúdo novo para a faixa da pessoa, o app precisa dizer isso com honestidade e oferecer o que existe, sem chamar conteúdo antigo de novidade.

Me explique no fim, em 5 linhas, o que eu preciso produzir todo mês para manter isso vivo.

Publique o meu app e faça ele se comportar como aplicativo no celular.

1. Publique a pasta na Vercel, em produção, e me devolva o endereço que funciona sem senha.
2. Crie o manifest do app com nome, cor de fundo, cor de tema, modo tela cheia e ícone.
3. Crie o ícone em svg, simples, legível em tamanho pequeno.
4. Ajuste as metatags para abrir bem quando alguém colar o link no WhatsApp e no Instagram: título, descrição e imagem de prévia.
5. Garanta que a área segura do iPhone não corte a barra de baixo.
6. Me explique, em 3 passos curtos e sem jargão, como a minha cliente adiciona o app na tela de início do celular dela. Esse texto vai virar mensagem de boas-vindas.

No fim, me mostre o endereço final e um print da tela inicial no tamanho de celular.

Crie na minha plataforma de pagamento o produto de assinatura do meu app e as duas ofertas recorrentes.

PRODUTO
- nome: [NOME DO SEU APP]
- tipo: assinatura
- descrição: [3 LINHAS DO QUE A PESSOA RECEBE]
- página de vendas e link de acesso: [SEU ENDEREÇO]
- entrega: acesso por link enviado no e-mail

OFERTAS, as duas recorrentes de 30 dias, com cobranças ilimitadas e 3 retentativas em caso de falha:
- Essencial: R$ [VALOR]
- Completo: R$ [VALOR]

Depois de criar, me devolva numa tabela: nome da oferta, preço, código da oferta e link de checkout de cada uma.

E me explique como identificar o plano quando chegar uma venda. Regra obrigatória: identificar SEMPRE pelo código da oferta, nunca pelo valor pago, porque cupom e promoção mudam o valor.

Por fim, me diga o que acontece com a assinatura em cada um destes casos, para eu saber o que combinar com o cliente: renovação recusada, cancelamento no meio do mês, reembolso e chargeback.

Monte a liberação automática de acesso do meu app de assinatura. Quero banco de dados e duas funções de servidor.

BANCO
Crie três tabelas com prefixo do meu produto:
1. assinantes: e-mail como chave, nome, telefone, plano, situação, acesso_ate, revisar, identificadores do cliente e da assinatura, último pedido, criado em, atualizado em
2. eventos: registro cru de tudo que chegar, com uma chave de duplicidade única, evento, pedido, e-mail, oferta, conteúdo completo e erro
3. config: pares de chave e valor, para guardar o segredo do webhook e o código de cada oferta

Ligue a proteção por linha em todas. Nada é lido direto pelo navegador.

FUNÇÃO 1: receber o aviso de pagamento
- endereço público, sem exigir login, porque quem chama é a plataforma
- confira o segredo antes de qualquer coisa e recuse o que não bater
- grave o evento cru ANTES de processar, usando a chave de duplicidade. Se já existir, responda sucesso e não faça nada de novo
- descubra o plano pelo CÓDIGO DA OFERTA. Se vier uma oferta desconhecida, libere o plano mais barato e marque para revisão, para ninguém pagar e ficar sem acesso
- COMPRA APROVADA, RENOVAÇÃO, RECUPERAÇÃO e REATIVAÇÃO: conceda 30 dias mais 2 de folga, sempre mantendo a data maior que já existir
- REEMBOLSO e CHARGEBACK: corte o acesso na hora
- CANCELAMENTO: mantenha o acesso até o fim do período já pago
- ATRASO e RENOVAÇÃO RECUSADA: marque a situação, sem estender nada
- responda sucesso em menos de 5 segundos, sempre

FUNÇÃO 2: consultar acesso
- recebe um e-mail e devolve plano, situação e até quando vale
- libera chamada do navegador
- devolve só o necessário, sem dado sensível

NO APP
- botão "já sou assinante" que pede o e-mail da compra
- ao abrir, reconsultar em segundo plano e não derrubar o acesso se a internet falhar
- aceitar entrar por endereço com o e-mail no fim, para o link do e-mail de compra já entrar liberado
- quem não tem acesso continua vendo o que eu marquei como amostra

Depois de montar, teste com um evento de teste da plataforma e me mostre a linha que apareceu no banco.

Crie a página de vendas do meu app de assinatura, na mesma identidade visual dele.

Antes de escrever, tire prints reais de 4 telas do app em tamanho de celular, com dados de exemplo realistas, e use esses prints na página dentro de molduras de celular.

ESTRUTURA, nesta ordem:
1. Topo com o nome e um botão "entrar" para quem já assina
2. Herói: selo de para quem é, título começando com verbo, parágrafo do que o app faz, 4 selos curtos, botão e o print da tela inicial
3. O problema: o momento exato em que a pessoa sente a dor, com 3 situações reconhecíveis
4. O que tem dentro: as 6 áreas com as ilustrações
5. Como funciona em 3 passos
6. Por dentro do app: 3 prints reais com legenda
7. O que chega de novo toda semana e todo mês
8. Materiais para imprimir
9. Os dois planos, com o que cada um inclui e botão indo direto para o checkout
10. Perguntas rápidas: 6 dúvidas reais, incluindo cancelamento e limites do produto
11. Rodapé com suporte e os avisos legais do meu nicho
12. Barra fixa no celular com preço e botão

REGRAS DE COPY:
- proibido inventar número de cliente, depoimento ou avaliação
- só prometer o que o app entrega hoje
- dizer com clareza o que o produto NÃO cobre
- frases curtas, sem travessão e sem a palavra etc
- falar com a pessoa, não sobre o produto

No fim, publique e me devolva o endereço.