:root {
  --ink: #1a1a1a;
  --ink-soft: #4a4a4a;
  --ink-faint: #8a8a8a;
  --paper: #fafaf8;
  --white: #ffffff;
  --sand: #f5f2ec;
  --gold: #c8973a;
  --gold-light: #f0e0bc;
  --teal: #2a7a6f;
  --teal-light: #e4f3f1;
  --border: #e8e4dc;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, .10);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, .12);
  --font: 'Inter', system-ui, -apple-system, sans-serif;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mobile-demo-link {
  display: none;
}

@media (max-width: 600px) {
  .mobile-demo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 14px;
    border-radius: var(--radius-sm);
    color: var(--white);
    background: var(--ink);
    font-size: .86rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
  }
}