.hero.svelte-1uha8ag{padding:var(--spacing-4xl) 0;overflow:hidden}.hero.svelte-1uha8ag .container:where(.svelte-1uha8ag){display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-4xl);align-items:center}.hero-badge.svelte-1uha8ag{margin-bottom:var(--spacing-lg)}.hero-title.svelte-1uha8ag{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:var(--spacing-xl)}.hero-description.svelte-1uha8ag{font-size:var(--font-size-lg);max-width:480px;margin-bottom:var(--spacing-md)}.hero-sources.svelte-1uha8ag{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm)}.hero-source-tags.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-2xl)}.source-tag.svelte-1uha8ag{font-size:var(--font-size-xs);color:var(--color-text-dim);padding:2px var(--spacing-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.hero-actions.svelte-1uha8ag{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.hero-platforms.svelte-1uha8ag{display:flex;gap:var(--spacing-lg)}.platform-badge.svelte-1uha8ag{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.hero-visual.svelte-1uha8ag{position:relative}.perspective-showcase.svelte-1uha8ag{position:relative;aspect-ratio:16 / 10;max-width:100%}.app-frame.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-medium);box-shadow:var(--shadow-lg);transition:all .6s cubic-bezier(.4,0,.2,1);transform-origin:center center}.app-frame.svelte-1uha8ag img:where(.svelte-1uha8ag){width:100%;height:100%;object-fit:cover;display:block}.app-frame.active.svelte-1uha8ag{z-index:2;transform:translate(0) translateY(0);opacity:1;box-shadow:var(--shadow-lg),var(--shadow-glow)}.app-frame.behind.svelte-1uha8ag{z-index:1;transform:translate(12%) translateY(-12%);opacity:.6}.theme-hint.svelte-1uha8ag{text-align:center;margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-dim)}.features-layout.svelte-1uha8ag{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-3xl);align-items:start}.feature-screenshot-container.svelte-1uha8ag{position:relative;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16 / 10;box-shadow:var(--shadow-lg),var(--shadow-glow)}.feature-screenshot.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease}.feature-screenshot.active.svelte-1uha8ag{opacity:1}.feature-screenshot.svelte-1uha8ag img{width:100%;height:100%;object-fit:cover;display:block}[data-theme=dark] .feature-screenshot.svelte-1uha8ag .img-light,[data-theme=light] .feature-screenshot.svelte-1uha8ag .img-dark{display:none}.section-header.svelte-1uha8ag{max-width:600px;margin:0 auto var(--spacing-3xl)}.section-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-bottom:var(--spacing-md)}.features-list.svelte-1uha8ag{display:flex;flex-direction:column;gap:var(--spacing-md)}.feature-card.svelte-1uha8ag{display:flex;align-items:flex-start;gap:var(--spacing-lg);text-align:left;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;background:var(--color-card-bg);font-family:inherit;color:inherit;width:100%;padding:var(--spacing-lg);border-radius:var(--radius-lg)}.feature-card.svelte-1uha8ag:hover{border-color:var(--color-border-medium);background:var(--color-card-bg-hover)}.feature-card.active.svelte-1uha8ag{border-color:var(--color-accent);background:var(--color-accent-soft)}.feature-icon.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background:var(--color-accent-soft);border-radius:var(--radius-md);color:var(--color-accent)}.feature-card.active.svelte-1uha8ag .feature-icon:where(.svelte-1uha8ag){background:var(--color-accent);color:var(--color-accent-contrast)}.feature-text.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.feature-text.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.extra-features.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.extra-card.svelte-1uha8ag{text-align:center;padding:var(--spacing-xl)}.extra-card.svelte-1uha8ag .feature-icon:where(.svelte-1uha8ag){width:56px;height:56px;margin:0 auto var(--spacing-md)}.extra-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.extra-card.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:var(--font-size-sm);color:var(--color-text-secondary)}.showcase-section.svelte-1uha8ag{background:var(--color-bg-secondary)}.showcase-grid.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.showcase-content.svelte-1uha8ag .tag:where(.svelte-1uha8ag){margin-bottom:var(--spacing-lg)}.showcase-content.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-bottom:var(--spacing-lg)}.showcase-content.svelte-1uha8ag p:where(.svelte-1uha8ag){margin-bottom:var(--spacing-xl)}.showcase-examples.svelte-1uha8ag{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.showcase-examples.svelte-1uha8ag code:where(.svelte-1uha8ag){font-size:var(--font-size-sm)}.search-demo.svelte-1uha8ag{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);padding:var(--spacing-3xl)}.search-bar-demo.svelte-1uha8ag{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);color:var(--color-text-tertiary)}.search-text.svelte-1uha8ag{color:var(--color-text-secondary)}.cta-section.svelte-1uha8ag{text-align:center}.cta-card.svelte-1uha8ag{max-width:600px;margin:0 auto;padding:var(--spacing-4xl);background:var(--color-accent-soft);border-color:var(--color-accent);border-radius:var(--radius-xl)}.cta-card.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-bottom:var(--spacing-md)}.cta-card.svelte-1uha8ag p:where(.svelte-1uha8ag){margin-bottom:var(--spacing-xl)}@media(max-width:768px){.hero.svelte-1uha8ag .container:where(.svelte-1uha8ag){grid-template-columns:1fr;text-align:center}.hero-description.svelte-1uha8ag{margin:0 auto var(--spacing-md)}.hero-sources.svelte-1uha8ag{text-align:center}.hero-source-tags.svelte-1uha8ag,.hero-actions.svelte-1uha8ag,.hero-platforms.svelte-1uha8ag{justify-content:center}.app-frame.behind.svelte-1uha8ag{transform:none;opacity:0}.app-frame.active.svelte-1uha8ag{transform:none}.theme-hint.svelte-1uha8ag{display:none}.features-layout.svelte-1uha8ag,.extra-features.svelte-1uha8ag,.showcase-grid.svelte-1uha8ag{grid-template-columns:1fr}}