.elementor-kit-9{--e-global-color-primary:#262626;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.3em;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#000000;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;line-height:1.3em;color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:20px 40px 20px 40px;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-9{--e-global-typography-primary-font-size:48px;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-size:16px;--e-global-typography-accent-line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}}@media(max-width:1024px){.elementor-kit-9{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-size:16px;--e-global-typography-accent-line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}}@media(max-width:767px){.elementor-kit-9{--e-global-typography-primary-font-size:32px;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-size:16px;--e-global-typography-accent-line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}}/* Start custom CSS */<!-- ============================================================
     POWER MED — Landing Page Completa
     Uso: Cole cada seção em um Widget HTML no Elementor
     Fonte externa já inclusa via Google Fonts
     ============================================================ -->

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">

<style>
  /* ── RESET & VARIÁVEIS ───────────────────────────────────── */
  .pm-wrap * { box-sizing: border-box; margin: 0; padding: 0; }

  .pm-wrap {
    --navy:   #0a0f2e;
    --navy2:  #0e1540;
    --navy3:  #131a4a;
    --gold:   #c9a84c;
    --gold2:  #e8c96a;
    --white:  #f4f2ee;
    --muted:  #8a96b8;
    --light:  #f0ede8;
    --btn-bg: #c9a84c;
    --radius: 14px;
    font-family: 'DM Sans', sans-serif;
    color: var(--white);
    background: var(--navy);
  }

  /* ── BOTÃO CTA ───────────────────────────────────────────── */
  .pm-btn {
    display: inline-block;
    background: var(--gold);
    color: #0a0f2e;
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 14px 36px;
    border-radius: 50px;
    text-decoration: none;
    transition: background .25s, transform .2s, box-shadow .25s;
    cursor: pointer;
    border: none;
  }
  .pm-btn:hover {
    background: var(--gold2);
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(201,168,76,.35);
  }

  /* ── SEÇÃO HELPER ────────────────────────────────────────── */
  .pm-section {
    width: 100%;
    padding: 80px 24px;
  }
  .pm-container {
    max-width: 1100px;
    margin: 0 auto;
  }
  .pm-tag {
    display: inline-block;
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
  }
  .pm-h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.2;
    color: var(--white);
  }
  .pm-h2 strong { color: var(--gold); font-style: italic; }
  .pm-divider {
    width: 56px; height: 3px;
    background: linear-gradient(90deg, var(--gold), transparent);
    margin: 20px 0 32px;
  }

  /* ════════════════════════════════════════════════════════
     1. HERO
  ════════════════════════════════════════════════════════ */
  .pm-hero {
    position: relative;
    min-height: 100vh;
    background: var(--navy2);
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 80px 24px 60px;
  }
  .pm-hero::before {
    content: '';
    position: absolute; inset: 0;
    background:
      radial-gradient(ellipse 60% 80% at 80% 50%, rgba(201,168,76,.08) 0%, transparent 70%),
      radial-gradient(ellipse 40% 60% at 10% 80%, rgba(10,15,46,.9) 0%, transparent 80%);
    pointer-events: none;
  }
  /* grade sutil */
  .pm-hero::after {
    content: '';
    position: absolute; inset: 0;
    background-image:
      linear-gradient(rgba(201,168,76,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(201,168,76,.04) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
  }
  .pm-hero-inner {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    width: 100%;
  }
  .pm-hero-badge {
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    border: 1px solid rgba(201,168,76,.3);
    display: inline-block;
    padding: 6px 18px;
    border-radius: 50px;
    margin-bottom: 28px;
    backdrop-filter: blur(4px);
    background: rgba(201,168,76,.06);
  }
  .pm-hero h1 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(36px, 5vw, 58px);
    line-height: 1.15;
    color: var(--white);
    margin-bottom: 20px;
  }
  .pm-hero h1 em {
    color: var(--gold);
    font-style: italic;
    display: block;
  }
  .pm-hero-sub {
    font-size: 16px;
    color: var(--muted);
    line-height: 1.7;
    margin-bottom: 36px;
    max-width: 420px;
  }
  .pm-hero-img-wrap {
    position: relative;
  }
  .pm-hero-img-wrap::before {
    content: '';
    position: absolute;
    bottom: -20px; right: -20px;
    width: 100%; height: 100%;
    border: 2px solid rgba(201,168,76,.2);
    border-radius: var(--radius);
    z-index: 0;
  }
  .pm-hero-img-wrap img,
  .pm-hero-placeholder {
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: var(--radius);
    display: block;
  }
  .pm-hero-placeholder {
    background: linear-gradient(135deg, var(--navy3) 0%, #1a2160 100%);
    height: 520px;
    display: flex;
    align-items: flex-end;
    padding: 24px;
    color: var(--muted);
    font-size: 13px;
    text-align: center;
    justify-content: center;
  }
  /* banner top */
  .pm-topbar {
    position: absolute;
    top: 0; left: 0; right: 0;
    padding: 12px 24px;
    background: rgba(10,15,46,.8);
    backdrop-filter: blur(8px);
    text-align: center;
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(201,168,76,.15);
  }
  .pm-topbar span { color: var(--gold); }
  /* logo */
  .pm-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
  }
  .pm-logo-icon {
    display: flex; gap: 4px; align-items: flex-end;
  }
  .pm-logo-icon span {
    display: block;
    width: 6px;
    background: var(--gold);
    border-radius: 2px;
  }
  .pm-logo-icon span:nth-child(1) { height: 14px; }
  .pm-logo-icon span:nth-child(2) { height: 20px; }
  .pm-logo-icon span:nth-child(3) { height: 26px; }
  .pm-logo-text {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--white);
    line-height: 1;
  }
  .pm-logo-text span { display: block; font-size: 14px; color: var(--muted); font-weight: 400; }

  /* ── Prova social flutuante ── */
  .pm-social-proof {
    position: absolute;
    bottom: 32px; left: -20px;
    background: rgba(13,19,60,.95);
    border: 1px solid rgba(201,168,76,.2);
    border-radius: var(--radius);
    padding: 14px 20px;
    backdrop-filter: blur(10px);
    z-index: 10;
    white-space: nowrap;
    box-shadow: 0 12px 40px rgba(0,0,0,.4);
  }
  .pm-social-proof strong {
    display: block;
    color: var(--gold);
    font-size: 20px;
    font-family: 'Playfair Display', serif;
  }
  .pm-social-proof span { font-size: 11px; color: var(--muted); }

  @media (max-width: 768px) {
    .pm-hero-inner { grid-template-columns: 1fr; }
    .pm-hero-img-wrap { display: none; }
    .pm-hero { min-height: auto; padding-top: 100px; }
  }

  /* ════════════════════════════════════════════════════════
     2. PARA VOCÊ QUE (dores — cards)
  ════════════════════════════════════════════════════════ */
  .pm-dores {
    background: var(--light);
  }
  .pm-dores .pm-h2 { color: var(--navy); }
  .pm-dores .pm-tag { color: var(--gold); }
  .pm-dores-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 40px;
  }
  .pm-card-dor {
    background: #fff;
    border-radius: var(--radius);
    padding: 28px 24px;
    border-left: 4px solid var(--gold);
    box-shadow: 0 4px 20px rgba(0,0,0,.06);
    transition: transform .25s, box-shadow .25s;
  }
  .pm-card-dor:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(0,0,0,.1);
  }
  .pm-card-dor .pm-icon {
    width: 44px; height: 44px;
    background: linear-gradient(135deg, var(--navy2), var(--navy3));
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 16px;
    font-size: 20px;
  }
  .pm-card-dor p {
    font-size: 14px;
    line-height: 1.6;
    color: #3a3f5c;
  }

  /* ════════════════════════════════════════════════════════
     3. FEEDBACKS
  ════════════════════════════════════════════════════════ */
  .pm-feedbacks {
    background: var(--navy2);
  }
  .pm-feedbacks-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 40px;
  }
  .pm-feed-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
  }
  .pm-feed-card {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(201,168,76,.12);
    border-radius: var(--radius);
    padding: 28px;
    position: relative;
    transition: border-color .25s;
  }
  .pm-feed-card:hover { border-color: rgba(201,168,76,.4); }
  .pm-feed-card::before {
    content: '"';
    position: absolute;
    top: 12px; right: 20px;
    font-family: 'Playfair Display', serif;
    font-size: 80px;
    color: rgba(201,168,76,.12);
    line-height: 1;
  }
  .pm-feed-stars { color: var(--gold); font-size: 13px; margin-bottom: 12px; }
  .pm-feed-text {
    font-size: 14px;
    line-height: 1.7;
    color: #b0b8d8;
    margin-bottom: 20px;
  }
  .pm-feed-author {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .pm-feed-avatar {
    width: 40px; height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gold), var(--navy3));
    display: flex; align-items: center; justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--navy);
    flex-shrink: 0;
  }
  .pm-feed-name { font-size: 13px; font-weight: 600; color: var(--white); }
  .pm-feed-role { font-size: 11px; color: var(--muted); }

  /* resultado destaque */
  .pm-resultado-strip {
    background: linear-gradient(135deg, rgba(201,168,76,.12), rgba(201,168,76,.04));
    border: 1px solid rgba(201,168,76,.2);
    border-radius: var(--radius);
    padding: 20px 28px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 28px;
    flex-wrap: wrap;
  }
  .pm-resultado-strip .pm-rs-num {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    color: var(--gold);
    white-space: nowrap;
  }
  .pm-resultado-strip p { font-size: 13px; color: var(--muted); line-height: 1.5; }

  /* ════════════════════════════════════════════════════════
     4. SERVIÇOS 360°
  ════════════════════════════════════════════════════════ */
  .pm-servicos {
    background: var(--navy);
  }
  .pm-servicos-intro {
    max-width: 600px;
    margin-bottom: 52px;
  }
  .pm-servicos-intro p { color: var(--muted); font-size: 15px; line-height: 1.7; margin-top: 12px; }
  .pm-serv-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    border-radius: var(--radius);
    overflow: hidden;
    border: 1px solid rgba(201,168,76,.1);
  }
  .pm-serv-item {
    background: rgba(255,255,255,.03);
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: background .25s;
    border-right: 1px solid rgba(201,168,76,.07);
    border-bottom: 1px solid rgba(201,168,76,.07);
  }
  .pm-serv-item:hover { background: rgba(201,168,76,.06); }
  .pm-serv-icon {
    width: 48px; height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--gold), #8a6120);
    display: flex; align-items: center; justify-content: center;
    font-size: 22px;
  }
  .pm-serv-item h3 {
    font-family: 'Playfair Display', serif;
    font-size: 17px;
    color: var(--white);
  }
  .pm-serv-item p { font-size: 13px; color: var(--muted); line-height: 1.6; }
  @media (max-width: 768px) {
    .pm-serv-grid { grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 480px) {
    .pm-serv-grid { grid-template-columns: 1fr; }
  }

  /* ════════════════════════════════════════════════════════
     5. QUEM SOMOS
  ════════════════════════════════════════════════════════ */
  .pm-quem {
    background: var(--navy2);
  }
  .pm-quem-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
  }
  .pm-quem-imgs {
    position: relative;
  }
  .pm-quem-photo {
    width: 70%;
    border-radius: var(--radius);
    background: linear-gradient(135deg, var(--navy3), #1a2260);
    height: 360px;
    display: flex;
    align-items: flex-end;
    padding: 16px;
    position: relative;
    z-index: 2;
  }
  .pm-quem-photo img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius); }
  .pm-quem-photo2 {
    width: 55%;
    border-radius: var(--radius);
    background: linear-gradient(135deg, #1a2260, var(--navy3));
    height: 240px;
    position: absolute;
    bottom: -30px; right: 0;
    z-index: 3;
    border: 3px solid var(--navy2);
    display: flex;
    align-items: flex-end;
    padding: 12px;
  }
  .pm-quem-photo2 img { width: 100%; height: 100%; object-fit: cover; border-radius: calc(var(--radius) - 2px); }
  .pm-photo-label {
    font-size: 11px;
    color: var(--gold);
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  .pm-pilares {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 24px 0;
  }
  .pm-pilar {
    background: rgba(201,168,76,.1);
    border: 1px solid rgba(201,168,76,.2);
    color: var(--gold);
    font-size: 12px;
    font-weight: 500;
    padding: 6px 16px;
    border-radius: 50px;
    letter-spacing: .08em;
  }
  .pm-quem-text p {
    font-size: 15px;
    color: var(--muted);
    line-height: 1.8;
    margin-bottom: 16px;
  }
  .pm-stat-row {
    display: flex;
    gap: 32px;
    margin: 28px 0;
    flex-wrap: wrap;
  }
  .pm-stat strong {
    display: block;
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    color: var(--gold);
  }
  .pm-stat span { font-size: 12px; color: var(--muted); }
  @media (max-width: 768px) {
    .pm-quem-inner { grid-template-columns: 1fr; }
    .pm-quem-imgs { height: 300px; margin-bottom: 40px; }
  }

  /* ════════════════════════════════════════════════════════
     6. FOOTER
  ════════════════════════════════════════════════════════ */
  .pm-footer {
    background: #070b1f;
    border-top: 1px solid rgba(201,168,76,.12);
    padding: 60px 24px 32px;
  }
  .pm-footer-grid {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 48px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    margin-bottom: 32px;
  }
  .pm-footer-brand p {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.7;
    margin-top: 16px;
    max-width: 300px;
  }
  .pm-footer-col h4 {
    font-size: 12px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
  }
  .pm-footer-col ul { list-style: none; }
  .pm-footer-col ul li { margin-bottom: 10px; }
  .pm-footer-col ul li a {
    font-size: 13px;
    color: var(--muted);
    text-decoration: none;
    transition: color .2s;
  }
  .pm-footer-col ul li a:hover { color: var(--white); }
  .pm-footer-contact p {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 8px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.5;
  }
  .pm-footer-contact .pm-fc-icon { color: var(--gold); margin-top: 2px; }
  .pm-footer-bottom {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
  }
  .pm-footer-bottom p { font-size: 12px; color: var(--muted); }
  .pm-insta-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--muted);
    text-decoration: none;
    transition: color .2s;
  }
  .pm-insta-link:hover { color: var(--gold); }
  .pm-insta-icon {
    width: 32px; height: 32px;
    border: 1px solid rgba(201,168,76,.3);
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 16px;
  }
  @media (max-width: 768px) {
    .pm-footer-grid { grid-template-columns: 1fr; gap: 32px; }
  }

  /* ── ANIMAÇÃO ENTRADA ── */
  .pm-wrap .pm-animate {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s ease, transform .6s ease;
  }
  .pm-wrap .pm-animate.pm-visible {
    opacity: 1;
    transform: none;
  }
</style>

<div class="pm-wrap">

  <!-- ══════════════════════════════════
       1 · HERO
  ══════════════════════════════════ -->
  <section class="pm-hero">
    <div class="pm-topbar">
      <span>Exclusivo para profissionais</span> da área da saúde
    </div>

    <div class="pm-hero-inner">
      <!-- Coluna esquerda -->
      <div class="pm-animate">
        <div class="pm-logo">
          <div class="pm-logo-icon">
            <span></span><span></span><span></span>
          </div>
          <div class="pm-logo-text">
            Power<span>Med</span>
          </div>
        </div>

        <div class="pm-hero-badge">Marketing Médico Especializado</div>

        <h1>
          Médico, seja reconhecido
          <em>pela sua excelência!</em>
        </h1>

        <p class="pm-hero-sub">
          Construa o seu legado no digital e transforme mais vidas.
          De especialistas, para especialistas.
        </p>

        <a href="#" class="pm-btn">Agende uma reunião</a>
      </div>

      <!-- Coluna direita (foto) -->
      <div class="pm-hero-img-wrap pm-animate" style="transition-delay:.2s">
        <!--
          INSTRUÇÃO: Substitua o bloco abaixo pela tag <img> com sua foto.
          Exemplo: <img src="URL_DA_SUA_FOTO" alt="Power Med" />
        -->
        <div class="pm-hero-placeholder">
          [ Insira aqui a foto principal da médica ]
        </div>

        <!-- Badge flutuante -->
        <div class="pm-social-proof">
          <strong>R$ 50 Mi+</strong>
          <span>faturados em projetos executados</span>
        </div>
      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════
       2 · PARA VOCÊ QUE (dores)
  ══════════════════════════════════ -->
  <section class="pm-section pm-dores">
    <div class="pm-container">
      <span class="pm-tag">A Power Med é para você que...</span>
      <h2 class="pm-h2" style="color:#0a0f2e">Reconhecemos os seus <strong>desafios</strong></h2>
      <div class="pm-divider"></div>

      <div class="pm-dores-grid">
        <div class="pm-card-dor pm-animate">
          <div class="pm-icon">🗑️</div>
          <p>Está cansado de agências de marketing generalistas que te entregam mais do mesmo.</p>
        </div>
        <div class="pm-card-dor pm-animate" style="transition-delay:.1s">
          <div class="pm-icon">📊</div>
          <p>Quer, de uma vez por todas, ter resultados reais através do tráfego pago.</p>
        </div>
        <div class="pm-card-dor pm-animate" style="transition-delay:.2s">
          <div class="pm-icon">💼</div>
          <p>Deseja entregar o seu conteúdo nas mãos de uma agência que entende a sua especialidade, o CFM, e que não coloque em risco o seu nome e sua carreira.</p>
        </div>
        <div class="pm-card-dor pm-animate" style="transition-delay:.3s">
          <div class="pm-icon">🏆</div>
          <p>Não quer se posicionar como um influencer, e sim como um profissional renomado e de grandes resultados!</p>
        </div>
      </div>

      <div style="text-align:center; margin-top:44px">
        <a href="#" class="pm-btn">Agende uma reunião</a>
      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════
       3 · FEEDBACKS
  ══════════════════════════════════ -->
  <section class="pm-section pm-feedbacks">
    <div class="pm-container">
      <div class="pm-feedbacks-header">
        <div>
          <span class="pm-tag">Resultados reais</span>
          <h2 class="pm-h2"><strong>Feedbacks</strong> de clientes</h2>
        </div>
        <a href="#" class="pm-btn">Agende uma reunião</a>
      </div>

      <div class="pm-feed-grid">
        <div class="pm-feed-card pm-animate">
          <div class="pm-feed-stars">★★★★★</div>
          <p class="pm-feed-text">
            Acho que hoje fizemos a melhor reunião do ano em termos de definir os caminhos do marketing da clínica. Agradeço por ter uma profissional tão dedicada e competente como você! Seu trabalho está fazendo muita diferença.
          </p>
          <div class="pm-feed-author">
            <div class="pm-feed-avatar">C</div>
            <div>
              <div class="pm-feed-name">Cliente Power Med</div>
              <div class="pm-feed-role">Médico(a) — Clínica</div>
            </div>
          </div>
        </div>

        <div class="pm-feed-card pm-animate" style="transition-delay:.12s">
          <div class="pm-feed-stars">★★★★★</div>
          <p class="pm-feed-text">
            Comecei minha jornada com a Power há menos de um ano e minha vida já se transformou em todos os aspectos. Desde mudança de posicionamento, aumento de vendas e principalmente na ajuda para encontrar meu propósito.
          </p>
          <div class="pm-feed-author">
            <div class="pm-feed-avatar">N</div>
            <div>
              <div class="pm-feed-name">Nutri Camila Dahmer</div>
              <div class="pm-feed-role">Nutricionista</div>
            </div>
          </div>
        </div>

        <div class="pm-feed-card pm-animate" style="transition-delay:.24s">
          <div class="pm-feed-stars">★★★★★</div>
          <p class="pm-feed-text">
            Pagamento: 50% contratação / 50% êxito. Valor do serviço: 15k. Valor a receber de imediato: R$ 8.500. Eu fiquei muito animada! Uma energia maior que umas férias.
          </p>
          <div class="pm-feed-author">
            <div class="pm-feed-avatar">M</div>
            <div>
              <div class="pm-feed-name">Médica Parceira</div>
              <div class="pm-feed-role">Especialista em estética</div>
            </div>
          </div>
        </div>
      </div>

      <!-- Resultado destaque -->
      <div class="pm-resultado-strip pm-animate">
        <div class="pm-rs-num">R$ 50 Mi+</div>
        <p>faturados em projetos executados por uma equipe altamente qualificada, indo além das postagens em redes sociais com estratégias completas e conformes com o CFM.</p>
      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════
       4 · SERVIÇOS 360°
  ══════════════════════════════════ -->
  <section class="pm-section pm-servicos">
    <div class="pm-container">
      <div class="pm-servicos-intro pm-animate">
        <span class="pm-tag">Soluções completas</span>
        <h2 class="pm-h2">A Power Med entrega um <strong>marketing 360°</strong>, sem nenhuma ponta solta</h2>
        <p>Tudo o que você precisa para crescer no digital, respeitando o CFM e construindo autoridade de mercado.</p>
      </div>

      <div class="pm-serv-grid">
        <div class="pm-serv-item pm-animate">
          <div class="pm-serv-icon">📱</div>
          <h3>Gestão de Mídias Sociais</h3>
          <p>Conteúdo estratégico que posiciona você como referência na sua especialidade.</p>
        </div>
        <div class="pm-serv-item pm-animate" style="transition-delay:.08s">
          <div class="pm-serv-icon">🎬</div>
          <h3>Produção de Vídeos e Fotos</h3>
          <p>Material visual profissional que transmite credibilidade e autoridade.</p>
        </div>
        <div class="pm-serv-item pm-animate" style="transition-delay:.16s">
          <div class="pm-serv-icon">📈</div>
          <h3>Tráfego Pago</h3>
          <p>Campanhas segmentadas que geram resultados reais para a sua clínica.</p>
        </div>
        <div class="pm-serv-item pm-animate" style="transition-delay:.24s">
          <div class="pm-serv-icon">🎓</div>
          <h3>Treinamentos de Comunicação, Secretaria e Comercial</h3>
          <p>Capacite sua equipe para converter mais e atender melhor.</p>
        </div>
        <div class="pm-serv-item pm-animate" style="transition-delay:.32s">
          <div class="pm-serv-icon">🗺️</div>
          <h3>Jornada do Paciente</h3>
          <p>Mapeamento e otimização de toda a experiência do paciente com a sua clínica.</p>
        </div>
        <div class="pm-serv-item pm-animate" style="transition-delay:.4s">
          <div class="pm-serv-icon">⚖️</div>
          <h3>Jurídico Especialista em CFM</h3>
          <p>Proteção total: todo o conteúdo em conformidade com o Conselho Federal de Medicina.</p>
        </div>
      </div>

      <div style="text-align:center; margin-top:44px">
        <a href="#" class="pm-btn">Agende uma reunião</a>
      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════
       5 · QUEM SOMOS / MÉTODO
  ══════════════════════════════════ -->
  <section class="pm-section pm-quem">
    <div class="pm-container">
      <div class="pm-quem-inner">
        <!-- Fotos -->
        <div class="pm-quem-imgs pm-animate">
          <div class="pm-quem-photo">
            <!--
              INSTRUÇÃO: Substitua pelo <img> da Vitória Stein
              <img src="URL_VITORIA" alt="Vitória Stein" />
            -->
            <div style="color:var(--muted);font-size:12px">[ Foto: Vitória Stein ]</div>
          </div>
          <div class="pm-quem-photo2">
            <!--
              INSTRUÇÃO: Substitua pelo <img> do Arthur Stein
              <img src="URL_ARTHUR" alt="Arthur Stein" />
            -->
            <div style="color:var(--muted);font-size:12px">[ Foto: Arthur Stein ]</div>
          </div>
        </div>

        <!-- Texto -->
        <div class="pm-quem-text pm-animate" style="transition-delay:.15s">
          <span class="pm-tag">De especialistas, para especialistas</span>
          <h2 class="pm-h2">Quem Somos e <strong>Nosso Método</strong></h2>
          <div class="pm-divider"></div>

          <div class="pm-pilares">
            <span class="pm-pilar">Posicionamento</span>
            <span class="pm-pilar">Experiência</span>
            <span class="pm-pilar">Performance</span>
          </div>

          <p>
            A Power Med é uma agência de marketing especializada em marketing médico, focada em construir legados de profissionais de saúde no digital para se destacarem no mercado através de estratégias personalizadas que geram resultados reais.
          </p>
          <p>
            Com anos de experiência e uma equipe altamente qualificada, a Power Med vai além das postagens em redes sociais, entregando estratégias completas, respeitando a legislação do CFM, que fortalecem a marca do profissional, aprimoram a experiência do paciente e impulsionam o desempenho comercial.
          </p>

          <div class="pm-stat-row">
            <div class="pm-stat">
              <strong>R$ 50 Mi+</strong>
              <span>faturados em projetos</span>
            </div>
            <div class="pm-stat">
              <strong>360°</strong>
              <span>solução completa</span>
            </div>
            <div class="pm-stat">
              <strong>CFM</strong>
              <span>100% em conformidade</span>
            </div>
          </div>

          <a href="#" class="pm-btn">Agende uma reunião</a>
        </div>
      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════
       6 · FOOTER
  ══════════════════════════════════ -->
  <footer class="pm-footer">
    <div class="pm-footer-grid">
      <!-- Brand -->
      <div class="pm-footer-brand">
        <div class="pm-logo">
          <div class="pm-logo-icon">
            <span></span><span></span><span></span>
          </div>
          <div class="pm-logo-text" style="color:var(--white)">
            Power<span style="color:var(--muted)">Med</span>
          </div>
        </div>
        <p>Construímos o legado de médicos e clínicas de alto padrão.</p>
      </div>

      <!-- Links -->
      <div class="pm-footer-col">
        <h4>Serviços</h4>
        <ul>
          <li><a href="#">Gestão de Mídias Sociais</a></li>
          <li><a href="#">Produção de Vídeos e Fotos</a></li>
          <li><a href="#">Tráfego Pago</a></li>
          <li><a href="#">Jornada do Paciente</a></li>
          <li><a href="#">Jurídico CFM</a></li>
        </ul>
      </div>

      <!-- Contato -->
      <div class="pm-footer-col">
        <h4>Contato</h4>
        <div class="pm-footer-contact">
          <p><span class="pm-fc-icon">📞</span>(51) 98299-7818</p>
          <p><span class="pm-fc-icon">📍</span>Rua Dr. Vale, 555 – sala 203<br>Floresta, Porto Alegre – RS, 90560-010</p>
          <div style="margin-top:16px">
            <a href="#" class="pm-insta-link">
              <span class="pm-insta-icon">📷</span>
              Nos siga no Instagram
            </a>
          </div>
        </div>
      </div>
    </div>

    <div class="pm-footer-bottom">
      <p>© Power Med Marketing Médico — Todos os direitos reservados</p>
      <p style="font-size:11px; color:#4a506a">Desenvolvido com estratégia e cuidado</p>
    </div>
  </footer>

</div><!-- /.pm-wrap -->

<!-- ── ANIMAÇÃO POR SCROLL ─────────────────────────────── -->
<script>
(function() {
  var els = document.querySelectorAll('.pm-animate');
  if (!els.length) return;

  var io = new IntersectionObserver(function(entries) {
    entries.forEach(function(e) {
      if (e.isIntersecting) {
        e.target.classList.add('pm-visible');
        io.unobserve(e.target);
      }
    });
  }, { threshold: 0.12 });

  els.forEach(function(el) { io.observe(el); });
})();
</script>/* End custom CSS */