:root{--color-bg: hsl(0, 20%, 99%);--color-bg-weak: hsl(0, 8%, 97%);--color-bg-weak-hover: hsl(0, 8%, 94%);--color-bg-strong: hsl(0, 5%, 12%);--color-bg-strong-hover: hsl(0, 5%, 18%);--color-text: hsl(0, 1%, 39%);--color-text-weak: hsl(0, 1%, 60%);--color-text-strong: hsl(0, 5%, 12%);--color-text-inverted: hsl(0, 20%, 99%);--color-border: rgba(15, 0, 0, .12);--color-border-weak: rgba(15, 0, 0, .12);--color-icon: hsl(0, 1%, 55%);--color-success: #03b000;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--container-max-width: 1080px;--section-padding-x: 80px;--content-width: 720px;--sidebar-width: 220px;--nav-gap: 40px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--header-height: 72px}*,*:before,*:after{box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);transition:background-color .2s ease,color .2s ease}a{color:var(--color-text-strong);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500;line-height:1.3;color:var(--color-text-strong)}p{margin:0}code{font-family:var(--font-mono);font-size:.9em}pre{font-family:var(--font-mono);font-size:14px;line-height:1.6;margin:0}.landing{display:flex;flex-direction:column;align-items:center;min-height:100vh;gap:var(--space-3xl)}.landing-container{width:100%;max-width:var(--container-max-width);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.landing-header{position:sticky;top:0;z-index:100;background:var(--color-bg);display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--section-padding-x);border-bottom:1px solid var(--color-border);transition:background-color .2s ease,border-color .2s ease}.landing-logo{display:flex;align-items:center;gap:var(--space-xs);font-weight:700;font-size:16px;color:var(--color-text-strong);text-decoration:none}.landing-logo:hover{text-decoration:none}.landing-logo svg{width:24px;height:24px}.landing-nav{display:flex;align-items:center;gap:var(--nav-gap)}.landing-nav a{color:var(--color-text-strong);font-size:14px;border-bottom:1px solid transparent}.landing-nav a:hover{text-decoration:none;border-bottom:1px solid currentColor}.mobile-nav{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));background:var(--color-bg);z-index:99;padding:var(--space-xl) var(--section-padding-x);flex-direction:column;gap:var(--space-md);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mobile-nav a{color:var(--color-text-strong);font-size:16px;padding:var(--space-sm) 0}.mobile-nav a:hover{text-decoration:none}.mobile-nav-open .mobile-nav{opacity:1;visibility:visible}.hero{padding:var(--space-4xl) var(--section-padding-x);display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;margin:0 auto}.hero-content{display:flex;flex-direction:column}.hero-copy{margin-bottom:0}.hero h1{font-family:var(--font-mono);font-size:38px;font-weight:700;margin-bottom:8px;line-height:1.5;color:var(--color-text-strong)}.hero-subtitle{font-size:16px;color:var(--color-text);line-height:2;margin-bottom:var(--space-xl)}.install-section{width:100%;max-width:100%}.install-tabs{display:flex;gap:40px;padding:0 20px;border:1px solid var(--color-border);border-bottom:none;border-radius:6px 6px 0 0;background:var(--color-bg-weak)}.install-tab{padding:16px 0;font-size:16px;font-family:var(--font-mono);background:transparent;border:none;color:var(--color-text-weak);cursor:pointer;transition:color .15s}.install-tab:hover{color:var(--color-text-strong)}.install-tab[aria-selected=true]{color:var(--color-text-strong);border-bottom:2px solid var(--color-text-strong)}.install-panels{border:1px solid var(--color-border);border-radius:0 0 6px 6px;background:var(--color-bg-weak)}.install-command{display:flex;align-items:center;gap:var(--space-md);padding:16px 20px;background:transparent;font-family:var(--font-mono);font-size:16px;cursor:pointer;transition:background .15s;border:none;width:auto;text-align:left}.install-command:hover{background:var(--color-bg-weak)}.install-command code{color:var(--color-text)}.install-command .highlight{color:var(--color-text-strong);font-weight:500}.install-command .copy-btn{color:var(--color-icon);display:flex;align-items:center;transition:color .15s}.install-command:hover .copy-btn{color:var(--color-text-strong)}.install-command .copy-btn svg{width:16px;height:16px}.install-command .copy-btn .check-icon{color:var(--color-success);display:none}.install-command .copy-btn.copied .copy-icon{display:none}.install-command .copy-btn.copied .check-icon{display:block}.hero-actions{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xl)}.btn-outline{display:inline-flex;align-items:center;gap:12px;padding:8px 20px;height:40px;font-family:var(--font-mono);font-size:15px;font-weight:500;line-height:1.5;border-radius:4px;background:transparent;color:var(--color-text-strong);border:1px solid var(--color-border);text-decoration:none;cursor:pointer;transition:all .15s}.btn-outline:hover{background:var(--color-bg-weak);text-decoration:none}.what-section{padding:var(--space-3xl) var(--section-padding-x);border-top:1px solid var(--color-border)}.what-section-title{margin-bottom:var(--space-xl)}.what-section-title h3{font-size:20px;font-weight:500;margin-bottom:var(--space-sm);color:var(--color-text-strong)}.what-section-title p{color:var(--color-text);font-size:16px;line-height:1.5}.what-list{list-style:none;padding:0;margin:0 0 var(--space-xl) 0}.what-list li{display:flex;align-items:baseline;gap:var(--space-md);padding:var(--space-sm) 0}.what-list .bullet{font-family:var(--font-mono);color:var(--color-text-weak);flex-shrink:0;font-size:14px}.what-list div{font-size:16px;line-height:1.6;color:var(--color-text)}.what-list strong{font-weight:600;color:var(--color-text-strong)}.features-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}.features-list{display:flex;flex-direction:column}.features-visual{position:sticky;top:120px;background:transparent}.feature-item{cursor:pointer;border-radius:6px;padding:12px;margin:0 -12px;transition:color .15s}.feature-item.active strong{color:var(--color-text-strong)}.feature-item.active .bullet{color:var(--color-text-strong);font-weight:700}.what-actions{display:flex;justify-content:flex-start;margin-top:var(--space-xl);padding-left:0}@media(max-width:980px){.features-split{grid-template-columns:1fr;gap:var(--space-xl)}.features-visual{display:none}}.btn-dark{display:inline-flex;align-items:center;gap:12px;padding:8px 12px 8px 20px;height:40px;font-family:var(--font-mono);font-size:15px;font-weight:500;line-height:1.5;border-radius:4px;border:none;background:var(--color-bg-strong);color:var(--color-text-inverted);text-decoration:none;cursor:pointer;transition:background .15s}.btn-dark:hover{background:var(--color-bg-strong-hover);text-decoration:none}.btn-dark svg{width:24px;height:24px}.code-section{--editor-bg: #ffffff;--editor-bg-header: #fafafa;--editor-bg-tab: #ffffff;--editor-bg-tab-active: #ffffff;--editor-bg-tab-hover: #f4f4f5;--editor-border: rgba(0, 0, 0, .1);--editor-gutter: #a1a1aa;--editor-text: #27272a;--editor-text-muted: #71717a;background:var(--editor-bg-header);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transition:background-color .2s ease,border-color .2s ease}.code-editor-header{border-bottom:1px solid var(--editor-border)}.code-editor-tab[aria-selected=true]{color:var(--color-text-strong);border-bottom:2px solid var(--color-text-strong)}.code-editor{display:flex;flex-direction:column}.code-editor-header{display:flex;align-items:stretch;background:var(--editor-bg-header);border-bottom:1px solid var(--editor-border)}.code-editor-dots{display:flex;align-items:center;gap:6px;padding:0 var(--section-padding-x);border-right:1px solid var(--editor-border)}.code-editor-dots span{width:10px;height:10px;border-radius:50%;background:var(--editor-gutter)}.code-editor-tabs{display:flex;align-items:stretch;flex:1}.code-editor-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;font-family:var(--font-mono);font-size:13px;color:var(--editor-text-muted);background:transparent;border:none;border-right:1px solid var(--editor-border);cursor:pointer;transition:all .15s}.code-editor-tab:hover{background:var(--editor-bg-tab-hover);color:var(--editor-text)}.code-editor-tab[aria-selected=true]{background:var(--editor-bg-tab-active);color:var(--editor-text);border-bottom:2px solid var(--editor-text);margin-bottom:-1px}.code-editor-tab-icon{width:14px;height:14px;opacity:.7}.code-editor-tab[aria-selected=true] .code-editor-tab-icon{opacity:1}.code-editor-copy{display:flex;align-items:center;justify-content:center;padding:0 20px;background:transparent;border:none;border-left:1px solid var(--editor-border);cursor:pointer;color:var(--editor-text-muted);transition:color .15s,background .15s}.code-editor-copy:hover{color:var(--editor-text);background:var(--editor-bg-tab-hover)}.code-editor-copy svg{width:16px;height:16px}.code-editor-copy .check-icon{display:none;color:var(--color-success)}.code-editor-copy.copied .copy-icon{display:none}.code-editor-copy.copied .check-icon{display:block}.code-editor-body{display:none;padding:var(--space-2xl) var(--section-padding-x);-webkit-text-size-adjust:100%;text-size-adjust:100%}.code-editor-body[data-active=true]{display:flex}.code-editor-lines{display:flex;flex-direction:column;padding-right:var(--space-lg);margin-right:var(--space-lg);font-family:var(--font-mono);font-size:15px;line-height:1.7;color:var(--editor-gutter);text-align:right;user-select:none;min-width:24px;-webkit-text-size-adjust:100%;text-size-adjust:100%}.code-editor-body pre{color:var(--editor-text);font-size:15px;line-height:1.7;margin:0;background:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}.code-editor-body .keyword{color:#3f3f46;font-weight:500}.code-editor-body .function{color:#52525b}.code-editor-body .string,.code-editor-body .number{color:#71717a}.code-editor-body .comment{color:#a1a1aa;font-style:italic}.code-editor-body .property{color:#52525b}.code-editor-body .type{color:#3f3f46}.code-editor-body .operator{color:#71717a}.code-editor-body .punctuation{color:#a1a1aa}.landing-footer{display:flex;border-top:1px solid var(--color-border)}.landing-footer-cell{flex:1 1 0%;border-left:1px solid var(--color-border)}.landing-footer-cell:first-child{border-left:none}.landing-footer-cell a{display:flex;align-items:center;justify-content:center;height:88px;color:var(--color-text-strong);font-size:16px;text-decoration:none}.landing-footer-cell a:hover{background-color:var(--color-bg-weak);text-decoration:underline;text-underline-offset:4px}.landing-legal{display:flex;justify-content:center;gap:32px;padding-bottom:var(--space-4xl);color:#9a9898;font-size:16px}.landing-legal a{color:#9a9898;text-decoration:none}.landing-legal a:hover{color:var(--color-text);text-decoration:none;border-bottom:1px solid currentColor}.docs-page{display:flex;flex-direction:column;align-items:center;min-height:100vh}.docs-container{width:100%;max-width:var(--container-max-width);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;transition:background-color .2s ease,border-color .2s ease}.header-content{width:100%;padding:var(--space-lg) var(--section-padding-x);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--space-xs);font-weight:700;font-size:16px;color:var(--color-text-strong);text-decoration:none}.logo:hover{text-decoration:none}.logo-icon{width:24px;height:24px}.nav{display:flex;align-items:center;gap:var(--nav-gap)}.nav a{color:var(--color-text-strong);font-size:14px;border-bottom:1px solid transparent}.nav a:hover{text-decoration:none;border-bottom:1px solid currentColor}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;color:color-mix(in srgb,var(--color-text-strong) 70%,var(--color-text) 30%);cursor:pointer}.mobile-menu-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-text-weak)}.mobile-menu-btn svg{width:20px;height:20px}.mobile-menu-btn .close-icon,.mobile-nav-open .mobile-menu-btn .menu-icon{display:none}.mobile-nav-open .mobile-menu-btn .close-icon{display:block}.mobile-nav-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90;opacity:0;transition:opacity .2s ease}.main{padding:var(--space-xl) var(--section-padding-x)}.docs-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:var(--space-3xl)}.sidebar{position:sticky;top:calc(var(--header-height) + var(--space-xl));height:fit-content;max-height:calc(100vh - var(--header-height) - var(--space-2xl));overflow-y:auto}.sidebar-section{margin-bottom:var(--space-xl)}.sidebar-title{font-size:12px;font-weight:500;color:var(--color-text-strong);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.sidebar-links{list-style:none;margin:0;padding:0}.sidebar-links li{margin:0}.sidebar-links a{display:block;padding:4px 0;color:var(--color-text-weak);font-size:13px;transition:color .15s}.sidebar-links a:hover{color:var(--color-text-strong);text-decoration:none}.sidebar-links a.active{color:var(--color-text-strong);font-weight:500}.content{max-width:var(--content-width);min-width:0}.content>*:first-child{margin-top:0}.content h1{font-size:26px;font-weight:500;margin-bottom:var(--space-sm)}.content h2{font-size:22px;font-weight:500;margin-top:var(--space-2xl);margin-bottom:var(--space-sm)}.content h3{font-size:18px;font-weight:500;margin-top:var(--space-xl);margin-bottom:var(--space-xs)}.content p{margin-bottom:var(--space-md)}.content pre{position:relative;background:var(--color-bg-weak);padding:var(--space-md);border-radius:6px;overflow-x:auto;margin:var(--space-md) 0;transition:background-color .2s ease}.content pre .copy-btn{position:absolute;top:8px;right:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:6px;cursor:pointer;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.content pre:hover .copy-btn{opacity:1}.content pre .copy-btn:hover{background:var(--color-bg-weak)}.content pre .copy-btn svg{width:16px;height:16px;color:var(--color-icon)}.content pre .copy-btn .check-icon{display:none;color:#22c55e}.content pre .copy-btn.copied .copy-icon{display:none}.content pre .copy-btn.copied .check-icon{display:block}.content code{background:var(--color-bg-weak);padding:2px 6px;border-radius:4px;font-size:13px}.content pre code{background:none;padding:0}.footer{border-top:1px solid var(--color-border);padding:var(--space-lg) var(--section-padding-x);margin-top:var(--space-2xl)}.footer-content{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-weak);font-size:13px}.footer a{color:var(--color-text-weak)}.footer a:hover{color:var(--color-text-strong);text-decoration:none;border-bottom:1px solid currentColor}@media(max-width:1120px){:root{--section-padding-x: 40px}}@media(max-width:900px){:root{--section-padding-x: 24px}.docs-layout{grid-template-columns:1fr}.nav,.landing-nav{display:none}.mobile-menu-btn{display:flex;order:1;margin-left:auto}.mobile-nav{display:flex}.sidebar{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));max-height:none;background:var(--color-bg);z-index:99;padding:var(--space-xl) var(--section-padding-x);overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mobile-nav-open .sidebar{opacity:1;visibility:visible}.landing-container,.docs-container{border-left:none;border-right:none}}@media(max-width:600px){:root{--section-padding-x: 16px}.hero{padding:var(--space-2xl) var(--section-padding-x);grid-template-columns:1fr}.hero h1{font-size:24px}.hero-subtitle{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.install-tabs{gap:2px}.install-tab{padding:6px 8px;font-size:12px}.code-editor{overflow:hidden}.code-editor-header{flex-wrap:nowrap}.code-editor-dots{display:none}.code-editor-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.code-editor-tabs::-webkit-scrollbar{display:none}.code-editor-tab{padding:10px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.code-editor-copy{padding:0 12px;flex-shrink:0}.code-editor-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.code-editor-body pre{font-size:13px;white-space:pre;overflow-x:visible}.code-editor-lines{font-size:13px;padding-right:var(--space-md);margin-right:var(--space-md)}.feature-item{margin:0;padding:10px 0}.what-list div{font-size:15px}}@media(prefers-color-scheme:dark){:root{--color-bg: hsl(0, 5%, 9%);--color-bg-weak: hsl(0, 4%, 12%);--color-bg-weak-hover: hsl(0, 4%, 16%);--color-bg-strong: hsl(0, 10%, 92%);--color-bg-strong-hover: hsl(0, 10%, 98%);--color-text: hsl(0, 5%, 68%);--color-text-weak: hsl(0, 3%, 50%);--color-text-strong: hsl(0, 10%, 92%);--color-text-inverted: hsl(0, 5%, 9%);--color-border: rgba(255, 255, 255, .12);--color-border-weak: rgba(255, 255, 255, .08);--color-icon: hsl(0, 3%, 55%);--color-success: #22c55e}.code-section{--editor-bg: hsl(0, 5%, 9%);--editor-bg-header: hsl(0, 4%, 11%);--editor-bg-tab: hsl(0, 5%, 9%);--editor-bg-tab-active: hsl(0, 5%, 9%);--editor-bg-tab-hover: hsl(0, 4%, 14%);--editor-border: rgba(255, 255, 255, .1);--editor-gutter: hsl(0, 3%, 45%);--editor-text: hsl(0, 5%, 85%);--editor-text-muted: hsl(0, 3%, 55%)}.code-editor-body .keyword{color:#c9a0dc}.code-editor-body .function{color:#7dd3fc}.code-editor-body .string{color:#a5d6a7}.code-editor-body .number{color:#ffcc80}.code-editor-body .comment{color:#766f6f;font-style:italic}.code-editor-body .property{color:#90caf9}.code-editor-body .type{color:#ce93d8}.code-editor-body .operator{color:#b0bec5}.code-editor-body .punctuation{color:#908989}.astro-code,pre.astro-code{background-color:var(--color-bg-weak)!important}.astro-code span{color:var(--shiki-dark, inherit)!important;font-style:var(--shiki-dark-font-style, inherit)!important;font-weight:var(--shiki-dark-font-weight, inherit)!important;text-decoration:var(--shiki-dark-text-decoration, inherit)!important}.logo-icon rect:last-child,.landing-logo svg rect:last-child{fill:#181616}}