.hero.svelte-zuu8hw{text-align:center;padding:3rem .5rem;background:var(--color-primary-400-600);color:var(--color-primary-50);border-radius:20px;margin-bottom:3rem;margin-bottom:1rem}.components-overview.svelte-zuu8hw{margin-bottom:4rem}.component-grid.svelte-zuu8hw{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.component-card.svelte-zuu8hw{background:var(--color-surface-50-950);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;border:1px solid var(--color-surface-200-800);transition:transform .3s ease,box-shadow .3s ease}.component-card.svelte-zuu8hw:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.component-card.svelte-zuu8hw h3:where(.svelte-zuu8hw){display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:var(--color-surface-900-100);margin-bottom:1rem}.icon.svelte-zuu8hw{width:32px;height:32px;background:var(--color-primary-500);color:var(--color-primary-contrast-500);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.component-card.svelte-zuu8hw p:where(.svelte-zuu8hw){color:var(--color-surface-700-300);line-height:1.6;margin-bottom:1.5rem}.code-example.svelte-zuu8hw{background:var(--color-surface-100-900);border:1px solid var(--color-surface-200-800);border-radius:6px;padding:1rem;margin-bottom:1.5rem;font-family:Monaco,Menlo,monospace;font-size:.875rem;overflow-x:auto}.learn-more.svelte-zuu8hw{color:var(--color-primary-500);text-decoration:none;font-weight:500;transition:color .3s ease}.learn-more.svelte-zuu8hw:hover{color:var(--color-primary-600-400)}.navigation.svelte-zuu8hw{background:var(--color-surface-50-950);border-radius:16px;padding:3rem;box-shadow:0 4px 20px #0000001a}.nav-links.svelte-zuu8hw{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.nav-link.svelte-zuu8hw{display:block;padding:1rem 1.5rem;background:var(--color-primary-500);color:var(--color-primary-contrast-500);text-decoration:none;border-radius:8px;text-align:center;font-weight:500;transition:transform .3s ease,box-shadow .3s ease}.nav-link.svelte-zuu8hw:hover{transform:translateY(-2px);box-shadow:0 5px 20px color-mix(in srgb,var(--color-primary-500) 40%,transparent)}@media (max-width: 768px){.hero.svelte-zuu8hw p:where(.svelte-zuu8hw){font-size:1rem}.component-grid.svelte-zuu8hw{grid-template-columns:1fr}}