.hero.svelte-13wmnd{background:var(--bg-secondary);padding:5rem 2rem 4rem;text-align:center}.hero-inner.svelte-13wmnd{max-width:700px;margin:0 auto}.badge.svelte-13wmnd{display:inline-block;background:var(--primary-light);color:var(--primary-text);font-size:.78rem;font-weight:600;padding:4px 14px;border-radius:20px;margin-bottom:1.5rem}h1.svelte-13wmnd{font-size:2.8rem;font-weight:800;line-height:1.2;color:var(--text);margin-bottom:1.25rem}.desc.svelte-13wmnd{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.cta.svelte-13wmnd{margin-bottom:3rem}.btn-primary.svelte-13wmnd{background:var(--primary);color:#fff;padding:14px 32px;border-radius:var(--radius-md);font-size:1rem;font-weight:600;text-decoration:none;box-shadow:0 4px 14px #0d94884d}.btn-primary.svelte-13wmnd:hover{background:var(--primary-hover)}.features.svelte-13wmnd{padding:4rem 2rem}.features-inner.svelte-13wmnd{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.feature.svelte-13wmnd{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.feature-icon.svelte-13wmnd{font-size:1.5rem;margin-bottom:.75rem}.feature.svelte-13wmnd h3:where(.svelte-13wmnd){font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature.svelte-13wmnd p:where(.svelte-13wmnd){font-size:.85rem;color:var(--text-secondary);line-height:1.6}.code-section.svelte-13wmnd{background:var(--bg-secondary);padding:4rem 2rem}.code-inner.svelte-13wmnd{max-width:760px;margin:0 auto}.code-inner.svelte-13wmnd h2:where(.svelte-13wmnd){font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:.5rem}.code-desc.svelte-13wmnd{text-align:center;color:var(--text-secondary);font-size:.95rem;margin-bottom:2.5rem}.steps.svelte-13wmnd{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.step.svelte-13wmnd{display:flex;align-items:center;gap:.75rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1.1rem}.step-num.svelte-13wmnd{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step.svelte-13wmnd strong:where(.svelte-13wmnd){display:block;font-size:.875rem;font-weight:600}.step-detail.svelte-13wmnd{font-size:.75rem;color:var(--text-secondary);font-family:monospace}.step-arrow.svelte-13wmnd{color:var(--text-tertiary);font-size:1.1rem}.snippet-box.svelte-13wmnd{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tabs.svelte-13wmnd{display:flex;gap:0;border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:0 1rem}.tab.svelte-13wmnd{background:none;border:none;border-bottom:2px solid transparent;padding:.75rem 1rem;font-size:.875rem;cursor:pointer;color:var(--text-secondary);margin-bottom:-1px}.tab.svelte-13wmnd:hover{color:var(--text)}.tab.active.svelte-13wmnd{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}.code-block.svelte-13wmnd{background:#0f172a;padding:1.5rem;overflow-x:auto}.code-block.svelte-13wmnd pre:where(.svelte-13wmnd){margin:0;font-family:Courier New,monospace;font-size:.82rem;line-height:1.8;color:#e2e8f0;white-space:pre}@media (max-width: 768px){h1.svelte-13wmnd{font-size:1.9rem}.features-inner.svelte-13wmnd{grid-template-columns:repeat(2,1fr)}.steps.svelte-13wmnd{flex-direction:column;align-items:stretch}.step-arrow.svelte-13wmnd{display:none}}@media (max-width: 480px){.features-inner.svelte-13wmnd{grid-template-columns:1fr}}