/* Hallmark pre-emit critique: preserve Split Studio clarity, moderate headline scale, remove the desktop nav frame, and use Betty icon art only where it improves scanning. */
/* Hallmark macrostructure: Home=Split Studio; Results/Pricing=Workbench; Demo=Workflow; Methodology=Long Document. */
@font-face{
  font-family:"Space Grotesk";
  font-style:normal;
  font-weight:500 700;
  font-display:swap;
  src:url("../fonts/space-grotesk-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Space Grotesk";
  font-style:normal;
  font-weight:500 700;
  font-display:swap;
  src:url("../fonts/space-grotesk-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"IBM Plex Sans";
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url("../fonts/ibm-plex-sans-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"IBM Plex Sans";
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url("../fonts/ibm-plex-sans-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"JetBrains Mono";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("../fonts/jetbrains-mono-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"JetBrains Mono";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("../fonts/jetbrains-mono-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --color-paper:oklch(12% .014 185);
  --color-paper-raised:oklch(16% .016 190);
  --color-paper-high:oklch(20% .018 195);
  --color-ink:oklch(95% .01 185);
  --color-muted:oklch(72% .018 210);
  --color-dim:oklch(56% .018 215);
  --color-accent:oklch(84% .18 174);
  --color-accent-ink:oklch(14% .035 178);
  --color-electric:oklch(72% .17 245);
  --color-violet:oklch(70% .19 305);
  --color-signal:oklch(68% .23 350);
  --color-success:oklch(82% .19 135);
  --color-warning:oklch(82% .15 80);
  --color-danger:oklch(66% .22 25);
  --color-line:color-mix(in oklch,var(--color-ink) 12%,transparent);
  --shadow-soft:0 18px 60px rgb(0 0 0 / .28);
  --shadow-lift:0 28px 90px rgb(0 0 0 / .4);
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:24px;
  --radius-control:999px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:72px;
  --font-display:"Space Grotesk",system-ui,sans-serif;
  --font-body:"IBM Plex Sans",system-ui,sans-serif;
  --font-data:"JetBrains Mono",ui-monospace,monospace;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in:cubic-bezier(.7,0,.84,0);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-micro:120ms;
  --dur-short:220ms;
  --dur-long:420ms;
  --z-base:0;
  --z-sticky:30;
  --z-overlay:60;
  --z-modal:90;

  /* Compatibility bridge for the imported v23 component vocabulary. */
  --bg:var(--color-paper);
  --panel:var(--color-paper-raised);
  --panel2:var(--color-paper-high);
  --line:var(--color-line);
  --text:var(--color-ink);
  --muted:var(--color-muted);
  --dim:var(--color-dim);
  --teal:var(--color-accent);
  --cyan:var(--color-accent);
  --pink:var(--color-signal);
  --blue:var(--color-electric);
  --violet:var(--color-violet);
  --green:var(--color-success);
  --gold:var(--color-warning);
  --red:var(--color-danger);
  --shadow:var(--shadow-lift);
  --display:var(--font-display);
  --mono:var(--font-data);
}