.svelte-1uha8ag{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0a0a0f;color:#e4e4e7;line-height:1.6;overflow-x:hidden}.page.svelte-1uha8ag{min-height:100vh}.topnav.svelte-1uha8ag{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0a0a0fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.logo.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem;color:#fff;text-decoration:none}.logo-icon.svelte-1uha8ag{color:#8b5cf6;font-size:1.4rem}.nav-links.svelte-1uha8ag{display:flex;align-items:center;gap:2rem}.nav-links.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#a1a1aa;text-decoration:none;font-size:.9rem;transition:color .2s}.nav-links.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:#fff}.nav-links.svelte-1uha8ag .github:where(.svelte-1uha8ag){display:flex;color:#71717a}.nav-links.svelte-1uha8ag .github:where(.svelte-1uha8ag):hover{color:#fff}.hero.svelte-1uha8ag{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8rem 2rem 4rem;background:radial-gradient(ellipse at top,#1a1a2e,#0a0a0f 70%);text-align:center;gap:4rem}.hero-content.svelte-1uha8ag{max-width:700px}.badge.svelte-1uha8ag{display:inline-block;padding:.4rem 1rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:100px;font-size:.8rem;color:#a78bfa;margin-bottom:1.5rem}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:4rem;font-weight:700;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-.02em}.gradient-text.svelte-1uha8ag{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline.svelte-1uha8ag{font-size:1.2rem;color:#a1a1aa;margin:0 0 2.5rem}.hero-actions.svelte-1uha8ag{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary.svelte-1uha8ag{padding:.85rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:8px;text-decoration:none;font-weight:500;transition:transform .2s,box-shadow .2s}.btn-primary.svelte-1uha8ag:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}.btn-secondary.svelte-1uha8ag{padding:.85rem 2rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;text-decoration:none;font-weight:500;transition:border-color .2s,background .2s}.btn-secondary.svelte-1uha8ag:hover{border-color:#fff6;background:#ffffff0d}.hero-demo.svelte-1uha8ag{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.demo-card.svelte-1uha8ag{width:120px;height:120px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.demo-icon.svelte-1uha8ag{font-size:2rem}.demo-card.svelte-1uha8ag span:where(.svelte-1uha8ag){font-size:.75rem;color:#71717a}.stats.svelte-1uha8ag{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff0f}.stat.svelte-1uha8ag{padding:3rem 2rem;background:#0a0a0f;text-align:center}.stat-value.svelte-1uha8ag{display:block;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.stat-label.svelte-1uha8ag{font-size:.9rem;color:#71717a}.section.svelte-1uha8ag{padding:6rem 2rem;max-width:1100px;margin:0 auto}.section.dark.svelte-1uha8ag{background:#111118;max-width:100%}.section.dark.svelte-1uha8ag>:where(.svelte-1uha8ag){max-width:1100px;margin-left:auto;margin-right:auto}.section-header.svelte-1uha8ag{margin-bottom:3rem}.section-tag.svelte-1uha8ag{display:inline-block;font-size:.75rem;color:#8b5cf6;font-weight:600;letter-spacing:.1em;margin-bottom:.75rem}.section.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:2.5rem;font-weight:700;margin:0;color:#fff}.section-desc.svelte-1uha8ag{color:#a1a1aa;font-size:1.1rem;margin:0 0 2rem}.install-box.svelte-1uha8ag{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;max-width:500px}.pm-tabs.svelte-1uha8ag{display:flex;border-bottom:1px solid rgba(255,255,255,.08)}.pm-tab.svelte-1uha8ag{flex:1;padding:.75rem;background:transparent;border:none;color:#71717a;font-size:.85rem;cursor:pointer;transition:color .2s,background .2s}.pm-tab.svelte-1uha8ag:hover{color:#a1a1aa}.pm-tab.active.svelte-1uha8ag{color:#fff;background:#8b5cf61a}.install-command.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;padding:1.25rem}.install-command.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem;color:#e4e4e7}.copy-btn.svelte-1uha8ag{width:36px;height:36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a1a1aa;cursor:pointer;transition:background .2s,color .2s}.copy-btn.svelte-1uha8ag:hover{background:#ffffff1a;color:#fff}.steps.svelte-1uha8ag{display:grid;gap:1.5rem}.step-card.svelte-1uha8ag{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:.75rem}@media(min-width:600px){.step-card.svelte-1uha8ag{padding:2.5rem}}.step-number.svelte-1uha8ag{width:32px;height:32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;margin-bottom:1rem}.step-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1.25rem;margin:0 0 .5rem;color:#fff}.step-card.svelte-1uha8ag>p:where(.svelte-1uha8ag){color:#a1a1aa;margin:0 0 1.5rem;font-size:.95rem}.code-block.svelte-1uha8ag{background:#0a0a0f;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1.25rem;overflow-x:auto;max-width:80vw}.code-block.svelte-1uha8ag pre:where(.svelte-1uha8ag){margin:0}.code-block.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.7}.code-block.svelte-1uha8ag .c:where(.svelte-1uha8ag){color:#6b7280}.code-block.svelte-1uha8ag .k:where(.svelte-1uha8ag){color:#c084fc}.code-block.svelte-1uha8ag .s:where(.svelte-1uha8ag){color:#34d399}.code-block.svelte-1uha8ag .t:where(.svelte-1uha8ag){color:#f472b6}.code-block.svelte-1uha8ag .a:where(.svelte-1uha8ag){color:#60a5fa}.info-callout.svelte-1uha8ag{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:12px;margin-top:2rem}.callout-icon.svelte-1uha8ag{font-size:1.25rem;flex-shrink:0}.info-callout.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;color:#c4b5fd;font-size:.95rem}.info-callout.svelte-1uha8ag code:where(.svelte-1uha8ag){background:#8b5cf633;padding:.15rem .4rem;border-radius:4px;font-size:.85em}.animation-groups.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem}.anim-group.svelte-1uha8ag{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.75rem}@media(max-width:765px){.anim-group.svelte-1uha8ag{padding:1rem}}.anim-group.svelte-1uha8ag h3:where(.svelte-1uha8ag){display:flex;align-items:center;gap:.75rem;font-size:1.1rem;margin:0 0 .5rem;color:#fff}.group-icon.svelte-1uha8ag{color:#8b5cf6}.anim-group.svelte-1uha8ag>p:where(.svelte-1uha8ag){color:#71717a;font-size:.9rem;margin:0 0 1rem}.anim-tags.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.5rem}.anim-tag.svelte-1uha8ag{padding:.35rem .75rem;background:#ffffff0a;border-radius:6px;font-size:.8rem;color:#a1a1aa;font-family:JetBrains Mono,monospace}.preview-title.svelte-1uha8ag{font-size:1.25rem;color:#fff;margin:0 0 1.5rem}.preview-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:4rem}.preview-item.svelte-1uha8ag{height:100px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500}.stagger-row.svelte-1uha8ag{display:flex;gap:1rem;flex-wrap:wrap}.stagger-item.svelte-1uha8ag{width:80px;height:80px;background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500}.options-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:3rem}.option-item.svelte-1uha8ag{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem}@media(max-width:765px){.option-item.svelte-1uha8ag{padding:2rem}}.option-name.svelte-1uha8ag{font-family:JetBrains Mono,monospace;color:#8b5cf6;font-size:1rem}.option-type.svelte-1uha8ag{display:inline-block;margin-left:.75rem;padding:.2rem .5rem;background:#ffffff0f;border-radius:4px;font-size:.75rem;color:#71717a}.option-item.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#a1a1aa;margin:.75rem 0 .5rem;font-size:.9rem}.option-default.svelte-1uha8ag{font-size:.8rem;color:#52525b}.easing-title.svelte-1uha8ag{font-size:1.25rem;color:#fff;margin:0 0 1.5rem}.easing-grid.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.5rem}.easing-tag.svelte-1uha8ag{padding:.4rem .75rem;background:#ffffff0a;border-radius:6px;font-size:.8rem;color:#a1a1aa;font-family:JetBrains Mono,monospace}.api-cards.svelte-1uha8ag{display:block}.api-cards.svelte-1uha8ag :where(.svelte-1uha8ag){margin-bottom:2rem}.api-card.svelte-1uha8ag{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:.75rem}@media(min-width:600px){.api-card.svelte-1uha8ag{padding:2.5rem}}.api-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-family:JetBrains Mono,monospace;font-size:1.15rem;color:#fff;margin:0 0 .5rem}.api-badge.svelte-1uha8ag{display:inline-block;padding:.2rem .6rem;background:#8b5cf626;border-radius:4px;font-size:.7rem;color:#a78bfa;margin-bottom:.75rem}.api-badge.secondary.svelte-1uha8ag{background:#ec489926;color:#f472b6}.api-card.svelte-1uha8ag>p:where(.svelte-1uha8ag){color:#a1a1aa;font-size:.95rem;margin:0 0 1.5rem}.imports-table.svelte-1uha8ag{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.table-row.svelte-1uha8ag{display:grid;grid-template-columns:150px 1fr 120px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);align-items:center}.table-row.svelte-1uha8ag:last-child{border-bottom:none}.table-row.header.svelte-1uha8ag{background:#ffffff08;font-weight:600;font-size:.85rem;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.table-row.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:JetBrains Mono,monospace;color:#8b5cf6;font-size:.9rem}.required.svelte-1uha8ag{color:#34d399;font-size:.85rem}.optional.svelte-1uha8ag{color:#71717a;font-size:.85rem}.convenience.svelte-1uha8ag{color:#f472b6;font-size:.85rem}footer.svelte-1uha8ag{padding:4rem 2rem;background:#0a0a0f;border-top:1px solid rgba(255,255,255,.06);text-align:center}.footer-content.svelte-1uha8ag{max-width:600px;margin:0 auto}.footer-brand.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:1.1rem;color:#fff;margin-bottom:.5rem}footer.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#52525b;margin:0 0 1.5rem}.footer-links.svelte-1uha8ag{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;color:#3f3f46}.footer-links.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#71717a;text-decoration:none;transition:color .2s}.footer-links.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:#8b5cf6}@media(max-width:768px){.topnav.svelte-1uha8ag{padding:1rem}.nav-links.svelte-1uha8ag{gap:1rem}.nav-links.svelte-1uha8ag a:where(.svelte-1uha8ag):not(.github){display:none}.hero.svelte-1uha8ag{padding:6rem 1rem 3rem}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2.5rem}.tagline.svelte-1uha8ag{font-size:1rem}.stats.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}.stat.svelte-1uha8ag{padding:2rem 1rem}.stat-value.svelte-1uha8ag{font-size:2rem}.section.svelte-1uha8ag{padding:4rem 1rem}.section.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:2rem}.table-row.svelte-1uha8ag{grid-template-columns:1fr;gap:.5rem}.table-row.header.svelte-1uha8ag{display:none}}@media(max-width:480px){.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2rem}.demo-card.svelte-1uha8ag{width:100px;height:100px}.preview-item.svelte-1uha8ag,.stagger-item.svelte-1uha8ag{height:70px}}