@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  --verus-ink: #1a1a2e;
  --verus-muted: #6b7280;
  --verus-paper: #f8f6f3;
  --verus-line: #eae7e2;
  --verus-indigo: #4361ee;
  --verus-violet: #7209b7;
}

body { background: var(--verus-paper); color: var(--verus-ink); font-family: 'Inter', sans-serif; }
.verus-shell { max-width: 1200px; margin: 0 auto; padding: 2rem; }
.verus-nav { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1rem 0; }
.verus-brand { display: flex; align-items: center; gap: .625rem; color: var(--verus-ink); font-size: 1.125rem; font-weight: 700; letter-spacing: -.01em; text-decoration: none; }
.verus-mark { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(135deg, var(--verus-indigo), var(--verus-violet)); }
.verus-mark svg { width: 20px; height: 20px; fill: #fff; }
.verus-breadcrumb { color: var(--verus-muted); font-weight: 500; }
.verus-nav-links { display: flex; align-items: center; gap: 1.5rem; }
.verus-nav-links a { color: var(--verus-muted); font-size: .8125rem; font-weight: 500; text-decoration: none; }
.verus-nav-links a:hover { color: var(--verus-ink); }
.verus-nav-links .verus-nav-cta { padding: .4375rem .875rem; border-radius: 8px; color: #fff; background: var(--verus-ink); font-weight: 600; }
.verus-nav-links .verus-nav-cta:hover { color: #fff; background: var(--verus-indigo); }
.verus-shell a:focus-visible { outline: 3px solid rgba(67, 97, 238, .35); outline-offset: 3px; }

@media (max-width: 640px) {
  .verus-shell { padding: 1rem; }
  .verus-nav-links { gap: 1rem; }
  .verus-nav-links a:not(.verus-nav-cta) { display: none; }
}