.hero.svelte-10qebu5{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-default)}.hero-title.svelte-10qebu5{font-size:var(--text-display);font-weight:var(--font-bold);color:var(--color-fg-primary);margin-bottom:var(--space-md);letter-spacing:var(--tracking-tight)}.hero-subtitle.svelte-10qebu5{font-size:var(--text-body-lg);color:var(--color-fg-secondary);max-width:600px;line-height:var(--leading-relaxed);margin:0}.component-grid.svelte-10qebu5{display:grid;gap:var(--space-md);margin-bottom:var(--space-2xl)}.component-card.svelte-10qebu5{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-micro) var(--ease-standard);position:relative}.component-card.svelte-10qebu5:hover{border-color:var(--color-border-emphasis);transform:translate(4px)}.card-icon.svelte-10qebu5{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle);border-radius:var(--radius-md);color:var(--color-fg-secondary)}.card-content.svelte-10qebu5{flex:1}.card-title.svelte-10qebu5{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin:0 0 var(--space-xs) 0}.card-description.svelte-10qebu5{font-size:var(--text-body-sm);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);margin:0}.card-arrow.svelte-10qebu5{color:var(--color-fg-muted);transition:transform var(--duration-micro) var(--ease-standard)}.component-card.svelte-10qebu5:hover .card-arrow:where(.svelte-10qebu5){transform:translate(4px)}.principles.svelte-10qebu5{margin-bottom:var(--space-2xl);padding:var(--space-xl);background:var(--color-bg-surface);border-radius:var(--radius-lg)}.section-title.svelte-10qebu5{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.section-description.svelte-10qebu5{font-size:var(--text-body);color:var(--color-fg-secondary);margin-bottom:var(--space-lg);line-height:var(--leading-relaxed)}.principles-grid.svelte-10qebu5{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.principle-item.svelte-10qebu5{padding:var(--space-md);border-left:2px solid var(--color-border-emphasis)}.principle-item.svelte-10qebu5 h3:where(.svelte-10qebu5){font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.principle-item.svelte-10qebu5 p:where(.svelte-10qebu5){font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin:0}.token-reference.svelte-10qebu5{margin-bottom:var(--space-xl)}.token-grid.svelte-10qebu5{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.token-category.svelte-10qebu5 h3:where(.svelte-10qebu5){font-size:var(--text-body-sm);font-weight:var(--font-semibold);color:var(--color-fg-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.token-category.svelte-10qebu5 code:where(.svelte-10qebu5){display:block;font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-muted);background:var(--color-bg-surface);padding:var(--space-xs);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);margin-bottom:var(--space-xs)}