/**
 * About page shell (brand v3). Typography from design-tokens.css.
 * Roadmap timeline + upcoming-features colours: see roadmap-features.css.
 */

.pp-about-page {
  font-family: var(--pp-font-longform);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: var(--pp-text-secondary);
  background: var(--pp-bg);
}

.pp-about-page h1,
.pp-about-page h2,
.pp-about-page h3,
.pp-about-page h4 {
  letter-spacing: -0.01em;
}

.pp-about-page #bg-animation {
  position: relative;
  overflow: hidden;
  background: var(--pp-bg);
}

.pp-about-page .pp-about-accent {
  color: var(--pp-primary-600);
}

.pp-about-page .pp-about-accent-bar {
  background: var(--pp-primary-600);
}