/* Mesmas famílias e hierarquia da homepage; ajustes restritos à LP de IA. */
body.ai-page {
  font-family: Nunito, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.ai-page main :is(h1, h2) {
  font-family: "Plus Jakarta Sans", "Space Grotesk", Nunito, sans-serif;
  font-weight: 500;
  letter-spacing: -.02em;
  text-wrap: pretty;
}

.ai-page .ai-hero h1 {
  font-size: clamp(26px, 3.6vw, 52px);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -.05em;
  white-space: normal;
}

/* Aqui o destaque é parte da frase, e conserva a escala do H1. */
.ai-page .ai-hero h1 em { font: inherit; }

.ai-page main h2 {
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1.22;
}

.ai-page main h2 :is(em, strong) {
  font: inherit;
  font-weight: 700;
}

/* Os títulos dos cards seguem os cards de recursos da homepage. */
.ai-page main :is(.value-grid, .comparison-card, .flow-card, .integration-highlights) h3 {
  font-family: "Space Grotesk", Nunito, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.ai-page :is(.section-heading > p, .ai-copy > p, .ecosystem-content > p) {
  font-size: 18px;
  line-height: 1.7;
}

.ai-page .ai-hero .hero-copy > p {
  font-size: 19.5px;
  line-height: 1.75;
}

.ai-page main > section[id] { scroll-margin-top: 112px; }

/* Mantém logo e botão de fechar acima do painel mobile compartilhado. */
@media (max-width: 1210px) {
  .ai-page .site-header .nav-shell { position: relative; z-index: 100; }
}

@media (max-width: 700px) {
  .ai-page .ai-hero h1 {
    font-size: min(6vw, 26px);
    line-height: 1.16;
    letter-spacing: -.02em;
    text-wrap: balance;
  }

  .ai-page main h2 {
    font-size: clamp(27px, 7.5vw, 32px);
    line-height: 1.1;
  }

  .ai-page main :is(.value-grid, .comparison-card, .flow-card, .integration-highlights) h3 {
    font-size: 18px;
    line-height: 1.22;
  }

  .ai-page :is(.section-heading > p, .ai-copy > p, .ecosystem-content > p, .ai-hero .hero-copy > p) {
    font-size: 15px;
    line-height: 1.65;
  }

  .ai-page .hero-actions .button { font-size: 15.5px; }
  .ai-page main > section[id] { scroll-margin-top: 88px; }
}