/* Design tokens measured from the live site (computed styles @1440px). */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  color-scheme: light only;
  --purple: #5421AF;
  --purple-2: #33108A;
  --purple-3: #9B5CF5;
  --purple-mid: #6733C8;
  --purple-deep: #2a1c4d;
  --ink: #120d20;
  --ink-hero: #0e0820;
  --ink-2: #14102a;
  --text-soft: #4d4762;
  --muted: #7d7592;
  --bg: #faf7ff;
  --bg-soft: #f5f0ff;
  --border: #e8dff5;
  --border-strong: #c8b8e8;
  --line: rgba(84,33,175,.14);
  --white: #fff;
  --ok: #1f9254;
  --radius-sm: 14px;
  --radius: 22px;
  --radius-lg: 28px;
  --shadow-sm: 0 10px 24px rgba(84,33,175,.08);
  --shadow: 0 18px 48px rgba(84,33,175,.10);
  --shadow-lg: 0 26px 80px rgba(84,33,175,.18);
  --grad-purple: linear-gradient(135deg,#9B5CF5 0%,#33108A 100%);
  --grad-btn: linear-gradient(100deg,#5421AF,#7B41E8);
  --ease: cubic-bezier(.2,.7,.2,1);
  --font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body { font-family: var(--font); font-size: 16px; line-height: 1.6; color: var(--ink); background: #fff; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { font: inherit; cursor: pointer; }