```html
<style>
  .progressive-hero-title {
    font-size: 68px;
    line-height: 1.1;
    margin: 10px 0;
  }

  .progressive-card {
    padding: 34px 30px;
    border: 1px solid #C79C2C;
    border-radius: 12px;
    background: #1A1A1A;
    color: #ffffff;
  }

  .progressive-card p {
    font-size: 24px;
    line-height: 1.7;
  }

  .progressive-card h3 {
    font-size: 30px;
  }

  .progressive-card strong {
    font-size: 24px;
  }

  @media screen and (max-width: 768px) {
    body,
    section,
    div,
    p,
    span {
      font-size: 30px !important;
      line-height: 1.8 !important;
    }

    .progressive-hero-title {
      font-size: 58px !important;
      line-height: 1.2 !important;
    }

    h2 {
      font-size: 48px !important;
      line-height: 1.2 !important;
    }

    h3 {
      font-size: 34px !important;
      line-height: 1.3 !important;
    }

    strong {
      font-size: 30px !important;
    }

    .progressive-card {
      padding: 40px 30px !important;
    }

    a {
      font-size: 32px !important;
      padding: 22px 38px !important;
    }
  }
</style>

<section style="font-family: Arial, sans-serif; background:#0B0B0B; color:#fff; padding:60px 20px;">
  <div style="max-width:950px; margin:auto; text-align:center;">
    <p style="color:#C79C2C; font-weight:bold; font-size:32px; margin-bottom:14px;">
      Ótica Progressive em Palhoça
    </p>

    <h1 class="progressive-hero-title">
      Procurando uma ótica em Palhoça?
    </h1>

    <p style="font-size:28px; line-height:1.65; color:#e5e5e5;">
      Na Ótica Progressive, você encontra atendimento personalizado para óculos de grau, lentes para longe, lentes para perto e lentes multifocais. Nossa equipe ajuda você a escolher a melhor solução para enxergar com conforto e segurança.
    </p>

    <p style="margin:22px 0; color:#C79C2C; font-size:26px;">
      5.0 no Google | 39 avaliações | Centro de Palhoça
    </p>

    <a href="https://wa.me/5548988480000?text=Ola!%20Vi%20a%20pagina%20da%20Otica%20Progressive%20e%20quero%20fazer%20um%20orcamento."
       style="display:inline-block; background:#C79C2C; color:#000; padding:22px 40px; border-radius:8px; text-decoration:none; font-weight:bold; font-size:26px;">
      Falar no WhatsApp
    </a>

    <p style="font-size:28px; color:#C79C2C; margin-top:18px; font-weight:bold;">
      WhatsApp: <span style="color:#C79C2C !important; text-decoration:none !important;">(48) 98848-0000</span>
    </p>

    <p style="font-size:22px; color:#ccc; margin-top:8px;">
      Atendimento em Palhoça | Segunda a sexta das 9h às 18h | Sábado até 12h30
    </p>
  </div>
</section>

<section style="font-family: Arial, sans-serif; padding:55px 20px; background:#0B0B0B; color:#FFFFFF;">
  <div style="max-width:1100px; margin:auto; text-align:center;">
    <h2 style="font-size:42px; color:#C79C2C;">O que nossos clientes dizem</h2>

    <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:20px; margin-top:35px;">
      <div class="progressive-card">
        <p style="color:#C79C2C; font-weight:bold;">Nota 5.0</p>
        <p>"O atendimento do João da Progressive realmente é diferenciado, sempre pronto a ajudar, dando atenção não só na pré-venda, mas principalmente no pós-venda."</p>
        <strong>Marta Silveira</strong>
      </div>

      <div class="progressive-card">
        <p style="color:#C79C2C; font-weight:bold;">Nota 5.0</p>
        <p>"O João foi extremamente atencioso, profissional e educado durante todo o atendimento. Minha nova armação está perfeita e de ótima qualidade."</p>
        <strong>Denisse Ramirez</strong>
      </div>

      <div class="progressive-card">
        <p style="color:#C79C2C; font-weight:bold;">Nota 5.0</p>
        <p>"Eu e minha filha fomos super bem atendidas. A ótica tem muita variedade para todo gosto e orçamento. Ficou pronto no dia seguinte."</p>
        <strong>Mirian Lourença dos Reis</strong>
      </div>

      <div class="progressive-card">
        <p style="color:#C79C2C; font-weight:bold;">Nota 5.0</p>
        <p>"Minha mãe sempre usou óculos, foi a única ótica que ela saiu com 100% de acerto e satisfeita. Ela me indicou e estou super satisfeita."</p>
        <strong>Denize Souza Santos</strong>
      </div>

      <div class="progressive-card">
        <p style="color:#C79C2C; font-weight:bold;">Nota 5.0</p>
        <p>"Extremamente bem atendido, pessoal muito atencioso e com um preço ótimo comparado com o mercado."</p>
        <strong>Igor Henrique Machado</strong>
      </div>

      <div class="progressive-card">
        <p style="color:#C79C2C; font-weight:bold;">Nota 5.0</p>
        <p>"Ótimo atendimento, desde o primeiro contato até o pós-venda, sempre muito atenciosos em todos os momentos. Obrigada pelas dicas e cuidado."</p>
        <strong>Marlúci Haezel</strong>
      </div>
    </div>

    <div style="margin-top:35px;">
      <a href="https://wa.me/5548988480000?text=Ola!%20Vi%20as%20avaliacoes%20e%20quero%20falar%20com%20a%20Otica%20Progressive."
         style="display:inline-block; background:#C79C2C; color:#000; padding:22px 40px; border-radius:8px; text-decoration:none; font-weight:bold; font-size:26px;">
        Quero falar com a ótica
      </a>
    </div>
  </div>
</section>

<section style="font-family: Arial, sans-serif; padding:55px 20px; background:#111111; color:#fff;">
  <div style="max-width:1100px; margin:auto; text-align:center;">
    <h2 style="font-size:42px; color:#C79C2C;">Como podemos ajudar você?</h2>

    <p style="font-size:28px; max-width:850px; margin:15px auto 35px auto; line-height:1.6; color:#e5e5e5;">
      Cada pessoa tem uma necessidade visual diferente. Por isso, nosso atendimento é feito com orientação para entender sua receita, sua rotina e o tipo de lente ideal para você.
    </p>

    <div style="display:flex; flex-wrap:wrap; gap:20px; margin-top:35px; justify-content:center;">
      <div class="progressive-card" style="width:calc(50% - 10px); box-sizing:border-box;">
        <h3 style="color:#C79C2C;">Óculos de grau</h3>
        <p>Armações e lentes para quem precisa renovar os óculos ou fazer o primeiro par.</p>
      </div>

      <div class="progressive-card" style="width:calc(50% - 10px); box-sizing:border-box;">
        <h3 style="color:#C79C2C;">Lentes para longe</h3>
        <p>Indicadas para quem sente dificuldade para enxergar placas, dirigir ou ver de longe.</p>
      </div>

      <div class="progressive-card" style="width:calc(50% - 10px); box-sizing:border-box;">
        <h3 style="color:#C79C2C;">Lentes para perto</h3>
        <p>Para quem tem dificuldade para ler, usar o celular, ver etiquetas ou letras pequenas.</p>
      </div>

      <div class="progressive-card" style="width:calc(50% - 10px); box-sizing:border-box;">
        <h3 style="color:#C79C2C;">Lentes multifocais</h3>
        <p>Para quem precisa enxergar de perto, intermediário e longe com o mesmo óculos.</p>
      </div>
    </div>
  </div>
</section>

<section style="font-family: Arial, sans-serif; background:#0B0B0B; padding:55px 20px; color:#fff;">
  <div style="max-width:1100px; margin:auto; text-align:center;">
    <h2 style="font-size:42px; color:#C79C2C;">Atendimento personalizado em Palhoça</h2>

    <p style="font-size:28px; line-height:1.6; max-width:850px; margin:20px auto; color:#e5e5e5;">
      Aqui na Ótica Progressive, você recebe orientação antes de escolher sua lente. Explicamos as opções com clareza, indicamos o que faz sentido para sua rotina e acompanhamos sua adaptação após a compra.
    </p>

    <a href="https://wa.me/5548988480000?text=Ola!%20Quero%20fazer%20um%20orcamento%20de%20oculos%20na%20Otica%20Progressive."
       style="display:inline-block; margin-top:20px; background:#C79C2C; color:#000; padding:22px 40px; border-radius:8px; text-decoration:none; font-weight:bold; font-size:26px;">
      Solicitar orçamento
    </a>
  </div>
</section>

<section style="font-family: Arial, sans-serif; padding:55px 20px; background:#111111; color:#fff;">
  <div style="max-width:900px; margin:auto; text-align:center;">
    <h2 style="font-size:42px; color:#C79C2C;">Venha até a Ótica Progressive</h2>

    <p style="font-size:28px; line-height:1.7;">
      Rua Prefeito Ari Wagner, 242<br>
      Centro - Palhoça, Santa Catarina<br>
      CEP: 88130-070
    </p>

    <p style="font-size:28px; line-height:1.7;">
      Segunda a sexta: 9h às 12h e 13h às 18h<br>
      Sábado: 8h30 às 12h30
    </p>

    <p style="font-size:28px; color:#C79C2C; font-weight:bold;">
      WhatsApp: <span style="color:#C79C2C !important; text-decoration:none !important;">(48) 98848-0000</span>
    </p>

    <a href="https://wa.me/5548988480000?text=Ola!%20Gostaria%20de%20fazer%20um%20orcamento%20na%20Otica%20Progressive."
       style="display:inline-block; margin-top:20px; background:#C79C2C; color:#000; padding:22px 40px; border-radius:8px; text-decoration:none; font-weight:bold; font-size:26px;">
      Chamar no WhatsApp
    </a>
  </div>
</section>
```