/* Shared route-only material correction. Home owns its own visual system. */
:root {
  --route-ink: #27242b;
  --route-dark: #202027;
  --route-paper: #f8f6f2;
  --route-muted: #6d6870;
  --route-violet: #8d6ac6;
  --route-violet-soft: #e5dcf2;
  --route-line: rgba(39, 36, 43, 0.16);
  --route-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

.about-story-page {
  --a-ink: var(--route-ink);
  --a-dark: var(--route-dark);
  --a-paper: var(--route-paper);
  --a-purple: var(--route-violet);
  --a-line: var(--route-line);
}
.about-hero > div { background: linear-gradient(90deg, rgba(24, 25, 29, 0.84), rgba(32, 32, 39, 0.22)); }
.about-hero h1 em { color: #d7c5f3; }
.about-mission { background: var(--route-ink); }
.about-mission > img { opacity: 0.22; filter: saturate(0.74) contrast(0.96); }
.about-numbers article { background: #efede8; }
.about-numbers article:nth-child(even) { background: var(--route-violet-soft); }
.about-founders { background: var(--route-dark); }
.about-founders article::after { background: linear-gradient(transparent, rgba(20, 20, 25, 0.92)); }
.about-storyline li p { color: var(--route-muted); }
.about-values { background: #2d2b31; }
.about-values img { opacity: 0.34; filter: saturate(0.76); }
.about-contact { background: var(--route-dark); }
.about-contact::after { background: rgba(26, 26, 31, 0.66); }

.pricing-story-page {
  --price-ink: var(--route-ink);
  --price-paper: var(--route-paper);
  --price-line: var(--route-line);
  color: var(--route-ink);
}
.pricing-hero em,
.pricing-reference em { color: var(--route-violet); }
.pricing-hero > span,
.pricing-reference header > span { color: var(--route-muted); }
.pricing-card { border-color: var(--route-line); background: #efede8; }
.pricing-card--report { background: #fff; box-shadow: 0 10px 30px rgba(31, 29, 34, 0.1); }
.pricing-card--toolkit { background: #efede8; }
.pricing-card > p { color: #68636c; }
.pricing-card a,
.pricing-final a { color: #fff; background: var(--route-ink); border-color: var(--route-ink); }
.pricing-card li::before { background: radial-gradient(circle, var(--route-ink) 1px, transparent 1.6px) 0 0 / 5px 5px; }
.pricing-reference article { background: #eeeae4; }
.pricing-reference article:nth-child(even) { background: var(--route-violet-soft); }
.pricing-planes { background: var(--route-dark); }
.pricing-planes article > span { color: #d7c5f3; }
.pricing-final { background: var(--route-violet-soft); }

.savings-page { color: var(--route-ink); background: var(--route-paper); }
.savings-included { background: var(--route-violet-soft); }
.savings-plans { background: #27252c; }
.savings-plans > header > span { color: #d8d4da; }
.savings-final { color: #211d21; background: #efede8; }
.savings-final figcaption { color: #5e585f; }
.savings-hero a,
.savings-included a,
.savings-final a { background: var(--route-ink); }
.savings-plans a { color: var(--route-ink); background: #fff; }

.about-contact a,
.about-founders article,
.about-values article,
.about-learn img,
.pricing-card,
.pricing-reference article,
.pricing-planes article,
.pricing-card a,
.pricing-final a,
.savings-plans article,
.savings-hero a,
.savings-included a,
.savings-plans a,
.savings-final a {
  transition: transform 0.38s var(--route-ease), box-shadow 0.38s var(--route-ease), background-color 0.22s ease, filter 0.38s ease;
}
@media (hover: hover) {
  .about-contact a:hover,
  .pricing-card a:hover,
  .pricing-final a:hover,
  .savings-hero a:hover,
  .savings-included a:hover,
  .savings-final a:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(8, 8, 12, 0.16); }
  .about-founders article:hover,
  .about-values article:hover,
  .pricing-card:hover,
  .pricing-reference article:hover,
  .pricing-planes article:hover,
  .savings-plans article:hover { transform: translateY(-4px); box-shadow: 0 22px 54px rgba(11, 11, 16, 0.16); }
  .about-learn a:hover img { transform: scale(1.018); filter: saturate(0.92); }
  .pricing-card a:hover,
  .pricing-final a:hover,
  .savings-hero a:hover,
  .savings-included a:hover,
  .savings-final a:hover { background: #3b3840; }
  .savings-plans a:hover { transform: translateY(-2px); background: #f0ecf4; }
}
@media (prefers-reduced-motion: reduce) {
  .about-contact a,
  .about-founders article,
  .about-values article,
  .about-learn img,
  .pricing-card,
  .pricing-reference article,
  .pricing-planes article,
  .pricing-card a,
  .pricing-final a,
  .savings-plans article,
  .savings-hero a,
  .savings-included a,
  .savings-plans a,
  .savings-final a { transition: none !important; }
  .about-mission h2.is-changing { animation: none !important; }
}