:root{--cyan: #00E5FF;--cyan-deep: #00B8D4;--mint: #6FE5C7;--lavender: #C9B8FF;--indigo: #6A5BFF;--amber: #FFB011;--coral: #FF7A6B;--ink: #111115;--ink-2: #27272A;--grey-1: #535862;--grey-2: #82828A;--grey-3: #C1C7D0;--line: #E8E8E9;--line-soft: #F1F1F2;--paper: #FCFCFC;--cream: #F8F6F1;--brand-aqua-500: #1A8596;--brand-aqua-700: #115562;--brand-frost-100: #DDE9EE;--color-bg: var(--paper);--color-fg: var(--ink);--color-fg-strong: var(--ink);--color-fg-title: var(--ink);--color-muted: var(--grey-1);--color-faint: var(--grey-2);--color-surface-0: #FFFFFF;--color-surface-0-hover: var(--line-soft);--color-surface-0-active: var(--line);--color-surface-01: var(--line-soft);--color-surface-01-hover: var(--line);--color-surface-01-active: var(--grey-3);--color-surface-02: var(--line);--color-surface-02-hover: var(--grey-3);--color-surface-02-active: var(--grey-2);--color-surface-high-contrast: var(--ink);--color-border-0: var(--line-soft);--color-border-01: var(--line);--color-border-02: var(--grey-3);--color-accent: var(--ink);--color-accent-hover: var(--ink-2);--color-accent-fg: #FFFFFF;--color-link: var(--cyan-deep);--color-link-hover: var(--ink);--font-heading: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.25rem;--fs-5xl: 3rem;--fs-6xl: 3.75rem;--fs-7xl: 4.5rem;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--radius-0: 0;--radius-sm: 2px;--radius: 4px;--radius-md: 6px;--radius-8: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px -4px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 21.7px 43.5px -21.7px rgba(0, 0, 0, .06), 0 10.9px 10.9px -5.4px rgba(0, 0, 0, .06);--shadow-xl: 0 32px 64px -32px rgba(0, 0, 0, .1), 0 16px 16px -8px rgba(0, 0, 0, .06);--shadow-2xl: 0 48px 96px -32px rgba(0, 0, 0, .18);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .05);--container: 75rem}[data-theme=dark]{--color-bg: var(--ink);--color-fg: var(--paper);--color-fg-strong: #FFFFFF;--color-fg-title: #FFFFFF;--color-muted: var(--grey-3);--color-faint: var(--grey-2);--color-surface-0: var(--ink);--color-surface-0-hover: var(--ink-2);--color-surface-0-active: #36363B;--color-surface-01: var(--ink-2);--color-surface-01-hover: #36363B;--color-surface-01-active: #4A4A50;--color-surface-02: #36363B;--color-surface-02-hover: #4A4A50;--color-surface-02-active: var(--grey-1);--color-border-0: var(--ink-2);--color-border-01: #36363B;--color-border-02: #4A4A50;--color-accent: var(--cyan);--color-accent-hover: var(--cyan-deep);--color-accent-fg: var(--ink);--color-link: var(--cyan);--color-link-hover: var(--cyan-deep)}[data-theme=brand-dark]{--color-bg: var(--ink);--color-fg: var(--paper);--color-fg-strong: #FFFFFF;--color-fg-title: var(--cyan);--color-surface-0: var(--ink);--color-surface-0-hover: var(--ink-2);--color-surface-01: var(--ink-2);--color-surface-01-hover: #36363B;--color-surface-02: #36363B;--color-surface-02-hover: #4A4A50;--color-border-0: var(--ink-2);--color-border-01: #36363B;--color-border-02: var(--cyan-deep);--color-accent: var(--cyan);--color-accent-hover: var(--cyan-deep);--color-accent-fg: var(--ink)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{color-scheme:light;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.55;color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-fg-title);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 var(--space-4)}h1{font-size:var(--fs-6xl);letter-spacing:-.02em}h2{font-size:var(--fs-4xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}p{margin:0 0 var(--space-4)}a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--color-accent-hover)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.95em}pre{background:var(--color-surface-01);padding:var(--space-4);border-radius:var(--radius-lg);overflow:auto}img,svg{max-width:100%;display:block}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--space-6)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-accent-fg);text-decoration:none;font-weight:600;font-family:var(--font-sans);border:1px solid transparent;transition:background-color .12s ease}.btn:hover{background:var(--color-accent-hover);color:var(--color-accent-fg)}.btn-secondary{background:transparent;color:var(--color-fg);border-color:var(--color-border-02)}.btn-secondary:hover{background:var(--color-surface-01);color:var(--color-fg)}