/* ════════════════════════════════════════════════════════════════════════════
   r54 — FINAL CTA. O FECHO SEM MOLDURA.

   O fecho era um cartao de 32px de raio com borda, sombra e um blob radial
   dentro — e todo o estilo escrito inline no .js. Um cartao no fim da pagina
   LIMITA o fecho: ele vira "mais um bloco, o ultimo de vinte e um", em vez de
   ser o chao onde a pagina termina.

   Nenhuma das quatro referencias fecha assim. Linear, Scale, Stripe e Palantir
   terminam SEM moldura: tipo grande centrado, uma linha, os botoes, e uma fonte
   de luz baixa atras. A pagina ABRE em vez de fechar numa aresta.

     .cta-close     o bloco, sem borda e sem fundo
   O unico fio e o border-top que a .final-cta-section ja tinha.

   ⚠️ ZERO ESTILO INLINE: tudo vive aqui, como toda unidade reconstruida desde a
   r52. O .js volta a ser so estrutura.

   ── CONTRASTE (fundo #05070C) ─────────────────────────────────────────────
   --text-primary no titulo; --text-secondary no paragrafo e na linha fina.
   O horizonte (brilho roxo) SAIU em 31-ago-2026 -- decisao do founder.
   ════════════════════════════════════════════════════════════════════════════ */

.final-cta-section .cta-close {
  position: relative;
  max-width: var(--content);
  margin: 0 auto;
  text-align: center;
  /* SEM fio proprio: a .final-cta-section JA tem border-top na home.css, e dois
     fios paralelos a 130px um do outro leem como descuido, nao como corte.

     ⚠️ E POR NAO TER FIO, NAO TEM padding-top (31-ago-2026). Os 64px que moravam
     aqui existiam para afastar o titulo do fio -- que nas 22 paginas do cromo e
     um elemento real (`.site-cta-rule`, absoluto no topo do bloco), e aqui nunca
     existiu. Somados aos 224 da secao davam 288 em cima contra 224 embaixo: o
     fecho ficava alto no proprio respiro. Sem eles o bloco fica CENTRADO no
     espaco -- 224 dos dois lados, que e o padrao do Linear e o que o founder
     pediu. */
}

/* O HORIZONTE: largo, baixo e atras de tudo. E o que faz a pagina parecer que
   continua em vez de terminar numa aresta. */

/* ⚠️ A REGRA DO CTA: o fecho e o titulo e as duas acoes, e nada mais.
   `.cta-p` (a lede), `.cta-deploy` (a ponte de rota, que morava em
   `css/r59/route-links.css`) e `.cta-fine` (a letra miuda) sairam do .js e
   sairam daqui — classe viva e convite para reescrever o paragrafo.
   O TAMANHO dos dois botoes mora uma vez so, em `css/components.css`. */
.final-cta-section .cta-h,
.final-cta-section .cta-actions {
  position: relative;
  z-index: 2;
}

.final-cta-section .cta-h {
  margin: 0 auto var(--space-6);
  max-width: var(--measure-title);
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -0.04em;
  color: var(--text-primary);
}

.final-cta-section .cta-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-4);
  /* ultimo filho do .cta-close: margem inferior ZERO, senao ela escapa por
     colapso e some com o ritmo de secao que a .main-content ja da. */
  margin-bottom: 0;
}

.final-cta-section .cta-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

/* ══ LARGURAS ════════════════════════════════════════════════════════════ */

@media (max-width: 1340px) {
  .final-cta-section .cta-h { font-size: 3.5rem; }
}

@media (max-width: 900px) {
  .final-cta-section .cta-h { font-size: 3rem; }
}

@media (max-width: 620px) {
  .final-cta-section .cta-h { font-size: 2.375rem; }
  .final-cta-section .cta-actions { flex-direction: column; align-items: stretch; }
  .final-cta-section .cta-btn { text-align: center; }
}