.feature-card.svelte-1m1rz0p:hover{border-color:var(--primary);box-shadow:0 20px 25px -5px color-mix(in srgb,var(--primary) 10%,transparent),0 8px 10px -6px color-mix(in srgb,var(--primary) 10%,transparent)}.feature-card.svelte-1m1rz0p:hover .feature-card-icon:where(.svelte-1m1rz0p){background-color:color-mix(in srgb,var(--primary) 15%,transparent)}.feature-card.svelte-1m1rz0p:hover .feature-card-title:where(.svelte-1m1rz0p){color:var(--primary)}.framework-tabs:where(.astro-377xntfu){margin-top:2rem}.framework-tabs-header:where(.astro-377xntfu){display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem;padding:.25rem;background:var(--sl-color-gray-6);border-radius:.75rem;width:fit-content;margin-left:auto;margin-right:auto}.framework-tab-button:where(.astro-377xntfu){display:flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;border:none;border-radius:.5rem;background:transparent;color:var(--sl-color-gray-2);cursor:pointer;transition:all .2s ease;position:relative}.framework-tab-button:where(.astro-377xntfu):hover:not(.active){color:var(--sl-color-text);background:var(--sl-color-gray-5)}.framework-tab-button:where(.astro-377xntfu).active{color:var(--sl-color-text);background:var(--sl-color-bg);box-shadow:0 2px 8px #0000001a}.dark:where(.astro-377xntfu) .framework-tab-button:where(.astro-377xntfu).active{box-shadow:0 2px 8px #0000004d}.framework-tab-icon:where(.astro-377xntfu){display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;transition:filter .2s ease,opacity .2s ease}.framework-tab-icon:where(.astro-377xntfu) svg:where(.astro-377xntfu){width:100%;height:100%}.framework-tab-button:where(.astro-377xntfu):not(.active) .framework-tab-icon:where(.astro-377xntfu){filter:grayscale(100%);opacity:.6}.framework-tab-button:where(.astro-377xntfu).active .framework-tab-icon:where(.astro-377xntfu){filter:grayscale(0%);opacity:1}.framework-tab-label:where(.astro-377xntfu){white-space:nowrap}.framework-tabs-content:where(.astro-377xntfu){position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.code-window:where(.astro-dkzm2p2m){border-radius:.75rem;overflow:hidden;background:#1e1e1e;box-shadow:0 8px 16px #0003,0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.1)}.code-window-header:where(.astro-dkzm2p2m){display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#2d2d2d;border-bottom:1px solid rgba(255,255,255,.1)}.code-window-controls:where(.astro-dkzm2p2m){display:flex;gap:.375rem;align-items:center}.code-window-dot:where(.astro-dkzm2p2m){width:12px;height:12px;border-radius:50%;flex-shrink:0}.code-window-dot-close:where(.astro-dkzm2p2m){background:#ff5f57}.code-window-dot-minimize:where(.astro-dkzm2p2m){background:#ffbd2e}.code-window-dot-maximize:where(.astro-dkzm2p2m){background:#28ca42}.code-window-title:where(.astro-dkzm2p2m){display:flex;align-items:center;gap:.5rem;flex:1;font-size:.8125rem;font-weight:500;color:#ffffffb3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-window-icon:where(.astro-dkzm2p2m){flex-shrink:0;color:#ffffff80}.code-window-content:where(.astro-dkzm2p2m){overflow:hidden}.code-window-content pre.shiki{margin:0;padding:1.5rem;border-radius:0;overflow-x:auto;background:#1e1e1e!important;border:none}.code-window-content pre.shiki code{font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.7;display:block;width:100%}.code-window-content pre.shiki{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.code-window-content pre.shiki::-webkit-scrollbar{height:8px}.code-window-content pre.shiki::-webkit-scrollbar-track{background:transparent}.code-window-content pre.shiki::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.code-window-content pre.shiki::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:where(.astro-j7pv25f6){box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;background:var(--sl-color-bg);color:var(--sl-color-text);transition:background-color .2s ease,color .2s ease}.layout:where(.astro-j7pv25f6){display:flex;flex-direction:column;min-height:100vh}.layout:where(.astro-j7pv25f6) .shared-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}main:where(.astro-j7pv25f6){flex:1}.hero:where(.astro-j7pv25f6){padding:6rem 1.5rem;text-align:center;background:var(--sl-color-bg)}.hero-content:where(.astro-j7pv25f6){max-width:48rem;margin:0 auto}.hero-title:where(.astro-j7pv25f6){font-size:4rem;font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--sl-color-text);margin-bottom:1.5rem}.hero-tagline:where(.astro-j7pv25f6){font-size:1.25rem;line-height:1.75;color:var(--sl-color-gray-2);margin-bottom:2.5rem}.hero-actions:where(.astro-j7pv25f6){display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--sl-color-white);background:var(--sl-color-accent);border-radius:.5rem;text-decoration:none;transition:opacity .2s ease}.btn-primary:where(.astro-j7pv25f6):hover{opacity:.9}.btn-primary:where(.astro-j7pv25f6) .icon:where(.astro-j7pv25f6){width:1rem;height:1rem}.btn-secondary:where(.astro-j7pv25f6){display:inline-flex;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--sl-color-text);border:1px solid var(--sl-color-hairline);border-radius:.5rem;text-decoration:none;transition:background-color .2s ease}.btn-secondary:where(.astro-j7pv25f6):hover{background:var(--sl-color-gray-6)}.features:where(.astro-j7pv25f6){padding:5rem 1.5rem;background:var(--sl-color-bg)}.container:where(.astro-j7pv25f6){max-width:80rem;margin:0 auto}.section-title:where(.astro-j7pv25f6){font-size:2.5rem;font-weight:700;text-align:center;color:var(--sl-color-text);margin-bottom:3rem}.features-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.demo:where(.astro-j7pv25f6){padding:5rem 1.5rem;background:var(--sl-color-gray-6)}.demo-content:where(.astro-j7pv25f6){max-width:64rem;margin:0 auto}.demo-description:where(.astro-j7pv25f6){text-align:center;color:var(--sl-color-gray-2);margin-bottom:2rem}.demo-wrapper:where(.astro-j7pv25f6){border-radius:.5rem;overflow:hidden;border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);height:550px;position:relative}.demo-wrapper:where(.astro-j7pv25f6)>*:not(script):not(style){width:100%;height:100%;display:block}.quickstart:where(.astro-j7pv25f6){padding:5rem 1.5rem;background:var(--sl-color-bg)}.quickstart-content:where(.astro-j7pv25f6){max-width:48rem;margin:0 auto}.code-wrapper:where(.astro-j7pv25f6){padding:0;background:transparent;border:none;overflow:visible}.quickstart-link:where(.astro-j7pv25f6){text-align:center;margin-top:2rem}.link:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.25rem;color:var(--sl-color-accent);text-decoration:none;transition:opacity .2s ease}.link:where(.astro-j7pv25f6):hover{opacity:.8;text-decoration:underline}.link:where(.astro-j7pv25f6) .icon:where(.astro-j7pv25f6){width:1rem;height:1rem}.cta:where(.astro-j7pv25f6){padding:4rem 1.5rem;background:linear-gradient(to bottom right,var(--sl-color-accent),color-mix(in srgb,var(--sl-color-accent) 80%,var(--sl-color-bg)));text-align:center}.cta-title:where(.astro-j7pv25f6){font-size:2.5rem;font-weight:600;color:var(--sl-color-white);margin-bottom:1rem}.cta-description:where(.astro-j7pv25f6){font-size:1rem;color:var(--sl-color-white);opacity:.9;margin-bottom:2rem;max-width:36rem;margin-left:auto;margin-right:auto}.cta-actions:where(.astro-j7pv25f6){display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.hero-title:where(.astro-j7pv25f6){font-size:2.5rem}.section-title:where(.astro-j7pv25f6){font-size:2rem}.features-grid:where(.astro-j7pv25f6){grid-template-columns:1fr}}