:root{--brand:oklch(0.5295 0.2618 263.49);--brand-foreground:oklch(0.985 0 0);--brand-soft:oklch(0.95 0.03 263.49);--blue-50:oklch(0.97 0.014 254.604);--blue-100:oklch(0.932 0.032 255.585);--blue-200:oklch(0.882 0.059 254.128);--blue-300:oklch(0.809 0.105 251.813);--blue-400:oklch(0.707 0.165 254.624);--blue-500:oklch(0.623 0.214 259.815);--blue-600:oklch(0.546 0.245 262.881);--blue-700:oklch(0.488 0.243 264.376);--blue-800:oklch(0.424 0.199 265.638);--blue-900:oklch(0.379 0.146 265.522);--blue-950:oklch(0.282 0.091 267.935);--red-50:oklch(0.971 0.013 17.38);--red-100:oklch(0.936 0.032 17.717);--red-200:oklch(0.885 0.062 18.334);--red-300:oklch(0.808 0.114 19.571);--red-400:oklch(0.704 0.191 22.216);--red-500:oklch(0.637 0.237 25.331);--red-600:oklch(0.577 0.245 27.325);--red-700:oklch(0.505 0.213 27.518);--red-800:oklch(0.444 0.177 26.899);--red-900:oklch(0.396 0.141 25.723);--red-950:oklch(0.258 0.092 26.042);--orange-50:oklch(0.98 0.016 73.684);--orange-100:oklch(0.954 0.038 75.164);--orange-200:oklch(0.901 0.076 70.697);--orange-300:oklch(0.837 0.128 66.29);--orange-400:oklch(0.75 0.183 55.934);--orange-500:oklch(0.705 0.213 47.604);--orange-600:oklch(0.646 0.222 41.116);--orange-700:oklch(0.553 0.195 38.402);--orange-800:oklch(0.47 0.157 37.304);--orange-900:oklch(0.408 0.123 38.172);--orange-950:oklch(0.266 0.079 36.259);--yellow-50:oklch(0.987 0.026 102.212);--yellow-100:oklch(0.973 0.071 103.193);--yellow-200:oklch(0.945 0.129 101.54);--yellow-300:oklch(0.905 0.182 98.111);--yellow-400:oklch(0.852 0.199 91.936);--yellow-500:oklch(0.795 0.184 86.047);--yellow-600:oklch(0.681 0.162 75.834);--yellow-700:oklch(0.554 0.135 66.442);--yellow-800:oklch(0.476 0.114 61.907);--yellow-900:oklch(0.421 0.095 57.708);--yellow-950:oklch(0.286 0.066 53.813);--emerald-50:oklch(0.979 0.021 166.113);--emerald-100:oklch(0.95 0.052 163.051);--emerald-200:oklch(0.905 0.093 164.15);--emerald-300:oklch(0.845 0.143 164.978);--emerald-400:oklch(0.765 0.177 163.223);--emerald-500:oklch(0.696 0.17 162.48);--emerald-600:oklch(0.596 0.145 163.225);--emerald-700:oklch(0.508 0.118 165.612);--emerald-800:oklch(0.432 0.095 166.913);--emerald-900:oklch(0.378 0.077 168.94);--emerald-950:oklch(0.262 0.051 172.552);--violet-50:oklch(0.969 0.016 293.756);--violet-100:oklch(0.943 0.029 294.588);--violet-200:oklch(0.894 0.057 293.283);--violet-300:oklch(0.811 0.111 293.571);--violet-400:oklch(0.702 0.183 293.541);--violet-500:oklch(0.606 0.25 292.717);--violet-600:oklch(0.541 0.281 293.009);--violet-700:oklch(0.491 0.27 292.581);--violet-800:oklch(0.432 0.232 292.759);--violet-900:oklch(0.38 0.189 293.745);--violet-950:oklch(0.283 0.141 291.089);--pink-50:oklch(0.971 0.014 343.198);--pink-100:oklch(0.948 0.028 342.258);--pink-200:oklch(0.899 0.061 343.231);--pink-300:oklch(0.823 0.12 346.018);--pink-400:oklch(0.718 0.202 349.761);--pink-500:oklch(0.656 0.241 354.308);--pink-600:oklch(0.592 0.249 0.584);--pink-700:oklch(0.525 0.223 3.958);--pink-800:oklch(0.459 0.187 3.815);--pink-900:oklch(0.408 0.153 2.432);--pink-950:oklch(0.284 0.109 3.907);--neutral-50:oklch(0.985 0 0);--neutral-100:oklch(0.97 0 0);--neutral-200:oklch(0.922 0 0);--neutral-300:oklch(0.87 0 0);--neutral-400:oklch(0.708 0 0);--neutral-500:oklch(0.556 0 0);--neutral-600:oklch(0.439 0 0);--neutral-700:oklch(0.371 0 0);--neutral-800:oklch(0.269 0 0);--neutral-900:oklch(0.205 0 0);--neutral-950:oklch(0.145 0 0);--background:oklch(1 0 0);--foreground:oklch(0.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:var(--brand);--primary-foreground:var(--brand-foreground);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.205 0 0);--muted:oklch(0.97 0 0);--muted-foreground:oklch(0.52 0 0);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--border:oklch(0.922 0 0);--input:oklch(0.922 0 0);--ring:var(--brand);--star:#9a6a00;--destructive:var(--red-600);--destructive-foreground:oklch(0.985 0 0);--success:oklch(0.6 0.135 152);--success-foreground:oklch(0.985 0 0);--warning:oklch(0.78 0.16 80);--warning-foreground:oklch(0.145 0 0);--info:oklch(0.6 0.13 230);--info-foreground:oklch(0.985 0 0);--logo-opacity-strong:.95;--logo-opacity-muted:.8;--font-display:"Inter",system-ui,-apple-system,sans-serif;--font-body:"DM Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;--radius:0.625rem;--radius-sm:calc(var(--radius)*0.6);--radius-md:calc(var(--radius)*0.8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius)*1.4);--radius-2xl:calc(var(--radius)*1.8);--radius-full:9999px;--badge-size-sm:1.5rem;--badge-size-md:1.75rem;--badge-size-lg:2.5rem;--badge-border-width:1px;--badge-font-sm:var(--text-2xs);--badge-font-md:var(--text-sm);--badge-font-lg:var(--text-xs);--badge-bg:var(--card);--badge-border-color:var(--border);--badge-fg:var(--muted-foreground);--badge-active-bg:var(--brand);--badge-active-border-color:var(--brand);--badge-active-fg:var(--brand-foreground);--badge-mono-bg:var(--foreground);--badge-mono-fg:var(--background);--badge-live-bg:linear-gradient(135deg,color-mix(in srgb,var(--brand) 65%,#fff),var(--brand));--badge-live-fg:var(--brand-foreground);--pill-radius:var(--radius-full);--pill-border-width:1px;--pill-padding-y:.3rem;--pill-padding-x:.75rem;--pill-font:var(--text-2xs);--pill-neutral-bg:var(--card);--pill-neutral-border:var(--border);--pill-neutral-fg:var(--muted-foreground);--pill-brand-bg:var(--brand-soft);--pill-brand-border:transparent;--pill-brand-fg:var(--brand);--pill-success-bg:color-mix(in oklch,var(--success) 16%,transparent);--pill-success-border:color-mix(in oklch,var(--success) 30%,transparent);--pill-success-fg:var(--success);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--shadow-sm:0 4px 12px rgba(0,0,0,.04);--shadow-md:0 10px 30px rgba(0,0,0,.06);--shadow-lg:0 24px 60px rgba(0,0,0,.12);--text-2xs:0.6875rem;--text-xs:0.8125rem;--text-sm:0.875rem;--text-base:0.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--content-max:80rem;--content-pad:1.5rem;--rhythm-gap:1.5rem}@media (min-width:640px){:root{--content-pad:2rem;--rhythm-gap:2rem}}@media (min-width:1024px){:root{--content-pad:3rem}}@supports not (color:oklch(0 0 0)){:root{--brand:#0d52ff}}.dark{--background:oklch(0 0 0);--foreground:oklch(0.98 0 0);--card:oklch(0.08 0 0);--card-foreground:oklch(0.98 0 0);--popover:oklch(0.08 0 0);--popover-foreground:oklch(0.98 0 0);--brand:oklch(0.5295 0.2618 263.49);--brand-soft:oklch(0.25 0.06 263.49);--primary:oklch(0.5295 0.2618 263.49);--primary-foreground:oklch(0.98 0 0);--secondary:oklch(0.18 0 0);--secondary-foreground:oklch(0.98 0 0);--muted:oklch(0.14 0 0);--muted-foreground:oklch(0.68 0 0);--accent:oklch(0.18 0 0);--accent-foreground:oklch(0.98 0 0);--destructive:var(--red-400);--border:oklch(1 0 0/0.14);--input:oklch(1 0 0/0.15);--ring:var(--brand);--star:oklch(0.83 0.16 85)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-body);line-height:1.5;margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;margin:0}a{color:var(--brand)}.app-content{margin-inline:auto;max-width:var(--content-max);padding-inline:var(--content-pad);width:100%}.page-rhythm{display:flex;flex-direction:column;gap:var(--rhythm-gap)}.page-rhythm-narrow{margin-inline:auto;max-width:48rem}.page-rhythm-prose{margin-inline:auto;max-width:42rem}.text-heading-72{font-size:4.5rem;letter-spacing:-.025em;line-height:1}.text-heading-24,.text-heading-72{font-family:var(--font-display);font-weight:600}.text-heading-24{font-size:1.5rem;letter-spacing:-.01em;line-height:1.2}.text-heading-20{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.005em;line-height:1.25}.text-copy-16{font-size:1rem;line-height:1.5rem}.text-copy-14{font-size:.875rem;line-height:1.375rem}.text-strong{font-weight:600}.text-subtle{color:var(--muted-foreground)}.text-caps{letter-spacing:.1em;text-transform:uppercase}.text-tnum{font-variant-numeric:tabular-nums}.font-mono{font-family:var(--font-mono)}.btn{align-items:center;border:0;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .15s ease}.btn svg{flex:none;height:1.1em;width:1.1em}.text-button-14{font-family:var(--font-body);font-size:.875rem;font-weight:600;line-height:1.25rem}.btn-primary{background:var(--primary);box-shadow:0 6px 18px -8px color-mix(in oklch,var(--brand) 65%,transparent);color:var(--primary-foreground)}.btn-primary:hover{background:color-mix(in oklch,var(--primary) 90%,transparent);box-shadow:0 12px 26px -8px color-mix(in oklch,var(--brand) 80%,transparent);color:var(--primary-foreground);transform:translateY(-1px)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background:color-mix(in oklch,var(--secondary) 80%,transparent)}.btn-ghost{background:transparent;color:var(--foreground)}.btn-ghost:hover{background:var(--muted)}