:root {--vp-min: 22.5;--vp-max: 80;--primary: oklch(26.72% 0.070 269);--secondary: var(--primary);--accent: oklch(80% 0.091 89);--neutral: oklch(55% 0.006 89);--i1: oklch(67.6% 0.146 306);--i2: oklch(64.8% 0.101 196);--i3: oklch(67.8% 0.139 12);--danger: oklch(55% 0.200 25);--warning: oklch(75% 0.150 75);--success: oklch(60% 0.150 150);--info: oklch(60% 0.120 230);--white: oklch(100% 0 0);--black: oklch(0% 0 0);--i1-300: oklch(80% 0.115 306);--i2-300: oklch(80% 0.115 196);--i3-300: oklch(80% 0.115 12);--l-50: 0.975;--ch-50: 0.12;--l-100: 0.945;--ch-100: 0.25;--l-200: 0.890;--ch-200: 0.45;--l-300: 0.810;--ch-300: 0.70;--l-400: 0.720;--ch-400: 0.90;--l-500: 0.630;--ch-500: 1.00;--l-600: 0.540;--ch-600: 1.00;--l-700: 0.450;--ch-700: 0.90;--l-800: 0.370;--ch-800: 0.75;--l-900: 0.290;--ch-900: 0.60;--l-950: 0.210;--ch-950: 0.45;--ink-on-light: 0.48;--ink-on-dark: 0.80;--badge-ink-on-dark: 0.90;--contrast-threshold: 0.58;--fill-max-light-text: 0.52;--fill-min-dark-text: 0.60;--light: 1;--dark: 0;--bg: light-dark(var(--bg-ultra-light), var(--bg-ultra-dark));--text: light-dark(var(--neutral-900), var(--neutral-100));--text-muted: light-dark(var(--neutral-700), var(--neutral-300));--heading: light-dark(var(--neutral-950), var(--white));--link: var(--color-text);--link-hover: color-mix(in oklch, var(--color-text), var(--heading) 50%);--focus: var(--color-text);--card-bg: light-dark(var(--white), color-mix(in oklch, var(--white) 7%, transparent));--line-alpha: 20%;--border-color: color-mix(in oklch, var(--text) var(--line-alpha), transparent);--selection: light-dark(var(--accent-200), var(--accent-700));--hover-mix: 15%;--bg-white: var(--white);--bg-ultra-light: oklch(99% 0.006 89);--bg-light: oklch(97% 0.010 89);--bg-black: var(--black);--font-text: "Figtree", system-ui, sans-serif;--font-heading: "Newsreader", Georgia, serif;--font-mono: ui-monospace, "Cascadia Code", Menlo, monospace;--weight-text: 400;--weight-heading: 400;--weight-bold: 600;--leading-text: 1.6;--leading-heading: 1.1;--tracking-heading: -0.015em;--text-base-min: 1;--text-base-max: 1.125;--type-ratio-min: 1.2;--type-ratio-max: 1.25;--text-floor: 0.8;--measure: 50ch;--measure-lead: 40ch;--space-base-min: 1;--space-base-max: 1.5;--space-ratio-min: 1.4;--space-ratio-max: 1.6;--gutter-min: 1;--gutter-max: 2.5;--content-width: 75rem;--content-width-narrow: 48rem;--feature-extra: 6rem;--header-height: 4.5rem;--grid-min: 16rem;--split-side: 18rem;--split-min: 55%;--radius-base: 0.5rem;--radius-ratio: 2;--border-width: 1px;--focus-width: 2px;--focus-offset: 2px;--duration: 200ms;--easing: cubic-bezier(0.2, 0.7, 0.2, 1);--btn-pad-block: 0.75em;--btn-pad-inline: 1.5em;--btn-weight: 600;--btn-radius: var(--radius-full);--badge-radius: var(--radius-full);--content-gap: var(--space-m);--container-gap: var(--space-xl);--grid-gap: var(--space-l);--flow-space: 1em;--flow-space-heading: 1.6em;--section-space-default: var(--section-space-m);--pattern-cell: 5rem;--pattern-cell-min: 3rem;--pattern-cell-fluid: 12vw;--pattern-reach: 62%;--keyvisual-duration: 4.5s;--pattern-spot: 13rem;--pattern-path: 7s;--trail-in: 0.12;--trail-out: 1.4;--text-xs: clamp(var(--_t-xs-min) * 1rem, var(--_t-xs-min) * 1rem + (var(--_t-xs-max) - var(--_t-xs-min)) * var(--_vp-progress), var(--_t-xs-max) * 1rem);--text-s: clamp(var(--_t-s-min) * 1rem, var(--_t-s-min) * 1rem + (var(--_t-s-max) - var(--_t-s-min)) * var(--_vp-progress), var(--_t-s-max) * 1rem);--text-m: clamp(var(--_t-m-min) * 1rem, var(--_t-m-min) * 1rem + (var(--_t-m-max) - var(--_t-m-min)) * var(--_vp-progress), var(--_t-m-max) * 1rem);--text-l: clamp(var(--_t-l-min) * 1rem, var(--_t-l-min) * 1rem + (var(--_t-l-max) - var(--_t-l-min)) * var(--_vp-progress), var(--_t-l-max) * 1rem);--text-xl: clamp(var(--_t-xl-min) * 1rem, var(--_t-xl-min) * 1rem + (var(--_t-xl-max) - var(--_t-xl-min)) * var(--_vp-progress), var(--_t-xl-max) * 1rem);--text-xxl: clamp(var(--_t-xxl-min) * 1rem, var(--_t-xxl-min) * 1rem + (var(--_t-xxl-max) - var(--_t-xxl-min)) * var(--_vp-progress), var(--_t-xxl-max) * 1rem);--text-3xl: clamp(var(--_t-3xl-min) * 1rem, var(--_t-3xl-min) * 1rem + (var(--_t-3xl-max) - var(--_t-3xl-min)) * var(--_vp-progress), var(--_t-3xl-max) * 1rem);--text-4xl: clamp(var(--_t-4xl-min) * 1rem, var(--_t-4xl-min) * 1rem + (var(--_t-4xl-max) - var(--_t-4xl-min)) * var(--_vp-progress), var(--_t-4xl-max) * 1rem);--h1: var(--text-4xl);--h2: var(--text-3xl);--h3: var(--text-xxl);--h4: var(--text-xl);--h5: var(--text-l);--h6: var(--text-m);--space-xs: clamp(var(--_s-xs-min) * 1rem, var(--_s-xs-min) * 1rem + (var(--_s-xs-max) - var(--_s-xs-min)) * var(--_vp-progress), var(--_s-xs-max) * 1rem);--space-s: clamp(var(--_s-s-min) * 1rem, var(--_s-s-min) * 1rem + (var(--_s-s-max) - var(--_s-s-min)) * var(--_vp-progress), var(--_s-s-max) * 1rem);--space-m: clamp(var(--_s-m-min) * 1rem, var(--_s-m-min) * 1rem + (var(--_s-m-max) - var(--_s-m-min)) * var(--_vp-progress), var(--_s-m-max) * 1rem);--space-l: clamp(var(--_s-l-min) * 1rem, var(--_s-l-min) * 1rem + (var(--_s-l-max) - var(--_s-l-min)) * var(--_vp-progress), var(--_s-l-max) * 1rem);--space-xl: clamp(var(--_s-xl-min) * 1rem, var(--_s-xl-min) * 1rem + (var(--_s-xl-max) - var(--_s-xl-min)) * var(--_vp-progress), var(--_s-xl-max) * 1rem);--space-xxl: clamp(var(--_s-xxl-min) * 1rem, var(--_s-xxl-min) * 1rem + (var(--_s-xxl-max) - var(--_s-xxl-min)) * var(--_vp-progress), var(--_s-xxl-max) * 1rem);--space-3xl: clamp(var(--_s-3xl-min) * 1rem, var(--_s-3xl-min) * 1rem + (var(--_s-3xl-max) - var(--_s-3xl-min)) * var(--_vp-progress), var(--_s-3xl-max) * 1rem);--space-4xl: clamp(var(--_s-4xl-min) * 1rem, var(--_s-4xl-min) * 1rem + (var(--_s-4xl-max) - var(--_s-4xl-min)) * var(--_vp-progress), var(--_s-4xl-max) * 1rem);--section-space-s: var(--space-xl);--section-space-m: var(--space-xxl);--section-space-l: var(--space-3xl);--section-space-xl: var(--space-4xl);--gutter: clamp(var(--gutter-min) * 1rem, var(--gutter-min) * 1rem + (var(--gutter-max) - var(--gutter-min)) * var(--_vp-progress), var(--gutter-max) * 1rem);--content-width-safe: min(var(--content-width), 100% - var(--gutter) * 2);--radius-s: calc(var(--radius-base) / var(--radius-ratio));--radius-m: var(--radius-base);--radius-l: calc(var(--radius-base) * var(--radius-ratio));--radius-full: 999px;--shadow-1: 0 1px 2px color-mix(in oklch, var(--_shadow-color) 10%, transparent), 0 2px 6px color-mix(in oklch, var(--_shadow-color) 8%, transparent);--shadow-2: 0 2px 4px color-mix(in oklch, var(--_shadow-color) 10%, transparent), 0 8px 24px color-mix(in oklch, var(--_shadow-color) 12%, transparent);--shadow-3: 0 4px 8px color-mix(in oklch, var(--_shadow-color) 12%, transparent), 0 24px 48px color-mix(in oklch, var(--_shadow-color) 18%, transparent);--transition: var(--duration) var(--easing);}