@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";
:root{--color-primary:#0046ff;--color-primary-hover:#0039d4;--color-primary-active:#002fa8;--color-primary-light:#e8eeff;--color-primary-subtle:#f4f7ff;--color-accent:#ffb900;--color-accent-hover:#e6a700;--color-accent-light:#fff8e1;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-black:#0a0a0a;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-400);--color-text-inverse:var(--color-white);--color-text-brand:var(--color-primary);--color-text-accent:var(--color-accent);--color-surface-primary:var(--color-white);--color-surface-secondary:var(--color-gray-50);--color-surface-tertiary:var(--color-gray-100);--color-surface-elevated:var(--color-white);--color-border-default:var(--color-gray-200);--color-border-subtle:var(--color-gray-100);--color-border-strong:var(--color-gray-300);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-none:1;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.8;--tracking-tighter:-.03em;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-max:1200px;--container-narrow:900px;--container-wide:1400px;--container-padding:var(--space-6);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d,0 2px 4px #0000000a;--shadow-lg:0 10px 15px #0000000f,0 4px 6px #0000000a;--shadow-xl:0 20px 25px #00000014,0 8px 10px #0000000a;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--ease-default:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--transition-colors:color var(--duration-normal)var(--ease-default),background-color var(--duration-normal)var(--ease-default),border-color var(--duration-normal)var(--ease-default);--transition-transform:transform var(--duration-normal)var(--ease-default);--transition-shadow:box-shadow var(--duration-normal)var(--ease-default);--transition-all:all var(--duration-normal)var(--ease-default);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-surface-primary)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.container{width:100%;max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}.section{padding-top:var(--space-20);padding-bottom:var(--space-20)}.section--lg{padding-top:var(--space-24);padding-bottom:var(--space-24)}.section-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-4);display:inline-flex}.section-label:before{content:"";background-color:var(--color-primary);border-radius:var(--radius-full);width:24px;height:2px;display:inline-block}.headline-xl{font-size:var(--text-5xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.headline-lg{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.headline-md{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.headline-sm{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.body-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.body-md{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.body-sm{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-tertiary)}.code-tag{font-family:var(--font-mono);font-weight:var(--weight-medium);color:var(--color-accent)}.text-highlight{color:var(--color-primary);transition:color var(--duration-fast)var(--ease-default)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1023px){:root{--container-padding:var(--space-5)}.headline-xl{font-size:var(--text-4xl)}.headline-lg{font-size:var(--text-3xl)}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section--lg{padding-top:var(--space-20);padding-bottom:var(--space-20)}}@media (max-width:639px){:root{--container-padding:var(--space-4)}.headline-xl{font-size:var(--text-3xl)}.headline-lg{font-size:var(--text-2xl)}.headline-md{font-size:var(--text-xl)}.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}}

