h1#_top{display:none}.content-panel:has(h1#_top){border-block-end:0;padding-block:0}.content-panel:has(.hx){padding-block-start:0}.hx:where(.astro-ge2uvauf){--blue:#4aa3ff;--purple:#a78bfa;--purple-edge:#8b5cf6;--band:#0a1226;--band-2:#0d1a36;--dots:#94aad221;--card:#0e1830;--panel:#081022;--panel-line:#94aad229;--ink:#eef3fb;--ink-2:#b5c1d6;--ink-3:#7d8aa3;--t-k:#7cc0ff;--t-s:#86e0a9;--t-m:#c4a7ff;--t-f:#ffd27a;--t-c:#6f7d97;--t-p:#aab6cc;--live:#4ade80}:root[data-theme=light] .hx:where(.astro-ge2uvauf){--blue:#0b6bcb;--purple:#6d28d9;--purple-edge:#7c3aed;--band:#f3f8ff;--band-2:#e8f1fd;--dots:#0b6bcb24;--card:#fff;--panel:#f6f9fd;--panel-line:#dbe5f1;--ink:#0b1a33;--ink-2:#3b4a63;--ink-3:#66748c;--t-k:#0b5cad;--t-s:#0f7a3d;--t-m:#6d28d9;--t-f:#9a5b00;--t-c:#7a8599;--t-p:#4a5870;--live:#16a34a}.hx:where(.astro-ge2uvauf){isolation:isolate;color:var(--ink);font-family:var(--__sl-font);background:radial-gradient(60% 55% at 22% 58%, color-mix(in oklab, var(--blue) 14%, transparent), transparent 70%), radial-gradient(60% 55% at 78% 58%, color-mix(in oklab, var(--purple) 12%, transparent), transparent 70%), linear-gradient(180deg, var(--band) 0%, var(--band-2) 70%, var(--sl-color-bg) 100%);margin-inline:calc(50% - 50vw);padding:clamp(2rem,4vw,3.25rem) 0 clamp(1.75rem,3vw,2.5rem);position:relative}.hx:where(.astro-ge2uvauf):before{content:"";z-index:-1;background:radial-gradient(circle, var(--dots) 1px, transparent 1.3px) 0 0 / 22px 22px;position:absolute;inset:0;mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.hx-in:where(.astro-ge2uvauf){max-width:86rem;margin-inline:auto;padding-inline:clamp(1rem,3vw,2.5rem)}.hx:where(.astro-ge2uvauf) a:where(.astro-ge2uvauf){text-decoration:none}.hx:where(.astro-ge2uvauf) p:where(.astro-ge2uvauf),.hx:where(.astro-ge2uvauf) h1:where(.astro-ge2uvauf),.hx:where(.astro-ge2uvauf) h2:where(.astro-ge2uvauf),.hx:where(.astro-ge2uvauf) ul:where(.astro-ge2uvauf),.hx:where(.astro-ge2uvauf) ol:where(.astro-ge2uvauf),.hx:where(.astro-ge2uvauf) pre:where(.astro-ge2uvauf){margin:0}.hx-head:where(.astro-ge2uvauf){text-align:center;max-width:46rem;margin-inline:auto}.hx:where(.astro-ge2uvauf) h1:where(.astro-ge2uvauf){letter-spacing:-.025em;color:var(--ink);margin-top:0;font-size:clamp(2.1rem,4.4vw,3.4rem);font-weight:600;line-height:1.06}.hx:where(.astro-ge2uvauf) .hx-sub:where(.astro-ge2uvauf){color:var(--ink-2);margin-top:.9rem;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.55}.hx-sub:where(.astro-ge2uvauf) span:where(.astro-ge2uvauf),.hx:where(.astro-ge2uvauf) h1:where(.astro-ge2uvauf) span:where(.astro-ge2uvauf){display:block}.stage:where(.astro-ge2uvauf){grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);align-items:stretch;margin-top:clamp(2rem,4vw,3rem);display:grid}.card:where(.astro-ge2uvauf){--c:var(--blue);z-index:1;background:var(--card);border:1px solid color-mix(in oklab, var(--c) 55%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--c) 12%, transparent), 0 0 36px -10px color-mix(in oklab, var(--c) 55%, transparent), inset 0 1px 0 color-mix(in oklab, var(--c) 18%, transparent);border-radius:14px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.25rem;min-width:0;padding:1.4rem;display:grid;position:relative}.card:where(.astro-ge2uvauf).build{--c:var(--purple-edge);grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}:root[data-theme=light] .card:where(.astro-ge2uvauf){box-shadow:0 0 0 1px color-mix(in oklab, var(--c) 10%, transparent), 0 14px 34px -14px color-mix(in oklab, var(--c) 45%, transparent)}.card-copy:where(.astro-ge2uvauf){flex-direction:column;gap:.65rem;min-width:0;display:flex}.num:where(.astro-ge2uvauf){letter-spacing:.2em;text-transform:uppercase;color:var(--c);align-items:center;gap:.55rem;font-size:.74rem;font-weight:600;display:flex}.card:where(.astro-ge2uvauf).build .num:where(.astro-ge2uvauf){color:var(--purple)}.card:where(.astro-ge2uvauf) h2:where(.astro-ge2uvauf){color:var(--ink);letter-spacing:-.01em;font-size:1.25rem;font-weight:600;line-height:1.25}.card:where(.astro-ge2uvauf) .body:where(.astro-ge2uvauf){color:var(--ink-2);font-size:.92rem;line-height:1.55}.go:where(.astro-ge2uvauf){color:var(--c);margin-top:auto;padding-top:.4rem;font-size:.92rem;font-weight:600}.go:where(.astro-ge2uvauf) span:where(.astro-ge2uvauf){transition:transform .15s;display:inline-block}.go:where(.astro-ge2uvauf):hover span:where(.astro-ge2uvauf){transform:translate(3px)}.go:where(.astro-ge2uvauf):not(.cta):hover{text-underline-offset:3px;text-decoration:underline}.go:where(.astro-ge2uvauf).cta{color:#fff;background:#0b6bcb;border-radius:999px;align-self:flex-start;align-items:center;gap:.45rem;margin-top:auto;padding:.6rem 1.15rem;font-size:.95rem;transition:background-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 0 0 1px oklab(70.3725% -.0499809 -.15175/.35),0 8px 22px -10px oklab(70.3725% -.0499809 -.15175/.8)}.go:where(.astro-ge2uvauf).cta:hover{background:#095cae;box-shadow:0 0 0 1px oklab(70.3725% -.0499809 -.15175/.6),0 10px 26px -10px #4aa3ff}.go:where(.astro-ge2uvauf).cta.isv{background:#6d28d9;box-shadow:0 0 0 1px oklab(70.8969% .0635732 -.145921/.35),0 8px 22px -10px oklab(70.8969% .0635732 -.145921/.8)}.go:where(.astro-ge2uvauf).cta.isv:hover{background:#5b21b6;box-shadow:0 0 0 1px oklab(70.8969% .0635732 -.145921/.6),0 10px 26px -10px #a78bfa}.go:where(.astro-ge2uvauf).cta.isv:focus-visible{outline-color:var(--purple)}.go:where(.astro-ge2uvauf).cta:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.card-copy:where(.astro-ge2uvauf) .go:where(.astro-ge2uvauf).cta{padding-top:.6rem}.code:where(.astro-ge2uvauf){background:var(--panel);border:1px solid var(--panel-line);border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.tabs:where(.astro-ge2uvauf){border-bottom:1px solid var(--panel-line);gap:.15rem;padding:.35rem .4rem 0;display:flex}.tabs:where(.astro-ge2uvauf) button:where(.astro-ge2uvauf){appearance:none;cursor:pointer;font:600 .72rem/1 var(--__sl-font);letter-spacing:.04em;color:var(--ink-3);border:0;background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem .6rem .55rem}.tabs:where(.astro-ge2uvauf) button:where(.astro-ge2uvauf):hover{color:var(--ink-2)}.tabs:where(.astro-ge2uvauf) button:where(.astro-ge2uvauf)[aria-selected=true]{color:var(--ink);border-bottom-color:var(--blue)}.tabs:where(.astro-ge2uvauf) button:where(.astro-ge2uvauf):focus-visible,.panel:where(.astro-ge2uvauf):focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:4px}.panel:where(.astro-ge2uvauf){flex:1;min-width:0;padding:.75rem .85rem .85rem;overflow-x:auto}.panel:where(.astro-ge2uvauf)[hidden]{display:none}.panel:where(.astro-ge2uvauf) pre:where(.astro-ge2uvauf){background:0 0;border:0;padding:0}.panel:where(.astro-ge2uvauf) code:where(.astro-ge2uvauf){font-family:var(--__sl-font-mono);white-space:pre;color:var(--t-p);background:0 0;padding:0;font-size:.72rem;line-height:1.6}.tk:where(.astro-ge2uvauf){color:var(--t-k)}.ts:where(.astro-ge2uvauf){color:var(--t-s)}.tm:where(.astro-ge2uvauf){color:var(--t-m)}.tf:where(.astro-ge2uvauf){color:var(--t-f)}.tc:where(.astro-ge2uvauf){color:var(--t-c)}.tu:where(.astro-ge2uvauf){color:var(--ink)}.tp:where(.astro-ge2uvauf){color:var(--t-p)}.hub-col:where(.astro-ge2uvauf){flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.hub:where(.astro-ge2uvauf){width:132px;position:relative}.wires:where(.astro-ge2uvauf){z-index:-1;fill:none;stroke-width:1.25px;stroke-linecap:round;width:264px;height:240px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.w-l:where(.astro-ge2uvauf){stroke:var(--blue);opacity:.55}.w-r:where(.astro-ge2uvauf){stroke:var(--purple);opacity:.55}g:where(.astro-ge2uvauf).flow{opacity:0;stroke-width:1.75px;stroke-dasharray:6 90}.hub-box:where(.astro-ge2uvauf){background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(90deg, var(--blue), var(--purple)) border-box;height:78px;box-shadow:-14px 0 30px -12px color-mix(in oklab, var(--blue) 70%, transparent), 14px 0 30px -12px color-mix(in oklab, var(--purple) 70%, transparent);border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hub-box:where(.astro-ge2uvauf):after{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in oklab, var(--blue) 30%, transparent), color-mix(in oklab, var(--purple) 30%, transparent));filter:blur(10px);opacity:.5;border-radius:16px;position:absolute;inset:-6px}.hub-top:where(.astro-ge2uvauf){letter-spacing:.28em;color:var(--ink);margin-right:-.28em;font-size:1.05rem;font-weight:700;line-height:1.1}.hub-bot:where(.astro-ge2uvauf){letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);text-align:center;margin-top:.25rem;margin-right:-.16em;font-size:.6rem;font-weight:600;line-height:1.35}.hx:where(.astro-ge2uvauf) .chips:where(.astro-ge2uvauf){flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:0;list-style:none;display:flex}.chips:where(.astro-ge2uvauf) li:where(.astro-ge2uvauf){margin:0}.chips:where(.astro-ge2uvauf) a:where(.astro-ge2uvauf){letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);background:color-mix(in oklab, var(--card) 85%, transparent);border:1px solid var(--panel-line);border-radius:999px;align-items:center;gap:.5rem;padding:.42rem .75rem;font-size:.66rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.chips:where(.astro-ge2uvauf) a:where(.astro-ge2uvauf):hover,.chips:where(.astro-ge2uvauf) a:where(.astro-ge2uvauf):focus-visible{color:var(--ink);border-color:var(--blue)}.chips:where(.astro-ge2uvauf) .dot:where(.astro-ge2uvauf){background:var(--live);border-radius:50%;flex:none;width:.45rem;height:.45rem;margin-inline:.15rem;position:relative}.chips:where(.astro-ge2uvauf) .dot:where(.astro-ge2uvauf):before,.chips:where(.astro-ge2uvauf) .dot:where(.astro-ge2uvauf):after{content:"";border:1px solid var(--live);opacity:0;border-radius:50%;position:absolute;inset:0}.chips:where(.astro-ge2uvauf) a:where(.astro-ge2uvauf).live{color:var(--ink);border-color:color-mix(in oklab, var(--live) 45%, var(--panel-line))}.chips:where(.astro-ge2uvauf) svg:where(.astro-ge2uvauf){fill:none;stroke:var(--blue);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none}.steps:where(.astro-ge2uvauf){background:var(--panel);border:1px solid var(--panel-line);border-radius:10px;flex-direction:column;align-items:center;min-width:0;padding:.9rem .8rem;list-style:none;display:flex}.steps:where(.astro-ge2uvauf) li:where(.astro-ge2uvauf){margin:0}.node:where(.astro-ge2uvauf){border:1px solid var(--panel-line);background:var(--card);width:100%;max-width:13rem;color:var(--ink);border-radius:8px;align-items:center;gap:.55rem;padding:.45rem .65rem;font-size:.8rem;font-weight:600;display:flex}.node:where(.astro-ge2uvauf) svg:where(.astro-ge2uvauf){fill:none;stroke:var(--purple);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex:none}.node:where(.astro-ge2uvauf) b:where(.astro-ge2uvauf){font-weight:600;display:block}.node:where(.astro-ge2uvauf) small:where(.astro-ge2uvauf){color:var(--ink-3);font-size:.68rem;font-weight:500;display:block}.node:where(.astro-ge2uvauf).pill{letter-spacing:.12em;text-transform:uppercase;width:auto;color:var(--purple);border-color:color-mix(in oklab, var(--purple) 50%, transparent);background:color-mix(in oklab, var(--purple) 10%, var(--card));border-radius:999px;padding:.3rem .75rem;font-size:.7rem}.node:where(.astro-ge2uvauf).exch{text-align:center;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(90deg, var(--blue), var(--purple)) border-box;border:1px solid #0000;justify-content:center;font-size:.68rem}.arrow:where(.astro-ge2uvauf){background:repeating-linear-gradient(180deg, var(--purple) 0 3px, transparent 3px 6px);opacity:.75;width:1px;height:18px;position:relative}.arrow:where(.astro-ge2uvauf):after{content:"";border:3.5px solid #0000;border-top:4px solid var(--purple);border-bottom:0;position:absolute;bottom:-1px;left:-3px}.hx:where(.astro-ge2uvauf) .hx-foot:where(.astro-ge2uvauf){text-align:center;color:var(--ink-3);margin-top:2.5rem;font-size:.9rem}.hx-foot:where(.astro-ge2uvauf) a:where(.astro-ge2uvauf){color:var(--blue);font-weight:600}.hx-foot:where(.astro-ge2uvauf) a:where(.astro-ge2uvauf):hover{text-decoration:underline}@media (prefers-reduced-motion:no-preference){g:where(.astro-ge2uvauf).flow{opacity:.9;animation:3.2s linear infinite hx-flow}g:where(.astro-ge2uvauf).w-r.flow{animation-delay:-1.6s}.hub-box:where(.astro-ge2uvauf):after{animation:4s ease-in-out infinite hx-glow}.chips:where(.astro-ge2uvauf) .dot:where(.astro-ge2uvauf):after{animation:2s ease-out infinite hx-halo}.chips:where(.astro-ge2uvauf) .dot:where(.astro-ge2uvauf):before{animation:2s ease-out 1s infinite hx-halo}}@keyframes hx-flow{0%{stroke-dashoffset:96px}to{stroke-dashoffset:0}}@keyframes hx-halo{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@keyframes hx-glow{0%,to{opacity:.35}50%{opacity:.7}}@media (width<=1200px){.stage:where(.astro-ge2uvauf){grid-template-columns:minmax(0,1fr);gap:1.25rem}.hub-col:where(.astro-ge2uvauf){display:none}.card:where(.astro-ge2uvauf){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.card:where(.astro-ge2uvauf).build{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=640px){.hx-sub:where(.astro-ge2uvauf) span:where(.astro-ge2uvauf){display:inline}.hx:where(.astro-ge2uvauf) .hx-foot:where(.astro-ge2uvauf){margin-top:1.75rem}.card:where(.astro-ge2uvauf),.card:where(.astro-ge2uvauf).build{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.1rem}.stage:where(.astro-ge2uvauf){gap:1rem}.hx:where(.astro-ge2uvauf) .chips:where(.astro-ge2uvauf){grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:1.1rem;display:grid}.chips:where(.astro-ge2uvauf) a:where(.astro-ge2uvauf){letter-spacing:.08em;justify-content:center;padding:.4rem .5rem}.panel:where(.astro-ge2uvauf) code:where(.astro-ge2uvauf){font-size:.7rem}.node:where(.astro-ge2uvauf){max-width:none}}.of:where(.astro-opjbmdte){--t-k:#7cc0ff;--t-s:#86e0a9;--t-m:#c4a7ff;--t-f:#ffd27a;--t-c:#7d8aa3;--t-p:#aab6cc;--ok:#86e0a9;--live:#4ade80;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:1.25rem;display:grid}:root[data-theme=light] .of:where(.astro-opjbmdte){--t-k:#0b5cad;--t-s:#0f7a3d;--t-m:#6d28d9;--t-f:#9a5b00;--t-c:#5f6d85;--t-p:#4a5870;--ok:#0f7a3d;--live:#16a34a}.pane:where(.astro-opjbmdte){background:var(--sx-code-bg);border:1px solid color-mix(in oklab, var(--sx-blue) 32%, var(--sl-color-hairline-light));min-width:0;box-shadow:0 0 0 1px color-mix(in oklab, var(--sx-blue) 8%, transparent), inset 0 1px 0 color-mix(in oklab, var(--sx-blue) 10%, transparent);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.bar:where(.astro-opjbmdte){border-bottom:1px solid var(--sx-code-line);background:var(--sx-code-bar);letter-spacing:.14em;text-transform:uppercase;color:var(--sl-color-gray-2);align-items:center;gap:.55rem;margin:0;padding:.55rem .85rem;font-size:.7rem;font-weight:600;display:flex}.n:where(.astro-opjbmdte){letter-spacing:0;width:1.2rem;height:1.2rem;color:var(--sx-blue);border:1px solid color-mix(in oklab, var(--sx-blue) 55%, transparent);border-radius:50%;place-items:center;font-size:.64rem;display:inline-grid}.st:where(.astro-opjbmdte){letter-spacing:.1em;border-radius:999px;align-items:center;gap:.35rem;margin-left:auto;padding:.12rem .5rem;font-size:.62rem;display:inline-flex}.st:where(.astro-opjbmdte).ok{color:var(--ok);border:1px solid color-mix(in oklab, var(--ok) 45%, transparent)}.st:where(.astro-opjbmdte).live{color:var(--sx-blue);border:1px solid color-mix(in oklab, var(--sx-blue) 45%, transparent)}.pulse:where(.astro-opjbmdte){background:var(--live);border-radius:50%;flex:none;width:.42rem;height:.42rem;position:relative}.pulse:where(.astro-opjbmdte):before,.pulse:where(.astro-opjbmdte):after{content:"";border:1px solid var(--live);opacity:0;border-radius:50%;position:absolute;inset:0}pre:where(.astro-opjbmdte){scrollbar-width:thin;background:0 0;border:0;flex:1;margin:0;padding:.8rem .9rem .9rem;overflow-x:auto}pre:where(.astro-opjbmdte):focus-visible{outline:2px solid var(--sx-blue);outline-offset:-2px}code:where(.astro-opjbmdte){font-family:var(--__sl-font-mono);white-space:pre;color:var(--t-p);background:0 0;border:0;padding:0;font-size:.74rem;line-height:1.65}.tk:where(.astro-opjbmdte){color:var(--t-k)}.ts:where(.astro-opjbmdte){color:var(--t-s)}.tm:where(.astro-opjbmdte){color:var(--t-m)}.tf:where(.astro-opjbmdte){color:var(--t-f)}.tc:where(.astro-opjbmdte){color:var(--t-c)}.tp:where(.astro-opjbmdte){color:var(--t-p)}.tu:where(.astro-opjbmdte){color:var(--sl-color-white)}.waiting:where(.astro-opjbmdte){display:none}@media screen and (prefers-reduced-motion:no-preference){.of:where(.astro-opjbmdte).armed .tok:where(.astro-opjbmdte),.of:where(.astro-opjbmdte).armed .late:where(.astro-opjbmdte){opacity:0}.of:where(.astro-opjbmdte).armed .waiting:where(.astro-opjbmdte){font-family:var(--__sl-font-mono);color:var(--sl-color-gray-3);font-size:.74rem;line-height:1.65;display:block;position:absolute;top:3.05rem;left:.9rem}.of:where(.astro-opjbmdte).run .tok:where(.astro-opjbmdte){animation:.1s step-end forwards of-appear;animation-delay:calc(var(--i) * 70ms + .2s)}.of:where(.astro-opjbmdte).run .late:where(.astro-opjbmdte){animation:.35s ease-out forwards of-appear;animation-delay:var(--d)}.of:where(.astro-opjbmdte).run .waiting:where(.astro-opjbmdte){animation:1s steps(2,end) infinite of-blink,.2s ease-out forwards of-fade;animation-delay:0s, var(--d)}.pulse:where(.astro-opjbmdte):after{animation:2s ease-out infinite of-halo}.pulse:where(.astro-opjbmdte):before{animation:2s ease-out 1s infinite of-halo}.of:where(.astro-opjbmdte).run .req:where(.astro-opjbmdte):after{content:"";background:var(--sx-blue);width:.45rem;height:1rem;animation:1s steps(2,end) 5 of-blink,.3s ease-out 5s forwards of-fade;position:absolute;bottom:.95rem;right:.95rem}}@keyframes of-appear{to{opacity:1}}@keyframes of-blink{50%{opacity:0}}@keyframes of-fade{to{opacity:0}}@keyframes of-halo{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@media (width<=1100px){.of:where(.astro-opjbmdte){grid-template-columns:minmax(0,1fr);gap:.8rem}}@media (width<=640px){code:where(.astro-opjbmdte){font-size:.68rem}pre:where(.astro-opjbmdte){padding:.7rem .75rem .75rem}.bar:where(.astro-opjbmdte){padding:.5rem .75rem}}