No digital, a atenção é disputada com bot, ad block e skip. No OOH, ela é trajeto. Veja como vender mídia exterior defendendo atenção, não só tabela.

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OOH vende atenção que o digital não consegue mais entregar</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=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
  :root {
    --blue: #1e5fff;
    --blue-deep: #0a2a8a;
    --blue-soft: #eaf0ff;
    --blue-tint: #f4f7ff;
    --ink: #0b1220;
    --ink-soft: #2a3447;
    --muted: #6b7488;
    --line: #d9def0;
    --noise: #f5e6d3;
    --noise-deep: #c97843;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--ink);
    line-height: 1.65;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: transparent;
    overflow: visible;
    height: auto;
    min-height: 0;
  }

  html { overflow: visible; }

  .article {
    max-width: 740px;
    margin: 0 auto;
    padding: 40px 32px;
    counter-reset: section;
  }

  .article p {
    margin-bottom: 24px;
    color: var(--ink-soft);
  }

  .article h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: clamp(28px, 3.6vw, 40px);
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin: 72px 0 28px;
    position: relative;
    padding-left: 60px;
  }

  .article h2::before {
    content: counter(section, decimal-leading-zero);
    counter-increment: section;
    position: absolute;
    left: 0;
    top: 0.2em;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: white;
    background: var(--blue);
    padding: 6px 10px;
    border-radius: 3px;
    line-height: 1;
  }

  .article h2 em {
    font-family: 'Instrument Serif', serif;
    font-style: italic;
    font-weight: 400;
    color: var(--blue);
    letter-spacing: -0.01em;
  }

  .article a {
    color: var(--blue);
    text-decoration: none;
    border-bottom: 1px solid rgba(30,95,255,0.3);
    transition: border-color 0.2s;
  }

  .article a:hover { border-bottom-color: var(--blue); }

  .article strong { color: var(--ink); font-weight: 700; }

  /* ===== Split visual: digital vs OOH ===== */
  .split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin: 40px 0;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 20px 60px -30px rgba(10,42,138,0.2);
  }

  .split-side {
    padding: 36px 32px;
    min-height: 280px;
    position: relative;
    overflow: hidden;
  }

  .split-side.digital {
    background: #1a1d2e;
    color: white;
  }

  .split-side.digital::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
      repeating-linear-gradient(0deg, rgba(255,255,255,0.02) 0px, rgba(255,255,255,0.02) 1px, transparent 1px, transparent 4px);
    pointer-events: none;
  }

  .split-side.digital::after {
    content: '× × ×  ▶▶  🔔  📧  ⚡';
    position: absolute;
    top: 20px;
    right: -20px;
    font-size: 22px;
    opacity: 0.12;
    letter-spacing: 8px;
    transform: rotate(-8deg);
  }

  .split-side.ooh {
    background: var(--blue-soft);
    color: var(--blue-deep);
    position: relative;
  }

  .split-side.ooh::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(180deg, transparent, rgba(30,95,255,0.06));
    pointer-events: none;
  }

  .split-side .label {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    margin-bottom: 16px;
    opacity: 0.7;
  }

  .split-side h4 {
    font-family: 'Instrument Serif', serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.15;
    margin-bottom: 14px;
    letter-spacing: -0.01em;
  }

  .split-side p {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: inherit;
    opacity: 0.85;
  }

  /* ===== Big stat / pull moment ===== */
  .stat-block {
    background: var(--ink);
    color: white;
    padding: 56px 44px;
    margin: 56px 0;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
  }

  .stat-block::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(30,95,255,0.4) 0%, transparent 70%);
    pointer-events: none;
  }

  .stat-block > * { position: relative; z-index: 2; }

  .stat-block .label {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--blue);
    margin-bottom: 18px;
  }

  .stat-block .figure {
    font-family: 'Instrument Serif', serif;
    font-style: italic;
    font-weight: 400;
    font-size: clamp(56px, 9vw, 96px);
    line-height: 1;
    letter-spacing: -0.04em;
    margin-bottom: 16px;
    color: white;
  }

  .stat-block .figure span { color: var(--blue); }

  .stat-block .caption {
    font-size: 17px;
    color: rgba(255,255,255,0.78);
    line-height: 1.5;
    max-width: 52ch;
  }

  /* ===== Pull quote ===== */
  .pullquote {
    font-family: 'Instrument Serif', serif;
    font-style: italic;
    font-size: clamp(26px, 3.4vw, 36px);
    line-height: 1.25;
    font-weight: 400;
    color: var(--ink);
    padding: 40px 0 40px 32px;
    margin: 48px 0;
    border-left: 4px solid var(--blue);
    letter-spacing: -0.01em;
  }

  .pullquote span {
    color: var(--blue);
  }

  /* ===== Reasons grid ===== */
  .reasons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 36px 0;
  }

  .reason-card {
    background: white;
    border: 1px solid var(--line);
    padding: 24px;
    border-radius: 4px;
    transition: transform 0.2s, box-shadow 0.2s;
  }

  .reason-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px -15px rgba(30,95,255,0.2);
  }

  .reason-card .num {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 11px;
    color: var(--blue);
    letter-spacing: 0.15em;
    margin-bottom: 10px;
    display: block;
  }

  .reason-card h5 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--ink);
    margin-bottom: 8px;
    line-height: 1.3;
  }

  .reason-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--muted);
  }

  /* ===== Pitch deck argumentos ===== */
  .pitch {
    background: var(--blue-tint);
    border-radius: 6px;
    padding: 36px 36px 24px;
    margin: 36px 0;
  }

  .pitch-head {
    margin-bottom: 24px;
  }

  .pitch-tag {
    display: inline-block;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    background: var(--blue);
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 12px;
  }

  .pitch-title {
    font-family: 'Instrument Serif', serif;
    font-style: italic;
    font-size: 24px;
    color: var(--ink);
    line-height: 1.25;
    letter-spacing: -0.01em;
  }

  .pitch ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .pitch li {
    padding: 14px 0 14px 32px;
    border-top: 1px solid rgba(30,95,255,0.12);
    color: var(--ink-soft);
    line-height: 1.55;
    position: relative;
    display: block;
  }

  .pitch li:first-child { border-top: none; }

  .pitch li::before {
    content: '→';
    position: absolute;
    left: 0;
    top: 14px;
    color: var(--blue);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.55;
  }

  .pitch li strong {
    color: var(--ink);
    display: inline;
  }

  /* ===== Inline marker (tag-like) ===== */
  .article p .marker {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 0.78em;
    background: var(--blue-soft);
    color: var(--blue-deep);
    padding: 2px 7px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
  }

  /* ===== CTA ===== */
  .cta-wrap {
    margin-top: 72px;
    background: var(--ink);
    color: white;
    padding: 56px 44px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
  }

  .cta-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--blue) 0%, var(--blue-deep) 100%);
  }

  .cta-wrap::after {
    content: '';
    position: absolute;
    bottom: -120px;
    right: -80px;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(30,95,255,0.25) 0%, transparent 70%);
    pointer-events: none;
  }

  .cta-wrap > * { position: relative; z-index: 2; }

  .cta-wrap .cta-label {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--blue);
    margin-bottom: 18px;
  }

  .cta-wrap h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: clamp(26px, 3.6vw, 36px);
    line-height: 1.1;
    color: white;
    margin-bottom: 18px;
    letter-spacing: -0.025em;
  }

  .cta-wrap h3 em {
    font-family: 'Instrument Serif', serif;
    font-style: italic;
    font-weight: 400;
    color: var(--blue);
  }

  .cta-wrap p {
    color: rgba(255,255,255,0.78);
    margin-bottom: 30px;
    max-width: 56ch;
    font-size: 17px;
  }

  .cta-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: var(--blue) !important;
    color: white !important;
    padding: 16px 28px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none !important;
    border: none !important;
    transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
    cursor: pointer;
    opacity: 1 !important;
  }

  .cta-button,
  .cta-button:link,
  .cta-button:visited,
  .cta-button:hover,
  .cta-button:active,
  .cta-button:focus {
    color: white !important;
    text-decoration: none !important;
  }

  .cta-button * {
    pointer-events: none;
    color: white !important;
  }

  .cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px -8px rgba(30,95,255,0.5);
    background: var(--blue-deep) !important;
  }

  .cta-button .arrow {
    display: inline-block;
    transition: transform 0.2s;
    color: white !important;
  }

  .cta-button:hover .arrow {
    transform: translateX(4px);
  }

  /* ===== Mobile ===== */
  @media (max-width: 720px) {
    body { font-size: 17px; }
    .article { padding: 32px 22px; }
    .article h2 { padding-left: 50px; margin-top: 56px; }
    .split { grid-template-columns: 1fr; }
    .split-side { min-height: auto; padding: 28px 24px; }
    .reasons { grid-template-columns: 1fr; }
    .stat-block { padding: 40px 28px; }
    .pullquote { padding-left: 22px; }
    .cta-wrap { padding: 40px 28px; }
    .pitch { padding: 28px 24px 18px; }
  }
</style>
</head>
<body>

<article class="article">

  <h2>O problema que ninguém em <em>performance</em> quer admitir</h2>

  <p>Toda mídia digital está vendendo a mesma coisa: <strong>impressão</strong>. Toda métrica do dashboard celebra a mesma coisa: <strong>impressão entregue</strong>. Mas existe uma distância silenciosa, e cara, entre <em>impressão entregue</em> e <em>impressão vista</em>.</p>

  <p>No digital, essa distância só cresce. Bot abre página. Ad block bloqueia banner. Skip pula vídeo. Aba some. Notificação rouba o foco. O criativo carrega, o pixel dispara, o relatório fica verde, e ninguém viu nada.</p>

  <p>É aqui que a sua mídia OOH tem um argumento que pouca gente está sabendo defender: <span class="marker">atenção real</span>. Não é nostalgia, não é "mídia tradicional resistindo", é uma vantagem estrutural que o digital não consegue replicar. E que, vendida do jeito certo, justifica preço, prancheta e renovação de contrato.</p>

  <h2>No digital, a entrega é <em>negociada</em>. No OOH, é cidade.</h2>

  <div class="split">
    <div class="split-side digital">
      <div class="label">Mídia digital</div>
      <h4>A entrega disputa atenção a cada milissegundo.</h4>
      <p>Bot, ad block, skip, abas concorrentes, scroll infinito, notificação. A impressão acontece, mas a atenção raramente chega inteira até a marca.</p>
    </div>
    <div class="split-side ooh">
      <div class="label">Mídia OOH</div>
      <h4>A entrega é o próprio espaço urbano.</h4>
      <p>Sem botão de pular, sem bloqueador, sem feed concorrente. A campanha entra na rotina da cidade e aparece para pessoas reais, em contextos reais.</p>
    </div>
  </div>

  <p>Isso não é discurso de venda. É a leitura honesta do que cada mídia <strong>de fato entrega</strong>. E, para quem comercializa OOH, esse é o ponto que precisa entrar antes do mapa de pontos e antes da tabela de preço.</p>

  <h2>Atenção digital é <em>disputada</em>. Atenção no OOH é <em>contexto</em>.</h2>

  <p>Tem uma diferença importante entre os dois modelos:</p>

  <p><strong>No digital, atenção é leilão.</strong> Toda vez que o usuário abre uma tela, dezenas de marcas competem por aquele segundo. Quem grita mais alto, paga mais ou fura o algoritmo melhor, ganha um pedaço minúsculo de foco, frequentemente dividido com outras três abas, uma notificação e o próprio aplicativo onde o anúncio aparece.</p>

  <p><strong>No OOH, atenção é trajeto.</strong> A mensagem aparece no caminho da pessoa: indo trabalhar, esperando o ônibus, parado no semáforo, andando no shopping. Não compete com dez estímulos no mesmo clique. Compete com a paisagem, e isso é uma briga que a sua mídia quase sempre vence, porque ela <em>é</em> parte da paisagem.</p>

  <div class="pullquote">
    Se o anúncio pode ser pulado, bloqueado ou ignorado, a disputa <span>já começa perdendo atenção.</span>
  </div>

  <p>Esse argumento, sozinho, vale mais do que qualquer planilha de impacto. Mas só funciona se quem está vendendo souber traduzir isso em uma conversa que o anunciante reconhece.</p>

  <h2>O que <em>defender atenção</em> significa, na prática, para quem vende OOH</h2>

  <p>O ponto não é apresentar OOH como "alternativa" ao digital, é apresentar como <strong>correção do que o digital não entrega sozinho</strong>. Subir de "fornecedor de espaço" para "parceiro estratégico" exige mudar o que entra na proposta. Quatro frentes que, juntas, mudam o tom da conversa:</p>

  <div class="reasons">
    <div class="reason-card">
      <span class="num">01</span>
      <h5>Presença, não só alcance</h5>
      <p>Mostre frequência semanal, repetição na rotina e cobertura de trajeto, métricas que o digital não consegue replicar com a mesma constância.</p>
    </div>
    <div class="reason-card">
      <span class="num">02</span>
      <h5>Contexto físico</h5>
      <p>O ponto está em qual rua, qual bairro, qual fluxo. Esse mapa importa para o cliente, e prova que sua mídia conhece o território onde a marca quer estar.</p>
    </div>
    <div class="reason-card">
      <span class="num">03</span>
      <h5>Lembrança de marca</h5>
      <p>OOH constrói memória de longo prazo. É o que sustenta o "topo de mente" quando o cliente entra no Google buscando exatamente o produto.</p>
    </div>
    <div class="reason-card">
      <span class="num">04</span>
      <h5>Imunidade ao ruído</h5>
      <p>Sem bot, sem ad block, sem skip. Cada impressão entregue é, de fato, exposição real para pessoa real. Esse é um KPI que o digital quase nunca pode garantir.</p>
    </div>
  </div>

  <h2>Subestimar OOH custa caro <em>na estratégia</em> do anunciante</h2>

  <p>Quando o plano de mídia olha só para clique, ele otimiza para o que é fácil de medir, e ignora o que é decisivo para crescer. <span class="marker">Presença</span>, <span class="marker">cobertura</span> e <span class="marker">construção de marca</span> não aparecem direito num dashboard de performance, mas aparecem no resultado: marca lembrada vende mais barato no digital, fecha negócio mais rápido no comercial e perde menos cliente para concorrente novo.</p>

  <p>Esse é o argumento que faltava na conversa. OOH <strong>não substitui</strong> o digital. Ele <strong>corrige</strong> o que o digital, sozinho, não consegue entregar: presença constante, exposição com menos ruído e impacto visual em escala humana.</p>

  <div class="stat-block">
    <div class="label">A conta que muda a conversa</div>
    <div class="figure">100%</div>
    <div class="caption">do orçamento alocado em mídia rastreável por clique também é 100% do orçamento exposto a bot, ad block e skip. OOH é uma das poucas categorias onde "impressão entregue" e "impressão vista" significam, de fato, a mesma coisa.</div>
  </div>

  <h2>Como sair do "me manda a tabela" e entrar na <em>estratégia</em></h2>

  <p>Existe uma fronteira invisível entre o vendedor de espaço e o parceiro de mídia. Quem fica do primeiro lado responde a "quanto custa o ponto X?". Quem cruza para o segundo responde a "qual é o melhor combinado para a campanha que você quer rodar nos próximos 90 dias?".</p>

  <p>Para cruzar essa linha, três coisas precisam estar prontas <strong>antes</strong> da reunião com o anunciante:</p>

  <div class="pitch">
    <div class="pitch-head">
      <div class="pitch-tag">checklist</div>
      <div class="pitch-title">O que defender valor exige na proposta</div>
    </div>
    <ul>
      <li><strong>Inventário organizado e disponível em tempo real.</strong> Saber o que está livre, em quais janelas, com qual histórico de ocupação. Isso vira argumento de escassez e exclusividade.</li>
      <li><strong>Dados de contexto por ponto.</strong> Tipo de fluxo, perfil predominante, horários de pico, integração com pontos vizinhos. Não é mapa decorativo, é justificativa de preço.</li>
      <li><strong>Histórico de campanhas semelhantes.</strong> O que rodou ali antes, com qual marca, em qual período. Mostrar isso muda a percepção: você deixa de ser um vendedor e passa a ser quem conhece o ativo melhor que ninguém.</li>
      <li><strong>Proposta limpa e rápida.</strong> Anunciante decide rápido quando o material chega pronto. Quem demora dois dias para mandar PDF perde para quem manda em duas horas com a história contada.</li>
    </ul>
  </div>

  <p>Sem isso, a conversa cai de novo na tabela, e tabela vira leilão, e leilão sempre é guerra de preço. Com isso, a conversa muda de <em>quanto?</em> para <em>como vamos rodar isso direito?</em>. É uma diferença pequena na pergunta e enorme no fechamento.</p>

  <div class="cta-wrap">
    <div class="cta-label">Próximo passo</div>
    <h3>Quer vender melhor OOH? <em>Mostre atenção, não só tabela.</em></h3>
    <p>Com a Hivestr, seu inventário, propostas, contratos e operação ficam organizados num lugar só, preparados para defender valor com clareza, não para correr atrás de informação na hora da reunião. O sistema entrega o contexto que muda a conversa com o anunciante.</p>
    <a href="https://www.hivestr.com" class="cta-button">
      Conhecer a plataforma · 7 dias grátis
      <span class="arrow">→</span>
    </a>
  </div>

</article>

</body>
</html>

OOH vende atenção: o que o digital não entrega sozinho