@layer tokens,base,components,utilities;@font-face{font-family:HK Grotesk;font-weight:400;font-style:normal;font-display:swap;src:url(/static/fonts/HKGrotesk-Regular.woff2) format("woff2")}@font-face{font-family:HK Grotesk;font-weight:500;font-style:normal;font-display:swap;src:url(/static/fonts/HKGrotesk-Medium.woff2) format("woff2")}@font-face{font-family:HK Grotesk;font-weight:700;font-style:normal;font-display:swap;src:url(/static/fonts/HKGrotesk-Bold.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(/static/fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:400;font-style:italic;font-display:swap;src:url(/static/fonts/Inter-Italic.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url(/static/fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url(/static/fonts/Inter-SemiBold.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url(/static/fonts/Inter-Bold.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400;font-style:normal;font-display:swap;src:url(/static/fonts/JetBrainsMono-Regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:500;font-style:normal;font-display:swap;src:url(/static/fonts/JetBrainsMono-Medium.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:600;font-style:normal;font-display:swap;src:url(/static/fonts/JetBrainsMono-SemiBold.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:700;font-style:normal;font-display:swap;src:url(/static/fonts/JetBrainsMono-Bold.woff2) format("woff2")}@property --sig-stroke{syntax: "<length>"; inherits: true; initial-value: 1.5px;}@property --primary-mix{syntax: "<percentage>"; inherits: true; initial-value: 100%;}@property --motion-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@layer tokens{:root{--hydro-50: #EEF6FA;--hydro-100: #D6E8F1;--hydro-200: #ABCFE2;--hydro-300: #7AB3D1;--hydro-400: #4A92BB;--hydro-500: #1F74A1;--hydro-600: #00557F;--hydro-700: #004468;--hydro-800: #003550;--hydro-900: #00253A;--hydro-950: #00141F;--hue-ember: #F26B0A;--hue-ember-soft: #FF8A2A;--hue-violet: #7C3AED;--hue-violet-soft: #A78BFA;--hue-teal: #14B8A6;--hue-teal-soft: #5EEAD4;--hue-cyan: #06B6D4;--hue-cyan-soft: #67E8F9;--hue-indigo: #6366F1;--hue-indigo-soft: #A5B4FC;--hue-copper: #B87333;--hue-copper-soft: #E2B07A;--hue-mint: #16A34A;--hue-mint-soft: #86EFAC;--hue-burgundy: #B91C1C;--hue-burgundy-soft: #F87171;--hue-slate: #475569;--hue-slate-soft: #94A3B8;--hue-rose: #F43F5E;--hue-rose-soft: #FDA4AF;--hue-amber: #D97706;--hue-amber-soft: #FBBF24;--hue-orange: #F97316;--hue-orange-soft: #FDBA74;--hue-purple: #9333EA;--hue-purple-soft: #C084FC;--hue-yellow: #EAB308;--hue-yellow-soft: #FACC15;--hue-red: #DC2626;--hue-red-soft: #FCA5A5;--ink-0: #FFFFFF;--ink-25: #FAFBFC;--ink-50: #F4F6F8;--ink-100: #E9ECF0;--ink-200: #D5DAE1;--ink-300: #B5BDC8;--ink-400: #8A94A3;--ink-500: #626C7A;--ink-600: #434B57;--ink-700: #2E353F;--ink-800: #1C2229;--ink-900: #0B0F14;--ink-950: #05080B;--font-display: "HK Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 18px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 30px;--fs-3xl: 38px;--fs-4xl: 48px;--lh-ultraflat: .98;--lh-flat: 1;--lh-tight: 1.05;--lh-snug: 1.15;--lh-reading: 1.45;--lh-base: 1.5;--lh-lead: 1.55;--lh-prose: 1.6;--ls-crush: -.05em;--ls-hero: -.03em;--ls-display: -.02em;--ls-tight: -.01em;--ls-wide: .06em;--ls-wider: .12em;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ink-0-a12: color-mix(in srgb, #fff 12%, transparent);--ink-0-a14: color-mix(in srgb, #fff 14%, transparent);--ink-0-a16: color-mix(in srgb, #fff 16%, transparent);--ink-0-a45: color-mix(in srgb, #fff 45%, transparent);--ink-0-a65: color-mix(in srgb, #fff 65%, transparent);--ink-0-a85: color-mix(in srgb, #fff 85%, transparent);--ink-900-a12: color-mix(in srgb, var(--ink-900) 12%, transparent);--ink-900-a14: color-mix(in srgb, var(--ink-900) 14%, transparent);--ink-900-a16: color-mix(in srgb, var(--ink-900) 16%, transparent);--ink-900-a45: color-mix(in srgb, var(--ink-900) 45%, transparent);--ink-900-a65: color-mix(in srgb, var(--ink-900) 65%, transparent);--ink-900-a85: color-mix(in srgb, var(--ink-900) 85%, transparent);--btn-pad-md: 14px 22px;--btn-pad-lg: 16px 26px;--chip-pad: 6px 14px;--tag-pad: 4px 10px;--tag-pad-xs: 2px 8px;--sp-hair: 2px;--sp-micro: 4px;--sp-nudge: 6px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--sp-10: 64px;--sp-11: 80px;--sp-12: 96px;--sp-13: 128px;--sp-14: 160px;--r-1: 2px;--r-2: 4px;--r-3: 8px;--r-4: 12px;--r-5: 16px;--r-full: 9999px;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.3, 0, .1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-bounce: cubic-bezier(.34, 1.8, .5, 1);--ease-linear: linear;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .36s;--dur-story: .9s;--surface-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");--backdrop-nav: blur(20px) saturate(1.4);--backdrop-menu: blur(16px) saturate(1.3);--backdrop-panel: blur(12px) saturate(1.2);--backdrop-light: blur(12px);--backdrop-subtle: blur(8px);--header-h: 72px;--container: 1200px;--container-wide: 1360px;--bp-xs: 420px;--bp-sm: 640px;--bp-md: 900px;--bp-lg: 1200px;--bp-xl: 1440px}:root{color-scheme:light dark;--surface-base: light-dark(var(--ink-0), var(--ink-950));--surface-sunken: light-dark(var(--ink-25), var(--ink-900));--surface-raised: light-dark(var(--ink-0), var(--ink-800));--surface-muted: light-dark(var(--ink-50), #0e131a);--surface-editorial: light-dark(var(--ink-900), var(--ink-0));--surface-editorial-tx: light-dark(var(--ink-0), var(--ink-900));--on-editorial-85: light-dark(var(--ink-0-a85), var(--ink-900-a85));--on-editorial-65: light-dark(var(--ink-0-a65), var(--ink-900-a65));--on-editorial-45: light-dark(var(--ink-0-a45), var(--ink-900-a45));--on-editorial-16: light-dark(var(--ink-0-a16), var(--ink-900-a16));--on-editorial-14: light-dark(var(--ink-0-a14), var(--ink-900-a14));--on-editorial-12: light-dark(var(--ink-0-a12), var(--ink-900-a12));--text-strong: light-dark(var(--ink-900), #F2F4F7);--text-default: light-dark(var(--ink-800), #DCE0E6);--text-muted: light-dark(var(--ink-600), #A5ADB8);--text-subtle: light-dark(var(--ink-500), #8A94A3);--text-hint: light-dark(var(--ink-500), #848D9A);--border-hairline: light-dark(var(--ink-100), #1c2129);--border-subtle-c: light-dark(var(--ink-200), #252b35);--border-strong-c: light-dark(var(--ink-300), #333a45);--border-input: light-dark(var(--ink-400), #5A6370);--primary: light-dark(var(--hydro-600), var(--hydro-400));--primary-hover: light-dark(var(--hydro-700), var(--hydro-300));--primary-tint: light-dark(var(--hydro-50), color-mix(in srgb, var(--hydro-400) 14%, transparent));--on-primary: #fff;--on-primary-solid: light-dark(#fff, var(--ink-950));--on-danger: light-dark(#fff, var(--ink-950));--gradient-primary: linear-gradient(135deg, var(--hydro-500), var(--hydro-700));--accent-light: var(--hydro-300);--accent-dark: var(--hydro-300);--accent: light-dark(var(--accent-light), var(--accent-dark));--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--accent-mist: color-mix(in srgb, var(--accent) 8%, transparent);--accent-glow: 0 0 24px color-mix(in srgb, var(--accent) 35%, transparent);--success: light-dark(#1F8A5B, #3FC489);--success-live: light-dark(#2FAE72, #4FDA9F);--warning: light-dark(#B45309, #FBBF24);--danger: light-dark(#B91C1C, #F87171);--shadow-tint-1: rgba(11, 15, 20, .04);--shadow-tint-2: rgba(11, 15, 20, .06);--shadow-tint-3: rgba(11, 15, 20, .08);--shadow-tint-4: rgba(11, 15, 20, .1);--shadow-tint-5: rgba(11, 15, 20, .16);--shadow-tint-6: rgba(11, 15, 20, .22);--shadow-tint-warm: rgba(0, 85, 127, .08);--shadow-xs: 0 1px 2px var(--shadow-tint-1), 0 1px 1px var(--shadow-tint-1);--shadow-sm: 0 1px 3px var(--shadow-tint-2), 0 1px 2px var(--shadow-tint-1);--shadow-md: 0 4px 8px -2px var(--shadow-tint-3), 0 2px 4px -1px var(--shadow-tint-2);--shadow-lg: 0 12px 24px -6px var(--shadow-tint-4), 0 4px 8px -2px var(--shadow-tint-2);--shadow-xl: 0 24px 48px -12px var(--shadow-tint-5), 0 8px 16px -4px var(--shadow-tint-2);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--primary) 34%, transparent);--glow-md: 0 0 18px color-mix(in srgb, var(--primary) 35%, transparent);--border-subtle: 1px solid var(--border-hairline);--border-default: 1px solid var(--border-subtle-c);--border-strong: 1px solid var(--border-strong-c)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-tint-1: rgba(0, 0, 0, .35);--shadow-tint-2: rgba(0, 0, 0, .45);--shadow-tint-3: rgba(0, 0, 0, .55);--shadow-tint-4: rgba(0, 0, 0, .6);--shadow-tint-5: rgba(0, 0, 0, .65);--shadow-tint-6: rgba(0, 0, 0, .7);--shadow-tint-warm: rgba(0, 85, 127, .18)}}:root[data-theme=dark]{--shadow-tint-1: rgba(0, 0, 0, .35);--shadow-tint-2: rgba(0, 0, 0, .45);--shadow-tint-3: rgba(0, 0, 0, .55);--shadow-tint-4: rgba(0, 0, 0, .6);--shadow-tint-5: rgba(0, 0, 0, .65);--shadow-tint-6: rgba(0, 0, 0, .7);--shadow-tint-warm: rgba(0, 85, 127, .18)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root{--border-hairline: light-dark(var(--ink-300), var(--ink-400));--border-subtle-c: light-dark(var(--ink-400), var(--ink-300));--border-strong-c: light-dark(var(--ink-600), var(--ink-200));--text-muted: light-dark(var(--ink-700), #E4E8ED);--text-subtle: light-dark(var(--ink-600), #CAD0D8);--text-hint: light-dark(var(--ink-500), #9AA2AD);--shadow-focus: 0 0 0 4px color-mix(in srgb, var(--primary) 60%, transparent)}}}
