Embed

<section class="mv-wrap" aria-label="Método Onda V+">
  <link href="https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap" rel="stylesheet">

  <style>
    :root{
      --yellow:#F1F531;
      --text:#111;
      --muted:#444;
      --card:#ffffff;
      --bg:#fafafa;
      --border:rgba(17,17,17,.10);
      --shadow:0 10px 30px rgba(0,0,0,.08);
      --radius:18px;
    }

    .mv-wrap{
      padding:56px 20px;
      background:var(--bg);
      color:var(--text);
      font-family:'Almarai',sans-serif;
    }

    .mv-container{
      max-width:1080px;
      margin:0 auto;
    }

    .mv-badge{
      display:inline-flex;
      align-items:center;
      gap:10px;
      background:rgba(241,245,49,.25);
      border:1px solid rgba(241,245,49,.55);
      padding:8px 12px;
      border-radius:999px;
      font-weight:700;
      letter-spacing:.3px;
    }

    .mv-head{
      text-align:center;
      margin-bottom:26px;
    }

    .mv-title{
      font-size:clamp(1.9rem, 3.2vw, 2.6rem);
      line-height:1.1;
      margin:14px 0 10px;
      letter-spacing:-0.5px;
    }

    .mv-sub{
      max-width:760px;
      margin:0 auto;
      font-size:1.08rem;
      line-height:1.65;
      color:var(--muted);
    }

    .mv-highlight{
      display:inline-block;
      background:var(--yellow);
      padding:0 .35em;
      border-radius:10px;
    }

    .mv-pills{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:14px 0 20px;
      justify-content:center;
    }

    .mv-pill{
      border:1px solid var(--border);
      padding:8px 12px;
      border-radius:999px;
      font-weight:700;
      background:#fff;
      white-space:nowrap;
    }

    .mv-grid{
      display:grid;
      grid-template-columns: 1.2fr .8fr;
      gap:24px;
      align-items:stretch;
      margin-top:28px;
    }

    .mv-card{
      background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:26px;
    }

    .mv-hook{
      font-size:1.1rem;
      line-height:1.6;
      color:var(--muted);
      margin:0 0 18px;
    }

    .mv-hook strong{
      color:var(--text);
    }

    .mv-steps-title{
      font-size:1.25rem;
      margin:0 0 14px;
    }

    .mv-list{
      list-style:none;
      padding:0;
      margin:0;
      display:grid;
      gap:12px;
    }

    .mv-item{
      display:flex;
      gap:12px;
      align-items:flex-start;
      padding:12px 14px;
      border-radius:14px;
      border:1px solid rgba(17,17,17,.08);
      background:rgba(250,250,250,.6);
    }

    .mv-icon{
      width:34px;
      height:34px;
      border-radius:12px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(241,245,49,.35);
      border:1px solid rgba(241,245,49,.55);
      font-weight:700;
      flex:0 0 auto;
    }

    .mv-item p{
      margin:0;
      line-height:1.5;
      color:#333;
    }

    .mv-item p b{
      color:#111;
    }

    .mv-visual{
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      gap:16px;
      height:100%;
      text-align:center;
    }

    .mv-brain{
      width:min(220px, 70%);
      margin:8px auto 0;
      border-radius:50%;
      border:1px solid rgba(17,17,17,.12);
      box-shadow:0 12px 30px rgba(0,0,0,.10);
      animation: floatY 3.8s ease-in-out infinite alternate;
    }

    @keyframes floatY {
      from { transform: translateY(-14px); }
      to   { transform: translateY(14px); }
    }

    .mv-proof{
      background:rgba(241,245,49,.22);
      border:1px solid rgba(241,245,49,.55);
      border-radius:16px;
      padding:14px;
      text-align:left;
    }

    .mv-proof h3{
      margin:0 0 6px;
      font-size:1.05rem;
    }

    .mv-proof p{
      margin:0;
      color:#333;
      line-height:1.55;
      font-size:.98rem;
    }

    .mv-cta{
      display:flex;
      justify-content:center;
      margin-top:26px;
    }

    .mv-btn{
      display:inline-block;
      padding:14px 22px;
      border-radius:14px;
      text-decoration:none;
      font-weight:700;
      background:var(--yellow);
      color:#111;
      border:1px solid rgba(0,0,0,.18);
      transition:.15s ease;
    }

    .mv-btn:hover{
      transform: translateY(-1px);
    }

    @media (prefers-reduced-motion: reduce){
      .mv-brain{ animation:none; }
      .mv-btn:hover{ transform:none; }
    }

    @media (max-width: 860px){
      .mv-grid{ grid-template-columns: 1fr; }
      .mv-card{ padding:20px; }
    }
  </style>

  <div class="mv-container">
    <div class="mv-head">
      <div class="mv-badge">🌊 Método Onda V+</div>

      <h1 class="mv-title">
        Você <span class="mv-highlight">não precisa</span> estudar tudo de uma vez
      </h1>

      <p class="mv-sub">
        Se você já tentou maratonar enfermagem e sentiu cansaço, confusão ou esquecimento,
        <b>o problema não é você — é o método.</b>
        O Onda V+ foi criado para quem trabalha, faz plantão
        e precisa evoluir com consistência, sem sobrecarga.
      </p>

      <div class="mv-pills">
        <span class="mv-pill">Blocos curtos</span>
        <span class="mv-pill">Teoria + questões</span>
        <span class="mv-pill">Revisão espaçada</span>
        <span class="mv-pill">Sem saturação</span>
      </div>
    </div>

    <div class="mv-grid">
      <div class="mv-card">
        <p class="mv-hook">
          Em vez de despejar um assunto inteiro de uma vez,
          a gente te guia em <strong>ondas de conhecimento</strong>:
          você estuda, pratica e revisita o tema no momento certo.
        </p>

        <h2 class="mv-steps-title">Como funciona na prática</h2>

        <ul class="mv-list">
          <li class="mv-item">
            <div class="mv-icon">1</div>
            <p><b>Quebra inteligente do conteúdo</b> — cada tema vira partes essenciais.</p>
          </li>
          <li class="mv-item">
            <div class="mv-icon">2</div>
            <p><b>Intercalação sem confusão</b> — alternância que mantém o cérebro ativo.</p>
          </li>
          <li class="mv-item">
            <div class="mv-icon">3</div>
            <p><b>Teoria + questões desde o início</b> — aprender e testar caminham juntos.</p>
          </li>
          <li class="mv-item">
            <div class="mv-icon">4</div>
            <p><b>Ferramentas variadas</b> — PDF, videoaulas, flashcards, simulados e estatísticas.</p>
          </li>
          <li class="mv-item">
            <div class="mv-icon">5</div>
            <p><b>Revisita natural</b> — reforço no tempo certo, sem recomeçar do zero.</p>
          </li>
        </ul>
      </div>

      <div class="mv-card mv-visual">
        <div>
          <img
            class="mv-brain"
            src="https://cdn.durable.co/blocks/7gSQLgCQujO4mUNKfH5SYsEOpkwfVyzgwVrn1BbgA1JuDOqOsq4U1P0vO2pmStvM.jpg"
            alt="Cérebro em movimento representando estudo em ondas"
          />
          <p style="margin:12px 0 0; color:#555; line-height:1.5;">
            Menos sobrecarga. <b>Mais retenção.</b><br>
            Mais constância no teu ritmo.
          </p>
        </div>

        <div class="mv-proof">
          <h3>O que muda na tua rotina</h3>
          <p>
            Você para de tentar dar conta de tudo e passa a estudar do jeito que funciona:
            <b>um pouco por dia, com revisão no tempo certo</b>.
          </p>
        </div>
      </div>
    </div>

    <div class="mv-cta">
      <a class="mv-btn" href="https://vencys.co/depoimentos">
        Ver depoimentos de alunos
      </a>
    </div>
  </div>
</section>

Você não precisa estudar tudo de uma vez

Como funciona na prática

O que muda na tua rotina