/* Front-site extras on top of jumbo-ui.css. Docs: docs/developer/ui.md */
.navbar .nav-link.active { color: var(--jui-brand) !important; font-weight: 600; }
.site-hero {
  background: linear-gradient(135deg, var(--jui-brand) 0%, #7c3aed 100%);
  color: #fff; border-radius: 1.25rem; padding: 3rem 2rem;
}
.site-hero .lead { opacity: .9; }
.site-auth { max-width: 440px; margin: 1rem auto 0; }
.site-auth-wide { max-width: 820px; margin: 1rem auto 0; }
.plan-card.is-current { border-color: var(--jui-brand); box-shadow: 0 0 0 2px var(--jui-brand-soft); }
.locked-panel { max-width: 640px; margin: 2rem auto; text-align: center; }
.locked-panel .bi-lock { font-size: 2.5rem; color: var(--jui-muted); }