/* Kawkab QR typography system: expressive headings, quiet readable UI, crisp labels. */
:root {
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Manrope", "DM Sans", system-ui, sans-serif;
  --font-label: "DM Sans", system-ui, sans-serif;
}
html, body { font-family: var(--font-body) !important; text-rendering: optimizeLegibility; }
button, input, select, textarea { font-family: var(--font-body) !important; }
h1, h2, h3, h4, h5, h6,
.hero-title, .section-title, .page-title, .card-title {
  font-family: var(--font-display) !important;
  font-synthesis: none;
  text-wrap: pretty;
}
/* Uppercase section labels stay compact and clear without the tech-stencil look. */
.eyebrow, .plan-tag, .batch-kicker, .batch-studio-eyebrow,
.wordmark small, .brand small, .footer-made-meta,
[aria-label="Main navigation"] .nav-label {
  font-family: var(--font-label) !important;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* QR Cods lockup and compact header actions. */
.top .brand .wordmark{align-items:center!important;text-align:center!important}
.top .brand .wordmark .brand-name{justify-content:center!important;font:400 22px/1 Offside,sans-serif!important;letter-spacing:0!important}
.top .brand .wordmark .brand-x{font:600 22px/1 Oxanium,"DM Sans",sans-serif!important;margin-left:2px!important;letter-spacing:0!important}
.top .brand .wordmark small{margin-left:0!important;margin-right:0!important;text-align:center!important}
.top .nav-actions{gap:4px!important}
.top .nav-actions .account-trigger{padding-inline:7px!important}
html[data-page-loading],html[data-page-loading] *{scroll-behavior:auto!important}
@media(max-width:560px){.top .brand .wordmark .brand-name,.top .brand .wordmark .brand-x{font-size:18px!important}.top .nav-actions{gap:3px!important}.top .nav-actions .account-trigger{padding-inline:5px!important}}