:root{color-scheme:light dark;--color-paper: oklch(98.5% .004 250);--color-grid: oklch(92.5% .007 252);--color-rule: oklch(88% .008 252);--color-muted: oklch(48% .018 257);--color-ink-2: oklch(34% .018 257);--color-ink: oklch(24% .02 258);--color-accent: oklch(55% .2 256);--color-accent-2: oklch(49% .2 256);--color-accent-ink: oklch(98.5% .004 250);--color-focus: oklch(55% .2 256);--color-spot: oklch(90% .05 256);--color-code: oklch(22% .016 260);--color-code-rule: oklch(32% .018 260);--color-code-ink: oklch(93% .008 255);--color-code-muted: oklch(70% .016 257);--color-code-dim: oklch(52% .016 258);--color-code-key: oklch(78% .12 256);--color-code-focus: oklch(78% .12 256);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "Martian Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: clamp(1.125rem, 1rem + .5vw, 1.375rem);--text-display: clamp(4.5rem, 2.5rem + 10vw, 9.5rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4.5rem;--page-gutter: clamp(1.25rem, 6vw, 6rem);--page-max: 80rem;--card-max: 31rem;--grid-cell: 4rem;--spot-radius: 18rem;--radius-control: 6px;--radius-card: 10px;--rule-hair: 1px;--cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 3v16l4.6-4.4h6.9z' fill='%23f8fafd' stroke='%23f8fafd' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M4 3v16l4.6-4.4h6.9z' fill='%23192029'/%3E%3Crect x='16' y='16' width='7' height='10' fill='%23f8fafd'/%3E%3Crect x='17' y='17' width='5' height='8' fill='%23006ce2'/%3E%3C/svg%3E") 4 3, default;--cursor-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 3v16l4.6-4.4h6.9z' fill='%23f8fafd' stroke='%23f8fafd' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M4 3v16l4.6-4.4h6.9z' fill='%23006ce2'/%3E%3Crect x='16' y='16' width='7' height='10' fill='%23f8fafd'/%3E%3Crect x='17' y='17' width='5' height='8' fill='%23192029'/%3E%3C/svg%3E") 4 3, pointer;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-micro: .12s;--dur-long: .42s}@media(prefers-color-scheme:dark){:root{--color-paper: oklch(16.5% .014 258);--color-grid: oklch(22.5% .017 258);--color-rule: oklch(29% .018 258);--color-muted: oklch(70% .018 257);--color-ink-2: oklch(86% .01 255);--color-ink: oklch(95% .006 255);--color-accent: oklch(70% .16 256);--color-accent-2: oklch(77% .13 256);--color-accent-ink: oklch(16.5% .02 258);--color-focus: oklch(70% .16 256);--color-spot: oklch(24% .06 256);--color-code: oklch(20.5% .016 260);--color-code-rule: oklch(31% .018 260);--cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 3v16l4.6-4.4h6.9z' fill='%230b0f14' stroke='%230b0f14' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M4 3v16l4.6-4.4h6.9z' fill='%23eceff2'/%3E%3Crect x='16' y='16' width='7' height='10' fill='%230b0f14'/%3E%3Crect x='17' y='17' width='5' height='8' fill='%23569fff'/%3E%3C/svg%3E") 4 3, default;--cursor-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 3v16l4.6-4.4h6.9z' fill='%230b0f14' stroke='%230b0f14' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M4 3v16l4.6-4.4h6.9z' fill='%23569fff'/%3E%3Crect x='16' y='16' width='7' height='10' fill='%230b0f14'/%3E%3Crect x='17' y='17' width='5' height='8' fill='%23eceff2'/%3E%3C/svg%3E") 4 3, pointer}}@media(forced-colors:active),(prefers-contrast:more){:root{--cursor-default: auto;--cursor-link: pointer}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:clip}html{cursor:var(--cursor-default)}a{cursor:var(--cursor-link)}body{background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-accent);color:var(--color-accent-ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.grid{--mx: 64%;--my: 34%;position:fixed;inset:0;z-index:0;pointer-events:none}.grid:before,.grid:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--line) var(--rule-hair),transparent var(--rule-hair)),linear-gradient(to bottom,var(--line) var(--rule-hair),transparent var(--rule-hair));background-size:var(--grid-cell) var(--grid-cell);background-position:center}.grid:before{--line: var(--color-grid);-webkit-mask-image:radial-gradient(ellipse 85% 85% at 64% 40%,black 25%,transparent 80%);mask-image:radial-gradient(ellipse 85% 85% at 64% 40%,black 25%,transparent 80%)}.grid:after{--line: var(--color-accent);background-color:var(--color-spot);opacity:.6;-webkit-mask-image:radial-gradient(var(--spot-radius) circle at var(--mx) var(--my),black,transparent 72%);mask-image:radial-gradient(var(--spot-radius) circle at var(--mx) var(--my),black,transparent 72%)}.page{position:relative;z-index:1;display:grid;grid-template-rows:1fr auto;min-height:100vh;min-height:100svh;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-gutter)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--card-max));align-items:center;gap:var(--space-2xl);padding-block:var(--space-xl) var(--space-2xl)}.copy{min-width:0}.title{min-width:0;margin:0 0 0 -.04em;font-family:var(--font-display);font-size:var(--text-display);font-weight:700;line-height:.95;letter-spacing:-.045em;color:var(--color-ink);overflow-wrap:anywhere;user-select:none;-webkit-user-select:none}.ch{position:relative;display:inline-block}.ch.is-scramble{color:transparent}.ch.is-scramble:after{content:attr(data-glyph);position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:.7em;font-weight:600;letter-spacing:0;color:var(--color-accent)}.caret{display:inline-block;width:.42em;height:.72em;margin-left:.1em;background:var(--color-accent);animation:blink 1.1s steps(1,end) 4}.caret.is-typing{animation:none}@keyframes blink{50%{opacity:0}}.byline{margin:var(--space-md) 0 0;font-size:var(--text-lg);font-weight:500;line-height:1.4;color:var(--color-ink-2)}.word{display:inline-block}.word:not(:last-child){margin-right:.3em}.magnet{display:inline-block;padding:var(--space-md);margin:var(--space-xs) 0 0 calc(-1 * var(--space-md))}.gh{display:inline-flex;align-items:center;min-height:2.75rem;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-md);font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out)}.gh:hover,.gh:active{background:var(--color-accent-2)}.gh:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.gh[aria-disabled=true]{pointer-events:none}.gh-icon{display:inline-flex;align-items:center;gap:var(--space-2xs)}.gh svg{display:block;width:1.125rem;height:1.125rem}.code{min-width:0;max-width:var(--card-max);margin:0;border:var(--rule-hair) solid var(--color-code-rule);border-radius:var(--radius-card);background:var(--color-code);color:var(--color-code-ink);font-family:var(--font-mono);font-stretch:87.5%;font-variation-settings:"wdth" 87.5}.code-cap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-bottom:var(--rule-hair) solid var(--color-code-rule);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-code-muted)}.code-lang{text-transform:uppercase;letter-spacing:.06em}.code-body{margin:0;padding:var(--space-md);overflow-x:auto;counter-reset:line;font-family:inherit;font-size:var(--text-sm);line-height:1.9}.code-body code{font-family:inherit}.line{display:block;white-space:pre}.line:before{counter-increment:line;content:counter(line);display:inline-block;width:2ch;margin-right:var(--space-md);text-align:right;color:var(--color-code-dim)}.tok-kw,.tok-p{color:var(--color-code-muted)}.tok-key{color:var(--color-code-key)}.tok-link{color:inherit;text-decoration:underline;text-decoration-color:var(--color-code-dim);text-underline-offset:.3em}.tok-link:hover,.tok-link:active{text-decoration-color:var(--color-code-key)}.tok-link:focus-visible{outline:2px solid var(--color-code-focus);outline-offset:3px;border-radius:var(--space-3xs)}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2xs) var(--space-md);padding-block:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);font-family:var(--font-mono);font-stretch:87.5%;font-variation-settings:"wdth" 87.5;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.foot p{margin:0}.reveal{animation:reveal var(--dur-long) var(--ease-out) both;animation-delay:calc(var(--i, 0) * .12s + .15s)}@keyframes reveal{0%{opacity:0;transform:translateY(var(--space-2xs))}}@media(max-width:56rem){.hero{grid-template-columns:minmax(0,1fr);align-content:center;gap:var(--space-lg);padding-block:var(--space-xl) var(--space-2xl)}.grid{--mx: 90%;--my: 10%;--spot-radius: 13rem}.grid:before{-webkit-mask-image:radial-gradient(ellipse 110% 70% at 60% 30%,black 25%,transparent 80%);mask-image:radial-gradient(ellipse 110% 70% at 60% 30%,black 25%,transparent 80%)}}@media(max-width:26rem){.code{font-stretch:75%;font-variation-settings:"wdth" 75}.code-cap,.code-body{padding-inline:var(--space-sm)}.code-body{font-size:var(--text-xs)}.line:before{margin-right:var(--space-xs)}}@media(prefers-reduced-motion:reduce){.caret,.reveal{animation:none}}