:root{--navy:#071a33;--navy-2:#0c2445;--navy-3:#12325c;--blue:#2e7de9;--blue-bright:#4a90f0;--blue-deep:#1f63cb;--sky:#7fc4e8;--tan:#ebca9a;--paper:#f2f6fb;--text-2:#c3d2e6;--muted:#93a8c4;--line:#1b3559;--code-bg:#061529;--radius:14px;--wrap:1140px;color-scheme:dark}:where(.astro-lcdefpme){box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--navy);color:var(--paper);margin:0;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a:where(.astro-lcdefpme){color:var(--sky);text-underline-offset:3px;text-decoration-thickness:1px}a:where(.astro-lcdefpme):hover{color:var(--paper)}code:where(.astro-lcdefpme),pre:where(.astro-lcdefpme){font-family:IBM Plex Mono,ui-monospace,monospace}h1:where(.astro-lcdefpme),h2:where(.astro-lcdefpme),h3:where(.astro-lcdefpme){letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.15}:where(.astro-lcdefpme):focus-visible{outline:2px solid var(--sky);outline-offset:3px}.skip:where(.astro-lcdefpme){background:var(--paper);color:var(--navy);padding:.5rem 1rem;position:absolute;left:-9999px}.skip:where(.astro-lcdefpme):focus{z-index:10;top:1rem;left:1rem}.topbar:where(.astro-lcdefpme){max-width:var(--wrap);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.wordmark:where(.astro-lcdefpme){color:var(--paper);align-items:center;gap:.6rem;text-decoration:none;display:flex}.wordmark-text:where(.astro-lcdefpme){letter-spacing:-.04em;font-size:1.35rem;font-weight:600}.mark:where(.astro-lcdefpme){background:linear-gradient(150deg, var(--sky) 0 50%, transparent 50%), linear-gradient(30deg, var(--blue) 0 50%, #1a5cbe 50%);border-radius:6px;flex:none;width:28px;height:28px}.topbar:where(.astro-lcdefpme) nav:where(.astro-lcdefpme){flex-wrap:wrap;align-items:center;gap:1.5rem;font-size:.9375rem;display:flex}.topbar:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--muted);text-decoration:none}.topbar:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--paper)}.topbar:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) .nav-gh:where(.astro-lcdefpme){color:var(--paper);border:1px solid var(--navy-3);border-radius:999px;padding:.3rem .9rem}.topbar:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) .nav-gh:where(.astro-lcdefpme):hover{border-color:var(--blue)}.hero:where(.astro-lcdefpme){max-width:var(--wrap);grid-template-columns:1fr 1.05fr;align-items:center;gap:4rem;margin:0 auto;padding:4.5rem 1.5rem 4rem;display:grid;position:relative}.hero:where(.astro-lcdefpme):before{content:"";z-index:-1;pointer-events:none;aspect-ratio:1;background:radial-gradient(closest-side,#2e7de94d,#0000);width:min(760px,100%);position:absolute;top:-220px;right:0}.hero-copy:where(.astro-lcdefpme){min-width:0}.eyebrow:where(.astro-lcdefpme),.kicker:where(.astro-lcdefpme){letter-spacing:.08em;text-transform:uppercase;color:var(--sky);margin:0 0 1rem;font-size:.8125rem;font-weight:600}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){letter-spacing:-.04em;margin:0 0 1.5rem;font-size:clamp(2.4rem,5.4vw,4rem);line-height:1.02}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme) span:where(.astro-lcdefpme){background:linear-gradient(90deg, var(--sky), var(--blue-bright));color:#0000;-webkit-background-clip:text;background-clip:text}.lede:where(.astro-lcdefpme){color:var(--text-2);max-width:46ch;margin:0 0 2rem;font-size:1.1875rem}.fine:where(.astro-lcdefpme){color:var(--muted);margin:1.5rem 0 0;font-size:.875rem}.actions:where(.astro-lcdefpme){flex-wrap:wrap;gap:.75rem;display:flex}.btn:where(.astro-lcdefpme){border:1px solid var(--navy-3);color:var(--paper);border-radius:999px;padding:.75rem 1.4rem;font-size:.9875rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-block}.btn:where(.astro-lcdefpme):hover{background:var(--navy-2);border-color:var(--blue);color:var(--paper);transform:translateY(-1px)}.btn-primary:where(.astro-lcdefpme){background:var(--blue-deep);border-color:var(--blue-deep)}.btn-primary:where(.astro-lcdefpme):hover{background:var(--blue);border-color:var(--blue)}.demo:where(.astro-lcdefpme){background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius);min-width:0;margin:0;overflow:hidden;box-shadow:0 30px 80px -30px #000000bf}.demo-bar:where(.astro-lcdefpme){border-bottom:1px solid var(--line);align-items:center;gap:.9rem;padding:.6rem .9rem;display:flex}.dots:where(.astro-lcdefpme){flex:none;gap:6px;display:flex}.dots:where(.astro-lcdefpme) i:where(.astro-lcdefpme){background:var(--navy-3);border-radius:50%;width:10px;height:10px}.tabs:where(.astro-lcdefpme){scrollbar-width:none;gap:.35rem;min-width:0;display:flex;overflow-x:auto}.tabs:where(.astro-lcdefpme)::-webkit-scrollbar{display:none}.tab:where(.astro-lcdefpme){font:inherit;cursor:pointer;white-space:nowrap;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:.3rem .8rem;font-size:.8125rem;transition:background-color .15s,border-color .15s,color .15s}.tab:where(.astro-lcdefpme):hover{color:var(--paper);border-color:var(--navy-3)}.tab:where(.astro-lcdefpme)[aria-selected=true]{background:var(--blue-deep);border-color:var(--blue-deep);color:var(--paper);font-weight:600}.panel:where(.astro-lcdefpme){background:var(--code-bg)}.panel-head:where(.astro-lcdefpme){justify-content:space-between;align-items:center;padding:.75rem 1.1rem 0;display:flex}.file:where(.astro-lcdefpme){color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem}.copy:where(.astro-lcdefpme){background:var(--navy-2);color:var(--text-2);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:999px;padding:.2rem .7rem;font-size:.75rem}.copy:where(.astro-lcdefpme):hover{background:var(--blue-deep);border-color:var(--blue-deep);color:var(--paper)}.panel:where(.astro-lcdefpme) pre:where(.astro-lcdefpme){color:#cfe0f5;min-height:11.5rem;margin:0;padding:.9rem 1.1rem 1.1rem;font-size:.8125rem;line-height:1.75;overflow-x:auto}.panel:where(.astro-lcdefpme) pre:where(.astro-lcdefpme) .p{color:var(--muted);user-select:none}.panel:where(.astro-lcdefpme) pre:where(.astro-lcdefpme) .o{color:var(--muted)}.panel:where(.astro-lcdefpme) pre:where(.astro-lcdefpme) .c{color:#6a83a3;font-style:italic}.panel:where(.astro-lcdefpme) pre:where(.astro-lcdefpme) .s{color:var(--tan)}.panel:where(.astro-lcdefpme) pre:where(.astro-lcdefpme) .k{color:var(--sky)}.panel-note:where(.astro-lcdefpme){border-top:1px solid var(--line);background:var(--navy-2);color:var(--text-2);margin:0;padding:.8rem 1.1rem;font-size:.875rem}.demo:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme){background:var(--navy-2);color:var(--muted);padding:0 1.1rem .9rem;font-size:.8125rem}.tools:where(.astro-lcdefpme){border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:var(--wrap);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin:0 auto;padding:1.5rem;display:flex}.tools:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--muted);margin:0;font-size:.9375rem}.tools:where(.astro-lcdefpme) ul:where(.astro-lcdefpme){flex-wrap:wrap;gap:.75rem 2.5rem;margin:0;padding:0;list-style:none;display:flex}.tools:where(.astro-lcdefpme) li:where(.astro-lcdefpme){color:var(--text-2);letter-spacing:-.01em;font-weight:600}.section:where(.astro-lcdefpme){max-width:var(--wrap);margin:0 auto;padding:5.5rem 1.5rem 1rem}.section:where(.astro-lcdefpme) h2:where(.astro-lcdefpme),.cta:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){letter-spacing:-.03em;max-width:26ch;margin:0 0 1rem;font-size:clamp(1.8rem,3.6vw,2.6rem)}.section:where(.astro-lcdefpme)>h2:where(.astro-lcdefpme):last-of-type{margin-bottom:2.5rem}.section-lede:where(.astro-lcdefpme){color:var(--text-2);max-width:60ch;margin:0 0 3rem;font-size:1.125rem}.icon:where(.astro-lcdefpme){fill:none;width:26px;height:26px;stroke:var(--sky);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}.steps:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.steps:where(.astro-lcdefpme) li:where(.astro-lcdefpme){background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;min-width:0;padding:1.75rem;display:flex}.step-n:where(.astro-lcdefpme){width:2.25rem;height:2.25rem;color:var(--sky);background:#2e7de92e;border-radius:50%;place-items:center;margin-bottom:1.25rem;font-weight:600;display:grid}.steps:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin:0 0 .5rem;font-size:1.1875rem}.steps:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--text-2);margin:0 0 1.25rem}.step-code:where(.astro-lcdefpme){background:var(--code-bg);border:1px solid var(--line);color:var(--sky);white-space:nowrap;border-radius:8px;margin-top:auto;padding:.5rem .75rem;font-size:.75rem;display:block;overflow-x:auto}.grid:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.card:where(.astro-lcdefpme){background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;transition:border-color .15s,transform .15s}.card:where(.astro-lcdefpme):hover{border-color:var(--blue);transform:translateY(-2px)}.card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin:1rem 0 .5rem;font-size:1.125rem}.card:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--text-2);margin:0;font-size:.9875rem}.extras:where(.astro-lcdefpme){flex-wrap:wrap;gap:.6rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.extras:where(.astro-lcdefpme) li:where(.astro-lcdefpme){color:var(--text-2);border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem;font-size:.875rem}.speed:where(.astro-lcdefpme){grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.speed:where(.astro-lcdefpme) .section-lede:where(.astro-lcdefpme){margin-bottom:1.75rem}.more:where(.astro-lcdefpme){font-weight:600;text-decoration:none}.more:where(.astro-lcdefpme):hover{text-decoration:underline}.bars:where(.astro-lcdefpme){background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius);min-width:0;margin:0;padding:1.75rem}.bars:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme){color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:1.5rem;font-size:.8125rem;display:flex}.legend:where(.astro-lcdefpme){align-items:center;gap:.4rem;display:inline-flex}.sw:where(.astro-lcdefpme){border-radius:3px;width:10px;height:10px;display:inline-block}.sw-s3:where(.astro-lcdefpme){background:#2d4c78}.sw-native:where(.astro-lcdefpme){background:var(--blue);margin-left:.6rem}.bar-row:where(.astro-lcdefpme)+.bar-row:where(.astro-lcdefpme){margin-top:1.4rem}.bar-label:where(.astro-lcdefpme){justify-content:space-between;gap:1rem;margin-bottom:.5rem;font-size:.9375rem;display:flex}.bar-label:where(.astro-lcdefpme) b:where(.astro-lcdefpme){color:var(--sky);white-space:nowrap;font-weight:600}.bar:where(.astro-lcdefpme){align-items:center;gap:.6rem;height:1.25rem;display:flex}.bar:where(.astro-lcdefpme)+.bar:where(.astro-lcdefpme){margin-top:.3rem}.bar-fill:where(.astro-lcdefpme){height:.7rem;width:calc((100% - 5.5rem) * var(--v));border-radius:999px;flex:none;min-width:6px}.bar-fill:where(.astro-lcdefpme).s3{background:#2d4c78}.bar-fill:where(.astro-lcdefpme).native{background:linear-gradient(90deg, var(--blue), var(--sky))}.bar-val:where(.astro-lcdefpme){color:var(--muted);white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem}.bars-foot:where(.astro-lcdefpme){color:var(--muted);margin:1.5rem 0 0;font-size:.75rem}.uses:where(.astro-lcdefpme){grid-template-columns:repeat(2,1fr);gap:1.25rem 3rem;display:grid}.use:where(.astro-lcdefpme){border-top:1px solid var(--line);gap:1rem;padding:1.25rem 0;display:flex}.use:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin:0 0 .25rem;font-size:1.0625rem}.use:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--text-2);margin:0;font-size:.9875rem}.why-grid:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.why-grid:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){color:var(--sky);margin:0 0 .5rem;font-size:1.1875rem}.why-grid:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--text-2);margin:0}.why-links:where(.astro-lcdefpme){flex-wrap:wrap;gap:.75rem 2rem;margin:2.5rem 0 0;display:flex}.why-links:where(.astro-lcdefpme) a:where(.astro-lcdefpme){font-weight:600;text-decoration:none}.why-links:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{text-decoration:underline}.cta:where(.astro-lcdefpme){max-width:var(--wrap);margin:0 auto;padding:6rem 1.5rem 5rem}.cta-inner:where(.astro-lcdefpme){text-align:center;border-radius:calc(var(--radius) * 1.5);border:1px solid var(--line);background:radial-gradient(ellipse at 50% 0%, #2e7de952, transparent 70%), var(--navy-2);padding:4rem 2rem}.cta:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){margin:0 auto 1rem}.cta:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--text-2);max-width:52ch;margin:0 auto 2rem;font-size:1.0625rem}.cta:where(.astro-lcdefpme) .actions:where(.astro-lcdefpme){justify-content:center}.foot:where(.astro-lcdefpme){border-top:1px solid var(--line);max-width:var(--wrap);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem 1.5rem;margin:0 auto;padding:2rem 1.5rem 3rem;font-size:.875rem;display:flex}.foot:where(.astro-lcdefpme) p:where(.astro-lcdefpme){margin:0}.foot:where(.astro-lcdefpme) nav:where(.astro-lcdefpme){flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}@media (width<=960px){.hero:where(.astro-lcdefpme),.speed:where(.astro-lcdefpme){grid-template-columns:1fr;gap:3rem}.hero:where(.astro-lcdefpme){padding-top:2.5rem}.grid:where(.astro-lcdefpme){grid-template-columns:repeat(2,1fr)}.steps:where(.astro-lcdefpme),.why-grid:where(.astro-lcdefpme){grid-template-columns:1fr}.why-grid:where(.astro-lcdefpme){gap:1.75rem}}@media (width<=640px){.topbar:where(.astro-lcdefpme),.hero:where(.astro-lcdefpme),.tools:where(.astro-lcdefpme),.section:where(.astro-lcdefpme),.cta:where(.astro-lcdefpme),.foot:where(.astro-lcdefpme){padding-left:1rem;padding-right:1rem}.topbar:where(.astro-lcdefpme) nav:where(.astro-lcdefpme){gap:1rem;font-size:.875rem}.grid:where(.astro-lcdefpme),.uses:where(.astro-lcdefpme){grid-template-columns:1fr}.section:where(.astro-lcdefpme){padding-top:4rem}.dots:where(.astro-lcdefpme){display:none}.panel:where(.astro-lcdefpme) pre:where(.astro-lcdefpme){min-height:0;font-size:.75rem}.bars:where(.astro-lcdefpme){padding:1.25rem}.cta:where(.astro-lcdefpme){padding-top:4rem;padding-bottom:3rem}.cta-inner:where(.astro-lcdefpme){padding:3rem 1.25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}:where(.astro-lcdefpme){transition:none!important;animation:none!important}}