:root{--violet: #7c5cff;--violet-deep: #5b3ff0;--blue: #3686ed;--cyan: #2fd3b6;--cyan-bright: #22d3ee;--amber: #ffd45f;--magenta: #f0448c;--ink: #0d090f;--ink-1: #171119;--ink-2: #221a25;--ink-3: #2e2433;--line-soft: #332a38;--line: #453a4e;--text: #f1eaf2;--text-dim: #baaabf;--text-faint: #9b88a1;--paper: #efe9dc;--paper-ink: #14111b;--paper-line: #cec6b4;--paper-dim: #443d31;--paper-mid: #57503f;--paper-faint: #6b6350;--paper-accent: #0f6f5c;--paper-card: #f7f3ea;--paper-code: #e5ddcb;--tilt: 20deg;--tan: 0.36397;--shell: 1340px;--gutter: clamp(1.15rem,4vw,3.5rem);--rail: clamp(0px,3.5vw,58px);--step-1: 0.35rem;--step-2: 0.7rem;--step-3: 1.15rem;--step-4: 1.9rem;--step-5: 3rem;--step-6: 4.75rem;--step-7: clamp(4.5rem,9vw,8.5rem);--display: 'Unbounded','Trebuchet MS',system-ui,sans-serif;--body: 'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;--mono: 'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;--ease: cubic-bezier(0.22,0.68,0.24,1);--ease-out: cubic-bezier(0.16,1,0.3,1);--focus: 2px solid var(--cyan-bright)}*,*::before,*::after{box-sizing: border-box}html{color-scheme: dark;background: var(--ink);-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 6.5rem}body{margin: 0;background: var(--ink);color: var(--text);font-family: var(--body);font-size: clamp(0.99rem,0.93rem + 0.28vw,1.09rem);line-height: 1.62;font-weight: 400;overflow-x: hidden;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}body::before{content: '';position: fixed;inset: -10%;z-index: 0;pointer-events: none;opacity: 0.32;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");mix-blend-mode: overlay}.backdrop{position: fixed;inset: 0;z-index: -1;overflow: hidden;pointer-events: none;contain: strict}.backdrop__blob{position: absolute;border-radius: 50%;filter: blur(90px);will-change: transform}.backdrop__blob--v{left: -16%;top: -20%;width: 58vw;height: 58vw;opacity: 0.5;background: radial-gradient(circle,color-mix(in oklab,var(--violet) 62%,transparent),transparent 66%);animation: blob-drift-a 30s var(--ease) infinite}.backdrop__blob--c{right: -14%;top: 6%;width: 50vw;height: 50vw;opacity: 0.4;background: radial-gradient(circle,color-mix(in oklab,var(--cyan) 52%,transparent),transparent 66%);animation: blob-drift-b 37s var(--ease) infinite;animation-delay: -8s}.backdrop__blob--b{left: 24%;bottom: -22%;width: 46vw;height: 46vw;opacity: 0.34;background: radial-gradient(circle,color-mix(in oklab,var(--blue) 58%,transparent),transparent 66%);animation: blob-drift-a 43s var(--ease) infinite;animation-delay: -19s}.backdrop__grid{position: absolute;inset: 0;opacity: 0.6;background-image: linear-gradient(color-mix(in oklab,var(--text) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--text) 4%,transparent) 1px,transparent 1px);background-size: 76px 76px;-webkit-mask-image: radial-gradient(ellipse 90% 60% at 50% 0%,#000 8%,transparent 76%);mask-image: radial-gradient(ellipse 90% 60% at 50% 0%,#000 8%,transparent 76%)}.backdrop__beams{position: absolute;inset: -20% -10%;opacity: 0.5;background-image: repeating-linear-gradient( calc(90deg - var(--tilt)),transparent 0 118px,color-mix(in oklab,var(--violet) 26%,transparent) 118px 119px,transparent 119px 236px,color-mix(in oklab,var(--cyan) 22%,transparent) 236px 237px );-webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 40%,#000,transparent 82%);mask-image: radial-gradient(ellipse 70% 70% at 50% 40%,#000,transparent 82%)}.backdrop__vignette{position: absolute;inset: 0;background: radial-gradient(ellipse at 50% 42%,transparent 36%,var(--ink) 94%)}@keyframes blob-drift-a{0%,100%{transform: translate3d(0,0,0) scale(1)}33%{transform: translate3d(6%,-7%,0) scale(1.12)}66%{transform: translate3d(-6%,5%,0) scale(0.92)}}@keyframes blob-drift-b{0%,100%{transform: translate3d(0,0,0) scale(1)}40%{transform: translate3d(-8%,6%,0) scale(1.1)}70%{transform: translate3d(5%,-5%,0) scale(0.94)}}.aura{position: fixed;left: 0;top: 0;z-index: 80;width: 260px;height: 260px;margin: -130px 0 0 -130px;border-radius: 50%;pointer-events: none;background: radial-gradient( circle,color-mix(in oklab,var(--violet) 8%,transparent),color-mix(in oklab,var(--cyan) 4%,transparent) 42%,transparent 64% );mix-blend-mode: screen;opacity: 0;transition: opacity 0.4s var(--ease);will-change: transform}@media (prefers-reduced-motion: reduce){.backdrop__blob{animation: none}.aura{display: none}}img,svg,video{max-width: 100%;display: block}a{color: inherit;text-decoration: none}fieldset{min-width: 0}button,input,select,textarea{font: inherit;color: inherit}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline: var(--focus);outline-offset: 3px;border-radius: 2px}::selection{background: var(--violet);color: #fff}h1,h2,h3,h4{font-family: var(--display);font-weight: 800;line-height: 0.94;letter-spacing: -0.028em;margin: 0;text-wrap: balance;overflow-wrap: break-word}p{margin: 0;text-wrap: pretty}hr{border: 0;border-top: 1px solid var(--line);margin: 0}.shell{width: 100%;max-width: var(--shell);margin-inline: auto;padding-inline: var(--gutter);position: relative;z-index: 1}.shell--wide{max-width: 1600px}.section{position: relative;padding-block: clamp(4.5rem,9vw,8rem)}.section + .section{padding-top: clamp(3rem,5.5vw,5rem)}.section--tight{padding-block: clamp(3rem,6vw,5.5rem)}.rubric{display: flex;align-items: baseline;gap: var(--step-3);margin-bottom: var(--step-4);border-bottom: 1px solid var(--line);padding-bottom: var(--step-2)}.rubric__num{font-family: var(--display);font-weight: 800;font-size: 0.92rem;letter-spacing: 0.04em;color: var(--ink);background: var(--amber);padding: 0.18em 0.5em 0.24em;transform: skewX(calc(var(--tilt) * -1));display: inline-block;flex: none}.rubric__num > span{display: inline-block;transform: skewX(var(--tilt))}.rubric__slug{font-family: var(--mono);font-size: 0.72rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--text-faint);flex: none}.rubric__line{flex: 1 1 auto;height: 1px;background: linear-gradient(90deg,var(--line),transparent);align-self: center}.eyebrow{font-family: var(--mono);font-size: 0.7rem;letter-spacing: 0.2em;text-transform: uppercase;color: var(--text-faint);margin: 0}.lede{font-size: clamp(1.05rem,0.98rem + 0.45vw,1.3rem);line-height: 1.5;color: var(--text-dim);max-width: 58ch}.muted{color: var(--text-dim)}.faint{color: var(--text-faint)}.mono{font-family: var(--mono)}.cut-top{clip-path: polygon(0 var(--cut,3.2vw),100% 0,100% 100%,0 100%);margin-top: calc(var(--cut,3.2vw) * -1);padding-top: calc(var(--cut,3.2vw) + clamp(3rem,6vw,6rem))}.cut-top--rev{clip-path: polygon(0 0,100% var(--cut,3.2vw),100% 100%,0 100%)}.ticks{display: inline-flex;gap: 0.32em;align-items: flex-end;flex: none}.ticks i{display: block;width: 0.2em;border-radius: 1em;background: currentColor;transform: skewX(calc(var(--tilt) * -1))}.ticks i:nth-child(1){height: 0.62em}.ticks i:nth-child(2){height: 1.08em}.ticks i:nth-child(3){height: 0.44em}.btn{--btn-bg: linear-gradient(100deg,var(--violet),var(--blue) 56%,var(--cyan));--btn-glow: color-mix(in oklab,var(--violet) 60%,transparent);--btn-fg: #08060f;position: relative;isolation: isolate;display: inline-flex;align-items: center;gap: 0.6em;padding: 0.85em 1.4em;font-family: var(--display);font-weight: 700;font-size: 0.9rem;letter-spacing: -0.01em;color: var(--btn-fg);background: var(--btn-bg);border: 0;cursor: pointer;transition: transform 0.18s var(--ease),box-shadow 0.24s var(--ease);clip-path: polygon(0.7em 0,100% 0,calc(100% - 0.7em) 100%,0 100%);padding-inline: 1.75em}.btn::before{content: '';position: absolute;inset: 0;z-index: -1;background: linear-gradient(100deg,var(--cyan),var(--violet) 55%,var(--magenta));clip-path: inherit;opacity: 0;transition: opacity 0.4s var(--ease)}.btn:hover::before{opacity: 1}.btn__icon{width: 1.15em;height: 1.15em;flex: 0 0 auto;margin-inline-start: -0.15em}.btn--lg .btn__icon{width: 1.3em;height: 1.3em}.btn:hover{transform: translate(2px,-2px);box-shadow: -4px 4px 0 rgba(0,0,0,0.45),0 0.75rem 2rem -0.4rem var(--btn-glow)}.btn:active{transform: translate(0,0);box-shadow: none}.btn--ghost::before,.btn--paper::before,.btn--amber::before{content: none}.btn--ghost{--btn-bg: color-mix(in oklab,var(--text) 7%,transparent);--btn-fg: var(--text);box-shadow: inset 0 0 0 1px var(--line)}.btn--ghost:hover{--btn-bg: color-mix(in oklab,var(--violet) 22%,transparent);--btn-fg: #fff;box-shadow: inset 0 0 0 1px var(--violet),-4px 4px 0 rgba(0,0,0,0.4)}.btn--paper{--btn-bg: var(--paper-ink);--btn-fg: var(--paper);--btn-glow: color-mix(in oklab,var(--paper-ink) 45%,transparent)}.btn--amber{--btn-bg: var(--amber);--btn-fg: #14100a;--btn-glow: color-mix(in oklab,var(--amber) 55%,transparent)}.btn--sm{font-size: 0.78rem;padding: 0.6em 1.35em}.link{position: relative;color: var(--text);font-weight: 500;white-space: nowrap}.link::after{content: '';position: absolute;left: 0;right: 0;bottom: -0.18em;height: 2px;background: currentColor;transform: scaleX(0.28);transform-origin: left;transition: transform 0.28s var(--ease-out)}.link:hover::after,.link:focus-visible::after{transform: scaleX(1)}.link--cyan{color: var(--cyan-bright)}.link--violet{color: #b7a5ff}.chip{display: inline-flex;align-items: center;gap: 0.45em;font-family: var(--mono);font-size: 0.68rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--text-dim);border: 1px solid var(--line);padding: 0.4em 0.75em;white-space: nowrap}.chip--live{color: var(--cyan);border-color: color-mix(in oklab,var(--cyan) 45%,transparent)}.chip--link{color: var(--violet-bright,var(--violet));border-color: color-mix(in oklab,var(--violet) 45%,transparent);transition: color 0.16s var(--ease),border-color 0.16s var(--ease),background 0.16s var(--ease)}.chip--link:hover{color: var(--text);border-color: color-mix(in oklab,var(--violet) 70%,transparent);background: color-mix(in oklab,var(--violet) 16%,transparent)}.chip__dot{width: 6px;height: 6px;border-radius: 50%;background: currentColor;flex: none}code,kbd,pre,samp{font-family: var(--mono);font-size: 0.86em}:not(pre) > code{background: var(--ink-3);border: 1px solid var(--line-soft);padding: 0.12em 0.4em;color: #d7ccff;word-break: break-word}pre{margin: 0;overflow-x: auto;overscroll-behavior-x: contain;background: linear-gradient(90deg,var(--ink-1) 70%,transparent) 0 0 / 2.6rem 100% no-repeat local,linear-gradient(270deg,var(--ink-1) 70%,transparent) 100% 0 / 2.6rem 100% no-repeat local,linear-gradient( 90deg,color-mix(in oklab,var(--violet) 20%,var(--ink-1)),transparent ) 0 0 / 2.4rem 100% no-repeat scroll,linear-gradient( 270deg,color-mix(in oklab,var(--violet) 20%,var(--ink-1)),transparent ) 100% 0 / 2.4rem 100% no-repeat scroll,var(--ink-1);border: 1px solid var(--line);scrollbar-width: thin;scrollbar-color: color-mix(in oklab,var(--violet) 55%,var(--line)) transparent;padding: var(--step-3);font-size: 0.82rem;line-height: 1.62;tab-size: 2}.tok-key{color: #9ecbff}.tok-val{color: #d7c9ff}.tok-str{color: var(--cyan)}.tok-com{color: var(--text-faint)}.tok-num{color: var(--amber)}.stack{display: flex;flex-direction: column}.row{display: flex;flex-wrap: wrap;align-items: center}.gap-1{gap: var(--step-1)}.gap-2{gap: var(--step-2)}.gap-3{gap: var(--step-3)}.gap-4{gap: var(--step-4)}.gap-5{gap: var(--step-5)}.visually-hidden{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.skip-link{position: absolute;left: 0.75rem;top: -4rem;z-index: 200;background: var(--amber);color: #14100a;padding: 0.7em 1.1em;font-family: var(--mono);font-size: 0.78rem;transition: top 0.2s var(--ease)}.skip-link:focus{top: 0.75rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important}}.grad{background: linear-gradient(100deg,var(--violet) 8%,var(--blue) 52%,var(--cyan) 96%);-webkit-background-clip: text;background-clip: text;color: transparent}.ico-sm{width: 0.95em;height: 0.95em;flex: none}.deflist{display: flex;flex-direction: column;border-top: 1px solid var(--line)}.deflist > div{display: grid;grid-template-columns: 8.5rem minmax(0,1fr);gap: var(--step-2);padding-block: var(--step-3);border-bottom: 1px solid var(--line)}.deflist dt{font-family: var(--mono);font-size: 0.7rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--cyan);padding-top: 0.28rem}.deflist dd{margin: 0;color: var(--text-dim);font-size: 0.96rem}.deflist dd b{color: var(--text);font-weight: 600}@media (max-width: 620px){.deflist > div{grid-template-columns: minmax(0,1fr);gap: 0.35rem}}.platforms{display: grid;grid-template-columns: repeat(auto-fit,minmax(13rem,1fr));gap: 1px;background: var(--line);border: 1px solid var(--line)}.platform{background: var(--ink-1);padding: var(--step-4) var(--step-3);display: flex;flex-direction: column;gap: var(--step-2);position: relative;isolation: isolate;transition: background 0.2s var(--ease)}.platform::before{content: '';position: absolute;inset: 0;z-index: -1;background: radial-gradient( 18rem circle at var(--mx,50%) var(--my,0%),color-mix(in oklab,var(--cyan) 14%,transparent),transparent 58% );opacity: 0;transition: opacity 0.35s var(--ease);pointer-events: none}.platform:hover{background: var(--ink-2)}.platform:hover::before{opacity: 1}.platform__os{font-family: var(--display);font-weight: 800;font-size: 1.3rem;letter-spacing: -0.03em}.platform__icon{width: 2rem;height: 2rem;color: var(--text-dim);transition: color 0.2s var(--ease)}.platform:hover .platform__icon{color: var(--cyan-bright)}.platform__icon svg{width: 100%;height: 100%;fill: currentColor}.platform ul{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.3rem;font-size: 0.88rem;color: var(--text-dim)}.platform ul li::before{content: '';display: inline-block;width: 0.42rem;height: 0.42rem;margin-right: 0.5rem;background: var(--violet);transform: skewX(calc(var(--tilt) * -1))}.platform[data-current='true']{background: var(--ink-2);box-shadow: inset 3px 0 0 var(--cyan-bright)}.platform[data-current='true'] .platform__icon{color: var(--cyan-bright)}.btn--lg{font-size: 1rem;padding: 1em 2em}.doc__cols{display: grid;grid-template-columns: repeat(auto-fit,minmax(17rem,1fr));gap: var(--step-4);align-items: start}.doc__cols h3{font-family: var(--mono);font-size: 0.72rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--amber);margin-bottom: var(--step-2)}.dl-row[data-current='true']{background: var(--ink-2);box-shadow: inset 3px 0 0 var(--cyan-bright)}