.hero:where(.astro-qmrutqly){align-items:center;gap:clamp(2rem,5vw,4rem);max-inline-size:72rem;margin-inline:auto;padding:clamp(2.5rem,7vw,5.5rem) clamp(1rem,4vw,2rem) clamp(2rem,5vw,4rem);display:grid}@media (width>=62rem){.hero:where(.astro-qmrutqly){grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}.eyebrow:where(.astro-qmrutqly){color:var(--sl-color-text-accent);border:1px solid color-mix(in oklab, var(--relay) 35%, transparent);background:color-mix(in oklab, var(--relay) 10%, transparent);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.8rem;font-weight:500;display:inline-flex}.dot:where(.astro-qmrutqly){background:var(--relay);border-radius:50%;block-size:.45rem;inline-size:.45rem}h1:where(.astro-qmrutqly){text-wrap:balance;color:var(--sl-color-white);margin-block:1.1rem 1rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.04}.accent:where(.astro-qmrutqly){background:linear-gradient(100deg, var(--relay), color-mix(in oklab, var(--relay) 55%, #ffd2bd));color:#0000;-webkit-background-clip:text;background-clip:text;@supports not (background-clip:text){color:var(--sl-color-text-accent)}}.lead:where(.astro-qmrutqly){max-inline-size:34rem;color:var(--sl-color-gray-2);text-wrap:pretty;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.6}.actions:where(.astro-qmrutqly){flex-wrap:wrap;gap:.75rem;margin-block:1.75rem 1.5rem;display:flex}.btn:where(.astro-qmrutqly){min-block-size:2.9rem;color:var(--sl-color-white);border:1px solid var(--sl-color-hairline-light);transition:transform .15s var(--ease), border-color .15s, background-color .15s;border-radius:.8rem;align-items:center;padding:.7rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:where(.astro-qmrutqly):hover{border-color:color-mix(in oklab, var(--relay) 55%, var(--sl-color-hairline-light))}.btn:where(.astro-qmrutqly).primary{color:var(--sl-color-text-invert);background:var(--sl-color-accent);box-shadow:0 1px 0 oklab(100% 0 5.96046e-8/.35) inset, 0 10px 24px -10px color-mix(in oklab, var(--relay) 70%, transparent);border-color:#0000}.btn:where(.astro-qmrutqly):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.btn:where(.astro-qmrutqly):hover{transform:translateY(-1px)}}.facts:where(.astro-qmrutqly){color:var(--sl-color-gray-3);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.facts:where(.astro-qmrutqly) li:where(.astro-qmrutqly):before{content:"✓ ";color:var(--sl-color-text-accent);font-weight:700}.code-card:where(.astro-qmrutqly){background:var(--surface);border:1px solid var(--sl-color-hairline);border-radius:var(--radius-lg);padding:.4rem .9rem .2rem;box-shadow:0 24px 60px -30px oklab(0% none none/.7)}.code-card:where(.astro-qmrutqly) starlight-tabs{margin-top:0}.code-card:where(.astro-qmrutqly) .expressive-code{margin-top:.4rem}.result:where(.astro-qmrutqly){justify-items:start;gap:.35rem;padding-inline:1.25rem;display:grid}.arrow:where(.astro-qmrutqly){color:var(--sl-color-gray-4);margin-inline-start:.4rem}.message:where(.astro-qmrutqly){background:var(--surface-raised);border:1px solid var(--sl-color-hairline);border-radius:var(--radius);gap:.75rem;inline-size:100%;padding:.85rem 1rem;display:flex}.avatar:where(.astro-qmrutqly){background:color-mix(in oklab, var(--relay) 16%, var(--sl-color-gray-6));border-radius:.55rem;flex:none;place-items:center;block-size:2.3rem;inline-size:2.3rem;font-size:1.2rem;display:grid}.who:where(.astro-qmrutqly){align-items:baseline;gap:.5rem;margin:0;font-size:.92rem;display:flex}.who:where(.astro-qmrutqly) strong:where(.astro-qmrutqly){color:var(--sl-color-white)}.badge:where(.astro-qmrutqly){color:var(--sl-color-text-accent);border:1px solid color-mix(in oklab, var(--relay) 45%, transparent);background:color-mix(in oklab, var(--relay) 10%, transparent);border-radius:.3rem;padding:0 .35rem;font-size:.62rem;font-weight:700}time:where(.astro-qmrutqly){color:var(--sl-color-gray-3);font-size:.75rem}.what:where(.astro-qmrutqly){color:var(--sl-color-gray-1);margin:.15rem 0 0}.section:where(.astro-friwjmle){max-inline-size:72rem;margin-inline:auto;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,2rem)}header:where(.astro-friwjmle){margin-block-end:1.75rem}.kicker:where(.astro-friwjmle){letter-spacing:.08em;text-transform:uppercase;color:var(--sl-color-text-accent);margin:0 0 .4rem;font-size:.8rem;font-weight:600}h2:where(.astro-friwjmle){color:var(--sl-color-white);text-wrap:balance;margin:0;font-size:clamp(1.7rem,3.5vw,2.4rem);line-height:1.1}.grid:where(.astro-friwjmle){grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.grid:where(.astro-friwjmle)>li:where(.astro-friwjmle){display:contents}.card:where(.astro-friwjmle){background:var(--surface);border:1px solid var(--sl-color-hairline);border-radius:var(--radius-lg);align-content:start;gap:.4rem;padding:1.25rem;transition:border-color .18s,background-color .18s;display:grid;position:relative;container-type:inline-size}.card:where(.astro-friwjmle):has(.card-link:hover){border-color:color-mix(in oklab, var(--relay) 55%, var(--sl-color-hairline));background:var(--surface-raised)}.card:where(.astro-friwjmle):has(.card-link:focus-visible){outline:2px solid var(--sl-color-accent);outline-offset:2px}.card-link:where(.astro-friwjmle):focus-visible{outline:none}.card-link:where(.astro-friwjmle):after{content:"";position:absolute;inset:0}.icon:where(.astro-friwjmle){block-size:2.4rem;inline-size:2.4rem;color:var(--sl-color-text-accent);background:color-mix(in oklab, var(--relay) 13%, transparent);border-radius:.65rem;place-items:center;margin-block-end:.4rem;display:grid}h3:where(.astro-friwjmle){margin:0;font-size:1.08rem;line-height:1.25}.card-link:where(.astro-friwjmle){color:var(--sl-color-white);text-decoration:none}p:where(.astro-friwjmle){color:var(--sl-color-gray-3);margin:0;font-size:.93rem;line-height:1.55}@container (width>=22rem){.card:where(.astro-friwjmle){padding:1.5rem}p:where(.astro-friwjmle){font-size:.97rem}}@media (forced-colors:active){.card:where(.astro-friwjmle){border-color:canvastext}}.section:where(.astro-3zit42ml){max-inline-size:72rem;margin-inline:auto;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,2rem)}header:where(.astro-3zit42ml){margin-block-end:1.75rem}.kicker:where(.astro-3zit42ml){letter-spacing:.08em;text-transform:uppercase;color:var(--sl-color-text-accent);margin:0 0 .4rem;font-size:.8rem;font-weight:600}h2:where(.astro-3zit42ml){color:var(--sl-color-white);text-wrap:balance;margin:0;font-size:clamp(1.7rem,3.5vw,2.4rem);line-height:1.1}.sub:where(.astro-3zit42ml){max-inline-size:38rem;color:var(--sl-color-gray-3);margin:.7rem 0 0}.grid:where(.astro-3zit42ml){grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.grid:where(.astro-3zit42ml)>li:where(.astro-3zit42ml){display:contents}.template:where(.astro-3zit42ml){background:var(--surface);border:1px solid var(--sl-color-hairline);border-radius:var(--radius-lg);align-content:start;gap:.75rem;padding:1.5rem;display:grid}h3:where(.astro-3zit42ml){color:var(--sl-color-white);margin:0;font-size:1.25rem}.template:where(.astro-3zit42ml)>p:where(.astro-3zit42ml){color:var(--sl-color-gray-3);margin:0;line-height:1.55}.uses:where(.astro-3zit42ml){flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.uses:where(.astro-3zit42ml) code:where(.astro-3zit42ml){color:var(--sl-color-gray-2);border:1px solid var(--sl-color-hairline);background:0 0;border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.download:where(.astro-3zit42ml){background:color-mix(in oklab, var(--sl-color-black) 55%, var(--sl-color-gray-7));border:1px solid var(--sl-color-hairline);border-radius:.7rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.4rem .4rem .4rem .75rem;display:grid}.lang:where(.astro-3zit42ml){letter-spacing:.06em;text-transform:uppercase;color:var(--sl-color-text-accent);font-size:.72rem;font-weight:700}.download:where(.astro-3zit42ml) code:where(.astro-3zit42ml){white-space:nowrap;color:var(--sl-color-gray-2);scrollbar-width:none;background:0 0;border:0;font-size:.78rem;overflow-x:auto}.more:where(.astro-3zit42ml){margin:1.25rem 0 0}.more:where(.astro-3zit42ml) a:where(.astro-3zit42ml){color:var(--sl-color-text-accent);font-weight:500}.band:where(.astro-g6sllihb){color-scheme:dark;--sl-color-white:oklch(97.5% .004 264);--sl-color-gray-2:oklch(82% .012 264);--sl-color-gray-3:oklch(70% .018 264);--sl-color-hairline:oklch(32% .02 264/.9);--sl-color-text-accent:#ff9468;--sl-color-gray-5:oklch(32% .02 264);--sl-color-gray-6:oklch(23% .016 264);--sl-color-black:oklch(15% .013 264);--sl-color-accent:#f26b3a;--sl-color-green-high:#7ee2a8;--sl-color-red-high:#ff9d9d;--sl-color-red:#ff6b6b;--sl-color-text-invert:#1a0d07;color:var(--sl-color-gray-2);border-block:1px solid var(--sl-color-hairline);background:radial-gradient(40rem 18rem at 85% 0,oklab(68.5751% .13734 .113295/.2),#0000 70%),oklch(17% .02 264);margin-block:clamp(2rem,5vw,3.5rem) 0}.inner:where(.astro-g6sllihb){max-inline-size:72rem;margin-inline:auto;padding:clamp(2.5rem,6vw,4.5rem) clamp(1rem,4vw,2rem)}.kicker:where(.astro-g6sllihb){letter-spacing:.08em;text-transform:uppercase;color:var(--sl-color-text-accent);margin:0 0 .4rem;font-size:.8rem;font-weight:600}h2:where(.astro-g6sllihb){color:var(--sl-color-white);margin:0;font-size:clamp(1.7rem,3.5vw,2.4rem);line-height:1.1}.sub:where(.astro-g6sllihb){max-inline-size:40rem;color:var(--sl-color-gray-3);margin:.7rem 0 0;line-height:1.6}.sub:where(.astro-g6sllihb) code:where(.astro-g6sllihb){font-size:.85em}.rows:where(.astro-g6sllihb){gap:.6rem;margin:2rem 0 1.25rem;padding:0;list-style:none;display:grid}.row:where(.astro-g6sllihb){border:1px solid var(--sl-color-hairline);border-radius:var(--radius);background:oklch(20% .018 264/.8);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem 1rem;padding:.75rem .75rem .75rem 1rem;display:grid}.meta:where(.astro-g6sllihb){display:grid}.label:where(.astro-g6sllihb){color:var(--sl-color-white);font-weight:600}.note:where(.astro-g6sllihb){color:var(--sl-color-gray-3);font-size:.85rem}.row:where(.astro-g6sllihb) code:where(.astro-g6sllihb){white-space:nowrap;color:#ffb08f;scrollbar-width:none;background:0 0;border:0;grid-column:1;font-size:.82rem;overflow-x:auto}.row:where(.astro-g6sllihb) .copy{grid-area:1/2/span 2}.instruction:where(.astro-g6sllihb){border-radius:var(--radius);background:oklab(68.5751% .13734 .113295/.07);border:1px dashed oklab(68.5751% .13734 .113295/.55);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:1rem 1.1rem;display:flex}.instruction:where(.astro-g6sllihb) p:where(.astro-g6sllihb){color:var(--sl-color-white);flex:24rem;margin:0;font-size:.92rem;line-height:1.55}@media (forced-colors:active){.row:where(.astro-g6sllihb),.instruction:where(.astro-g6sllihb){border-color:canvastext}}.section:where(.astro-5pkupjms){align-items:center;gap:2rem;max-inline-size:72rem;margin-inline:auto;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,2rem);display:grid}@media (width>=56rem){.section:where(.astro-5pkupjms){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.kicker:where(.astro-5pkupjms){letter-spacing:.08em;text-transform:uppercase;color:var(--sl-color-text-accent);margin:0 0 .4rem;font-size:.8rem;font-weight:600}h2:where(.astro-5pkupjms){color:var(--sl-color-white);text-wrap:balance;margin:0 0 .9rem;font-size:clamp(1.7rem,3.5vw,2.4rem);line-height:1.1}.text:where(.astro-5pkupjms) p:where(.astro-5pkupjms){color:var(--sl-color-gray-3);line-height:1.6}.text:where(.astro-5pkupjms) a:where(.astro-5pkupjms){color:var(--sl-color-text-accent);font-weight:500}.snippet:where(.astro-5pkupjms){min-inline-size:0}.snippet:where(.astro-5pkupjms) .expressive-code{margin-top:0}html[data-landing] .content-panel{padding-inline:0}html[data-landing] .sl-container{max-width:none}html[data-landing] main{padding-block:0}html[data-landing] .page-title,html[data-landing] h1#_top{display:none}