/* Extraído de css/security.css do projeto original (2026-08-16) — só as regras REALMENTE usadas
   (`.final-cta*`, a seção final da página). O arquivo original também tinha `.security-card`,
   `.transparency-banner` etc., mas nenhum elemento em `index.html` usa essas classes (confirmado:
   a seção "Uso responsável" usa `.feature-card`/`.features-grid`, de `features.css`) — e o arquivo
   inteiro nem era carregado no `<head>` original, então a seção CTA final renderizava sem estilo
   nenhum. Renomeado pra refletir o que ele realmente contém. */
.final-cta {
  position: relative;
  text-align: center;
  padding: 96px 0;
  background: var(--hero-gradient);
  overflow: hidden;
}

.final-cta .container { position: relative; z-index: 2; }

.final-cta .section-title {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.final-cta .section-desc {
  margin-left: auto;
  margin-right: auto;
}

.final-cta-actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 32px;
}

.final-cta-note {
  margin-top: 20px;
  font-size: .85rem;
  color: var(--text-muted);
}