/* Generated from ../templates/design-tokens.json. Do not edit. */
:root {
  --qrio-color-ink-400: #87939A;
  --qrio-color-ink-600: #526068;
  --qrio-color-ink-800: #273036;
  --qrio-color-ink-950: #101417;
  --qrio-color-surface-default: #FFFFFF;
  --qrio-color-surface-subtle: #F6F8F8;
  --qrio-color-surface-inverse: #101417;
  --qrio-color-line-default: #DCE2E3;
  --qrio-color-accent-100: #DDF4EF;
  --qrio-color-accent-600: #007D6B;
  --qrio-color-accent-700: #006A5C;
  --qrio-color-semantic-success: #1A6E46;
  --qrio-color-semantic-warning: #8A5A00;
  --qrio-color-semantic-danger: #B52A2A;
  --qrio-color-semantic-info: #245C94;
  --qrio-space-1: 0.25rem;
  --qrio-space-2: 0.5rem;
  --qrio-space-3: 0.75rem;
  --qrio-space-4: 1rem;
  --qrio-space-6: 1.5rem;
  --qrio-space-8: 2rem;
  --qrio-space-12: 3rem;
  --qrio-space-16: 4rem;
  --qrio-space-24: 6rem;
  --qrio-radius-control: 0.5rem;
  --qrio-radius-surface: 0.75rem;
  --qrio-radius-pill: 999px;
  --qrio-size-touch-minimum: 2.75rem;
  --qrio-size-content-max: 75rem;
  --qrio-size-prose-max: 45rem;
  --qrio-font-family-sans: "Manrope", "Inter", "ui-sans-serif", "system-ui", "sans-serif";
  --qrio-font-weight-regular: 400;
  --qrio-font-weight-medium: 500;
  --qrio-font-weight-semibold: 650;
  --qrio-font-weight-bold: 700;
  --qrio-font-size-micro: 0.75rem;
  --qrio-font-size-small: 0.875rem;
  --qrio-font-size-body: 1rem;
  --qrio-font-size-body-large: 1.125rem;
  --qrio-font-size-h3: 1.25rem;
  --qrio-font-size-h2: 2rem;
  --qrio-font-size-h1: 2.75rem;
  --qrio-font-size-display: 4rem;
  --qrio-motion-fast: 140ms;
  --qrio-motion-normal: 220ms;
  --qrio-border-thin: 1px;
}

* { box-sizing: border-box; }
html { min-width: 20rem; background: var(--qrio-color-surface-default); }
body {
  margin: 0;
  color: var(--qrio-color-ink-950);
  background: var(--qrio-color-surface-default);
  font-family: var(--qrio-font-family-sans);
  font-size: var(--qrio-font-size-body);
  line-height: 1.6;
}
main { width: min(100%, var(--qrio-size-content-max)); margin-inline: auto; padding: var(--qrio-space-16) var(--qrio-space-6); }
.brand { display: inline-flex; gap: var(--qrio-space-2); align-items: center; color: var(--qrio-color-ink-950); font-weight: var(--qrio-font-weight-semibold); text-decoration: none; }
.brand img { width: var(--qrio-size-touch-minimum); height: var(--qrio-size-touch-minimum); }
.eyebrow { margin-block-end: var(--qrio-space-3); color: var(--qrio-color-accent-700); font-weight: var(--qrio-font-weight-semibold); }
h1 { max-width: var(--qrio-size-prose-max); margin-block: var(--qrio-space-6) var(--qrio-space-4); font-size: clamp(var(--qrio-font-size-h2), 8vw, var(--qrio-font-size-display)); line-height: 1.05; letter-spacing: -0.025em; }
p { max-width: var(--qrio-size-prose-max); }
.actions { display: flex; flex-wrap: wrap; gap: var(--qrio-space-3); margin-block-start: var(--qrio-space-8); }
a { color: var(--qrio-color-accent-700); text-underline-offset: var(--qrio-space-1); }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--qrio-size-touch-minimum); padding: var(--qrio-space-2) var(--qrio-space-4); color: var(--qrio-color-surface-default); background: var(--qrio-color-accent-700); border: var(--qrio-border-thin) solid var(--qrio-color-accent-700); border-radius: var(--qrio-radius-control); font-weight: var(--qrio-font-weight-semibold); text-decoration: none; }
.button--secondary { color: var(--qrio-color-ink-950); background: var(--qrio-color-surface-default); border-color: var(--qrio-color-ink-600); }
:focus-visible { outline: calc(var(--qrio-border-thin) * 3) solid var(--qrio-color-accent-700); outline-offset: var(--qrio-space-1); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }