.stripes{background-image:repeating-linear-gradient(var(--stripe-angle,-45deg), transparent 0, transparent 2.4px, #00000073 3.3px, #00000073 3.9px, transparent 5px), linear-gradient(to top, color-mix(in oklab, var(--primary) 55%, transparent), transparent 85%)}@supports (color:lab(0% 0 0)){.stripes{background-image:repeating-linear-gradient(var(--stripe-angle,-45deg), transparent 0, transparent 2.4px, lab(0% 0 0/.45) 3.3px, lab(0% 0 0/.45) 3.9px, transparent 5px), linear-gradient(to top, color-mix(in oklab, var(--primary) 55%, transparent), transparent 85%)}}.link-sweep{background-image:linear-gradient(var(--sweep,var(--primary)), var(--sweep,var(--primary)));background-position:100% 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .3s cubic-bezier(.65,.05,.36,1);display:inline-block}.link-sweep:hover,a:hover>.link-sweep,a:focus-visible>.link-sweep,.link-sweep:focus-visible{background-position:0 100%;background-size:100% 1px}html{scrollbar-gutter:stable;scroll-padding-top:5rem}html>body[data-scroll-locked]{--removed-body-scroll-bar-size:0px!important;margin-right:0!important}h1,h2,h3{font-family:var(--font-heading);text-wrap:balance}.hero-grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--border) 32%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--border) 32%, transparent) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%)}.prose{color:var(--muted-foreground);line-height:1.7}.prose :where(h2,h3){color:var(--foreground)}.prose h2{margin-top:2rem;margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.prose h3{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.prose :where(p,ul){margin-top:.85rem}.prose ul{padding-left:1.25rem;list-style:outside}.prose li+li{margin-top:.4rem}.prose a{color:var(--primary);font-weight:500}.prose a:hover{text-decoration:underline}.prose code{font-family:var(--font-mono);background:var(--muted);border-radius:.3rem;padding:.1em .35em;font-size:.9em}.prose strong{color:var(--foreground);font-weight:600}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:none}}@keyframes fade-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes twinkle{0%{opacity:.05}to{opacity:1}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes draw-in{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes write-in{0%{clip-path:inset(-.2em 100% -.2em 0)}to{clip-path:inset(-.2em 0)}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.hero-in{animation:.7s cubic-bezier(.22,1,.36,1) both rise}.hero-in-2{animation-delay:.75s}.hero-in-3{animation-delay:1s}.hero-in-4{animation-delay:1.4s}html:not([data-hydrated]) :is(.hero-in,.demo-arrow,.demo-label){animation-play-state:paused}.demo-arrow{animation:.7s cubic-bezier(.65,0,.35,1) 4.4s both draw-in}.demo-label{animation:.8s steps(14,end) 5.1s both write-in}.callout-arrow{animation:.7s cubic-bezier(.65,0,.35,1) .1s both paused draw-in}.callout-label{animation:.8s steps(14,end) .8s both paused write-in}.callout-play .callout-arrow,.callout-play .callout-label{animation-play-state:running}.marquee-track{animation:40s linear infinite marquee}.twinkle{animation:3s ease-in-out infinite alternate twinkle}.twinkle-2{animation-duration:2.2s;animation-delay:-1.1s}.twinkle-3{animation-duration:4s;animation-delay:-2.4s}.marquee-track:hover{animation-play-state:paused}.menu-in{animation:.22s both fade-down}@supports (animation-timeline:view()){.reveal{animation:.65s cubic-bezier(.22,1,.36,1) both rise;animation-timeline:view();animation-range:entry entry 36%}}}.btn-gloss{border:1px solid color-mix(in srgb, var(--primary) 92%, black);background-color:var(--primary);letter-spacing:-.01em;background-image:linear-gradient(#ffffff42,#0000 60%);font-weight:584;transition:background-color .3s cubic-bezier(.165,.84,.44,1),filter .3s cubic-bezier(.165,.84,.44,1),box-shadow .3s cubic-bezier(.165,.84,.44,1);box-shadow:inset 0 1px 1px #ffffff8c,inset 0 0 8px #ffffff29,inset 0 -2px 4px #0000001f,0 1px 2px #0003}.btn-gloss:not(:disabled):hover{filter:saturate(1.45)}.btn-gloss:not(:disabled):active{filter:saturate(1.45)brightness(.96);box-shadow:inset 0 2px 5px #00000042,0 1px 2px #00000029}.bevel{border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);box-shadow:inset 0 2px 4px #ffffff8f, 0 4px 8px color-mix(in srgb, var(--foreground) 6%, transparent), 0 1px 2px color-mix(in srgb, var(--foreground) 36%, transparent)}.dark .bevel{box-shadow:inset 0 2px 4px #ffffff1a,0 4px 8px #0000004d,0 1px 2px #0009}.bevel.bevel-highlight{border-color:color-mix(in srgb, var(--primary) 92%, black);box-shadow:inset 0 2px 4px color-mix(in srgb, var(--primary) 45%, transparent), 0 0 28px color-mix(in srgb, var(--primary) 16%, transparent), 0 4px 8px color-mix(in srgb, var(--foreground) 6%, transparent), 0 1px 2px color-mix(in srgb, var(--foreground) 36%, transparent)}.dark .bevel.bevel-highlight{box-shadow:inset 0 2px 4px color-mix(in srgb, var(--primary) 45%, transparent), 0 0 28px color-mix(in srgb, var(--primary) 16%, transparent), 0 4px 8px #0000004d, 0 1px 2px #0009}.btn-shadow{box-shadow:inset 0 2px 4px #ffffff8f, 0 4px 8px color-mix(in srgb, var(--foreground) 6%, transparent), 0 1px 2px color-mix(in srgb, var(--foreground) 36%, transparent);transition:box-shadow .3s ease-out,background-color .3s ease-out}.btn-shadow:hover{background-color:color-mix(in srgb, var(--background) 96%, var(--foreground));box-shadow:inset 0 2px 4px #ffffff8f, 0 6px 14px color-mix(in srgb, var(--foreground) 12%, transparent), 0 1px 2px color-mix(in srgb, var(--foreground) 42%, transparent)}.dark .btn-shadow{box-shadow:inset 0 2px 4px #ffffff1f,0 4px 8px #0000004d,0 1px 2px #0009}.dark .btn-shadow:hover{background-color:color-mix(in srgb, var(--background) 92%, white);box-shadow:inset 0 2px 4px #ffffff2e,0 6px 14px #0006,0 1px 2px #000000b3}