.sg-hero.svelte-yfsc13{position:relative;padding:8rem 0 4rem;overflow:hidden}.sg-hero-inner.svelte-yfsc13{position:relative;z-index:1}.sg-hero.svelte-yfsc13 p:where(.svelte-yfsc13){font-size:var(--font-size-lg);color:var(--color-text-muted)}.sg-section.svelte-yfsc13{padding:4rem 0;border-bottom:1px solid var(--color-border)}.sg-section.svelte-yfsc13 h2:where(.svelte-yfsc13){margin-bottom:2rem}.sg-section.svelte-yfsc13 h3:where(.svelte-yfsc13){font-size:var(--font-size-lg);margin:1.5rem 0 .75rem;color:var(--color-text-muted)}.swatch-row.svelte-yfsc13{display:flex;gap:1rem;flex-wrap:wrap}.swatch.svelte-yfsc13{width:120px;height:80px;border-radius:12px;border:1px solid var(--color-border-light);display:flex;align-items:flex-end;padding:.5rem}.swatch.svelte-yfsc13 span:where(.svelte-yfsc13){font-size:var(--font-size-xs);color:#fff;opacity:.8}.swatch.light.svelte-yfsc13 span:where(.svelte-yfsc13){color:var(--color-text-on-light)}.type-samples.svelte-yfsc13{display:flex;flex-direction:column;gap:2rem}.type-label.svelte-yfsc13{font-size:var(--font-size-xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wider);display:block;margin-bottom:.5rem}.btn-row.svelte-yfsc13{display:flex;gap:1rem;flex-wrap:wrap}.card-row.svelte-yfsc13{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:600px}.metrics-demo.svelte-yfsc13{display:flex;gap:4rem;text-align:center}.metric-label.svelte-yfsc13{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.aurora-demos.svelte-yfsc13{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.aurora-demo.svelte-yfsc13{position:relative;height:140px;border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--color-border)}.aurora-label.svelte-yfsc13{position:absolute;bottom:.75rem;left:.75rem;font-size:var(--font-size-xs);color:var(--color-text);z-index:1;font-weight:500}@media(max-width:768px){.aurora-demos.svelte-yfsc13{grid-template-columns:repeat(2,1fr)}.card-row.svelte-yfsc13{grid-template-columns:1fr}.metrics-demo.svelte-yfsc13{flex-direction:column;gap:2rem}}