/* ===========================================================
   LibraMind — Minimal Polish Layer
   Only structural fixes; no color/typography overrides.
   The original blue (#5DA8FF / #377DFF) and blue-grey background
   (#f7f9fc) come straight from styles.css.
   =========================================================== */

/* Reveal animations: ensure the final state survives even when
   iframe rAF is throttled (transitions otherwise sit stuck at t=0). */
.reveal-up.visible,
.reveal-down.visible {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Slightly larger, more readable navbar links sitewide */
.navbar .navlinks {
  font-size: 11px !important;
  letter-spacing: .04em !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
}
.navbar .navlinks a {
  font-size: 11px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
@media (max-width: 1300px) {
  .navbar .navlinks {
    font-size: 10px !important;
    gap: 11px !important;
  }
  .navbar .navlinks a {
    font-size: 10px !important;
  }
}

/* Balance multi-line centered subtitles & headlines across the site
   so they don't break into one long line + one short orphan. */
.section-title h2,
.section-title p,
.section-header h2,
.section-header p,
.pricing-intro h2,
.pricing-intro p,
.content-shell h2,
.content-shell p,
.demo-section h2,
.demo-section > p.section-lead,
.page-hero-content h1,
.page-hero-content p,
.about-hero-pro .hero-subtitle,
.cta h2,
.cta p,
.ai-copy h2 {
  text-wrap: balance;
}

/* Left-align the article content shells (Responsible AI body copy etc). */
.content-shell {
  text-align: left !important;
}
.content-shell h2,
.content-shell p {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}