:root{--neutral-900: #0f0e0c;--neutral-800: #181714;--neutral-700: #1f1d19;--neutral-600: #28251f;--neutral-500: #353128;--neutral-400: #4d4840;--neutral-300: #6b645a;--neutral-200: #8c867c;--neutral-100: #b8b3a9;--neutral-50: #e8e6e1;--primary-500: #20a1a1;--primary-400: #3dbdbd;--primary-300: #66cfcf;--primary-700: #156363;--primary-900: #0a2e2e;--success-400: #4fb36a;--warning-400: #c99428;--error-400: #db4f4f}:where(.astro-j7pv25f6){margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;background:var(--neutral-800);color:var(--neutral-50);line-height:1.6;min-height:100vh}.bg-pattern:where(.astro-j7pv25f6){position:fixed;inset:0;background:var(--neutral-900);z-index:-1}.container:where(.astro-j7pv25f6){max-width:1200px;margin:0 auto;padding:0 1.5rem}nav:where(.astro-j7pv25f6){position:fixed;top:0;left:0;right:0;padding:1rem 0;background:#0f0e0ccc;backdrop-filter:blur(12px);border-bottom:1px solid var(--neutral-500);z-index:100}.nav-content:where(.astro-j7pv25f6){display:flex;justify-content:space-between;align-items:center}.logo:where(.astro-j7pv25f6){display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--neutral-50);text-decoration:none}.logo-icon:where(.astro-j7pv25f6){width:32px;height:32px}.nav-links:where(.astro-j7pv25f6){display:flex;align-items:center;gap:2rem}.nav-link:where(.astro-j7pv25f6){color:var(--neutral-200);text-decoration:none;font-size:.875rem;transition:color .15s ease}.nav-link:where(.astro-j7pv25f6):hover{color:var(--primary-400)}.github-link:where(.astro-j7pv25f6){display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--neutral-700);border:1px solid var(--neutral-500);border-radius:6px;color:var(--neutral-50);text-decoration:none;font-size:.875rem;transition:all .15s ease}.github-link:where(.astro-j7pv25f6):hover{background:var(--neutral-600);border-color:var(--primary-500)}.hero:where(.astro-j7pv25f6){padding:10rem 0 6rem;text-align:center}.hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6){font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:.1s}.hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description:where(.astro-j7pv25f6){font-size:1.125rem;color:var(--neutral-200);max-width:600px;margin:0 auto 1.5rem;opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:.2s}.install-command:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--neutral-900);border:1px solid var(--neutral-500);border-radius:8px;margin-bottom:2rem;opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:.25s}.install-command:where(.astro-j7pv25f6) code:where(.astro-j7pv25f6){font-size:.9375rem;color:var(--primary-400)}.copy-btn:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:center;padding:.375rem;background:transparent;border:1px solid var(--neutral-500);border-radius:4px;color:var(--neutral-300);cursor:pointer;transition:all .15s ease}.copy-btn:where(.astro-j7pv25f6):hover{background:var(--neutral-700);border-color:var(--primary-500);color:var(--primary-400)}.hero-actions:where(.astro-j7pv25f6){display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:.3s}.btn:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:8px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s ease;font-family:inherit}.btn-primary:where(.astro-j7pv25f6){background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);color:var(--neutral-50);border:1px solid var(--primary-500)}.btn-primary:where(.astro-j7pv25f6):hover{transform:translateY(-2px);box-shadow:0 8px 24px #20a1a14d}.btn-secondary:where(.astro-j7pv25f6){background:var(--neutral-700);color:var(--neutral-50);border:1px solid var(--neutral-500)}.btn-secondary:where(.astro-j7pv25f6):hover{background:var(--neutral-600);border-color:var(--primary-500)}.demo-preview:where(.astro-j7pv25f6){max-width:900px;margin:4rem auto 0;opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:.4s}.demo-container:where(.astro-j7pv25f6){background:var(--neutral-900);border:1px solid var(--neutral-500);border-radius:12px;overflow:hidden;box-shadow:0 24px 48px #00000080}.demo-header:where(.astro-j7pv25f6){display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--neutral-700);border-bottom:1px solid var(--neutral-500)}.demo-dot:where(.astro-j7pv25f6){width:12px;height:12px;border-radius:50%}.demo-dot:where(.astro-j7pv25f6).red{background:var(--error-400)}.demo-dot:where(.astro-j7pv25f6).yellow{background:var(--warning-400)}.demo-dot:where(.astro-j7pv25f6).green{background:var(--success-400)}.demo-title:where(.astro-j7pv25f6){flex:1;text-align:center;font-size:.75rem;color:var(--neutral-300)}.demo-video:where(.astro-j7pv25f6){display:block;width:100%;height:auto;background:var(--neutral-900)}.features:where(.astro-j7pv25f6){padding:6rem 0}.section-header:where(.astro-j7pv25f6){text-align:center;margin-bottom:4rem}.section-header:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-size:2rem;font-weight:600;margin-bottom:1rem}.section-header:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){color:var(--neutral-200);max-width:500px;margin:0 auto}.features-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card:where(.astro-j7pv25f6){background:var(--neutral-700);border:1px solid var(--neutral-500);border-radius:12px;padding:2rem;transition:all .2s ease}.feature-card:where(.astro-j7pv25f6):hover{border-color:var(--primary-500);transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.feature-icon:where(.astro-j7pv25f6){font-size:2rem;margin-bottom:1rem}.feature-card:where(.astro-j7pv25f6) h3:where(.astro-j7pv25f6){font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.feature-card:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){color:var(--neutral-200);font-size:.9375rem}.features-cta:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:3rem;padding:1rem 1.5rem;background:var(--neutral-800);border:1px solid var(--neutral-500);border-radius:8px}.features-cta-text:where(.astro-j7pv25f6){color:var(--neutral-200);font-size:.875rem}.features-cta-link:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-400);text-decoration:none;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .15s ease}.features-cta-link:where(.astro-j7pv25f6):hover{color:var(--primary-300)}.features-cta-link:where(.astro-j7pv25f6) svg:where(.astro-j7pv25f6){transition:transform .15s ease}.features-cta-link:where(.astro-j7pv25f6):hover svg:where(.astro-j7pv25f6){transform:translate(3px)}@media(max-width:640px){.features-cta:where(.astro-j7pv25f6){flex-direction:column;gap:.75rem;text-align:center}}.quickstart:where(.astro-j7pv25f6){padding:6rem 0;background:var(--neutral-900)}.quickstart-content:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:768px){.quickstart-content:where(.astro-j7pv25f6){grid-template-columns:1fr;gap:2rem}}.quickstart-text:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-size:2rem;font-weight:600;margin-bottom:1rem}.quickstart-text:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){color:var(--neutral-200);margin-bottom:1.5rem}.quickstart-steps:where(.astro-j7pv25f6){list-style:none}.quickstart-steps:where(.astro-j7pv25f6) li:where(.astro-j7pv25f6){display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;color:var(--neutral-100)}.step-number:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-900);border:1px solid var(--primary-500);border-radius:50%;font-size:.75rem;color:var(--primary-400);flex-shrink:0}.code-block:where(.astro-j7pv25f6){background:var(--neutral-800);border:1px solid var(--neutral-500);border-radius:12px;overflow:hidden}.code-header:where(.astro-j7pv25f6){display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--neutral-700);border-bottom:1px solid var(--neutral-500)}.code-filename:where(.astro-j7pv25f6){font-size:.75rem;color:var(--neutral-300)}.code-copy:where(.astro-j7pv25f6){padding:.25rem .75rem;background:transparent;border:1px solid var(--neutral-500);border-radius:4px;color:var(--neutral-200);font-size:.75rem;cursor:pointer;font-family:inherit;transition:all .15s ease}.code-copy:where(.astro-j7pv25f6):hover{background:var(--neutral-600);border-color:var(--primary-500);color:var(--neutral-50)}.code-content:where(.astro-j7pv25f6){padding:1.5rem;font-size:.875rem;overflow-x:auto}.code-content:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6){margin:0}footer:where(.astro-j7pv25f6){padding:3rem 0;border-top:1px solid var(--neutral-500);text-align:center}.footer-links:where(.astro-j7pv25f6){display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.footer-link:where(.astro-j7pv25f6){color:var(--neutral-200);text-decoration:none;font-size:.875rem;transition:color .15s ease}.footer-link:where(.astro-j7pv25f6):hover{color:var(--primary-400)}.footer-copyright:where(.astro-j7pv25f6){font-size:.75rem;color:var(--neutral-300)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:where(.astro-j7pv25f6)::selection{background:#20a1a14d;color:var(--neutral-50)}:where(.astro-j7pv25f6)::-webkit-scrollbar{width:8px;height:8px}:where(.astro-j7pv25f6)::-webkit-scrollbar-track{background:var(--neutral-900)}:where(.astro-j7pv25f6)::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:4px}:where(.astro-j7pv25f6)::-webkit-scrollbar-thumb:hover{background:var(--neutral-300)}