main:has(.landing){padding-bottom:0}.content-panel:has(+.content-panel .landing){display:none}.content-panel:has(.landing){border-top:0;padding:0}.content-panel:has(.landing)>.sl-container{max-width:none}.content-panel:has(.landing)>.sl-container>footer{display:none}.landing:where(.astro-d32ejlv2){--landing-gutter:clamp(1.25rem, 4vw, 2rem);--landing-surface:var(--sl-color-gray-6);--landing-sunken:var(--sl-color-gray-6);--landing-line:var(--sl-color-gray-5);--landing-control:var(--sl-color-gray-4);--landing-muted:var(--sl-color-gray-3);--landing-shadow:0 4px 12px color-mix(in srgb, var(--sl-color-hairline-shade) 50%, transparent), 0 32px 64px -16px color-mix(in srgb, var(--sl-color-hairline-shade) 70%, transparent);--landing-band-bg:var(--sl-color-gray-6);--landing-band-line:var(--sl-color-gray-5);color:var(--sl-color-white);line-height:1.5}[data-theme=light] .landing:where(.astro-d32ejlv2){--landing-surface:var(--sl-color-black);--landing-sunken:var(--sl-color-gray-7);--landing-shadow:0 4px 12px color-mix(in srgb, var(--azu-ink) 8%, transparent), 0 32px 64px -16px color-mix(in srgb, var(--azu-ink) 20%, transparent);--landing-band-bg:var(--azu-ink);--landing-band-line:var(--azu-ink)}.wrap:where(.astro-d32ejlv2){max-width:75rem;padding-inline:var(--landing-gutter);margin-inline:auto}.landing:where(.astro-d32ejlv2) a:where(.astro-d32ejlv2){text-decoration:none}.landing:where(.astro-d32ejlv2) code:where(.astro-d32ejlv2){font-family:var(--sl-font-mono)}.landing:where(.astro-d32ejlv2) :where(.astro-d32ejlv2):is(h1,h2,h3){text-wrap:balance}.landing:where(.astro-d32ejlv2) p:where(.astro-d32ejlv2){text-wrap:pretty}.landing:where(.astro-d32ejlv2) p:where(.astro-d32ejlv2) code:where(.astro-d32ejlv2){color:var(--sl-color-white);font-size:.875em}.btn:where(.astro-d32ejlv2){border:1px solid #0000;border-radius:.625rem;align-items:center;gap:.5rem;min-height:3rem;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:600;line-height:1.2;display:inline-flex}.btn:where(.astro-d32ejlv2).primary{min-height:3.125rem;font-size:var(--sl-text-base);background:var(--sl-color-text-accent);color:var(--sl-color-text-invert);padding-inline:1.5rem}.btn:where(.astro-d32ejlv2).primary:hover{background:var(--azu-accent-hover)}.btn:where(.astro-d32ejlv2).secondary{border-color:var(--landing-control);background:var(--landing-surface);color:var(--sl-color-white)}.btn:where(.astro-d32ejlv2).secondary:hover{border-color:var(--sl-color-white)}.hero:where(.astro-d32ejlv2){text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding-top:clamp(2.5rem,6vw,4.5rem);display:flex}.pill:where(.astro-d32ejlv2){background:var(--sl-color-accent-low);color:var(--sl-color-accent-high);font-size:var(--sl-text-sm);border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-weight:500;display:inline-flex}.dot:where(.astro-d32ejlv2){background:currentColor;border-radius:999px;width:.375rem;height:.375rem}.hero:where(.astro-d32ejlv2) h1:where(.astro-d32ejlv2)#_top{letter-spacing:-.035em;max-width:57.5rem;color:var(--sl-color-white);font-size:clamp(2.75rem,6.2vw,5.25rem);font-weight:600;line-height:1.02}.hero-lead:where(.astro-d32ejlv2){max-width:42.5rem;color:var(--landing-muted);font-size:clamp(1.125rem,1.6vw,1.3125rem);line-height:1.55}.hero-actions:where(.astro-d32ejlv2){flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:100%;margin-top:.5rem;display:flex}.install-command:where(.astro-d32ejlv2){border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:.625rem;align-items:center;gap:.25rem;min-width:0;max-width:100%;padding:.25rem .25rem .25rem 1rem;display:flex}.install-command:where(.astro-d32ejlv2) code:where(.astro-d32ejlv2){min-width:0;font-size:var(--sl-text-sm);text-align:start;overflow-wrap:anywhere;color:var(--sl-color-white)}.prompt:where(.astro-d32ejlv2){color:var(--sl-color-text-accent)}.copy-button:where(.astro-d32ejlv2){width:2.75rem;height:2.75rem;color:var(--landing-muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.copy-button:where(.astro-d32ejlv2):hover{color:var(--sl-color-white)}.copy-button:where(.astro-d32ejlv2) .copy-done,.copy-button:where(.astro-d32ejlv2)[data-copied] .copy-idle{display:none}.copy-button:where(.astro-d32ejlv2)[data-copied] .copy-done{display:block}.shot:where(.astro-d32ejlv2){margin-top:clamp(3rem,6vw,4.5rem)}.browser:where(.astro-d32ejlv2){border:1px solid var(--landing-line);background:var(--landing-surface);box-shadow:var(--landing-shadow);border-radius:.875rem;overflow:hidden}.browser-bar:where(.astro-d32ejlv2){border-bottom:1px solid var(--landing-line);background:var(--landing-sunken);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.browser-dots:where(.astro-d32ejlv2){flex:none;gap:.5rem;display:flex}.browser-dots:where(.astro-d32ejlv2) span:where(.astro-d32ejlv2){background:var(--landing-control);border-radius:999px;width:.625rem;height:.625rem}.browser-url:where(.astro-d32ejlv2){min-width:0;font-family:var(--sl-font-mono);white-space:nowrap;text-overflow:ellipsis;color:var(--landing-muted);font-size:.75rem;overflow:hidden}@media (width<=39.9375rem){.shot:where(.astro-d32ejlv2) .shot-desktop,.browser-bar:where(.astro-d32ejlv2){display:none}.browser:where(.astro-d32ejlv2){max-width:18.75rem;margin-inline:auto}}@media (width>=40rem){.shot:where(.astro-d32ejlv2) .shot-phone{display:none}}.landing:where(.astro-d32ejlv2) figure:where(.astro-d32ejlv2) img{vertical-align:top;width:100%;height:auto}.landing:where(.astro-d32ejlv2) figcaption:where(.astro-d32ejlv2){font-size:var(--sl-text-sm);color:var(--landing-muted)}.shot:where(.astro-d32ejlv2) figcaption:where(.astro-d32ejlv2){text-align:center;margin-top:1rem}.section:where(.astro-d32ejlv2){padding-top:clamp(5rem,9vw,7.5rem)}.intro:where(.astro-d32ejlv2){flex-direction:column;gap:1rem;max-width:45rem;display:flex}.intro:where(.astro-d32ejlv2)>p:where(.astro-d32ejlv2):not(.eyebrow){font-size:var(--sl-text-lg);color:var(--landing-muted);line-height:1.6}.eyebrow:where(.astro-d32ejlv2){font-size:var(--sl-text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--sl-color-text-accent);font-weight:600}.landing:where(.astro-d32ejlv2) h2:where(.astro-d32ejlv2){letter-spacing:-.025em;color:var(--sl-color-white);font-size:clamp(2rem,3.6vw,3rem);font-weight:600;line-height:1.1}.landing:where(.astro-d32ejlv2) h3:where(.astro-d32ejlv2){letter-spacing:normal;color:var(--sl-color-white);font-size:1.0625rem;font-weight:600;line-height:1.4}.landing:where(.astro-d32ejlv2) ul:where(.astro-d32ejlv2),.landing:where(.astro-d32ejlv2) ol:where(.astro-d32ejlv2){padding:0;list-style:none}.rules:where(.astro-d32ejlv2){grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;margin-top:3rem;display:grid}.rule:where(.astro-d32ejlv2){border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.rule:where(.astro-d32ejlv2) h3:where(.astro-d32ejlv2){font-size:var(--sl-text-lg)}.rule:where(.astro-d32ejlv2) p:where(.astro-d32ejlv2),.feature:where(.astro-d32ejlv2) p:where(.astro-d32ejlv2),.step:where(.astro-d32ejlv2) p:where(.astro-d32ejlv2){color:var(--landing-muted);font-size:.9375rem;line-height:1.6}.rule-icon:where(.astro-d32ejlv2){background:var(--sl-color-accent-low);width:2.5rem;height:2.5rem;color:var(--sl-color-text-accent);border-radius:.625rem;justify-content:center;align-items:center;display:inline-flex}.write:where(.astro-d32ejlv2){grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;margin-top:3rem;display:grid}@media (width>=64rem){.write:where(.astro-d32ejlv2){grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.form-shot:where(.astro-d32ejlv2){top:calc(var(--sl-nav-height) + 2rem);align-self:start;position:sticky}}.note:where(.astro-d32ejlv2){font-size:var(--sl-text-sm);color:var(--landing-muted);margin-top:.75rem}.note:where(.astro-d32ejlv2) code:where(.astro-d32ejlv2){color:var(--sl-color-white)}.frame:where(.astro-d32ejlv2){background:var(--landing-surface);box-shadow:var(--landing-shadow);border-radius:.75rem;overflow:hidden}.form-shot:where(.astro-d32ejlv2) figcaption:where(.astro-d32ejlv2){margin-top:1rem;font-size:.9375rem;line-height:1.6}.band:where(.astro-d32ejlv2){border-block:1px solid var(--landing-line);background:var(--landing-sunken);margin-top:clamp(5rem,9vw,7.5rem)}.band-inner:where(.astro-d32ejlv2){padding-block:clamp(4rem,8vw,6rem)}.features:where(.astro-d32ejlv2){grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2.5rem 3rem;margin-top:3rem;display:grid}.feature:where(.astro-d32ejlv2){gap:1rem;display:flex}.feature:where(.astro-d32ejlv2)>div:where(.astro-d32ejlv2){flex-direction:column;gap:.375rem;display:flex}.feature-icon:where(.astro-d32ejlv2){color:var(--sl-color-text-accent);flex:none;padding-top:.125rem}.install:where(.astro-d32ejlv2){grid-template-columns:repeat(auto-fit,minmax(min(100%,26.25rem),1fr));align-items:start;gap:3rem;display:grid}.steps:where(.astro-d32ejlv2){flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.step:where(.astro-d32ejlv2){gap:1rem;display:flex}.step:where(.astro-d32ejlv2) p:where(.astro-d32ejlv2){margin-top:.25rem}.step-number:where(.astro-d32ejlv2){border:1px solid var(--landing-control);width:2rem;height:2rem;font-size:var(--sl-text-sm);border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.install:where(.astro-d32ejlv2) .btn:where(.astro-d32ejlv2){margin-top:.5rem}.landing:where(.astro-d32ejlv2) .expressive-code .copy button{width:2.75rem;height:2.75rem}.open-source-wrap:where(.astro-d32ejlv2){padding-block:clamp(5rem,9vw,7.5rem)}.open-source:where(.astro-d32ejlv2){border:1px solid var(--landing-band-line);background:var(--landing-band-bg);color:var(--azu-on-ink);border-radius:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,26.25rem),1fr));gap:3rem;padding:clamp(2rem,5vw,3.5rem);display:grid}.open-source:where(.astro-d32ejlv2) :where(.astro-d32ejlv2):focus-visible{outline-color:var(--azu-clay-on-dark)}.open-source-copy:where(.astro-d32ejlv2){flex-direction:column;gap:1rem;display:flex}.open-source:where(.astro-d32ejlv2) h2:where(.astro-d32ejlv2){color:var(--azu-on-ink);font-size:clamp(1.875rem,3.2vw,2.625rem)}.open-source-copy:where(.astro-d32ejlv2) p:where(.astro-d32ejlv2){font-size:var(--sl-text-lg);color:var(--azu-on-ink-muted);line-height:1.6}.open-source:where(.astro-d32ejlv2) .limits-link:where(.astro-d32ejlv2){min-height:2.75rem;color:var(--azu-clay-on-dark);text-underline-offset:.2em;align-self:flex-start;align-items:center;text-decoration:underline;display:inline-flex}.open-source:where(.astro-d32ejlv2) .limits-link:where(.astro-d32ejlv2):hover{color:var(--azu-clay-on-dark-hover)}.open-source-actions:where(.astro-d32ejlv2){flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.btn:where(.astro-d32ejlv2).on-ink-primary{background:var(--azu-clay-on-dark);color:var(--azu-ink)}.btn:where(.astro-d32ejlv2).on-ink-primary:hover{background:var(--azu-clay-on-dark-hover)}.btn:where(.astro-d32ejlv2).on-ink-secondary{border-color:var(--azu-on-ink-control);color:var(--azu-on-ink)}.btn:where(.astro-d32ejlv2).on-ink-secondary:hover{border-color:var(--azu-on-ink)}.needs:where(.astro-d32ejlv2){flex-direction:column;gap:.75rem;display:flex}.open-source:where(.astro-d32ejlv2) .needs:where(.astro-d32ejlv2) h3:where(.astro-d32ejlv2){font-size:var(--sl-text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--azu-on-ink-muted)}.needs:where(.astro-d32ejlv2) li:where(.astro-d32ejlv2){border-bottom:1px solid var(--azu-on-ink-line);gap:.75rem;padding-block:.75rem;display:flex}.needs:where(.astro-d32ejlv2) li:where(.astro-d32ejlv2):last-child{border-bottom:0}.needs:where(.astro-d32ejlv2) li:where(.astro-d32ejlv2)>span:where(.astro-d32ejlv2){color:var(--azu-clay-on-dark)}.site-footer:where(.astro-d32ejlv2){border-top:1px solid var(--landing-line)}.site-footer-inner:where(.astro-d32ejlv2){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:2rem 2.5rem;display:flex}.site-footer-brand:where(.astro-d32ejlv2){flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.site-footer-brand:where(.astro-d32ejlv2) img{width:auto;height:1.625rem}.site-footer-brand:where(.astro-d32ejlv2) p:where(.astro-d32ejlv2),.site-footer:where(.astro-d32ejlv2) nav:where(.astro-d32ejlv2) a:where(.astro-d32ejlv2){font-size:var(--sl-text-sm);color:var(--landing-muted)}.site-footer:where(.astro-d32ejlv2) nav:where(.astro-d32ejlv2){flex-wrap:wrap;gap:.25rem .5rem;display:flex}.site-footer:where(.astro-d32ejlv2) nav:where(.astro-d32ejlv2) a:where(.astro-d32ejlv2){align-items:center;min-height:2.75rem;padding-inline:.625rem;display:inline-flex}.site-footer:where(.astro-d32ejlv2) nav:where(.astro-d32ejlv2) a:where(.astro-d32ejlv2):hover{color:var(--sl-color-text-accent)}
