:root{--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-display:var(--font-sans);--step--1:clamp(.83rem, .79rem + .18vw, .94rem);--step-0:clamp(1rem, .95rem + .24vw, 1.13rem);--step-1:clamp(1.2rem, 1.11rem + .44vw, 1.5rem);--step-2:clamp(1.44rem, 1.29rem + .74vw, 2rem);--step-3:clamp(1.73rem, 1.5rem + 1.16vw, 2.66rem);--step-4:clamp(2.07rem, 1.73rem + 1.71vw, 3.55rem);--step-5:clamp(2.49rem, 1.99rem + 2.5vw, 4.73rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:.5rem;--radius:.85rem;--radius-lg:1.35rem;--radius-full:999px;--border-width:1px;--container:68rem;--container-wide:78rem;--container-prose:44rem;--ease:cubic-bezier(.22, 1, .36, 1);--transition:.18s var(--ease);--accent-hue:262;--bg:oklch(99% .004 265);--bg-subtle:oklch(97% .006 265);--surface:oklch(100% 0 0);--surface-2:oklch(97.5% .006 265);--border:oklch(91% .008 265);--border-strong:oklch(85% .01 265);--text:oklch(24% .02 265);--text-muted:oklch(50% .018 265);--text-faint:oklch(53% .015 265);--accent-l:50%;--accent-c:.17;--accent-strong-l:44%;--accent-strong-c:.18;--accent-soft-l:96%;--accent-soft-c:.03;--accent-border-l:88%;--accent-border-c:.06;--accent-contrast-l:99%;--accent-contrast-c:.01;--shadow-color:265 25% 30%;--shadow-sm:0 1px 2px hsl(var(--shadow-color) / .06), 0 1px 3px hsl(var(--shadow-color) / .05);--shadow:0 4px 12px hsl(var(--shadow-color) / .07), 0 2px 4px hsl(var(--shadow-color) / .05);--shadow-lg:0 18px 40px hsl(var(--shadow-color) / .12), 0 6px 14px hsl(var(--shadow-color) / .08);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:oklch(17.5% .015 265);--bg-subtle:oklch(20% .017 265);--surface:oklch(21.5% .018 265);--surface-2:oklch(25% .02 265);--border:oklch(30% .02 265);--border-strong:oklch(38% .022 265);--text:oklch(95% .01 265);--text-muted:oklch(72% .02 265);--text-faint:oklch(68% .02 265);--accent-l:74%;--accent-c:.15;--accent-strong-l:80%;--accent-strong-c:.14;--accent-soft-l:30%;--accent-soft-c:.055;--accent-border-l:40%;--accent-border-c:.07;--accent-contrast-l:17%;--accent-contrast-c:.02;--shadow-color:265 40% 3%;--shadow-sm:0 1px 2px hsl(var(--shadow-color) / .4);--shadow:0 4px 14px hsl(var(--shadow-color) / .45);--shadow-lg:0 20px 44px hsl(var(--shadow-color) / .55);color-scheme:dark}}:root[data-theme=dark]{--bg:oklch(17.5% .015 265);--bg-subtle:oklch(20% .017 265);--surface:oklch(21.5% .018 265);--surface-2:oklch(25% .02 265);--border:oklch(30% .02 265);--border-strong:oklch(38% .022 265);--text:oklch(95% .01 265);--text-muted:oklch(72% .02 265);--text-faint:oklch(68% .02 265);--accent-l:74%;--accent-c:.15;--accent-strong-l:80%;--accent-strong-c:.14;--accent-soft-l:30%;--accent-soft-c:.055;--accent-border-l:40%;--accent-border-c:.07;--accent-contrast-l:17%;--accent-contrast-c:.02;--shadow-color:265 40% 3%;--shadow-sm:0 1px 2px hsl(var(--shadow-color) / .4);--shadow:0 4px 14px hsl(var(--shadow-color) / .45);--shadow-lg:0 20px 44px hsl(var(--shadow-color) / .55);color-scheme:dark}:root,[data-hue]{--accent:oklch(var(--accent-l) var(--accent-c) var(--accent-hue));--accent-strong:oklch(var(--accent-strong-l) var(--accent-strong-c) var(--accent-hue));--accent-soft:oklch(var(--accent-soft-l) var(--accent-soft-c) var(--accent-hue));--accent-border:oklch(var(--accent-border-l) var(--accent-border-c) var(--accent-hue));--accent-contrast:oklch(var(--accent-contrast-l) var(--accent-contrast-c) var(--accent-hue))}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--step-0);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;line-height:1.6;display:flex}img,picture,svg,video{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:var(--accent-strong);text-decoration:none}a:hover{text-underline-offset:.15em;text-decoration:underline}ul,ol{padding-left:1.25em}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);text-wrap:balance;font-weight:680;line-height:1.12}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p{text-wrap:pretty}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container);padding-inline:var(--space-m);margin-inline:auto}.container-wide{max-width:var(--container-wide)}.container-prose{max-width:var(--container-prose)}.section,.page{padding-block:var(--space-2xl)}.page h1{margin-top:var(--space-2xs);margin-bottom:var(--space-m)}.stack>*+*{margin-top:var(--space-s)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);font-weight:640}.lead{font-size:var(--step-1);color:var(--text-muted);line-height:1.5}.card{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{font-size:var(--step--1);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--accent-border);white-space:nowrap;align-items:center;gap:.4em;padding:.42em .72em;font-weight:600;line-height:1;display:inline-flex}.btn{font-weight:600;font-size:var(--step-0);border-radius:var(--radius-full);transition:transform var(--transition), background var(--transition), border-color var(--transition), color var(--transition);white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.55em;padding:.75em 1.25em;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn-ghost:hover{background:var(--surface-2);border-color:var(--text-faint)}.btn-sm{font-size:var(--step--1);padding:.5em .9em}.prose{max-width:var(--container-prose);font-size:var(--step-0);color:var(--text);line-height:1.72}.prose>*+*{margin-top:1.1em}.prose h2{font-size:var(--step-2);margin-top:1.9em;padding-top:.2em}.prose h3{font-size:var(--step-1);margin-top:1.5em}.prose a{text-underline-offset:.15em;text-decoration:underline;text-decoration-color:var(--accent-border)}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose blockquote{border-left:3px solid var(--accent-border);color:var(--text-muted);padding-left:1em;font-style:italic}.prose strong{color:var(--text);font-weight:660}.prose hr{border:none;border-top:1px solid var(--border);margin-block:2em}.grid-cards{gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));display:grid}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
