/* Use the real approved wordmark family throughout this comparison. */
:root { --sans: 'Libre Baskerville', Georgia, serif; }
body { font-family: var(--serif); }
.header-cta {
  background: var(--raspberry);
  border-color: var(--raspberry);
  color: var(--ivory);
}
.header-cta .icon { filter: brightness(0) invert(1); }
.header-cta:hover { background: #841c41; border-color: #841c41; }
.desktop-nav { gap: 22px; }
.header-cta { font-size: 12px; }
.hero-description, .intro-copy p, .section-aside p { line-height: 1.8; }
.hero-lead, .intro-copy .lead, .section-aside .lead { line-height: 1.55; }
.principle p, .use-case p, .flow-list p { line-height: 1.8; }
.status-list strong { font-size: 10px; }
@media (max-width: 1150px) {
  .desktop-nav { gap: 15px; font-size: 12px; }
}
@media (max-width: 680px) {
  .brand img { width: 133px; }
  .header-cta { font-size: 10px; padding-inline: 9px; gap: 5px; }
  .hero .actions { gap: 10px; }
  .hero .button { font-size: 11px; padding-inline: 13px; gap: 10px; }
  .hero .text-link { font-size: 11px; }
  .hero-footnote a { gap: 6px; }
}