section:where(.astro-jord2stv){padding-block:clamp(3rem,7vw,5rem)}.inner:where(.astro-jord2stv){max-width:var(--lp-maxw);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.kicker:where(.astro-jord2stv){font-family:var(--sl-font-mono);letter-spacing:.12em;color:var(--lp-accent);margin:0 0 .9rem;font-size:.75rem}.title:where(.astro-jord2stv){letter-spacing:-.025em;color:var(--sl-color-white);border:0;max-width:24ch;margin:0;padding:0;font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:700;line-height:1.1}.lead:where(.astro-jord2stv){max-width:50ch;color:var(--sl-color-gray-3);margin:1rem 0 0;line-height:1.65}.adapters:where(.astro-2eu4grii){flex-wrap:wrap;gap:.7rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.adapter:where(.astro-2eu4grii){border:1px solid var(--sl-color-hairline);font-family:var(--sl-font-mono);color:var(--sl-color-gray-2);border-radius:2rem;padding:.5rem 1rem;font-size:.85rem;transition:border-color .15s,color .15s}.adapter:where(.astro-2eu4grii):hover{border-color:var(--lp-accent);color:var(--sl-color-white)}.approaches:where(.astro-4c5ye6zz){grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem;display:grid}.approach:where(.astro-4c5ye6zz){border:1px solid var(--sl-color-hairline);border-radius:var(--lp-radius);background:var(--sl-color-bg);flex-direction:column;gap:.75rem;padding:1.5rem 1.35rem;transition:border-color .15s,background-color .18s;display:flex}.approach:where(.astro-4c5ye6zz):hover{border-color:var(--sl-color-gray-5);background:var(--sl-color-bg-inline-code)}.approach-label:where(.astro-4c5ye6zz){color:var(--sl-color-white);letter-spacing:-.01em;margin:0;font-size:1.02rem;font-weight:600}.approach-desc:where(.astro-4c5ye6zz){color:var(--sl-color-gray-3);margin:0;font-size:.92rem;line-height:1.6}.window:where(.astro-4c5ye6zz){border:1px solid var(--sl-color-hairline);border-radius:var(--lp-radius);background:var(--sl-color-bg-inline-code);margin:auto 0 0;overflow:hidden;box-shadow:0 24px 60px -34px #0000008c}.bar:where(.astro-4c5ye6zz){border-bottom:1px solid var(--sl-color-hairline);align-items:center;padding:.75rem .95rem;display:flex;position:relative}.dots:where(.astro-4c5ye6zz){gap:.5rem;display:inline-flex}.dots:where(.astro-4c5ye6zz) i:where(.astro-4c5ye6zz){border-radius:50%;width:.75rem;height:.75rem;box-shadow:inset 0 0 0 .5px #0003}.dots:where(.astro-4c5ye6zz) i:where(.astro-4c5ye6zz):first-child{background:#ff5f57}.dots:where(.astro-4c5ye6zz) i:where(.astro-4c5ye6zz):nth-child(2){background:#febc2e}.dots:where(.astro-4c5ye6zz) i:where(.astro-4c5ye6zz):nth-child(3){background:#28c840}.filename:where(.astro-4c5ye6zz){font-family:var(--sl-font-mono);color:var(--sl-color-gray-3);font-size:.78rem;position:absolute;left:50%;transform:translate(-50%)}.code:where(.astro-4c5ye6zz){overflow-x:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000)}.code:where(.astro-4c5ye6zz) .expressive-code,.code:where(.astro-4c5ye6zz) .expressive-code .frame,.code:where(.astro-4c5ye6zz) .expressive-code pre{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important}.code:where(.astro-4c5ye6zz) .expressive-code pre{padding:1.2rem 1.3rem!important}.code:where(.astro-4c5ye6zz) .expressive-code .copy{display:none!important}.code:where(.astro-4c5ye6zz) .expressive-code code{font-size:.76rem;line-height:1.75}@media (prefers-reduced-motion:no-preference){.approach:where(.astro-4c5ye6zz){opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) both approach-rise;animation-delay:calc(.1s * var(--i));transform:translateY(12px)}}@keyframes approach-rise{to{opacity:1;transform:none}}@media (width<=75rem){.approaches:where(.astro-4c5ye6zz){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=48rem){.approaches:where(.astro-4c5ye6zz){grid-template-columns:1fr;max-width:32rem}}@media (prefers-reduced-motion:reduce){.approach:where(.astro-4c5ye6zz){opacity:1;transform:none}}.grid:where(.astro-nikkmkia){background:var(--sl-color-hairline);border:1px solid var(--sl-color-hairline);border-radius:var(--lp-radius);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:2.5rem 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.card:where(.astro-nikkmkia){background:var(--sl-color-bg);margin:0;padding:1.6rem 1.5rem;transition:background-color .18s}.card:where(.astro-nikkmkia):hover{background:var(--sl-color-bg-inline-code)}.card-title:where(.astro-nikkmkia){color:var(--sl-color-white);margin:0 0 .5rem;font-size:1.02rem;font-weight:600}.card-body:where(.astro-nikkmkia){color:var(--sl-color-gray-3);margin:0;font-size:.92rem;line-height:1.6}@media (width<=60rem){.grid:where(.astro-nikkmkia){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=40rem){.grid:where(.astro-nikkmkia){grid-template-columns:1fr}}.btn:where(.astro-5ac5636b){background:var(--sl-color-white);color:var(--sl-color-black);border:1px solid #0000;border-radius:.55rem;align-items:center;gap:.45rem;padding:.62rem 1.15rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.btn:where(.astro-5ac5636b):hover{opacity:.88}.btn:where(.astro-5ac5636b):active{transform:translateY(1px)}.arrow:where(.astro-5ac5636b){transition:transform .15s}.btn:where(.astro-5ac5636b):hover .arrow:where(.astro-5ac5636b){transform:translate(2px)}.install.svelte-wl6tqk{border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg-inline-code);font-family:var(--sl-font-mono);border-radius:.55rem;align-items:center;gap:.6rem;padding:.5rem .55rem .5rem .85rem;font-size:.875rem;display:inline-flex}.prompt.svelte-wl6tqk{color:var(--lp-accent);-webkit-user-select:none;user-select:none}.cmd.svelte-wl6tqk{color:var(--sl-color-gray-1)}.copy.svelte-wl6tqk{width:1.75rem;height:1.75rem;color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:0;border-radius:.4rem;place-items:center;transition:background-color .15s,color .15s;display:inline-grid}.copy.svelte-wl6tqk:hover{background:var(--sl-color-gray-5);color:var(--sl-color-white)}.copy.svelte-wl6tqk svg{grid-area:1/1}.is-copied.svelte-wl6tqk{color:var(--lp-accent)}@media (width<=40rem){.install.svelte-wl6tqk{justify-content:space-between;width:100%}}section:where(.astro-x5xn55qe){padding-block:clamp(3rem,7vw,5rem)}.inner:where(.astro-x5xn55qe){max-width:var(--lp-maxw);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.card:where(.astro-x5xn55qe){text-align:center;border:1px solid var(--sl-color-hairline);background:radial-gradient(70% 120% at 50% 0%, var(--lp-accent-soft), transparent 70%), var(--sl-color-bg-inline-code);border-radius:1.25rem;padding:clamp(2.5rem,6vw,4rem) 1.5rem;position:relative}.title:where(.astro-x5xn55qe){letter-spacing:-.025em;color:var(--sl-color-white);border:0;margin:0 auto;padding:0;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1.1}.cta:where(.astro-x5xn55qe){flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.8rem;display:flex}@media (width<=40rem){.cta:where(.astro-x5xn55qe){flex-direction:column}}.hero:where(.astro-qmrutqly){isolation:isolate;border-bottom:1px solid var(--sl-color-hairline);padding-block:clamp(3.5rem,9vw,7rem) clamp(3rem,7vw,5.5rem);position:relative;overflow:clip}.glow:where(.astro-qmrutqly){z-index:-2;background:radial-gradient(60% 60% at 70% 0%, var(--lp-accent-soft), transparent 70%), radial-gradient(50% 50% at 20% 10%, #ffffff0f, transparent 70%);filter:blur(8px);height:70%;position:absolute;inset:-30% 0 auto}.grid-mask:where(.astro-qmrutqly){z-index:-1;background-image:linear-gradient(to right, var(--sl-color-hairline) 1px, transparent 1px), linear-gradient(to bottom, var(--sl-color-hairline) 1px, transparent 1px);opacity:.5;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 60% at 50% 0,#000 0%,#0000 80%);mask-image:radial-gradient(75% 60% at 50% 0,#000 0%,#0000 80%)}.inner:where(.astro-qmrutqly){max-width:var(--lp-maxw);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,5vw,4rem);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem);display:grid}.title:where(.astro-qmrutqly){letter-spacing:-.035em;color:var(--sl-color-white);border:0;margin:0;padding:0;font-size:clamp(2.5rem,6.5vw,4.25rem);font-weight:800;line-height:1.1}.accent:where(.astro-qmrutqly){background:linear-gradient(100deg, var(--sl-color-white) 30%, var(--lp-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.tagline:where(.astro-qmrutqly){max-width:34rem;color:var(--sl-color-gray-3);margin:1.4rem 0 0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65}.tagline:where(.astro-qmrutqly) code:where(.astro-qmrutqly){font-family:var(--sl-font-mono);color:var(--sl-color-gray-1);font-size:.92em}.cta:where(.astro-qmrutqly){flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.ghost:where(.astro-qmrutqly){color:var(--sl-color-white);border:1px solid var(--sl-color-hairline);background:0 0;border-radius:.55rem;align-items:center;gap:.45rem;padding:.62rem 1.15rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .15s,transform .15s;display:inline-flex}.ghost:where(.astro-qmrutqly):hover{border-color:var(--sl-color-gray-3)}.ghost:where(.astro-qmrutqly):active{transform:translateY(1px)}.install-slot:where(.astro-qmrutqly){margin-top:1.5rem}.window:where(.astro-qmrutqly){border:1px solid var(--sl-color-hairline);border-radius:var(--lp-radius);background:var(--sl-color-bg-inline-code);margin:0;overflow:hidden;box-shadow:0 24px 60px -34px #0000008c}.bar:where(.astro-qmrutqly){border-bottom:1px solid var(--sl-color-hairline);align-items:center;padding:.75rem .95rem;display:flex;position:relative}.dots:where(.astro-qmrutqly){gap:.5rem;display:inline-flex}.dots:where(.astro-qmrutqly) i:where(.astro-qmrutqly){border-radius:50%;width:.75rem;height:.75rem;box-shadow:inset 0 0 0 .5px #0003}.dots:where(.astro-qmrutqly) i:where(.astro-qmrutqly):first-child{background:#ff5f57}.dots:where(.astro-qmrutqly) i:where(.astro-qmrutqly):nth-child(2){background:#febc2e}.dots:where(.astro-qmrutqly) i:where(.astro-qmrutqly):nth-child(3){background:#28c840}.filename:where(.astro-qmrutqly){font-family:var(--sl-font-mono);color:var(--sl-color-gray-3);font-size:.78rem;position:absolute;left:50%;transform:translate(-50%)}.code:where(.astro-qmrutqly){overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000)}.code:where(.astro-qmrutqly) .expressive-code,.code:where(.astro-qmrutqly) .expressive-code .frame,.code:where(.astro-qmrutqly) .expressive-code pre{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important}.code:where(.astro-qmrutqly) .expressive-code pre{padding:1.2rem 1.3rem!important}.code:where(.astro-qmrutqly) .expressive-code .copy{display:none!important}.code:where(.astro-qmrutqly) .expressive-code code{font-size:.76rem;line-height:1.75}@media (prefers-reduced-motion:no-preference){.copy:where(.astro-qmrutqly)>:where(.astro-qmrutqly),.demo:where(.astro-qmrutqly){animation:.6s cubic-bezier(.22,1,.36,1) both hero-rise}.eyebrow:where(.astro-qmrutqly){animation-delay:20ms}.title:where(.astro-qmrutqly){animation-delay:80ms}.tagline:where(.astro-qmrutqly){animation-delay:.14s}.cta:where(.astro-qmrutqly){animation-delay:.2s}.install-slot:where(.astro-qmrutqly){animation-delay:.26s}.demo:where(.astro-qmrutqly){animation-delay:.18s}}@keyframes hero-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=60rem){.inner:where(.astro-qmrutqly){grid-template-columns:1fr}.demo:where(.astro-qmrutqly){order:2}}.shot:where(.astro-wltzwgtu){border:1px solid var(--sl-color-hairline);border-radius:var(--lp-radius);margin:2.5rem 0 0;overflow:hidden;box-shadow:0 24px 60px -34px #0000008c}.shot:where(.astro-wltzwgtu) img{width:100%;height:auto;display:block}.stage.svelte-16tcap6{height:12.5rem;margin-top:3rem;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.stage.svelte-16tcap6:focus{outline:none}.stage.svelte-16tcap6:focus-visible{outline:2px solid var(--lp-accent);outline-offset:4px;border-radius:var(--lp-radius,.5rem)}.rt.svelte-16tcap6{text-align:center;will-change:transform, opacity;flex-direction:column;align-items:center;gap:1rem;width:18rem;margin:0;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s;display:flex;position:absolute;top:50%;left:50%}.rt-icon.svelte-16tcap6{width:3.25rem;height:3.25rem;color:var(--sl-color-gray-3);transition:color .4s}.rt-meta.svelte-16tcap6{flex-direction:column;gap:.3rem;transition:opacity .3s;display:flex}.rt-name.svelte-16tcap6{letter-spacing:-.01em;color:var(--sl-color-white);font-size:1.3rem;font-weight:700}.rt[data-pos=active].svelte-16tcap6{opacity:1;z-index:2;transform:translate(-50%,-50%)scale(1)}.rt[data-pos=active].svelte-16tcap6 .rt-icon:where(.svelte-16tcap6){color:var(--sl-color-white)}.rt[data-pos=prev].svelte-16tcap6{opacity:.3;z-index:1;transform:translate(calc(-50% - 15rem),-50%)scale(.55)}.rt[data-pos=next].svelte-16tcap6{opacity:.3;z-index:1;transform:translate(calc(15rem - 50%),-50%)scale(.55)}.rt[data-pos=hidden].svelte-16tcap6{opacity:0;z-index:0;transform:translate(-50%,-50%)scale(.3)}.rt.svelte-16tcap6:not([data-pos=active]):not([data-pos=static]) .rt-meta:where(.svelte-16tcap6){opacity:0}@media (width<=40rem){.rt[data-pos=prev].svelte-16tcap6{transform:translate(calc(-50% - 9rem),-50%)scale(.45)}.rt[data-pos=next].svelte-16tcap6{transform:translate(calc(9rem - 50%),-50%)scale(.45)}}.rt[data-pos=static].svelte-16tcap6{width:auto;position:static;opacity:1!important;transform:none!important}.rt[data-pos=static].svelte-16tcap6 .rt-icon:where(.svelte-16tcap6){color:var(--sl-color-gray-3)}.rt[data-pos=static].svelte-16tcap6 .rt-meta:where(.svelte-16tcap6){opacity:1}@media (prefers-reduced-motion:reduce){.stage.svelte-16tcap6{flex-wrap:wrap;justify-content:center;gap:2.5rem;height:auto;display:flex;-webkit-mask-image:none;mask-image:none}.rt-name.svelte-16tcap6{font-size:1.05rem}}.landing:where(.astro-lcdefpme){--lp-accent:#f4662a;--lp-accent-soft:#f4662a24;--lp-radius:.85rem;--lp-maxw:70rem;width:calc(100% + 2 * var(--sl-content-pad-x,1rem));margin-inline:calc(-1 * var(--sl-content-pad-x,1rem));margin-top:-1.5rem;overflow-x:clip}