.hero.svelte-20o733{position:relative;padding:var(--space-16) 0 var(--space-12);overflow:hidden}.hero-inner.svelte-20o733{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}@media(max-width:680px){.hero-inner.svelte-20o733{grid-template-columns:1fr}}.hero-left.svelte-20o733{display:flex;flex-direction:column;gap:var(--space-4)}.hero-badge.svelte-20o733{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);background:var(--color-primary-tint);color:var(--color-primary);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;width:fit-content}.hero-badge.svelte-20o733 .material-symbols-rounded:where(.svelte-20o733){font-size:1rem}.hero-title.svelte-20o733{font-size:var(--text-hero-title);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--color-on-surface)}.hero-description.svelte-20o733{font-size:1rem;color:var(--color-on-surface-variant);line-height:1.6}.hero-actions.svelte-20o733{display:flex;flex-direction:column;gap:var(--space-3)}.browser-compat.svelte-20o733{display:flex;align-items:center;gap:var(--space-2)}.browser-icon.svelte-20o733{color:var(--color-on-surface-variant);display:flex}.compat-text.svelte-20o733{font-size:.8125rem;color:var(--color-outline)}.docs-link.svelte-20o733{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--color-outline);text-decoration:none;transition:color .15s;width:fit-content}.docs-link.svelte-20o733:hover{color:var(--color-primary)}.docs-link.svelte-20o733 .material-symbols-rounded:where(.svelte-20o733){font-size:1rem}.store-links.svelte-20o733{display:flex;flex-direction:column;gap:var(--space-2)}.hero-glow.svelte-20o733{position:absolute;top:-80px;right:-100px;width:450px;height:450px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);pointer-events:none}.hero-demo.svelte-20o733{display:flex;justify-content:center}.demo-card.svelte-20o733{width:100%;max-width:340px;border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-2xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.glass.svelte-20o733{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.demo-url-bar.svelte-20o733{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3)}.demo-url-icon.svelte-20o733{font-size:1rem;color:var(--color-outline);flex-shrink:0}.demo-url.svelte-20o733{font-size:.6875rem;color:var(--color-on-surface-variant);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-copy-btn.svelte-20o733{flex-shrink:0}.demo-status.svelte-20o733{display:flex;align-items:center;gap:var(--space-2)}.demo-status-dot.svelte-20o733{width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--color-success);flex-shrink:0}.demo-status-text.svelte-20o733{font-size:.75rem;color:var(--color-on-surface-variant)}.demo-progress.svelte-20o733{display:flex;flex-direction:column;gap:var(--space-2)}.demo-progress-bar.svelte-20o733{height:4px;background:var(--color-surface-container-high);border-radius:var(--radius-full);overflow:hidden}.demo-progress-fill.svelte-20o733{height:100%;width:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full)}.demo-progress-label.svelte-20o733{font-size:.6875rem;color:var(--color-outline)}.section.svelte-ednx7s{padding:var(--space-14) 0}.section-header.svelte-ednx7s{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.section-title.svelte-ednx7s{font-size:1.375rem;font-weight:700;color:var(--color-on-surface);letter-spacing:-.01em}.section-badge.svelte-ednx7s{font-size:.75rem;font-family:var(--font-mono);color:var(--color-outline);background:var(--color-surface-container);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-outline-variant)}.steps-grid.svelte-ednx7s{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:600px){.steps-grid.svelte-ednx7s{grid-template-columns:1fr}}.step-card.svelte-ednx7s{background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color .15s,box-shadow .15s}.step-card.svelte-ednx7s:hover{border-color:var(--color-primary);box-shadow:0 4px 16px var(--color-primary-glow-md)}.step-number.svelte-ednx7s{font-size:.75rem;font-weight:700;color:var(--color-primary);letter-spacing:.05em}.step-icon.svelte-ednx7s{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-primary-tint);border-radius:var(--radius-lg);color:var(--color-primary)}.step-icon.svelte-ednx7s .material-symbols-rounded:where(.svelte-ednx7s){font-size:1.25rem}.step-title.svelte-ednx7s{font-size:1rem;font-weight:700;color:var(--color-on-surface)}.step-description.svelte-ednx7s{font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.55}.step-description.svelte-ednx7s kbd:where(.svelte-ednx7s){font-family:var(--font-mono);font-size:.8125rem;background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-1);color:var(--color-on-surface)}.preview-grid.svelte-1upid5p{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:640px){.preview-grid.svelte-1upid5p{grid-template-columns:1fr}}.preview-card.svelte-1upid5p{background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.preview-card-header.svelte-1upid5p{display:flex;align-items:flex-start;gap:var(--space-3)}.preview-icon.svelte-1upid5p{font-size:1.5rem;color:var(--color-primary);flex-shrink:0}.preview-card-title.svelte-1upid5p{font-size:.9375rem;font-weight:700;color:var(--color-on-surface)}.preview-card-source.svelte-1upid5p{font-size:.75rem;color:var(--color-outline);margin-top:var(--space-1)}.preview-text.svelte-1upid5p{font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.55}.preview-features.svelte-1upid5p{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.preview-features.svelte-1upid5p li:where(.svelte-1upid5p){font-size:.875rem;color:var(--color-on-surface-variant);padding-left:var(--space-4);position:relative}.preview-features.svelte-1upid5p li:where(.svelte-1upid5p):before{content:"—";position:absolute;left:0;color:var(--color-outline)}.preview-success.svelte-1upid5p{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--color-success-dark);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);margin-top:auto}.preview-success.svelte-1upid5p .material-symbols-rounded:where(.svelte-1upid5p){font-size:1rem}.terminal-card.svelte-1upid5p{background:#0f1117;border:1.5px solid #2a2d36;border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.terminal-header.svelte-1upid5p{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid #2a2d36;background:#16181f}.terminal-dots.svelte-1upid5p{display:flex;gap:var(--space-2)}.terminal-dots.svelte-1upid5p span:where(.svelte-1upid5p){width:.625rem;height:.625rem;border-radius:var(--radius-full)}.terminal-dots.svelte-1upid5p span:where(.svelte-1upid5p):nth-child(1){background:#ff5f57}.terminal-dots.svelte-1upid5p span:where(.svelte-1upid5p):nth-child(2){background:#febc2e}.terminal-dots.svelte-1upid5p span:where(.svelte-1upid5p):nth-child(3){background:#28c840}.terminal-title.svelte-1upid5p{font-size:.75rem;color:#636672}.terminal-body.svelte-1upid5p{padding:var(--space-5);font-size:.8125rem;line-height:1.65;color:#c9d1d9;white-space:pre;overflow-x:auto;flex:1}.terminal-body.svelte-1upid5p code:where(.svelte-1upid5p){font-family:var(--font-mono)}.terminal-footer.svelte-1upid5p{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid #2a2d36;font-size:.75rem;color:#28c840;background:#16181f}.terminal-footer.svelte-1upid5p .material-symbols-rounded:where(.svelte-1upid5p){font-size:.875rem}.faq-section.svelte-1upid5p{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-outline-variant)}.faq-title.svelte-1upid5p{font-size:1.25rem;font-weight:700;color:var(--color-on-surface);margin-bottom:var(--space-4)}.faq-item.svelte-1upid5p{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);margin-bottom:var(--space-2);overflow:hidden}.faq-question.svelte-1upid5p{padding:var(--space-4) var(--space-5);font-weight:600;cursor:pointer;color:var(--color-on-surface);font-size:.9375rem}.faq-question.svelte-1upid5p:hover{background:var(--color-surface-container)}.faq-answer.svelte-1upid5p{padding:0 var(--space-5) var(--space-4);color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.6}.section.svelte-16py5pq{padding:var(--space-14) 0}.section--muted.svelte-16py5pq{background:var(--color-surface-container)}.section-title.svelte-16py5pq{font-size:1.375rem;font-weight:700;color:var(--color-on-surface);letter-spacing:-.01em;margin-bottom:var(--space-8)}.content-section.svelte-16py5pq{max-width:720px;margin:0 auto}.use-cases-grid.svelte-16py5pq{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.use-case.svelte-16py5pq{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.use-case-icon.svelte-16py5pq{font-size:1.5rem;color:var(--color-primary)}.use-case-name.svelte-16py5pq{font-size:.9375rem;font-weight:600;color:var(--color-on-surface)}.use-case-description.svelte-16py5pq{font-size:.8125rem;color:var(--color-on-surface-variant);line-height:1.55}.section.svelte-1ecafld{padding:var(--space-14) 0}.section--muted.svelte-1ecafld,.section--muted2.svelte-1ecafld{background:var(--color-surface-container)}.section-title.svelte-1ecafld{font-size:1.375rem;font-weight:700;color:var(--color-on-surface);letter-spacing:-.01em;margin-bottom:var(--space-5)}.section-desc.svelte-1ecafld{font-size:.9375rem;color:var(--color-on-surface-variant);line-height:1.6;margin-bottom:var(--space-6)}.prose-section.svelte-1ecafld p:where(.svelte-1ecafld){font-size:.9375rem;color:var(--color-on-surface-variant);line-height:1.7;margin-bottom:var(--space-4)}.prose-link.svelte-1ecafld{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.prose-link.svelte-1ecafld:hover{opacity:.8}.code-grid.svelte-1ecafld{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.code-grid--mt.svelte-1ecafld{margin-top:var(--space-4)}@media(max-width:640px){.code-grid.svelte-1ecafld{grid-template-columns:1fr}}.code-col.svelte-1ecafld{display:flex;flex-direction:column}.code-label.svelte-1ecafld{font-size:.75rem;font-weight:600;font-family:var(--font-mono);padding:var(--space-2) var(--space-4)}.code-label--bad.svelte-1ecafld{background:#fef2f2;color:var(--color-error);border:1px solid #fecaca;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.code-label--good.svelte-1ecafld{background:#16181f;color:var(--color-success);border:1px solid #2a2d36;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.code-pre.svelte-1ecafld{margin:0;padding:var(--space-4);font-size:.8125rem;line-height:1.6;overflow-x:auto;white-space:pre;flex:1}.code-pre--bad.svelte-1ecafld{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.code-pre--good.svelte-1ecafld{background:#0f1117;color:#c9d1d9;border:1px solid #2a2d36;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.table-wrap.svelte-1ecafld{overflow-x:auto;border-radius:var(--radius-xl);border:1.5px solid var(--color-outline-variant)}.comparison-table.svelte-1ecafld{width:100%;border-collapse:collapse;font-size:.875rem}.comparison-table.svelte-1ecafld th:where(.svelte-1ecafld){padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;background:var(--color-surface-container);color:var(--color-on-surface);border-bottom:1.5px solid var(--color-outline-variant);white-space:nowrap}.comparison-table.svelte-1ecafld td:where(.svelte-1ecafld){padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-outline-variant);color:var(--color-on-surface-variant);white-space:nowrap}.comparison-table.svelte-1ecafld tr:where(.svelte-1ecafld):last-child td:where(.svelte-1ecafld){border-bottom:none}.th-highlight.svelte-1ecafld{background:var(--color-primary-tint)}.td-highlight.svelte-1ecafld{background:#e8f0fe4d}.yes.svelte-1ecafld{color:var(--color-success-dark);font-weight:700}.no.svelte-1ecafld{color:var(--color-outline)}.note.svelte-1ecafld{color:var(--color-outline);font-style:italic}.perms-list.svelte-1ecafld{margin:var(--space-3) 0 var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.perms-list.svelte-1ecafld li:where(.svelte-1ecafld){font-size:.9375rem;color:var(--color-on-surface-variant);line-height:1.6}