.bento:where(.astro-ih6kc4f6){border-bottom:1px solid var(--tn-hairline);padding-block:4.5rem}.head:where(.astro-ih6kc4f6){margin-bottom:2rem}.label:where(.astro-ih6kc4f6){font-family:var(--__sl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tn-accent);margin:0 0 .75rem;font-size:.6875rem}h2:where(.astro-ih6kc4f6){letter-spacing:-.025em;color:var(--sl-color-white);margin:0;font-size:1.5rem;font-weight:500;line-height:1.2}.grid:where(.astro-ih6kc4f6){grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.card:where(.astro-ih6kc4f6){--ec-codeFontSize:.75rem;border:1px solid var(--tn-hairline);background:var(--tn-surface);border-radius:.75rem;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.card:where(.astro-ih6kc4f6).wide{grid-column:1/-1;grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:2.5rem;display:grid}.card:where(.astro-ih6kc4f6)>*{min-width:0}.card:where(.astro-ih6kc4f6) .expressive-code{margin:auto 0 0}.card:where(.astro-ih6kc4f6) .label:where(.astro-ih6kc4f6){color:var(--sl-color-gray-3)}h3:where(.astro-ih6kc4f6){letter-spacing:-.015em;color:var(--sl-color-white);margin:0;font-size:1rem;font-weight:500;line-height:1.3}.card-text:where(.astro-ih6kc4f6) p:where(.astro-ih6kc4f6):not(.label){color:var(--sl-color-gray-2);margin:.5rem 0 .75rem;font-size:.8125rem;line-height:1.6}.card-text:where(.astro-ih6kc4f6) a:where(.astro-ih6kc4f6){color:var(--sl-color-white);font-size:.8125rem;font-weight:500;text-decoration:none}.card-text:where(.astro-ih6kc4f6) a:where(.astro-ih6kc4f6) span:where(.astro-ih6kc4f6){transition:transform .15s ease-out;display:inline-block}.card-text:where(.astro-ih6kc4f6) a:where(.astro-ih6kc4f6):hover span:where(.astro-ih6kc4f6){transform:translate(2px)}@media (width<=60rem){.grid:where(.astro-ih6kc4f6){grid-template-columns:minmax(0,1fr)}.card:where(.astro-ih6kc4f6).wide{align-items:stretch;gap:1.25rem;display:flex}}.cta:where(.astro-3fgi2wql){isolation:isolate;text-align:center;width:100vw;margin-inline:calc(50% - 50vw);padding:8rem 1.5rem 0;position:relative;overflow:hidden}.bg:where(.astro-3fgi2wql){z-index:-1;position:absolute;inset:0;mask-image:linear-gradient(#0000,#0009 55%,#000)}.bg:where(.astro-3fgi2wql) .dither{opacity:.5}.cta:where(.astro-3fgi2wql):after{content:"";z-index:-1;background:linear-gradient(#0000,#07080ad9);height:10rem;position:absolute;inset:auto 0 0}.end:where(.astro-3fgi2wql){text-align:start;max-width:68rem;margin:5rem auto 0}.label:where(.astro-3fgi2wql){font-family:var(--__sl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tn-accent);margin:0 0 .75rem;font-size:.6875rem}h2:where(.astro-3fgi2wql){letter-spacing:-.035em;color:var(--sl-color-white);margin:0;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem);font-weight:500;line-height:1.1}.text:where(.astro-3fgi2wql){color:var(--sl-color-gray-2);margin:.75rem 0 1.75rem;font-size:.9375rem}.footer:where(.astro-ocqibz2a){border-top:1px solid var(--tn-hairline);font-size:var(--sl-text-sm);color:var(--sl-color-gray-1);grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding-block:1rem 1.25rem;display:grid}a:where(.astro-ocqibz2a){color:inherit;text-decoration:none;transition:color .15s}a:where(.astro-ocqibz2a):hover{color:var(--sl-color-white)}.brand:where(.astro-ocqibz2a){letter-spacing:-.01em;color:var(--sl-color-white);justify-self:start;align-items:center;gap:.6rem;font-weight:600;display:inline-flex}.credit:where(.astro-ocqibz2a){text-align:center;margin:0}.credit:where(.astro-ocqibz2a) a:where(.astro-ocqibz2a){color:var(--sl-color-white);text-decoration:underline;text-decoration-color:var(--tn-hairline-strong);text-underline-offset:.2em}.credit:where(.astro-ocqibz2a) a:where(.astro-ocqibz2a):hover{color:var(--sl-color-white)}.links:where(.astro-ocqibz2a){justify-self:end;align-items:center;gap:.25rem;display:flex}.sponsor:where(.astro-ocqibz2a){align-items:center;gap:.4rem;display:inline-flex}.sponsor:where(.astro-ocqibz2a) svg:where(.astro-ocqibz2a){width:.95rem;height:.95rem}@media (width<=50rem){.footer:where(.astro-ocqibz2a){grid-template-columns:1fr auto}.credit:where(.astro-ocqibz2a){text-align:start;grid-area:2/1/auto/-1}}.block:where(.astro-wlbc7lah){border-bottom:1px solid var(--tn-hairline);padding-block:4.5rem}.head:where(.astro-wlbc7lah){margin-bottom:2.25rem}.label:where(.astro-wlbc7lah){font-family:var(--__sl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tn-accent);margin:0 0 .75rem;font-size:.6875rem}h2:where(.astro-wlbc7lah){letter-spacing:-.025em;max-width:28rem;color:var(--sl-color-white);margin:0;font-size:1.5rem;font-weight:500;line-height:1.2}.tabs:where(.astro-wlbc7lah){border-bottom:1px solid var(--tn-hairline);flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.tabs:where(.astro-wlbc7lah) button:where(.astro-wlbc7lah){height:1.875rem;font:inherit;color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:0 .75rem;font-size:.8125rem;transition:color .15s ease-out,background-color .15s ease-out}.tabs:where(.astro-wlbc7lah) button:where(.astro-wlbc7lah):hover{color:var(--sl-color-white)}.tabs:where(.astro-wlbc7lah) button:where(.astro-wlbc7lah)[aria-selected=true]{border-color:var(--tn-hairline-strong);color:var(--sl-color-white);background:#ffffff0a}.panel:where(.astro-wlbc7lah){grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:3rem;display:grid}.panel:where(.astro-wlbc7lah)[hidden]{display:none}.panel:where(.astro-wlbc7lah) .expressive-code{margin:0}h3:where(.astro-wlbc7lah){letter-spacing:-.015em;color:var(--sl-color-white);margin:.25rem 0 0;font-size:1.0625rem;font-weight:500;line-height:1.3}.panel-text:where(.astro-wlbc7lah) p:where(.astro-wlbc7lah){color:var(--sl-color-gray-2);margin:.6rem 0 1rem;font-size:.875rem;line-height:1.6}.panel-text:where(.astro-wlbc7lah) a:where(.astro-wlbc7lah){color:var(--sl-color-white);font-size:.8125rem;font-weight:500;text-decoration:none}.panel-text:where(.astro-wlbc7lah) a:where(.astro-wlbc7lah) span:where(.astro-wlbc7lah){transition:transform .15s ease-out;display:inline-block}.panel-text:where(.astro-wlbc7lah) a:where(.astro-wlbc7lah):hover span:where(.astro-wlbc7lah){transform:translate(2px)}@media (width<=60rem){.panel:where(.astro-wlbc7lah){grid-template-columns:minmax(0,1fr);gap:1.25rem}}.block:where(.astro-spftfkj5){border-bottom:1px solid var(--tn-hairline);padding-block:4.5rem}.head:where(.astro-spftfkj5){margin-bottom:2.25rem}.label:where(.astro-spftfkj5){font-family:var(--__sl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tn-accent);margin:0 0 .75rem;font-size:.6875rem}h2:where(.astro-spftfkj5){letter-spacing:-.025em;max-width:28rem;color:var(--sl-color-white);margin:0;font-size:1.5rem;font-weight:500;line-height:1.2}.group-label:where(.astro-spftfkj5){font-family:var(--__sl-font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.6875rem}.groups:where(.astro-spftfkj5){border-top:1px solid var(--tn-hairline);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.group:where(.astro-spftfkj5){padding:1.25rem 1.25rem 0 0}.group:where(.astro-spftfkj5)+.group:where(.astro-spftfkj5){border-left:1px solid var(--tn-hairline);padding-left:1.25rem}.group-label:where(.astro-spftfkj5){color:var(--sl-color-gray-3)}.group:where(.astro-spftfkj5) ul:where(.astro-spftfkj5){margin:0;padding:0;list-style:none}.group:where(.astro-spftfkj5) a:where(.astro-spftfkj5){flex-direction:column;gap:.15rem;padding-block:.5rem;text-decoration:none;display:flex}.group:where(.astro-spftfkj5) code:where(.astro-spftfkj5){font-family:var(--__sl-font-mono);color:var(--sl-color-white);background:0 0;padding:0;font-size:.8125rem;transition:color .15s ease-out}.group:where(.astro-spftfkj5) a:where(.astro-spftfkj5):hover code:where(.astro-spftfkj5){color:var(--tn-accent)}.group:where(.astro-spftfkj5) span:where(.astro-spftfkj5){color:var(--sl-color-gray-3);font-size:.8125rem;line-height:1.45}@media (width<=60rem){.groups:where(.astro-spftfkj5){grid-template-columns:repeat(2,minmax(0,1fr))}.group:where(.astro-spftfkj5):nth-child(3){border-left:0;padding-left:0}.group:where(.astro-spftfkj5):nth-child(n+3){border-top:1px solid var(--tn-hairline)}}