:root{--color-primary:#D3F265;--color-charcoal:#222222;--color-gray:#838383;--color-gray-light:#F5F5F5;--color-white:#FEFEFE;--font-display:"Clash Display", sans-serif;--font-body:"Inter", sans-serif}.design-system.svelte-su9ale.svelte-su9ale{font-family:var(--font-body);color:var(--color-charcoal);background:var(--color-white);line-height:1.6}.hero.svelte-su9ale.svelte-su9ale{background:var(--color-charcoal);color:#fff;padding:6rem 2rem;text-align:center}.hero-badge.svelte-su9ale.svelte-su9ale{display:inline-block;background:var(--color-primary);color:var(--color-charcoal);padding:.5rem 1.5rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.1em}.hero.svelte-su9ale h1.svelte-su9ale{font-family:var(--font-display);font-size:clamp(3rem,10vw,6rem);font-weight:600;margin:0 0 1rem;letter-spacing:-.02em}.hero-subtitle.svelte-su9ale.svelte-su9ale{font-size:1.25rem;color:var(--color-gray);margin:0}.section.svelte-su9ale.svelte-su9ale{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-dark.svelte-su9ale.svelte-su9ale{background:var(--color-charcoal);color:#fff;max-width:100%;padding-left:calc((100% - 1200px)/2 + 2rem);padding-right:calc((100% - 1200px)/2 + 2rem)}.section-alt.svelte-su9ale.svelte-su9ale{background:var(--color-gray-light);max-width:100%;padding-left:calc((100% - 1200px)/2 + 2rem);padding-right:calc((100% - 1200px)/2 + 2rem)}.section-header.svelte-su9ale.svelte-su9ale{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem}.section-number.svelte-su9ale.svelte-su9ale{font-family:var(--font-display);font-size:1rem;color:var(--color-primary);font-weight:600}.section-header.svelte-su9ale h2.svelte-su9ale{font-family:var(--font-body);font-size:2.375rem;font-weight:700;margin:0}.section-description.svelte-su9ale.svelte-su9ale{font-size:1.125rem;color:var(--color-gray);max-width:700px;line-height:1.8;margin-bottom:3rem}.color-grid.svelte-su9ale.svelte-su9ale{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.color-card.svelte-su9ale.svelte-su9ale{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014}.color-card.primary.svelte-su9ale.svelte-su9ale{grid-column:span 2}.color-swatch.svelte-su9ale.svelte-su9ale{height:160px}.color-card.primary.svelte-su9ale .color-swatch.svelte-su9ale{height:200px}.color-info.svelte-su9ale.svelte-su9ale{padding:1.25rem}.color-info.dark-text.svelte-su9ale.svelte-su9ale{background:var(--color-charcoal);color:#fff}.color-name.svelte-su9ale.svelte-su9ale{display:block;font-weight:700;font-size:1.125rem;margin-bottom:.25rem}.color-hex.svelte-su9ale.svelte-su9ale{display:block;font-family:monospace;font-size:.875rem;color:var(--color-gray);margin-bottom:.5rem}.color-info.dark-text.svelte-su9ale .color-hex.svelte-su9ale{color:#b0b0b0}.color-usage.svelte-su9ale.svelte-su9ale{display:block;font-size:.875rem;color:var(--color-gray)}.typography-showcase.svelte-su9ale.svelte-su9ale{margin-bottom:4rem}.type-display.svelte-su9ale.svelte-su9ale{text-align:center;padding:3rem 0}.type-badge.svelte-su9ale.svelte-su9ale{display:inline-block;background:var(--color-primary);color:var(--color-charcoal);padding:.5rem 1.25rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:2rem}.type-badge.secondary.svelte-su9ale.svelte-su9ale{background:#d3f26533;color:var(--color-primary)}.clash-display.svelte-su9ale.svelte-su9ale{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:600;margin:0 0 .5rem;letter-spacing:-.02em}.type-meta.svelte-su9ale.svelte-su9ale{color:var(--color-gray);margin-bottom:3rem}.alphabet-grid.svelte-su9ale.svelte-su9ale{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.numbers-row.svelte-su9ale.svelte-su9ale{display:flex;justify-content:center;gap:1rem;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-primary)}.typography-body.svelte-su9ale.svelte-su9ale{background:#ffffff0d;border-radius:20px;padding:3rem}.body-showcase.svelte-su9ale.svelte-su9ale{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center;margin-top:2rem}.giant-letter.svelte-su9ale.svelte-su9ale{font-family:var(--font-body);font-size:10rem;font-weight:700;line-height:1;color:var(--color-primary)}.body-info.svelte-su9ale h3.svelte-su9ale{font-size:2.75rem;font-weight:700;margin:0 0 1rem}.body-description.svelte-su9ale.svelte-su9ale{color:#b0b0b0;line-height:1.8;margin-bottom:2rem}.weight-samples.svelte-su9ale.svelte-su9ale{display:grid;gap:1rem}.weight-item.svelte-su9ale.svelte-su9ale{display:flex;align-items:baseline;gap:2rem}.weight-label.svelte-su9ale.svelte-su9ale{width:80px;font-size:.875rem;color:var(--color-gray)}.weight-sample.svelte-su9ale.svelte-su9ale{font-size:1.25rem}.weight-sample.light.svelte-su9ale.svelte-su9ale{font-weight:300}.weight-sample.regular.svelte-su9ale.svelte-su9ale{font-weight:400}.weight-sample.semibold.svelte-su9ale.svelte-su9ale{font-weight:600}.weight-sample.bold.svelte-su9ale.svelte-su9ale{font-weight:700}.type-scale-list.svelte-su9ale.svelte-su9ale{display:flex;flex-direction:column;gap:1.5rem}.scale-item.svelte-su9ale.svelte-su9ale{display:grid;grid-template-columns:120px 1fr auto;align-items:baseline;gap:2rem;padding:1.5rem;background:var(--color-gray-light);border-radius:12px}.scale-label.svelte-su9ale.svelte-su9ale{font-size:.875rem;color:var(--color-gray);font-weight:600}.scale-specs.svelte-su9ale.svelte-su9ale{font-family:monospace;font-size:.875rem;color:var(--color-gray)}.scale-sample.display-lg.svelte-su9ale.svelte-su9ale{font-family:var(--font-display);font-size:clamp(2rem,6vw,4rem);font-weight:600}.scale-sample.display.svelte-su9ale.svelte-su9ale{font-family:var(--font-display);font-size:2.75rem;font-weight:600}.scale-sample.h1.svelte-su9ale.svelte-su9ale{font-size:2.375rem;font-weight:700}.scale-sample.h2.svelte-su9ale.svelte-su9ale{font-size:1.5rem;font-weight:700}.scale-sample.h3.svelte-su9ale.svelte-su9ale{font-size:1.125rem;font-weight:700}.scale-sample.body.svelte-su9ale.svelte-su9ale{font-size:1rem}.scale-sample.caption.svelte-su9ale.svelte-su9ale{font-size:.875rem;color:var(--color-gray)}.logo-showcase.svelte-su9ale.svelte-su9ale{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.logo-card.svelte-su9ale.svelte-su9ale{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;gap:1rem}.logo-card.light-bg.svelte-su9ale.svelte-su9ale{background:#fff;box-shadow:0 4px 20px #00000014}.logo-card.dark-bg.svelte-su9ale.svelte-su9ale{background:var(--color-charcoal)}.logo-card.accent-bg.svelte-su9ale.svelte-su9ale{background:var(--color-primary)}.logo-mark.svelte-su9ale.svelte-su9ale{font-family:var(--font-display);font-size:4rem;font-weight:600;color:var(--color-charcoal)}.logo-mark.light.svelte-su9ale.svelte-su9ale{color:#fff}.logo-label.svelte-su9ale.svelte-su9ale{font-size:.875rem;color:var(--color-gray)}.logo-card.dark-bg.svelte-su9ale .logo-label.svelte-su9ale{color:#b0b0b0}.logo-wordmark.svelte-su9ale.svelte-su9ale{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.wordmark-card.svelte-su9ale.svelte-su9ale{padding:3rem;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.wordmark.svelte-su9ale.svelte-su9ale{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--color-charcoal)}.wordmark.light.svelte-su9ale.svelte-su9ale{color:#fff}.spacing-grid.svelte-su9ale.svelte-su9ale{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-end}.spacing-item.svelte-su9ale.svelte-su9ale{display:flex;flex-direction:column;align-items:center;gap:.75rem}.spacing-box.svelte-su9ale.svelte-su9ale{background:var(--color-primary);border-radius:4px}.spacing-label.svelte-su9ale.svelte-su9ale{font-weight:600}.spacing-token.svelte-su9ale.svelte-su9ale{font-family:monospace;font-size:.75rem;color:var(--color-gray)}.components-grid.svelte-su9ale.svelte-su9ale{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.component-card.svelte-su9ale.svelte-su9ale{background:#ffffff0d;border-radius:16px;padding:2rem}.component-card.svelte-su9ale h4.svelte-su9ale{margin:0 0 1.5rem;font-size:1.125rem}.button-samples.svelte-su9ale.svelte-su9ale{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary.svelte-su9ale.svelte-su9ale{background:var(--color-primary);color:var(--color-charcoal);border:none;padding:.75rem 1.5rem;border-radius:100px;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary.svelte-su9ale.svelte-su9ale:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d3f26566}.btn-secondary.svelte-su9ale.svelte-su9ale{background:#fff;color:var(--color-charcoal);border:none;padding:.75rem 1.5rem;border-radius:100px;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary.svelte-su9ale.svelte-su9ale:hover{background:var(--color-gray-light)}.btn-outline.svelte-su9ale.svelte-su9ale{background:transparent;color:#fff;border:2px solid white;padding:.75rem 1.5rem;border-radius:100px;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline.svelte-su9ale.svelte-su9ale:hover{background:#fff;color:var(--color-charcoal)}.tag-samples.svelte-su9ale.svelte-su9ale{display:flex;flex-wrap:wrap;gap:.75rem}.tag.svelte-su9ale.svelte-su9ale{background:#ffffff1a;color:#fff;padding:.5rem 1rem;border-radius:100px;font-size:.875rem}.tag.accent.svelte-su9ale.svelte-su9ale{background:var(--color-primary);color:var(--color-charcoal);font-weight:600}.input-samples.svelte-su9ale.svelte-su9ale{display:flex;flex-direction:column;gap:1rem}.input-field.svelte-su9ale.svelte-su9ale{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.75rem 1rem;border-radius:8px;font-family:var(--font-body);font-size:1rem;color:#fff}.input-field.svelte-su9ale.svelte-su9ale::placeholder{color:var(--color-gray)}.input-field.svelte-su9ale.svelte-su9ale:focus{outline:none;border-color:var(--color-primary)}.code-block.svelte-su9ale.svelte-su9ale{background:var(--color-charcoal);border-radius:16px;padding:2rem;overflow-x:auto}.code-block.svelte-su9ale pre.svelte-su9ale{margin:0}.code-block.svelte-su9ale code.svelte-su9ale{font-family:SF Mono,Fira Code,monospace;font-size:.875rem;color:#e0e0e0;line-height:1.8}.ds-footer.svelte-su9ale.svelte-su9ale{text-align:center;padding:3rem 2rem;color:var(--color-gray);border-top:1px solid var(--color-gray-light)}.ds-footer.svelte-su9ale p.svelte-su9ale{margin:0}@media (max-width: 768px){.hero.svelte-su9ale.svelte-su9ale{padding:4rem 1.5rem}.section.svelte-su9ale.svelte-su9ale{padding:3rem 1.5rem}.section-dark.svelte-su9ale.svelte-su9ale,.section-alt.svelte-su9ale.svelte-su9ale{padding-left:1.5rem;padding-right:1.5rem}.color-card.primary.svelte-su9ale.svelte-su9ale{grid-column:span 1}.body-showcase.svelte-su9ale.svelte-su9ale{grid-template-columns:1fr;text-align:center}.giant-letter.svelte-su9ale.svelte-su9ale{font-size:6rem}.scale-item.svelte-su9ale.svelte-su9ale{grid-template-columns:1fr;gap:.5rem}.logo-showcase.svelte-su9ale.svelte-su9ale,.logo-wordmark.svelte-su9ale.svelte-su9ale{grid-template-columns:1fr}.alphabet-grid.svelte-su9ale.svelte-su9ale{font-size:1.25rem}}