:where(.astro-j7pv25f6){margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#1f2328;line-height:1.6;-webkit-font-smoothing:antialiased}.container:where(.astro-j7pv25f6){max-width:1200px;margin:0 auto;padding:0 24px}.nav:where(.astro-j7pv25f6){position:fixed;top:0;left:0;right:0;z-index:100;background:#fffc;backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb}.nav-inner:where(.astro-j7pv25f6){max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo:where(.astro-j7pv25f6){display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:1.25rem;color:#1f2328}.nav-links:where(.astro-j7pv25f6){display:flex;align-items:center;gap:32px}.nav-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){text-decoration:none;color:#656d76;font-size:.9375rem;font-weight:500;transition:color .2s}.nav-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:#1f2328}.nav-github:where(.astro-j7pv25f6){display:flex;align-items:center;padding:8px;border-radius:8px;transition:background .2s}.nav-github:where(.astro-j7pv25f6):hover{background:#f3f4f6}.nav-sponsor:where(.astro-j7pv25f6){display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff!important;border-radius:8px;font-weight:600;transition:all .2s ease}.nav-sponsor:where(.astro-j7pv25f6):hover{background:linear-gradient(135deg,#db2777,#be185d);transform:translateY(-1px);color:#fff!important}.nav-sponsor:where(.astro-j7pv25f6) svg:where(.astro-j7pv25f6){fill:currentColor}.nav-mobile-toggle:where(.astro-j7pv25f6){display:none;background:none;border:none;padding:8px;cursor:pointer;color:#1f2328}.mobile-menu:where(.astro-j7pv25f6){display:none;position:fixed;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;flex-direction:column;gap:16px;z-index:99}.mobile-menu:where(.astro-j7pv25f6).open{display:flex}.mobile-menu:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){text-decoration:none;color:#1f2328;font-weight:500;padding:8px 0}.hero:where(.astro-j7pv25f6){position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden}.hero-bg:where(.astro-j7pv25f6){position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(35,134,54,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(59,130,246,.08),transparent)}.hero-content:where(.astro-j7pv25f6){position:relative;text-align:center;max-width:800px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#2386361a;border:1px solid rgba(35,134,54,.2);border-radius:100px;font-size:.875rem;font-weight:500;color:#1a7f37;margin-bottom:24px}.badge-dot:where(.astro-j7pv25f6){width:8px;height:8px;background:#238636;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title:where(.astro-j7pv25f6){font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px}.gradient-text:where(.astro-j7pv25f6){background:linear-gradient(135deg,#238636,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle:where(.astro-j7pv25f6){font-size:1.25rem;color:#656d76;margin-bottom:40px;line-height:1.7}.hero-cta:where(.astro-j7pv25f6){display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.btn:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary:where(.astro-j7pv25f6){background:#238636;color:#fff;box-shadow:0 2px 8px #2386364d}.btn-primary:where(.astro-j7pv25f6):hover{background:#1a7f37;transform:translateY(-2px);box-shadow:0 4px 12px #23863666}.btn-secondary:where(.astro-j7pv25f6){background:#fff;color:#1f2328;border:1px solid #d0d7de}.btn-secondary:where(.astro-j7pv25f6):hover{background:#f6f8fa;border-color:#1f2328}.btn-ghost:where(.astro-j7pv25f6){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-ghost:where(.astro-j7pv25f6):hover{background:#ffffff1a;border-color:#ffffff80}.btn-lg:where(.astro-j7pv25f6){padding:14px 28px;font-size:1.0625rem}.hero-stats:where(.astro-j7pv25f6){display:flex;justify-content:center;align-items:center;gap:32px}.stat:where(.astro-j7pv25f6){text-align:center}.stat-value:where(.astro-j7pv25f6){display:block;font-size:1.5rem;font-weight:700;color:#1f2328}.stat-label:where(.astro-j7pv25f6){font-size:.875rem;color:#656d76}.stat-divider:where(.astro-j7pv25f6){width:1px;height:40px;background:#e5e7eb}section:where(.astro-j7pv25f6){padding:100px 0}.section-header:where(.astro-j7pv25f6){text-align:center;max-width:600px;margin:0 auto 60px}.section-tag:where(.astro-j7pv25f6){display:inline-block;padding:4px 12px;background:#f0fdf4;color:#15803d;border-radius:100px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.section-header:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-size:2.25rem;font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.section-header:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){font-size:1.125rem;color:#656d76}.section-header:where(.astro-j7pv25f6) code:where(.astro-j7pv25f6){background:#f6f8fa;padding:2px 8px;border-radius:6px;font-size:.9em;color:#1f2328}.demo-section:where(.astro-j7pv25f6){background:#f6f8fa}.demo-wrapper:where(.astro-j7pv25f6){max-width:1000px;margin:0 auto;animation:fadeIn .6s ease-out .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.features-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.feature-card:where(.astro-j7pv25f6){background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;transition:all .3s ease}.feature-card:where(.astro-j7pv25f6):hover{border-color:#d0d7de;box-shadow:0 8px 30px #00000014;transform:translateY(-4px)}.feature-icon:where(.astro-j7pv25f6){width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdf4,#dbeafe);border-radius:12px;margin-bottom:20px;color:#238636}.feature-card:where(.astro-j7pv25f6) h3:where(.astro-j7pv25f6){font-size:1.125rem;font-weight:600;margin-bottom:12px}.feature-card:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){color:#656d76;font-size:.9375rem;line-height:1.6}.code-section:where(.astro-j7pv25f6){background:#0d1117;color:#fff}.code-section:where(.astro-j7pv25f6) .section-tag:where(.astro-j7pv25f6){background:#23863633;color:#7ee787}.code-section:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){color:#fff}.code-section:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){color:#8b949e}.code-layout:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.code-content:where(.astro-j7pv25f6){text-align:left}.code-content:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-size:2rem;margin-bottom:16px}.code-content:where(.astro-j7pv25f6)>p:where(.astro-j7pv25f6){margin-bottom:32px}.code-steps:where(.astro-j7pv25f6){margin-bottom:32px}.step:where(.astro-j7pv25f6){display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #30363d}.step-num:where(.astro-j7pv25f6){width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#238636;border-radius:50%;font-size:.875rem;font-weight:600}.code-block:where(.astro-j7pv25f6){background:#161b22;border-radius:12px;border:1px solid #30363d;overflow:hidden}.code-header:where(.astro-j7pv25f6){display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0d1117;border-bottom:1px solid #30363d}.code-dots:where(.astro-j7pv25f6){display:flex;gap:8px}.code-dots:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){width:12px;height:12px;border-radius:50%}.code-dots:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(1){background:#ff5f56}.code-dots:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(2){background:#ffbd2e}.code-dots:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(3){background:#27ca40}.code-filename:where(.astro-j7pv25f6){font-size:.8125rem;color:#8b949e}.code-block:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6){padding:24px;overflow-x:auto;font-size:.875rem;line-height:1.7}.code-block:where(.astro-j7pv25f6) code:where(.astro-j7pv25f6){font-family:SF Mono,SFMono-Regular,Menlo,Consolas,monospace;color:#c9d1d9}.c-keyword:where(.astro-j7pv25f6){color:#ff7b72}.c-string:where(.astro-j7pv25f6){color:#a5d6ff}.c-func:where(.astro-j7pv25f6){color:#d2a8ff}.c-tag:where(.astro-j7pv25f6){color:#7ee787}.c-attr:where(.astro-j7pv25f6){color:#79c0ff}.c-var:where(.astro-j7pv25f6){color:#ffa657}.cta-section:where(.astro-j7pv25f6){background:linear-gradient(180deg,#fff,#f6f8fa)}.cta-card:where(.astro-j7pv25f6){background:linear-gradient(135deg,#0d1117,#161b22);border-radius:24px;padding:60px;text-align:center;color:#fff}.cta-card:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-size:2rem;margin-bottom:12px}.cta-card:where(.astro-j7pv25f6)>p:where(.astro-j7pv25f6){color:#8b949e;font-size:1.125rem;margin-bottom:32px}.cta-install:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:12px;background:#0d1117;border:1px solid #30363d;border-radius:10px;padding:12px 20px;margin-bottom:32px}.cta-install:where(.astro-j7pv25f6) code:where(.astro-j7pv25f6){font-family:SF Mono,monospace;color:#c9d1d9}.copy-btn:where(.astro-j7pv25f6){background:none;border:none;color:#8b949e;cursor:pointer;padding:4px;transition:color .2s}.copy-btn:where(.astro-j7pv25f6):hover{color:#fff}.cta-buttons:where(.astro-j7pv25f6){display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer:where(.astro-j7pv25f6){background:#f6f8fa;padding:40px 0;border-top:1px solid #e5e7eb}.footer-inner:where(.astro-j7pv25f6){display:flex;flex-direction:column;align-items:center;gap:24px}.footer-brand:where(.astro-j7pv25f6){display:flex;align-items:center;gap:8px;font-weight:600;color:#1f2328}.footer-links:where(.astro-j7pv25f6){display:flex;gap:32px}.footer-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:#656d76;text-decoration:none;font-size:.9375rem;transition:color .2s}.footer-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:#1f2328}.footer-copy:where(.astro-j7pv25f6){color:#8b949e;font-size:.875rem}@media(max-width:900px){.code-layout:where(.astro-j7pv25f6){grid-template-columns:1fr;gap:40px}.code-content:where(.astro-j7pv25f6){text-align:center}}@media(max-width:768px){.nav-links:where(.astro-j7pv25f6){display:none}.nav-mobile-toggle:where(.astro-j7pv25f6){display:block}.hero:where(.astro-j7pv25f6){min-height:auto;padding:120px 24px 60px}.hero-stats:where(.astro-j7pv25f6){gap:24px}.stat-divider:where(.astro-j7pv25f6){height:30px}section:where(.astro-j7pv25f6){padding:60px 0}.features-grid:where(.astro-j7pv25f6){grid-template-columns:1fr}.cta-card:where(.astro-j7pv25f6){padding:40px 24px}.footer-links:where(.astro-j7pv25f6){flex-wrap:wrap;justify-content:center;gap:16px 32px}}.floating-sponsor:where(.astro-j7pv25f6){position:fixed;bottom:24px;right:24px;z-index:90;display:flex;align-items:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;text-decoration:none;border-radius:100px;font-weight:600;font-size:.9375rem;box-shadow:0 4px 20px #db277766;transition:all .3s ease;animation:floatPulse 3s ease-in-out infinite}.floating-sponsor:where(.astro-j7pv25f6):hover{background:linear-gradient(135deg,#db2777,#be185d);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 30px #db277780}.floating-sponsor:where(.astro-j7pv25f6) svg:where(.astro-j7pv25f6){animation:heartbeat 1.5s ease-in-out infinite}@keyframes floatPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@media(max-width:480px){.floating-sponsor:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){display:none}.floating-sponsor:where(.astro-j7pv25f6){bottom:16px;right:16px;padding:14px;border-radius:50%}}