<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Renda Extra Já — o método prático para os primeiros 30 dias</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,700;0,900;1,900&family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
  :root{
    --paper:#EDEAE0;
    --paper-white:#F8F6EF;
    --paper-deep:#E2DDCC;
    --ink:#21251F;
    --ink-soft:#5B6154;
    --ledger:#2E5E44;
    --ledger-dark:#1E4330;
    --ledger-tint:#DCE6DC;
    --brick:#A6391E;
    --brick-tint:#F3DFD6;
    --rule:#C6BFA9;
    --radius:14px;
    --maxw:1080px;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
  }

  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:'IBM Plex Sans', sans-serif;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }

  a{color:inherit;}
  img{max-width:100%; display:block;}

  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}

  .mono{font-family:'IBM Plex Mono', monospace;}

  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--ledger-dark);
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:8px;
  }
  .eyebrow::before{
    content:"";
    width:7px; height:7px;
    background:var(--ledger);
    border-radius:50%;
    display:inline-block;
  }

  h1,h2,h3{
    font-family:'Archivo', sans-serif;
    font-weight:900;
    line-height:1.02;
    letter-spacing:-.01em;
    margin:0;
  }

  /* ---------- Ledger tape spine: signature motif ---------- */
  .ledger-edge{position:relative;}
  .ledger-edge::before{
    content:"";
    position:absolute;
    left:-1px; top:0; bottom:0;
    width:1px;
    background-image:linear-gradient(var(--rule) 60%, transparent 0%);
    background-size:1px 10px;
    background-repeat:repeat-y;
  }
  .punch{
    position:absolute; left:-5px;
    width:9px; height:9px;
    border-radius:50%;
    background:var(--paper);
    border:1px solid var(--rule);
  }

  /* ---------- Header ---------- */
  header{
    padding:22px 0;
    border-bottom:1px solid var(--rule);
  }
  .header-row{display:flex; align-items:center; justify-content:space-between;}
  .logo{
    font-family:'IBM Plex Mono', monospace;
    font-weight:700;
    font-size:14px;
    letter-spacing:.04em;
    display:flex; align-items:center; gap:10px;
  }
  .logo .mark{
    width:22px; height:22px;
    border:1.5px solid var(--ink);
    border-radius:4px;
    display:flex; align-items:center; justify-content:center;
    font-size:11px;
    transform:rotate(-4deg);
  }
  .header-tag{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    color:var(--ink-soft);
  }

  /* ---------- Hero ---------- */
  .hero{
    padding:72px 0 56px;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:48px;
    align-items:center;
  }
  .hero h1{
    font-size:clamp(40px, 6vw, 68px);
    margin:18px 0 20px;
  }
  .hero h1 em{
    font-style:italic;
    color:var(--ledger);
  }
  .hero p.lead{
    font-size:18px;
    color:var(--ink-soft);
    max-width:46ch;
    margin:0 0 30px;
  }
  .cta-row{display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
  .btn{
    font-family:'IBM Plex Mono', monospace;
    font-weight:600;
    font-size:14.5px;
    letter-spacing:.03em;
    text-transform:uppercase;
    background:var(--ledger);
    color:var(--paper-white);
    border:none;
    padding:16px 26px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    text-decoration:none;
    transition:transform .15s ease, background .15s ease;
  }
  .btn:hover{background:var(--ledger-dark); transform:translateY(-1px);}
  .btn:focus-visible{outline:3px solid var(--ink); outline-offset:3px;}
  .btn-arrow{transition:transform .15s ease;}
  .btn:hover .btn-arrow{transform:translateX(3px);}
  .microcopy{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    color:var(--ink-soft);
  }

  .hero-card{
    background:var(--paper-white);
    border:1px solid var(--rule);
    border-radius:var(--radius);
    padding:26px 24px;
    box-shadow:0 1px 0 var(--rule);
  }
  .hero-card .card-title{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.1em;
    color:var(--ink-soft);
    border-bottom:1px dashed var(--rule);
    padding-bottom:12px;
    margin-bottom:14px;
    display:flex;
    justify-content:space-between;
  }
  .checklist{list-style:none; margin:0; padding:0;}
  .checklist li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:9px 0;
    border-bottom:1px dashed var(--rule);
    font-size:14.5px;
  }
  .checklist li:last-child{border-bottom:none;}
  .checklist .box{
    flex:0 0 auto;
    width:16px; height:16px;
    border:1.5px solid var(--ledger);
    border-radius:3px;
    margin-top:2px;
    position:relative;
  }
  .checklist li.done .box{background:var(--ledger);}
  .checklist li.done .box::after{
    content:"";
    position:absolute; left:3px; top:-1px;
    width:4px; height:8px;
    border:solid var(--paper-white);
    border-width:0 2px 2px 0;
    transform:rotate(40deg);
  }
  .checklist li.done span{color:var(--ink-soft); text-decoration:line-through;}

  /* ---------- Section shell ---------- */
  section{padding:64px 0;}
  section.alt{background:var(--paper-deep);}
  .section-head{max-width:640px; margin-bottom:36px;}
  .section-head h2{font-size:clamp(28px,4vw,38px); margin-top:14px;}
  .section-head p{color:var(--ink-soft); font-size:16.5px; margin-top:14px;}

  /* ---------- Pain section (receipt lines) ---------- */
  .pain-lines{
    max-width:640px;
    margin:0 auto;
    padding:44px 0;
  }
  .pain-lines p{
    font-family:'Archivo', sans-serif;
    font-weight:700;
    font-size:clamp(19px,2.6vw,25px);
    text-align:center;
    color:var(--ink-soft);
    margin:0 0 14px;
  }
  .pain-lines p.strong{color:var(--ink);}
  .pain-close{
    text-align:center;
    max-width:560px;
    margin:36px auto 0;
    font-size:16.5px;
    color:var(--ink-soft);
  }
  .pain-close b{color:var(--ink);}

  /* ---------- Stamp badges (what it is / isn't) ---------- */
  .stamp-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:30px;
  }
  .stamp{
    border:1.5px solid var(--brick);
    color:var(--brick);
    border-radius:10px;
    padding:20px 16px;
    text-align:center;
    font-family:'IBM Plex Mono', monospace;
    font-weight:600;
    font-size:13.5px;
    letter-spacing:.03em;
    text-transform:uppercase;
    transform:rotate(-1deg);
  }
  .stamp:nth-child(2){transform:rotate(0.6deg);}
  .stamp:nth-child(3){transform:rotate(-0.4deg);}
  .stamp.positive{
    border-color:var(--ledger);
    color:var(--ledger-dark);
    background:var(--ledger-tint);
  }

  /* ---------- Audience checklist grid ---------- */
  .audience-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 32px;
  }

  /* ---------- TOC / chapters ---------- */
  .toc{margin-top:10px;}
  .toc-row{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:16px;
    padding:16px 0;
    border-bottom:1px solid var(--rule);
    align-items:baseline;
  }
  .toc-row:first-child{border-top:1px solid var(--rule);}
  .toc-num{
    font-family:'IBM Plex Mono', monospace;
    font-weight:700;
    color:var(--ledger);
    font-size:15px;
  }
  .toc-body h3{
    font-family:'IBM Plex Sans', sans-serif;
    font-weight:700;
    font-size:16.5px;
    margin-bottom:4px;
  }
  .toc-body p{margin:0; color:var(--ink-soft); font-size:14.5px;}

  /* ---------- Bonus materials ---------- */
  .bonus-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
  }
  .bonus-card{
    background:var(--paper-white);
    border:1px solid var(--rule);
    border-radius:var(--radius);
    padding:22px 20px;
    position:relative;
  }
  .bonus-card .tag{
    font-family:'IBM Plex Mono', monospace;
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--ledger);
    margin-bottom:10px;
    display:block;
  }
  .bonus-card h3{font-size:17px; font-family:'IBM Plex Sans', sans-serif; font-weight:700; margin-bottom:8px;}
  .bonus-card p{margin:0; font-size:14px; color:var(--ink-soft);}

  /* ---------- 30-day plan timeline ---------- */
  .weeks{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:16px;
    counter-reset:week;
  }
  .week{
    background:var(--paper-white);
    border:1px solid var(--rule);
    border-radius:var(--radius);
    padding:20px 18px;
  }
  .week .wk-label{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    color:var(--ink-soft);
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:10px;
    display:block;
  }
  .week h3{font-size:16px; font-family:'IBM Plex Sans', sans-serif; font-weight:700;}

  /* ---------- App bonus banner ---------- */
  .app-banner{
    background:var(--ink);
    color:var(--paper-white);
    border-radius:18px;
    padding:44px;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:24px;
  }
  .app-banner .eyebrow{color:#B9D6C4;}
  .app-banner .eyebrow::before{background:#B9D6C4;}
  .app-banner h2{color:var(--paper-white); font-size:clamp(24px,3.4vw,32px); margin-top:12px;}
  .app-banner p{color:#C9CBC1; max-width:52ch; margin-top:12px; font-size:15.5px;}
  .app-days{
    font-family:'IBM Plex Mono', monospace;
    text-align:center;
    border:1.5px dashed #4A4F41;
    border-radius:12px;
    padding:22px 26px;
    white-space:nowrap;
  }
  .app-days .num{font-size:44px; font-weight:700; color:var(--paper-white); display:block; line-height:1;}
  .app-days .lbl{font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:#9FA394;}
  .app-fine{font-size:12.5px; color:var(--ink-soft); margin-top:16px; max-width:70ch;}

  /* ---------- Pricing (receipt) ---------- */
  .price-wrap{display:flex; justify-content:center;}
  .receipt{
    background:var(--paper-white);
    width:min(420px, 100%);
    border-radius:4px;
    padding:34px 30px 30px;
    box-shadow:0 10px 0 -6px var(--paper-deep), 0 1px 0 var(--rule);
    position:relative;
  }
  .receipt::before, .receipt::after{
    content:"";
    position:absolute; left:0; right:0; height:10px;
    background:
      radial-gradient(circle at 8px 5px, var(--paper) 5px, transparent 5.5px) repeat-x,
      radial-gradient(circle at 24px 5px, var(--paper) 5px, transparent 5.5px) repeat-x;
    background-size:32px 10px;
  }
  .receipt::before{top:-1px;}
  .receipt::after{bottom:-1px; transform:scaleY(-1);}
  .receipt-title{
    font-family:'IBM Plex Mono', monospace;
    text-align:center;
    font-size:12.5px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--ink-soft);
    border-bottom:1px dashed var(--rule);
    padding-bottom:16px;
    margin-bottom:16px;
  }
  .receipt-line{
    display:flex; justify-content:space-between;
    font-family:'IBM Plex Mono', monospace;
    font-size:13.5px;
    padding:6px 0;
    color:var(--ink-soft);
  }
  .receipt-total{
    display:flex; justify-content:space-between; align-items:baseline;
    border-top:1px dashed var(--rule);
    margin-top:12px; padding-top:16px;
  }
  .old-price{
    font-family:'IBM Plex Mono', monospace;
    text-decoration:line-through;
    color:var(--brick);
    font-size:15px;
  }
  .new-price{
    font-family:'Archivo', sans-serif;
    font-weight:900;
    font-size:42px;
    margin:6px 0 2px;
  }
  .price-note{font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--ink-soft);}
  .receipt .btn{width:100%; justify-content:center; margin-top:22px;}
  .receipt .microcopy{text-align:center; display:block; margin-top:14px;}

  /* ---------- FAQ ---------- */
  .faq{max-width:720px; margin:0 auto;}
  details{
    border-bottom:1px solid var(--rule);
    padding:18px 0;
  }
  details summary{
    font-family:'IBM Plex Sans', sans-serif;
    font-weight:600;
    font-size:16px;
    cursor:pointer;
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
  }
  details summary::-webkit-details-marker{display:none;}
  details summary::after{
    content:"+";
    font-family:'IBM Plex Mono', monospace;
    font-size:20px;
    color:var(--ledger);
    flex:0 0 auto;
  }
  details[open] summary::after{content:"–";}
  details p{color:var(--ink-soft); margin:12px 0 0; font-size:15px; max-width:60ch;}

  /* ---------- Final CTA ---------- */
  .final-cta{
    text-align:center;
    padding:70px 0 40px;
  }
  .final-cta h2{font-size:clamp(30px,5vw,46px);}
  .final-cta .price-line{
    font-family:'IBM Plex Mono', monospace;
    font-size:16px;
    margin:18px 0 26px;
    color:var(--ink-soft);
  }
  .final-cta .price-line b{color:var(--ink); font-size:20px;}

  footer{
    border-top:1px solid var(--rule);
    padding:30px 0 50px;
  }
  footer .legal{
    font-size:12.5px;
    color:var(--ink-soft);
    max-width:760px;
    line-height:1.6;
  }
  footer .legal + .legal{margin-top:10px;}

  @media (max-width: 860px){
    .hero{grid-template-columns:1fr; padding-top:44px;}
    .stamp-grid{grid-template-columns:1fr;}
    .audience-grid{grid-template-columns:1fr;}
    .bonus-grid{grid-template-columns:1fr 1fr;}
    .weeks{grid-template-columns:1fr 1fr;}
    .app-banner{grid-template-columns:1fr; text-align:left;}
    .app-days{justify-self:start;}
  }
  @media (max-width: 520px){
    .bonus-grid{grid-template-columns:1fr;}
    .weeks{grid-template-columns:1fr;}
  }
</style>
</head>
<body>

<header>
  <div class="wrap header-row">
    <div class="logo"><span class="mark">R</span> RENDA EXTRA JÁ</div>
    <div class="header-tag">método prático · 30 dias</div>
  </div>
</header>

<section class="hero">
  <div class="wrap hero" style="padding-top:0;">
    <div>
      <span class="eyebrow">Guia prático · sem promessas milagrosas</span>
      <h1>Comece a construir sua <em>renda extra</em> nos próximos 30 dias.</h1>
      <p class="lead">Você não precisa de milhares de seguidores, uma empresa ou muito dinheiro. Precisa de um caminho claro, uma estratégia possível e disposição para dar os primeiros passos.</p>
      <div class="cta-row">
        <a class="btn" href="#oferta">Quero começar agora <span class="btn-arrow">→</span></a>
        <span class="microcopy">R$ 19,90 · pagamento único</span>
      </div>
    </div>
    <div class="hero-card ledger-edge">
      <div class="card-title"><span>plano de ação</span><span>30 dias</span></div>
      <ul class="checklist">
        <li class="done"><span class="box"></span><span>Semana 1 — escolha e planejamento</span></li>
        <li class="done"><span class="box"></span><span>Semana 2 — preparação</span></li>
        <li><span class="box"></span><span>Semana 3 — divulgação e primeiras oportunidades</span></li>
        <li><span class="box"></span><span>Semana 4 — ajustes e crescimento</span></li>
      </ul>
    </div>
  </div>
</section>

<section>
  <div class="wrap pain-lines">
    <p>O dinheiro entra.</p>
    <p>As contas chegam.</p>
    <p>As despesas aumentam.</p>
    <p class="strong">E no final do mês sobra pouco ou quase nada.</p>
    <div class="pain-close">
      Você já deve ter visto promessas de <b>“ganhe dinheiro rápido”</b> ou <b>“fique rico trabalhando de casa”</b>. O problema é que a realidade não funciona assim — construir uma renda extra exige aprendizado, teste, consistência e trabalho. Foi para isso que o <b>Renda Extra Já</b> foi criado.
    </div>
  </div>
</section>

<section class="alt">
  <div class="wrap">
    <div class="section-head" style="max-width:100%; text-align:center; margin:0 auto 8px;">
      <span class="eyebrow" style="justify-content:center; display:flex;">O que este material não é</span>
    </div>
    <div class="stamp-grid">
      <div class="stamp">Sem promessas milagrosas</div>
      <div class="stamp">Sem “dinheiro fácil”</div>
      <div class="stamp">Sem enrolação</div>
    </div>
    <p style="text-align:center; max-width:520px; margin:26px auto 0; color:var(--ink-soft); font-size:15.5px;">
      Apenas um caminho prático — com estratégias, exemplos, exercícios, checklists e um plano de ação — para você começar a colocar algo em prática.
    </p>
  </div>
</section>

<section>
  <div class="wrap">
    <div class="section-head">
      <span class="eyebrow">Para quem é</span>
      <h2>Este e-book foi pensado para quem…</h2>
    </div>
    <div class="audience-grid checklist">
      <div><ul class="checklist">
        <li><span class="box"></span><span>Quer construir uma renda extra</span></li>
        <li><span class="box"></span><span>Está começando do zero</span></li>
        <li><span class="box"></span><span>Tem pouco tempo disponível</span></li>
        <li><span class="box"></span><span>Quer explorar oportunidades online</span></li>
      </ul></div>
      <div><ul class="checklist">
        <li><span class="box"></span><span>Tem alguma habilidade, mas não sabe como transformá-la em oferta</span></li>
        <li><span class="box"></span><span>Quer entender o marketing de afiliados</span></li>
        <li><span class="box"></span><span>Quer usar as redes sociais para encontrar oportunidades</span></li>
        <li><span class="box"></span><span>Quer parar de só pesquisar e começar a executar</span></li>
      </ul></div>
    </div>
  </div>
</section>

<section class="alt">
  <div class="wrap">
    <div class="section-head">
      <span class="eyebrow">Índice · 15 capítulos</span>
      <h2>O que você vai encontrar dentro</h2>
    </div>
    <div class="toc">
      <div class="toc-row"><span class="toc-num">01</span><div class="toc-body"><h3>Saindo do zero</h3><p>Como começar mesmo sem experiência e transformar uma intenção em plano de ação.</p></div></div>
      <div class="toc-row"><span class="toc-num">02</span><div class="toc-body"><h3>O mindset de quem começa</h3><p>Lidar com insegurança, comparação e a vontade de querer tudo perfeito antes de começar.</p></div></div>
      <div class="toc-row"><span class="toc-num">03</span><div class="toc-body"><h3>Descubra o que você pode oferecer</h3><p>Um levantamento das suas habilidades e recursos para encontrar possibilidades reais.</p></div></div>
      <div class="toc-row"><span class="toc-num">04</span><div class="toc-body"><h3>Serviços e freelas</h3><p>Como estruturar uma oferta de serviço e começar a procurar oportunidades.</p></div></div>
      <div class="toc-row"><span class="toc-num">05</span><div class="toc-body"><h3>Como montar seu portfólio</h3><p>Exemplos de trabalho mesmo sem uma grande lista de clientes ainda.</p></div></div>
      <div class="toc-row"><span class="toc-num">06</span><div class="toc-body"><h3>Vendas online</h3><p>Fundamentos para escolher produtos e apresentar uma oferta mais profissional.</p></div></div>
      <div class="toc-row"><span class="toc-num">07</span><div class="toc-body"><h3>Produtos digitais</h3><p>Transforme conhecimento e experiência em materiais digitais úteis.</p></div></div>
      <div class="toc-row"><span class="toc-num">08</span><div class="toc-body"><h3>Marketing de afiliados</h3><p>Como divulgar produtos de forma ética e baseada em conteúdo.</p></div></div>
      <div class="toc-row"><span class="toc-num">09</span><div class="toc-body"><h3>Redes sociais</h3><p>Instagram, TikTok e outras plataformas para criar relacionamento e oportunidades.</p></div></div>
      <div class="toc-row"><span class="toc-num">10</span><div class="toc-body"><h3>WhatsApp</h3><p>Transforme conversas em uma ferramenta organizada de atendimento e vendas.</p></div></div>
      <div class="toc-row"><span class="toc-num">11</span><div class="toc-body"><h3>Como divulgar</h3><p>Uma estrutura simples para apresentar produtos sem precisar implorar por vendas.</p></div></div>
      <div class="toc-row"><span class="toc-num">12</span><div class="toc-body"><h3>Erros que travam iniciantes</h3><p>Os erros mais comuns e como evitá-los antes de perder tempo e dinheiro.</p></div></div>
      <div class="toc-row"><span class="toc-num">13</span><div class="toc-body"><h3>Organização financeira</h3><p>Acompanhe entradas, custos e resultados da sua atividade.</p></div></div>
      <div class="toc-row"><span class="toc-num">14</span><div class="toc-body"><h3>Plano de ação de 30 dias</h3><p>Um roteiro dividido em quatro semanas para transformar conhecimento em execução.</p></div></div>
      <div class="toc-row"><span class="toc-num">15</span><div class="toc-body"><h3>O que fazer depois dos 30 dias</h3><p>Descubra o que funcionou, melhore sua estratégia e continue evoluindo.</p></div></div>
    </div>
  </div>
</section>

<section>
  <div class="wrap">
    <div class="section-head">
      <span class="eyebrow">E ainda tem mais</span>
      <h2>Materiais extras para a execução</h2>
      <p>Além do conteúdo principal, você recebe ferramentas para não deixar o planejamento ficar só no papel.</p>
    </div>
    <div class="bonus-grid">
      <div class="bonus-card"><span class="tag">Checklist</span><h3>Checklist dos 30 dias</h3><p>Acompanhe suas tarefas ao longo do desafio.</p></div>
      <div class="bonus-card"><span class="tag">Planejamento</span><h3>Mapa da primeira oferta</h3><p>Organize o que oferecer, para quem e qual problema resolver.</p></div>
      <div class="bonus-card"><span class="tag">Rotina</span><h3>Planejador semanal</h3><p>Defina tarefas e acompanhe sua evolução semana a semana.</p></div>
      <div class="bonus-card"><span class="tag">Resultados</span><h3>Controle de resultados</h3><p>Registre contatos, propostas, vendas e aprendizados.</p></div>
      <div class="bonus-card"><span class="tag">Referência</span><h3>Guia de execução</h3><p>Uma referência para consultar durante toda a jornada inicial.</p></div>
    </div>
  </div>
</section>

<section class="alt">
  <div class="wrap">
    <div class="section-head">
      <span class="eyebrow">Capítulo 14</span>
      <h2>Seu roteiro de 30 dias</h2>
    </div>
    <div class="weeks">
      <div class="week"><span class="wk-label">Semana 1</span><h3>Escolha e planejamento</h3></div>
      <div class="week"><span class="wk-label">Semana 2</span><h3>Preparação</h3></div>
      <div class="week"><span class="wk-label">Semana 3</span><h3>Divulgação e primeiras oportunidades</h3></div>
      <div class="week"><span class="wk-label">Semana 4</span><h3>Ajustes e crescimento</h3></div>
    </div>
  </div>
</section>

<section>
  <div class="wrap">
    <div class="app-banner">
      <div>
        <span class="eyebrow">Bônus especial</span>
        <h2>7 dias grátis no aplicativo exclusivo</h2>
        <p>Uma ferramenta de apoio para organizar tarefas, acompanhar seu planejamento e colocar em prática o que você aprender no e-book. Você aprende, planeja, organiza — o aplicativo ajuda a manter tudo isso no lugar.</p>
      </div>
      <div class="app-days">
        <span class="num">7</span>
        <span class="lbl">dias grátis</span>
      </div>
    </div>
    <p class="app-fine">Não é uma promessa de ganhos nem uma fórmula mágica — é uma ferramenta complementar. Confira as condições apresentadas no momento da ativação, incluindo eventual continuidade ou cobrança após o período gratuito, quando aplicável.</p>
  </div>
</section>

<section class="alt" id="oferta">
  <div class="wrap">
    <div class="section-head" style="max-width:100%; text-align:center; margin:0 auto 10px;">
      <span class="eyebrow" style="justify-content:center; display:flex;">Oferta de lançamento</span>
      <h2 style="margin-top:14px;">Menos de R$ 20 pelo material completo</h2>
    </div>
    <div class="price-wrap" style="margin-top:34px;">
      <div class="receipt">
        <div class="receipt-title">Renda Extra Já — resumo do pedido</div>
        <div class="receipt-line"><span>E-book — 15 capítulos</span><span>incluso</span></div>
        <div class="receipt-line"><span>Checklists e planejadores</span><span>incluso</span></div>
        <div class="receipt-line"><span>Plano de ação de 30 dias</span><span>incluso</span></div>
        <div class="receipt-line"><span>Controle de resultados</span><span>incluso</span></div>
        <div class="receipt-line"><span>Bônus: 7 dias no app</span><span>incluso</span></div>
        <div class="receipt-total">
          <span class="old-price">R$ 47,90</span>
          <div style="text-align:right;">
            <div class="new-price">R$ 19,90</div>
            <div class="price-note">pagamento único</div>
          </div>
        </div>
        <a class="btn" href="#">Quero meu e-book agora <span class="btn-arrow">→</span></a>
        <span class="microcopy">Compra processada por plataforma de pagamento segura.</span>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="wrap faq">
    <div class="section-head" style="max-width:100%;">
      <span class="eyebrow">Perguntas frequentes</span>
      <h2>Antes de começar</h2>
    </div>
    <details open>
      <summary>Preciso ter experiência?</summary>
      <p>Não. O material foi estruturado para quem está começando e apresenta os conceitos de maneira simples.</p>
    </details>
    <details>
      <summary>Preciso investir muito dinheiro?</summary>
      <p>Não é necessário começar com um grande investimento para estudar e testar várias das estratégias apresentadas. Algumas atividades podem envolver custos ou ferramentas específicas, dependendo do caminho escolhido.</p>
    </details>
    <details>
      <summary>Preciso ter milhares de seguidores?</summary>
      <p>Não. O material mostra como começar mesmo com uma audiência pequena, usando relacionamento, conteúdo e divulgação.</p>
    </details>
    <details>
      <summary>Vou ganhar dinheiro garantidamente em 30 dias?</summary>
      <p>Não. Nenhum resultado financeiro é garantido. O prazo de 30 dias é um período prático para organizar, testar e executar uma estratégia.</p>
    </details>
    <details>
      <summary>O que recebo?</summary>
      <p>O e-book completo, os materiais complementares, o plano de ação de 30 dias e o bônus do período de teste gratuito do aplicativo, conforme as condições apresentadas na oferta.</p>
    </details>
    <details>
      <summary>Como recebo o produto?</summary>
      <p>Após a confirmação do pagamento, você recebe as instruções de acesso conforme a plataforma utilizada na venda.</p>
    </details>
  </div>
</section>

<section class="final-cta">
  <div class="wrap">
    <span class="eyebrow" style="justify-content:center; display:flex;">Agora é com você</span>
    <h2 style="margin-top:16px;">Começar pequeno também é começar.</h2>
    <div class="price-line">de <s>R$ 47,90</s> por apenas <b>R$ 19,90</b> · pagamento único</div>
    <a class="btn" href="#oferta">Quero meu e-book agora <span class="btn-arrow">→</span></a>
  </div>
</section>

<footer>
  <div class="wrap">
    <p class="legal">Este produto é um material educacional. Ele não constitui promessa ou garantia de ganhos financeiros. Resultados podem variar de acordo com dedicação, habilidades, mercado, oferta, divulgação, experiência, execução e diversos outros fatores. O objetivo é fornecer conhecimento, ferramentas e organização para ajudar você a explorar possibilidades de renda extra de maneira mais consciente e estruturada.</p>
    <p class="legal">As condições de garantia, reembolso e acesso são apresentadas na plataforma de pagamento escolhida.</p>
  </div>
</footer>

</body>
</html>