.app-page.svelte-piaxye{padding-bottom:80px}.app-hero.svelte-piaxye{padding:80px 24px 60px;text-align:center}.app-hero-inner.svelte-piaxye{max-width:640px;margin:0 auto}.app-logo.svelte-piaxye{width:80px;height:80px;border-radius:18px;margin:0 auto 16px;display:block}h1.svelte-piaxye{font-size:2.4rem;font-weight:800;color:#f0f0f0;margin-bottom:8px}.app-tagline.svelte-piaxye{font-size:1.1rem;color:#a78bfa;font-weight:600;margin-bottom:16px}.app-desc.svelte-piaxye{color:#888;line-height:1.7;margin-bottom:28px}.btn.svelte-piaxye{display:inline-flex;align-items:center;padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-primary.svelte-piaxye{background:#a78bfa;color:#fff}.btn-primary.svelte-piaxye:hover{background:#5254cc;transform:translateY(-1px)}.screenshots.svelte-piaxye{padding:48px 0}.screenshot-grid.svelte-piaxye{display:flex;justify-content:center;gap:24px}.screenshot-frame.svelte-piaxye{width:260px;border-radius:24px;overflow:hidden;border:1px solid #1e1e1e;background:#0a0a0a}.screenshot-frame.svelte-piaxye img:where(.svelte-piaxye){width:100%;height:auto;display:block}.section-inner.svelte-piaxye{max-width:900px;margin:0 auto;padding:0 24px}.features.svelte-piaxye,.more-features.svelte-piaxye{padding:48px 0}.features-grid.svelte-piaxye{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.feature-card.svelte-piaxye{background:#0f0f0f;border:1px solid #1e1e1e;border-radius:14px;padding:24px 20px}.feat-icon.svelte-piaxye{font-size:1.6rem;margin-bottom:12px}.feature-card.svelte-piaxye h3:where(.svelte-piaxye){font-size:.95rem;font-weight:700;color:#f0f0f0;margin-bottom:8px}.feature-card.svelte-piaxye p:where(.svelte-piaxye){font-size:.83rem;color:#666;line-height:1.6}.setup-section.svelte-piaxye{padding:48px 0}h2.svelte-piaxye{font-size:1.5rem;font-weight:800;color:#f0f0f0;margin-bottom:24px}.steps.svelte-piaxye{display:flex;flex-direction:column;gap:20px}.step.svelte-piaxye{display:flex;gap:20px;align-items:flex-start}.step-num.svelte-piaxye{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#a78bfa;color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.step.svelte-piaxye strong:where(.svelte-piaxye){display:block;color:#f0f0f0;margin-bottom:4px}.step.svelte-piaxye p:where(.svelte-piaxye){font-size:.85rem;color:#666;line-height:1.6;margin:0}