:root {
  --bg-primary: #F7F6F2;
  --bg-secondary: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-hero: #FFFFFF;
  --accent-purple: #92278F;
  --accent-lavender: #b591c7;
  --accent-green: #00d68f;
  --accent-red: #EC008C;
  --accent-blue: #292663;
  --accent-gold: #ffb800;
  --accent-teal: #0d9488;
  --accent-pink: #EC008C;
  --accent-indigo: #292663;
  --accent-emerald: #00d68f;
  --accent-amber: #ffb800;
  --text-primary: #0d1030;
  --text-secondary: #3a4060;
  --text-muted: #6b7594;
  --border: #e2e4ee;
  --border-accent: rgba(41, 38, 99, 0.25);
  --shadow-sm: 0 1px 3px rgba(41, 38, 99, 0.06);
  --shadow-md: 0 4px 12px rgba(41, 38, 99, 0.08);
  --shadow-lg: 0 8px 30px rgba(41, 38, 99, 0.12);
  --shadow-card: 0 2px 16px rgba(41, 38, 99, 0.06);
}
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  background: #F7F6F2;
  color: #0d1030;
}
.site-nav {
  position: sticky; top: 0; z-index: 200;
  background: #ffffff; border-bottom: 1px solid #e2e4ee;
  padding: 0 2rem; display: flex; gap: 0.25rem;
  max-width: 100%; overflow-x: auto;
}
.site-nav a {
  padding: 0.85rem 1rem; font-size: 0.85rem; font-weight: 500;
  color: #3a4060; white-space: nowrap; border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s; text-decoration: none;
  min-height: 44px; display: flex; align-items: center;
}
.site-nav a:hover { color: #292663; text-decoration: none; }
.site-nav a.active { color: #292663; font-weight: 700; border-bottom-color: #292663; }
.legacy-content { padding: 2rem 0 3rem; }
.legacy-content .nav,
.legacy-content .nav-spacer,
.legacy-content .bottom-nav,
.legacy-content footer:not(.site-footer),
.legacy-content noscript,
.legacy-content #particles {
  display: none !important;
}
.legacy-content .section,
.legacy-content .section--hero,
.legacy-content .verify-hero,
.legacy-content .verify-content,
.legacy-content .container,
.legacy-content .content,
.legacy-content .cover,
.legacy-content .drawing-nav {
  max-width: min(1200px, calc(100vw - 2rem));
  margin-left: auto;
  margin-right: auto;
}
.legacy-content .cover { min-height: auto; margin-top: 1rem; }
.legacy-content .cover::before { background: #292663 !important; }
.legacy-content .cover__badge,
.legacy-content .service-section h2 .num,
.legacy-content .service-section h3::before,
.legacy-content .cover__title span,
.legacy-content .cover__divider,
.legacy-content .cover__stat-value,
.legacy-content .cover__badge,
.legacy-content .cover__info-label {
  color: #292663 !important;
  border-color: #292663 !important;
  background: transparent;
}
.legacy-content .service-section h2 { border-bottom-color: #292663 !important; }
.legacy-content .btn-primary,
.legacy-content .btn,
.legacy-content .btn-print,
.legacy-content .btn-secondary,
.legacy-content .compare-btn,
.legacy-content .chip.active,
.legacy-content .tab.active,
.legacy-content .selection-card.active {
  background: #292663 !important;
  border-color: #292663 !important;
  color: #ffffff !important;
}
.legacy-content .accent,
.legacy-content .accent-blue,
.legacy-content .accent-indigo,
.legacy-content .link,
.legacy-content a,
.legacy-content h1 .accent,
.legacy-content h2 .accent,
.legacy-content h3 .accent {
  color: #292663;
}
.legacy-content .accent-pink,
.legacy-content .upgrade,
.legacy-content .warning,
.legacy-content .callout__tag,
.legacy-content .badge-upgrade {
  color: #EC008C !important;
  border-color: #EC008C !important;
}
.legacy-content .accent-purple,
.legacy-content .accent-lavender,
.legacy-content .qrd,
.legacy-content .diffuser {
  color: #92278F !important;
  border-color: #92278F !important;
}
.legacy-content table code,
.legacy-content code,
.legacy-content pre,
.legacy-content .mono,
.legacy-content .stat-card__value,
.legacy-content .metric-value,
.legacy-content .num,
.legacy-content .measure,
.site-footer {
  font-family: 'JetBrains Mono', 'IBM Plex Mono', 'Menlo', monospace;
}
.legacy-content .status-ok,
.legacy-content .pass,
.legacy-content .success { color: #00d68f !important; }
.legacy-content .status-warn,
.legacy-content .warn { color: #ffb800 !important; }
.legacy-content .status-fail,
.legacy-content .fail { color: #EC008C !important; }
.site-footer {
  text-align: center;
  padding: 2rem;
  font-size: 0.78rem;
  color: #6b7594;
  border-top: 1px solid #e2e4ee;
  background: #ffffff;
}
@media (max-width: 768px) {
  .site-nav { padding: 0 1rem; }
  .site-nav a { padding: 0.75rem 0.7rem; font-size: 0.8rem; }
  .legacy-content { padding-top: 1rem; }
  .legacy-content .section,
  .legacy-content .section--hero,
  .legacy-content .verify-hero,
  .legacy-content .verify-content,
  .legacy-content .container,
  .legacy-content .content,
  .legacy-content .cover,
  .legacy-content .drawing-nav {
    max-width: calc(100vw - 1rem);
  }
}