.hero.svelte-20o733{position:relative;padding:4rem 0 3rem;overflow:hidden}.hero-inner.svelte-20o733{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;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:1rem}.hero-badge.svelte-20o733{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem .25rem .5rem;background:#e8f0fe;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;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 20}.hero-title.svelte-20o733{font-size:clamp(2rem,5vw,3.25rem);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:.75rem}.browser-compat.svelte-20o733{display:flex;align-items:center;gap:.5rem}.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:.375rem;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}.hero-glow.svelte-20o733{position:absolute;top:-80px;right:-100px;width:450px;height:450px;background:radial-gradient(circle,rgba(0,88,195,.07) 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:1.25rem;display:flex;flex-direction:column;gap:.875rem}.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:.5rem;background:var(--color-surface-container);border-radius:var(--radius-lg);padding:.5rem .75rem}.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:.5rem}.demo-status-dot.svelte-20o733{width:.5rem;height:.5rem;border-radius:var(--radius-full);background:#22c55e;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:.375rem}.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:3.5rem 0}.section-header.svelte-ednx7s{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.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:.2rem .625rem;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:1rem}@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:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .15s,box-shadow .15s}.step-card.svelte-ednx7s:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #0058c314}.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:#e8f0fe;border-radius:var(--radius-lg);color:var(--color-primary)}.step-icon.svelte-ednx7s .material-symbols-rounded:where(.svelte-ednx7s){font-size:1.25rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.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:.1rem .35rem;color:var(--color-on-surface)}.preview-grid.svelte-1upid5p{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@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:1.5rem;display:flex;flex-direction:column;gap:.875rem}.preview-card-header.svelte-1upid5p{display:flex;align-items:flex-start;gap:.75rem}.preview-icon.svelte-1upid5p{font-size:1.5rem;color:var(--color-primary);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;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:.125rem}.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:.375rem}.preview-features.svelte-1upid5p li:where(.svelte-1upid5p){font-size:.875rem;color:var(--color-on-surface-variant);padding-left:1rem;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:.375rem;font-size:.8125rem;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-lg);padding:.5rem .75rem;margin-top:auto}.preview-success.svelte-1upid5p .material-symbols-rounded:where(.svelte-1upid5p){font-size:1rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.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:.75rem;padding:.75rem 1rem;border-bottom:1px solid #2a2d36;background:#16181f}.terminal-dots.svelte-1upid5p{display:flex;gap:.375rem}.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:1.25rem;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:.375rem;padding:.625rem 1rem;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;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.faq-section.svelte-1upid5p{margin-top:3rem;padding-top:2rem;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:1rem}.faq-item.svelte-1upid5p{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);margin-bottom:.5rem;overflow:hidden}.faq-question.svelte-1upid5p{padding:1rem 1.25rem;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 1.25rem 1rem;color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.6}.section.svelte-16py5pq{padding:3.5rem 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:1.75rem}.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:1rem}.use-case.svelte-16py5pq{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.use-case-icon.svelte-16py5pq{font-size:1.5rem;color:var(--color-primary);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.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}.breadcrumb-wrap.svelte-1ecafld{padding:.75rem 0;border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface)}.breadcrumb.svelte-1ecafld{display:flex;align-items:center;gap:.25rem}.breadcrumb-link.svelte-1ecafld{font-size:.8125rem;color:var(--color-outline);text-decoration:none;transition:color .15s}.breadcrumb-link.svelte-1ecafld:hover{color:var(--color-primary)}.breadcrumb-sep.svelte-1ecafld{font-size:1rem;color:var(--color-outline-variant)}.breadcrumb-current.svelte-1ecafld{font-size:.8125rem;color:var(--color-on-surface);font-weight:500}.section.svelte-1ecafld{padding:3.5rem 0}.section--muted.svelte-1ecafld{background:var(--color-surface-container)}.section-header.svelte-1ecafld{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.section-title.svelte-1ecafld{font-size:1.375rem;font-weight:700;color:var(--color-on-surface);letter-spacing:-.01em}