.blob-1:where(.astro-d2vdhpap){width:500px;height:500px;background:linear-gradient(135deg,#10b981,#3b82f6);top:-200px;left:-100px;animation-delay:0s}.blob-2:where(.astro-d2vdhpap){width:400px;height:400px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);top:100px;right:-100px;animation-delay:7s}.section:where(.astro-d2vdhpap) h2:where(.astro-d2vdhpap){font-size:2.5rem;color:#1e293b}.section:where(.astro-d2vdhpap) p:where(.astro-d2vdhpap){line-height:1.7}code:where(.astro-d2vdhpap){background:#f1f5f9;padding:.2rem .4rem;border-radius:.25rem;font-size:.9em;color:#e11d48}.inline-link:where(.astro-d2vdhpap){color:#3b82f6;text-decoration:none;font-weight:600}.inline-link:where(.astro-d2vdhpap):hover{text-decoration:underline}.problem-section:where(.astro-d2vdhpap){background:#f8fafc}.section-intro:where(.astro-d2vdhpap){font-size:1.2rem;color:#475569;max-width:700px;margin:0 auto 3rem;text-align:center}.problem-demo:where(.astro-d2vdhpap){display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:768px){.problem-demo:where(.astro-d2vdhpap){grid-template-columns:1fr}}.demo-card:where(.astro-d2vdhpap){background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 2px 8px #00000014}.demo-card:where(.astro-d2vdhpap) h3:where(.astro-d2vdhpap){color:#334155;margin-bottom:1rem;font-size:1.1rem}.feature-list:where(.astro-d2vdhpap){list-style:none;padding:0;margin:0}.feature-list:where(.astro-d2vdhpap) li:where(.astro-d2vdhpap){padding:.4rem 0;color:#475569;display:flex;align-items:flex-start;gap:.5rem}.feature-list:where(.astro-d2vdhpap) li:where(.astro-d2vdhpap):before{content:"✓";color:#10b981;font-weight:700;flex-shrink:0}.feature-list--problem:where(.astro-d2vdhpap) li:where(.astro-d2vdhpap):before{content:"✗";color:#ef4444}.problem-explanation:where(.astro-d2vdhpap){background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 2px 8px #00000014}.solution-demo:where(.astro-d2vdhpap){display:flex;justify-content:center;margin-top:2rem}.solution-card:where(.astro-d2vdhpap){background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 4px 16px #0000001a;max-width:680px;width:100%}.solution-card:where(.astro-d2vdhpap) h3:where(.astro-d2vdhpap){color:#334155;margin-bottom:1.25rem;font-size:1.2rem}.demo-note:where(.astro-d2vdhpap){margin-top:1rem;padding:.75rem 1rem;background:#f0fdf4;border-radius:.5rem;color:#166534;font-size:.9rem;line-height:1.8}.getting-started-section:where(.astro-d2vdhpap){background:#f8fafc}.install-section:where(.astro-d2vdhpap){margin-top:2rem;background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 2px 8px #00000014}.install-section:where(.astro-d2vdhpap) h3:where(.astro-d2vdhpap){color:#334155;margin-bottom:1rem;font-size:1.25rem}.tabs-container:where(.astro-d2vdhpap){margin-top:2rem}.tabs-header:where(.astro-d2vdhpap){display:flex;gap:.5rem;background:#f8fafc;padding:.5rem;border-radius:.75rem .75rem 0 0;overflow-x:auto;scrollbar-width:none}.tabs-header:where(.astro-d2vdhpap)::-webkit-scrollbar{display:none}.tab-button:where(.astro-d2vdhpap){background:transparent;border:none;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;position:relative;transition:all .2s;white-space:nowrap;flex-shrink:0;border-radius:.5rem}.tab-button:where(.astro-d2vdhpap):hover{color:#1e293b;background:#10b9811a}.tab-button:where(.astro-d2vdhpap).active{color:#fff;background:#10b981;box-shadow:0 2px 8px #10b9814d}.tabs-content:where(.astro-d2vdhpap){background:#fff;border-radius:0 0 .75rem .75rem;box-shadow:0 4px 16px #0000001a;overflow:hidden}.tab-panel:where(.astro-d2vdhpap){display:none;padding:2rem}.tab-panel:where(.astro-d2vdhpap).active{display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.github-link:where(.astro-d2vdhpap){text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.github-link:where(.astro-d2vdhpap) a:where(.astro-d2vdhpap){color:#3b82f6;text-decoration:none;font-weight:600;font-size:1rem;transition:color .2s}.github-link:where(.astro-d2vdhpap) a:where(.astro-d2vdhpap):hover{color:#1d4ed8}.features-section:where(.astro-d2vdhpap){background:#fff}.use-cases-section:where(.astro-d2vdhpap){background:#f8fafc}.cta-section:where(.astro-d2vdhpap){text-align:center;background:linear-gradient(135deg,#10b981,#3b82f6);color:#fff}.cta-section:where(.astro-d2vdhpap) h2:where(.astro-d2vdhpap){color:#fff}.cta-description:where(.astro-d2vdhpap){font-size:1.125rem;opacity:.95}.cta-buttons:where(.astro-d2vdhpap){display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.cta-primary:where(.astro-d2vdhpap){display:inline-block;padding:.75rem 2rem;background:#fff;color:#059669;font-weight:700;border-radius:.5rem;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #00000026}.cta-primary:where(.astro-d2vdhpap):hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.cta-secondary:where(.astro-d2vdhpap){display:inline-block;padding:.75rem 2rem;background:#ffffff26;color:#fff;font-weight:600;border-radius:.5rem;text-decoration:none;border:2px solid rgba(255,255,255,.4);transition:all .2s}.cta-secondary:where(.astro-d2vdhpap):hover{background:#ffffff40}