/* https://www.usepylon.com/ — Emblematic extractor 0.2.0, 2026-11-12T16:03:13.558Z */
:root {
  --color-background: #FFFFFF;
  --color-on-surface: #000000;
  --color-on-surface-variant: #121212;
  --color-outline: #DFDFDF;
  --color--neutral--500: #A8A8A8;
  --color-color-6: #260072;
  --color-color-7: #5D4DFC14;
  --color-color-8: #5D4DFC40;
  --color-color-9: #5D4DFC80;
  --color-color-10: #5D4DFCE6;
  --color-color-11: #5D4DFC;
  --color--neutral--600: #484848;
  --color-color-13: #FFFFFFB8;
  --color-primary: #000000;
  --color-on-primary: #FFFFFF;
  --font-display: "Die Grotesk", Arial, sans-serif;
  --font-ui: "Die Grotesk C", Arial, sans-serif;
  --font-mono: "Geistmono Variablefont Wght", Arial, sans-serif;
  --text-display-lg: 72px;
  --text-display-lg--line-height: 1;
  --text-headline-md: 42px;
  --text-headline-md--line-height: 1;
  --text-body-md: 16px;
  --text-body-md--line-height: 1.5;
  --text-body-sm: 12px;
  --text-body-sm--line-height: 1.167;
  --text-label-md: 14px;
  --text-label-md--line-height: 1.571;
  --radius-sm: 4px;
  --radius-md: 8px;
  --space-xxs: 4px;
  --space-xs: 6px;
  --space-sm: 8px;
  --space-md: 9px;
  --space-lg: 10px;
  --space-xl: 12px;
  --space-2xl: 14px;
  --space-3xl: 15px;
  --space-4xl: 16px;
  --space-5xl: 20px;
  --space-6xl: 24px;
  --space-7xl: 54px;
  --space-8xl: 72px;
  --space-9xl: 80px;
  --space-base: 4px;
  --space-container: 1120px;
  --shadow-1: rgba(255, 255, 255, 0.7) 0px 1px 0px 0px inset, rgba(18, 18, 18, 0.25) 0px 1px 2px 0px;
  --shadow-2: rgba(0, 0, 0, 0.24) 0px 0px 8px 0px;
}