*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #ffffff;--color-bg-alt: #f8f9fa;--color-text: #1a1a2e;--color-text-muted: #6c757d;--color-accent: #4a7b9d;--color-accent-hover: #3a6a8c;--color-accent-bg: rgba(74, 123, 157, .1);--color-border: #e9ecef;--color-card-bg: #ffffff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace}[data-theme=dark]{--color-bg: #0f0f1a;--color-bg-alt: #1a1a2e;--color-text: #e4e4e7;--color-text-muted: #a1a1aa;--color-accent: #6ba3c7;--color-accent-hover: #7db4d8;--color-accent-bg: rgba(107, 163, 199, .15);--color-border: #2a2a3e;--color-card-bg: rgba(255, 255, 255, .03)}html{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page:where(.astro-j7pv25f6){max-width:72rem;margin:0 auto;padding:0 1.5rem}.header:where(.astro-j7pv25f6){position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.logo:where(.astro-j7pv25f6){display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.logo:where(.astro-j7pv25f6) img:where(.astro-j7pv25f6){width:42px;height:42px;border-radius:6px}.nav:where(.astro-j7pv25f6){display:flex;align-items:center;gap:1.5rem}.nav-link:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.375rem;font-size:.9375rem;color:var(--color-text-muted);position:relative;transition:color .2s ease}.nav-link:where(.astro-j7pv25f6):after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--color-accent);transition:width .3s ease,left .3s ease}.nav-link:where(.astro-j7pv25f6):hover{color:var(--color-text)}.nav-link:where(.astro-j7pv25f6):hover:after{width:100%;left:0}:root:not([data-theme=dark]) .nav-link:where(.astro-j7pv25f6){color:var(--color-text)}.theme-toggle:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:transparent;border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-muted);cursor:pointer}.theme-toggle:where(.astro-j7pv25f6):hover{color:var(--color-text);border-color:var(--color-text-muted)}.icon-moon:where(.astro-j7pv25f6){display:none}[data-theme=dark] .icon-sun:where(.astro-j7pv25f6){display:none}[data-theme=dark] .icon-moon:where(.astro-j7pv25f6){display:block}.hero:where(.astro-j7pv25f6){display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 0;border-bottom:1px solid var(--color-border)}.hero-content:where(.astro-j7pv25f6){max-width:42rem}.hero-title-row:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;animation:fadeInUp .6s ease-out .1s both}.hero-badge:where(.astro-j7pv25f6){display:inline-block;padding:.375rem .875rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-bg);border-radius:100px}.hero-logo:where(.astro-j7pv25f6){width:140px;height:140px;margin-bottom:1rem;animation:fadeInUp .6s ease-out .05s both}.hero-title:where(.astro-j7pv25f6){font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;line-height:1;margin:0}.hero-tagline:where(.astro-j7pv25f6){font-size:clamp(1.125rem,2vw,1.25rem);color:var(--color-text-muted);line-height:1.5;margin-bottom:.5rem;animation:fadeInUp .6s ease-out .2s both}.hero-sub:where(.astro-j7pv25f6){font-size:.9rem;color:var(--color-text-muted);margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .25s both}.install-command:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:.5rem;margin-bottom:1.5rem;font-family:var(--font-mono);animation:fadeInUp .6s ease-out .3s both}.install-command:where(.astro-j7pv25f6) code:where(.astro-j7pv25f6){font-size:.875rem;color:var(--color-text)}.copy-btn:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:.25rem;transition:color .2s ease,background .2s ease}.copy-btn:where(.astro-j7pv25f6):hover{color:var(--color-text);background:var(--color-border)}.copy-btn:where(.astro-j7pv25f6) .icon-check:where(.astro-j7pv25f6){display:none;color:#22c55e}.copy-btn:where(.astro-j7pv25f6).copied .icon-copy:where(.astro-j7pv25f6){display:none}.copy-btn:where(.astro-j7pv25f6).copied .icon-check:where(.astro-j7pv25f6){display:block}.hero-actions:where(.astro-j7pv25f6){display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;animation:fadeInUp .6s ease-out .4s both}.btn:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;border-radius:.5rem;border:1px solid transparent;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:where(.astro-j7pv25f6):hover{transform:translateY(-2px)}.btn:where(.astro-j7pv25f6):active{transform:translateY(0)}.btn-primary:where(.astro-j7pv25f6){background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:where(.astro-j7pv25f6):hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary:where(.astro-j7pv25f6){background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:where(.astro-j7pv25f6):hover{border-color:var(--color-text-muted)}.code-block:where(.astro-j7pv25f6){border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;background:var(--color-bg-alt);transition:border-color .2s ease,box-shadow .2s ease}.code-block:where(.astro-j7pv25f6):hover{border-color:var(--color-accent)}[data-theme=dark] .code-block:where(.astro-j7pv25f6):hover{box-shadow:0 0 20px #6ba3c726}.code-header:where(.astro-j7pv25f6){display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}:root:not([data-theme=dark]) .code-header:where(.astro-j7pv25f6){background:#e1e4e8;border-bottom-color:#d0d7de}:root:not([data-theme=dark]) .code-header:where(.astro-j7pv25f6) .code-filename:where(.astro-j7pv25f6){color:#57606a}:root:not([data-theme=dark]) .code-header:where(.astro-j7pv25f6) .code-dots:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){background:#c9ccd1}.code-dots:where(.astro-j7pv25f6){display:flex;gap:.375rem}.code-dots:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){width:.625rem;height:.625rem;border-radius:50%;background:var(--color-border)}.code-filename:where(.astro-j7pv25f6){font-size:.8125rem;color:var(--color-text-muted);font-family:var(--font-mono)}.code-block:where(.astro-j7pv25f6) pre{margin:0;padding:1.25rem 1.5rem;border-radius:0;white-space:pre-wrap;word-wrap:break-word}.code-block:where(.astro-j7pv25f6) code{white-space:pre-wrap;word-break:break-word}.code-light:where(.astro-j7pv25f6) pre{background:#f6f8fa!important}.code-dark:where(.astro-j7pv25f6) pre{background:#24292e!important}.code-light:where(.astro-j7pv25f6){display:block}.code-dark:where(.astro-j7pv25f6){display:none}[data-theme=dark] .code-light:where(.astro-j7pv25f6){display:none}[data-theme=dark] .code-dark:where(.astro-j7pv25f6){display:block}.section-header:where(.astro-j7pv25f6){text-align:center;margin-bottom:3rem}.section-label:where(.astro-j7pv25f6){display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.75rem}.section-title:where(.astro-j7pv25f6){font-size:clamp(1.5rem,4vw,2rem);font-weight:600;letter-spacing:-.02em}.section-subtitle:where(.astro-j7pv25f6){font-size:1rem;color:var(--color-text-muted);margin-top:.5rem}.comparison:where(.astro-j7pv25f6){padding:5rem 0;border-bottom:1px solid var(--color-border)}.tabs:where(.astro-j7pv25f6){max-width:48rem;margin:0 auto}.tab-bar:where(.astro-j7pv25f6){display:flex;gap:.25rem;border-bottom:2px solid var(--color-border);margin-bottom:1.5rem}.tab:where(.astro-j7pv25f6){flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:color .2s ease,border-color .2s ease}.tab:where(.astro-j7pv25f6):hover{color:var(--color-text)}.tab:where(.astro-j7pv25f6).active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.tab-panel:where(.astro-j7pv25f6){display:none}.tab-panel:where(.astro-j7pv25f6).active{display:block}.tab-desc:where(.astro-j7pv25f6){font-size:.9rem;color:var(--color-text-muted);margin-bottom:1rem;line-height:1.5;text-align:center}.features:where(.astro-j7pv25f6){padding:5rem 0;border-bottom:1px solid var(--color-border)}.feature-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card:where(.astro-j7pv25f6){padding:1.75rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:.75rem;animation:fadeInUp .5s ease-out both;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:where(.astro-j7pv25f6):hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 12px 24px #00000014}[data-theme=dark] .feature-card:where(.astro-j7pv25f6):hover{box-shadow:0 12px 24px #00000040}.feature-card:where(.astro-j7pv25f6):nth-child(1){animation-delay:.1s}.feature-card:where(.astro-j7pv25f6):nth-child(2){animation-delay:.15s}.feature-card:where(.astro-j7pv25f6):nth-child(3){animation-delay:.2s}.feature-card:where(.astro-j7pv25f6):nth-child(4){animation-delay:.25s}.feature-card:where(.astro-j7pv25f6):nth-child(5){animation-delay:.3s}.feature-card:where(.astro-j7pv25f6):nth-child(6){animation-delay:.35s}.feature-card:where(.astro-j7pv25f6) h3:where(.astro-j7pv25f6){display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:600;margin-bottom:.75rem}.feature-icon:where(.astro-j7pv25f6){display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;color:var(--color-accent);background:var(--color-accent-bg);border-radius:.375rem}.feature-icon:where(.astro-j7pv25f6) svg:where(.astro-j7pv25f6){width:1rem;height:1rem}.feature-card:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){font-size:.9375rem;color:var(--color-text-muted);line-height:1.6}.feature-card:where(.astro-j7pv25f6) code:where(.astro-j7pv25f6){font-size:.85em;padding:.125rem .375rem;background:var(--color-bg-alt);border-radius:.25rem}.footer:where(.astro-j7pv25f6){padding:3rem 0;text-align:center;border-top:1px solid var(--color-border)}.footer:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:var(--color-text-muted);font-size:.875rem}.footer:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--color-text)}.footer-sep:where(.astro-j7pv25f6){margin:0 .75rem;color:var(--color-border)}.footer-copy:where(.astro-j7pv25f6){margin-top:1rem;font-size:.8125rem;color:var(--color-text-muted)}@media(max-width:900px){.hero:where(.astro-j7pv25f6){padding:4rem 0}.tab-bar:where(.astro-j7pv25f6){gap:0;flex-wrap:wrap}.tab:where(.astro-j7pv25f6){flex:0 0 50%;padding:.625rem .75rem;font-size:.8125rem}}@media(max-width:640px){.nav:where(.astro-j7pv25f6){gap:1rem}.hero:where(.astro-j7pv25f6){padding:3rem 0}.hero-actions:where(.astro-j7pv25f6){flex-direction:column;align-items:center}.btn:where(.astro-j7pv25f6){width:100%;max-width:16rem;justify-content:center}.comparison:where(.astro-j7pv25f6){padding:3.5rem 0}.features:where(.astro-j7pv25f6){padding:3.5rem 0}.feature-grid:where(.astro-j7pv25f6){gap:1rem}.feature-card:where(.astro-j7pv25f6){padding:1.25rem}}