.elementor-kit-36{--e-global-color-primary:#F6FAFF;--e-global-color-secondary:#ACACAC;--e-global-color-text:#CCD0D5;--e-global-color-accent:#A56C2B;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:49px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:55px;--e-global-typography-secondary-font-family:"Arimo";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Martel Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Playfair Display";--e-global-typography-accent-font-size:25px;--e-global-typography-accent-font-weight:500;background-color:#000000;}.elementor-kit-36 e-page-transition{background-color:#FFBC7D;}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-36{--e-global-typography-primary-line-height:44px;--e-global-typography-text-font-size:16px;}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-kit-36{--e-global-typography-primary-font-size:36px;--e-global-typography-secondary-font-size:30px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:22px;}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-36{--e-global-typography-primary-font-size:30px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-size:22px;}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Comunicadores Magnéticos</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
  :root {
    --black: #161212;
    --warm-beige: #C6BEB5;
    --light-gray: #D5D2CB;
    --taupe: #9C8D7C;
    --white: #F8F6F3;
    --accent: #C6BEB5;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    font-family: 'DM Sans', sans-serif;
    background: var(--black);
    color: var(--white);
    line-height: 1.6;
  }

  /* HERO */
  .hero {
    background: var(--black);
    text-align: center;
    padding: 60px 20px 40px;
    position: relative;
    overflow: hidden;
  }

  .hero::before {
    content: '';
    position: absolute;
    top: -50px; left: 50%;
    transform: translateX(-50%);
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(198,190,181,0.12) 0%, transparent 70%);
    pointer-events: none;
  }

  .hero-logo {
    font-family: 'Playfair Display', serif;
    font-size: 13px;
    letter-spacing: 4px;
    color: var(--taupe);
    text-transform: uppercase;
    margin-bottom: 30px;
  }

  .hero-image-wrap {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
  }

  .hero-avatar {
    width: 180px; height: 180px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--taupe), var(--warm-beige));
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 0 3px var(--warm-beige), 0 0 60px rgba(198,190,181,0.25);
  }

  .hero-avatar svg { width: 80px; opacity: 0.4; }

  .hero-ring {
    position: absolute;
    top: -15px; left: -15px; right: -15px; bottom: -15px;
    border-radius: 50%;
    border: 1px solid rgba(198,190,181,0.3);
    animation: pulse 3s ease-in-out infinite;
  }

  @keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.05); opacity: 1; }
  }

  .hero-headline {
    font-size: 15px;
    color: var(--light-gray);
    max-width: 560px;
    margin: 0 auto 20px;
    line-height: 1.7;
  }

  .hero-headline span {
    color: var(--warm-beige);
    font-weight: 600;
  }

  .hero-cta-label {
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--taupe);
    margin-bottom: 10px;
  }

  .badge-course {
    display: inline-block;
    background: var(--warm-beige);
    color: var(--black);
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 28px;
    border-radius: 2px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }

  .btn-primary {
    display: inline-block;
    background: var(--warm-beige);
    color: var(--black);
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 16px 40px;
    border-radius: 2px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none; cursor: pointer;
  }

  .btn-primary:hover {
    background: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(198,190,181,0.3);
  }

  .btn-secondary {
    display: inline-block;
    background: transparent;
    color: var(--warm-beige);
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 14px 40px;
    border-radius: 2px;
    text-decoration: none;
    border: 1px solid var(--warm-beige);
    transition: all 0.3s ease;
    cursor: pointer;
  }

  .btn-secondary:hover {
    background: rgba(198,190,181,0.1);
  }

  /* STATS */
  .stats-bar {
    background: rgba(198,190,181,0.06);
    border-top: 1px solid rgba(198,190,181,0.12);
    border-bottom: 1px solid rgba(198,190,181,0.12);
    display: flex;
    justify-content: center;
    gap: 60px;
    padding: 20px;
    flex-wrap: wrap;
  }

  .stat-item { text-align: center; }
  .stat-num {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--warm-beige);
  }
  .stat-label { font-size: 11px; color: var(--taupe); letter-spacing: 1px; text-transform: uppercase; }

  /* SECTION */
  .section { padding: 70px 20px; max-width: 780px; margin: 0 auto; }
  .section-center { text-align: center; }

  .eyebrow {
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--taupe);
    margin-bottom: 16px;
  }

  .section-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(26px, 5vw, 40px);
    font-weight: 700;
    color: var(--white);
    line-height: 1.25;
    margin-bottom: 20px;
  }

  .section-title span { color: var(--warm-beige); }

  .section-text {
    color: var(--light-gray);
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 16px;
  }

  /* ATENCAO */
  .atencao-section {
    background: rgba(198,190,181,0.05);
    border-top: 1px solid rgba(198,190,181,0.1);
    border-bottom: 1px solid rgba(198,190,181,0.1);
    padding: 70px 20px;
  }

  .atencao-inner { max-width: 680px; margin: 0 auto; text-align: center; }

  .tag-atencao {
    display: inline-block;
    border: 1px solid var(--warm-beige);
    color: var(--warm-beige);
    font-size: 11px;
    letter-spacing: 3px;
    padding: 6px 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
    border-radius: 1px;
  }

  /* CARDS GRID */
  .cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1px;
    background: rgba(198,190,181,0.1);
    border: 1px solid rgba(198,190,181,0.1);
    margin: 40px 0;
  }

  .card {
    background: var(--black);
    padding: 32px 24px;
    text-align: center;
  }

  .card-icon {
    width: 44px; height: 44px;
    background: rgba(198,190,181,0.1);
    border-radius: 50%;
    margin: 0 auto 16px;
    display: flex; align-items: center; justify-content: center;
  }

  .card-icon svg { width: 20px; stroke: var(--warm-beige); fill: none; stroke-width: 1.5; }

  .card-title {
    font-family: 'Playfair Display', serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--warm-beige);
    margin-bottom: 10px;
  }

  .card-text { font-size: 13px; color: var(--taupe); line-height: 1.7; }

  /* DARK SECTION */
  .dark-section {
    background: #0E0B0B;
    padding: 70px 20px;
  }

  .dark-inner { max-width: 780px; margin: 0 auto; }

  /* BÔNUS */
  .bonus-section { padding: 70px 20px; }
  .bonus-inner { max-width: 780px; margin: 0 auto; }

  .bonus-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 28px 0;
    border-bottom: 1px solid rgba(198,190,181,0.1);
  }

  .bonus-item:last-child { border-bottom: none; }

  .bonus-tag {
    background: rgba(198,190,181,0.08);
    border: 1px solid rgba(198,190,181,0.2);
    color: var(--warm-beige);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 4px 10px;
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 4px;
    border-radius: 1px;
  }

  .bonus-content {}
  .bonus-title {
    font-family: 'Playfair Display', serif;
    font-size: 17px;
    color: var(--white);
    margin-bottom: 8px;
  }
  .bonus-text { font-size: 13px; color: var(--taupe); line-height: 1.7; }
  .bonus-value { font-size: 12px; color: var(--warm-beige); margin-top: 8px; font-weight: 500; letter-spacing: 1px; }

  /* TESTIMONIALS */
  .testimonials { padding: 70px 20px; background: rgba(198,190,181,0.03); }
  .testimonials-inner { max-width: 780px; margin: 0 auto; }

  .testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1px;
    background: rgba(198,190,181,0.1);
    border: 1px solid rgba(198,190,181,0.1);
    margin-top: 40px;
  }

  .testimonial {
    background: #0E0B0B;
    padding: 28px 22px;
  }

  .testimonial-avatar {
    width: 52px; height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--taupe), var(--warm-beige));
    margin-bottom: 14px;
    display: flex; align-items: center; justify-content: center;
  }
  .testimonial-avatar svg { width: 24px; opacity: 0.5; fill: var(--black); }

  .testimonial-name { font-size: 13px; font-weight: 600; color: var(--white); margin-bottom: 10px; }
  .testimonial-text { font-size: 13px; color: var(--taupe); line-height: 1.7; }

  /* PRICING */
  .pricing-section { padding: 70px 20px; text-align: center; }
  .pricing-inner { max-width: 480px; margin: 0 auto; }

  .price-card {
    border: 1px solid rgba(198,190,181,0.2);
    background: rgba(198,190,181,0.04);
    padding: 50px 40px;
    position: relative;
    overflow: hidden;
  }

  .price-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--warm-beige), transparent);
  }

  .price-label { font-size: 11px; letter-spacing: 4px; color: var(--taupe); text-transform: uppercase; margin-bottom: 30px; }

  .price-from {
    font-size: 13px; color: var(--taupe);
    text-decoration: line-through;
    margin-bottom: 6px;
  }

  .price-main {
    font-family: 'Playfair Display', serif;
    font-size: 54px;
    font-weight: 700;
    color: var(--warm-beige);
    line-height: 1;
    margin-bottom: 6px;
  }

  .price-main sup { font-size: 24px; vertical-align: top; margin-top: 10px; }
  .price-main .cents { font-size: 28px; }

  .price-installments { font-size: 13px; color: var(--taupe); margin-bottom: 30px; }

  .guarantee {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(198,190,181,0.1);
    display: flex;
    align-items: center;
    gap: 16px;
    text-align: left;
  }

  .guarantee-badge {
    width: 64px; height: 64px; flex-shrink: 0;
    border: 2px solid rgba(198,190,181,0.3);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-family: 'Playfair Display', serif;
    font-size: 11px;
    text-align: center;
    color: var(--warm-beige);
    line-height: 1.3;
  }

  .guarantee-text { font-size: 12px; color: var(--taupe); line-height: 1.6; }
  .guarantee-text strong { color: var(--white); }

  /* FAQ */
  .faq-section { padding: 70px 20px; }
  .faq-inner { max-width: 680px; margin: 0 auto; }

  .faq-item {
    border-bottom: 1px solid rgba(198,190,181,0.1);
    padding: 24px 0;
  }

  .faq-q {
    font-size: 15px;
    font-weight: 500;
    color: var(--white);
    margin-bottom: 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
  }

  .faq-q span { color: var(--warm-beige); font-size: 18px; font-weight: 300; }
  .faq-a { font-size: 14px; color: var(--taupe); line-height: 1.8; }

  /* FOOTER CTA */
  .footer-cta {
    background: rgba(198,190,181,0.06);
    border-top: 1px solid rgba(198,190,181,0.15);
    padding: 70px 20px;
    text-align: center;
  }

  /* WHATSAPP */
  .whatsapp-bar {
    background: #1A1A1A;
    border-top: 1px solid rgba(198,190,181,0.1);
    padding: 20px;
    text-align: center;
  }

  .whatsapp-bar a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--warm-beige);
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 1px;
  }

  .whatsapp-bar a svg { width: 20px; fill: currentColor; }

  /* DIVIDER */
  .divider {
    border: none;
    border-top: 1px solid rgba(198,190,181,0.1);
    margin: 0;
  }

  /* RESPONSIVE */
  @media (max-width: 600px) {
    .stats-bar { gap: 24px; }
    .price-card { padding: 36px 24px; }
    .price-main { font-size: 42px; }
    .bonus-item { flex-direction: column; gap: 12px; }
    .guarantee { flex-direction: column; text-align: center; }
    .guarantee-text { text-align: center; }
  }
</style>
</head>
<body>

<!-- HERO -->
<section class="hero">
  <p class="hero-logo">Vitrine Organizer</p>
  <div class="hero-image-wrap">
    <div class="hero-avatar">
      <svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
        <circle cx="40" cy="30" r="18" fill="#161212"/>
        <path d="M10 70c0-16.569 13.431-30 30-30s30 13.431 30 30" fill="#161212"/>
      </svg>
    </div>
    <div class="hero-ring"></div>
  </div>
  <p class="hero-cta-label">Conheça a transformação que você precisa</p>
  <div class="badge-course">COMUNICADORES MAGNÉTICOS</div>
  <p class="hero-headline">
    Os conteúdos que <span>vendem</span> são os que <span>conectam</span> de verdade —<br>
    e eu vou te mostrar exatamente como fazer isso.
  </p>
  <br>
  <a href="#pricing" class="btn-primary">Quero me inscrever agora</a>
</section>

<!-- STATS BAR -->
<div class="stats-bar">
  <div class="stat-item">
    <div class="stat-num">4.8★</div>
    <div class="stat-label">Avaliação média</div>
  </div>
  <div class="stat-item">
    <div class="stat-num">+1.200</div>
    <div class="stat-label">Alunos ativos</div>
  </div>
  <div class="stat-item">
    <div class="stat-num">7 dias</div>
    <div class="stat-label">Garantia total</div>
  </div>
</div>

<!-- ATENÇÃO -->
<section class="atencao-section">
  <div class="atencao-inner">
    <div class="tag-atencao">Atenção</div>
    <h2 class="section-title">Esta é a <span>trilha de comunicação</span> que você não vai encontrar em outro lugar</h2>
    <p class="section-text">A maioria das pessoas produz conteúdo achando que mais quantidade resolve. Mas o que de fato gera resultado é saber exatamente <strong style="color:var(--white)">o que dizer, como dizer e quando dizer</strong> para que sua audiência tome uma decisão.</p>
    <p class="section-text">Comunicadores Magnéticos te entrega o método por trás disso — testado, validado e já aplicado por centenas de pessoas.</p>
    <br>
    <a href="#pricing" class="btn-secondary">Ver como funciona</a>
  </div>
</section>

<!-- O QUE VOCÊ RECEBE -->
<section class="section section-center">
  <p class="eyebrow">O que você recebe</p>
  <h2 class="section-title">Mas fique tranquila: <span>nada foi colocado aqui por acaso</span></h2>
  <p class="section-text" style="max-width:560px;margin:0 auto 40px">Cada módulo foi estruturado para que você saia com algo acionável — não só com conhecimento, mas com resultado real.</p>

  <div class="cards-grid">
    <div class="card">
      <div class="card-icon">
        <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg>
      </div>
      <p class="card-title">A+<br>Módulo Avançado</p>
      <p class="card-text">Conteúdo que vai além do básico — para quem quer dominar a comunicação de forma estratégica.</p>
    </div>
    <div class="card">
      <div class="card-icon">
        <svg viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.8 19.79 19.79 0 01.14 1.22 2 2 0 012.12 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 7.09a16 16 0 006 6l.56-.56a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0120 14.9v1.92z"/></svg>
      </div>
      <p class="card-title">Comunidade<br>de Networking</p>
      <p class="card-text">Acesso a um grupo exclusivo de pessoas que estão no mesmo processo — conexão real, sem ruído.</p>
    </div>
    <div class="card">
      <div class="card-icon">
        <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg>
      </div>
      <p class="card-title">Suporte<br>Personalizado</p>
      <p class="card-text">Você não fica parada com dúvidas. O suporte é ativo e pensado para que você avance rápido.</p>
    </div>
    <div class="card">
      <div class="card-icon">
        <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
      </div>
      <p class="card-title">7 Aulas<br>Ao Vivo Top</p>
      <p class="card-text">Sessões ao vivo com aplicação prática — onde você vê o método acontecendo em tempo real.</p>
    </div>
  </div>
  <a href="#pricing" class="btn-primary">Quero fazer parte</a>
</section>

<hr class="divider">

<!-- BÔNUS -->
<section class="bonus-section">
  <div class="bonus-inner">
    <p class="eyebrow">Exclusivo para quem entrar</p>
    <h2 class="section-title">E claro, com <span>presentes</span></h2>

    <div class="bonus-item">
      <span class="bonus-tag">Bônus 01</span>
      <div class="bonus-content">
        <p class="bonus-title">Guia de Produção de Conteúdo Magnético</p>
        <p class="bonus-text">Passo a passo visual para criar conteúdos que tracionam — sem depender de inspiração ou de sorte.</p>
        <p class="bonus-value">EXCLUSIVO PARA OS 30 PRIMEIROS</p>
      </div>
    </div>

    <div class="bonus-item">
      <span class="bonus-tag">Bônus 02</span>
      <div class="bonus-content">
        <p class="bonus-title">Canva de Roteiro — Scripts que Vendem</p>
        <p class="bonus-text">Templates prontos de roteiros testados para reels, stories e vídeos de conversão. Só preencher e gravar.</p>
        <p class="bonus-value">EXCLUSIVO PARA OS 100 PRIMEIROS</p>
      </div>
    </div>

    <div class="bonus-item">
      <span class="bonus-tag">Bônus 03</span>
      <div class="bonus-content">
        <p class="bonus-title">Kit da Comunidade</p>
        <p class="bonus-text">Acesso antecipado ao hub de networking com os primeiros alunos — grupo menor, conexão maior.</p>
        <p class="bonus-value">VALOR INESTIMÁVEL</p>
      </div>
    </div>

    <div class="bonus-item">
      <span class="bonus-tag">Bônus 04</span>
      <div class="bonus-content">
        <p class="bonus-title">Aula Especial: Autoridade Sem Fórmula</p>
        <p class="bonus-text">Como criar presença digital real — que as pessoas lembram e recomendam — sem precisar estar em todo lugar.</p>
        <p class="bonus-value">DISPONÍVEL NO LANÇAMENTO</p>
      </div>
    </div>
  </div>
</section>

<hr class="divider">

<!-- TESTEMUNHOS -->
<section class="testimonials">
  <div class="testimonials-inner">
    <p class="eyebrow">Resultados reais</p>
    <h2 class="section-title" style="text-align:center">Quem já passou por aqui <span>não volta do mesmo jeito</span></h2>

    <div class="testimonials-grid">
      <div class="testimonial">
        <div class="testimonial-avatar">
          <svg viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
        </div>
        <p class="testimonial-name">Leandro Aguilar</p>
        <p class="testimonial-text">"Eu achava que sabia me comunicar. Depois do método eu entendi que estava deixando dinheiro na mesa toda semana. Minha taxa de conversão dobrou."</p>
      </div>
      <div class="testimonial">
        <div class="testimonial-avatar">
          <svg viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
        </div>
        <p class="testimonial-name">Leandro Aguilar</p>
        <p class="testimonial-text">"A parte de storytelling foi um divisor de águas. Aprendi a contar histórias que prendem do começo ao fim — e as pessoas começaram a me chamar."</p>
      </div>
      <div class="testimonial">
        <div class="testimonial-avatar">
          <svg viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
        </div>
        <p class="testimonial-name">Leandro Aguilar</p>
        <p class="testimonial-text">"Fiz em uma semana o que levaria meses tentando por conta própria. O suporte faz toda a diferença — me senti acompanhada do início ao fim."</p>
      </div>
    </div>
  </div>
</section>

<!-- PRICING -->
<section class="pricing-section" id="pricing">
  <p class="eyebrow">Acesso ao método</p>
  <h2 class="section-title">Invista uma vez,<br><span>use para sempre</span></h2>
  <br>
  <div class="pricing-inner">
    <div class="price-card">
      <p class="price-label">Acesso completo · Pagamento único</p>
      <p class="price-from">De R$ 197,00</p>
      <div class="price-main">
        <sup>R$</sup>49<span class="cents">,70</span>
      </div>
      <p class="price-installments">ou em até 12x no cartão</p>
      <a href="#" class="btn-primary" style="width:100%;display:block;text-align:center">Garantir minha vaga agora</a>

      <div class="guarantee">
        <div class="guarantee-badge">7<br>dias</div>
        <p class="guarantee-text"><strong>Garantia incondicional de 7 dias.</strong><br>Se você não gostar por qualquer motivo, devolvemos 100% do seu investimento — sem perguntas.</p>
      </div>
    </div>
  </div>
</section>

<hr class="divider">

<!-- FAQ -->
<section class="faq-section">
  <div class="faq-inner">
    <p class="eyebrow" style="text-align:center">Ficou com alguma dúvida?</p>
    <h2 class="section-title" style="text-align:center">Perguntas <span>frequentes</span></h2>
    <br>

    <div class="faq-item">
      <p class="faq-q">Para quem é esse curso? <span>+</span></p>
      <p class="faq-a">Para quem quer vender com conteúdo — seja produto, serviço ou mentoria. Se você precisa que as pessoas te entendam, confiem em você e tomem uma decisão, esse método é pra você.</p>
    </div>
    <div class="faq-item">
      <p class="faq-q">Preciso ter muitos seguidores? <span>+</span></p>
      <p class="faq-a">Não. O método funciona para audiências pequenas. Comunicação magnética converte — e 1.000 seguidores certos valem mais que 50.000 desengajados.</p>
    </div>
    <div class="faq-item">
      <p class="faq-q">Por quanto tempo tenho acesso? <span>+</span></p>
      <p class="faq-a">Acesso vitalício ao conteúdo gravado. As aulas ao vivo ficam gravadas na plataforma para você assistir quando quiser.</p>
    </div>
    <div class="faq-item">
      <p class="faq-q">Como funciona a garantia? <span>+</span></p>
      <p class="faq-a">São 7 dias corridos após a compra. Se quiser o reembolso, é só pedir — nenhuma burocracia, nenhuma pergunta constrangedora.</p>
    </div>
  </div>
</section>

<!-- FOOTER CTA -->
<section class="footer-cta">
  <p class="eyebrow">Última chamada</p>
  <h2 class="section-title">Divulgar que (quase) todo mundo tem.<br><span>Comunicar de verdade</span> é diferente.</h2>
  <br><br>
  <a href="#pricing" class="btn-primary">Quero aprender a comunicar de verdade</a>
</section>

<!-- WHATSAPP BAR -->
<div class="whatsapp-bar">
  <a href="https://wa.me/5500000000000" target="_blank">
    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
    </svg>
    Ficou com dúvidas? Fale comigo no WhatsApp
  </a>
</div>

</body>
</html>/* End custom CSS */