/**
 * StreamVerse — Privacy Policy Page Hero
 *
 * Same construction as the other pages' own hero sections (contact-hero.css,
 * faq-hero.css, trial-hero.css, pricing-page-hero.css) — a small, compact,
 * centered intro scoped to this page only. padding-top clears the fixed
 * Header the same proven way (header.css's `.header` is `position: fixed`)
 * — --space-9 (96px), the same value used on every other page's own hero.
 *
 * padding-bottom: 0, paired with .privacy-content's own top padding
 * (32px) — the same compact-gap technique already used on the Pricing
 * and Contact pages, per this page's own "keep this section compact"
 * request.
 *
 * No new colors, radii, or type sizes: everything below is an existing
 * token, and #A3AED0 is the exact literal color every other section's
 * subtitle already uses sitewide.
 */

.privacy-hero {
  padding-top: var(--space-9);
  padding-bottom: 0;
  text-align: center;
}

.privacy-hero__inner {
  max-width: var(--grid-max-width);
  margin-inline: auto;
  padding-inline: var(--space-5);
}

@media (min-width: 768px) {
  .privacy-hero__inner {
    padding-inline: var(--space-6);
  }
}

@media (min-width: 1024px) {
  .privacy-hero__inner {
    padding-inline: var(--space-7);
  }
}

.privacy-hero__title {
  font-family: var(--font-heading);
  font-size: var(--text-h1);
  line-height: var(--text-h1-line-height);
  font-weight: 700;
  color: var(--color-text-primary);
}

.privacy-hero__subtitle {
  max-width: none;
  width: fit-content;
  margin-top: var(--space-1);
  margin-inline: auto;
  font-family: var(--font-body);
  font-size: var(--text-body-sm);
  color: #A3AED0;
}