.demo-header.svelte-io1ot6.svelte-io1ot6{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:64px 24px;text-align:center}.demo-header.svelte-io1ot6 h1.svelte-io1ot6{font-size:3rem;margin:0 0 16px;font-weight:700}.demo-header.svelte-io1ot6 p.svelte-io1ot6{font-size:1.25rem;opacity:.9;margin:0 0 32px}.demo-nav.svelte-io1ot6.svelte-io1ot6{display:flex;gap:16px;justify-content:center}.nav-link.svelte-io1ot6.svelte-io1ot6{background:var(--color-accent);color:#fff;padding:12px 24px;text-decoration:none;border-radius:4px;font-weight:600;transition:opacity .2s}.nav-link.svelte-io1ot6.svelte-io1ot6:hover{opacity:.9}.features-list.svelte-io1ot6.svelte-io1ot6{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-box.svelte-io1ot6.svelte-io1ot6{background:#f8f9fa;padding:24px;border-left:3px solid var(--color-accent)}.feature-box.svelte-io1ot6 h3.svelte-io1ot6{color:var(--color-primary);margin:0 0 8px;font-size:1.25rem}.feature-box.svelte-io1ot6 p.svelte-io1ot6{color:var(--color-text);margin:0;line-height:1.6}.code-block.svelte-io1ot6.svelte-io1ot6{background:#2c3e50;color:#ecf0f1;padding:20px;border-radius:4px;overflow-x:auto;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6}.component-grid.svelte-io1ot6.svelte-io1ot6{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.component-card.svelte-io1ot6.svelte-io1ot6{background:#fff;border:1px solid var(--color-border);padding:24px;border-radius:4px}.component-card.svelte-io1ot6 h3.svelte-io1ot6{margin:0 0 8px;color:var(--color-primary)}.component-card.svelte-io1ot6 p.svelte-io1ot6{margin:0;color:var(--color-text);line-height:1.6}@media (max-width: 600px){.demo-header.svelte-io1ot6 h1.svelte-io1ot6{font-size:2.25rem}.demo-header.svelte-io1ot6 p.svelte-io1ot6{font-size:1.1rem}.demo-nav.svelte-io1ot6.svelte-io1ot6{flex-direction:column}}