@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Fira+Code:wght@400;600&display=swap";:root{--um-black: #1A1A1A;--um-white: #F8F8F8;--um-turquoise: #4EF9BD;--um-red: #EE1701;--um-purple: #B307EB;--um-blue: #3198F1;--um-gray: #888888;--um-gray-light: #F0F0F0;--um-gray-border: #DADADA;--um-accent-bg: rgba(78, 249, 189, .08);--bg-primary: var(--um-white);--bg-secondary: var(--um-gray-light);--bg-elevated: #FFFFFF;--text-primary: var(--um-black);--text-secondary: var(--um-gray);--text-inverse: #FFFFFF;--border-color: var(--um-gray-border);--shadow-sm: 0 2px 8px rgba(26, 26, 26, .04);--shadow-md: 0 4px 16px rgba(26, 26, 26, .08);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", monospace;color-scheme:light}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1C1C1C;--bg-elevated: #1A1A1A;--text-primary: #F0F0F0;--text-secondary: #A0A0A0;--text-inverse: #1A1A1A;--border-color: #2E2E2E;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--um-accent-bg: rgba(78, 249, 189, .12);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:1.2}h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em}h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em}h3{font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600}.mono{font-family:var(--font-mono)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px var(--um-turquoise))}50%{filter:drop-shadow(0 0 40px var(--um-purple))}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}::selection{background:var(--um-turquoise);color:#1a1a1a}::-moz-selection{background:var(--um-turquoise);color:#1a1a1a}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--um-gray);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--um-turquoise)}.nav.svelte-1h32yp1{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-elevated);border-bottom:1px solid transparent;transition:all .3s ease}.nav.scrolled.svelte-1h32yp1{border-bottom-color:var(--border-color);box-shadow:var(--shadow-md)}.nav-container.svelte-1h32yp1{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-left.svelte-1h32yp1{flex-shrink:0}.logo-container.svelte-1h32yp1{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:0;text-decoration:none}.logo.svelte-1h32yp1{width:40px;height:40px;transition:transform .3s ease}.logo-container.svelte-1h32yp1:hover .logo:where(.svelte-1h32yp1){transform:scale(1.1) rotate(5deg)}.brand.svelte-1h32yp1{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap}.nav-center.svelte-1h32yp1{display:flex;gap:2rem;flex:1;justify-content:center}.nav-item.svelte-1h32yp1{background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;position:relative;padding:.5rem 0;transition:color .3s ease;opacity:0;animation:svelte-1h32yp1-fadeIn .5s ease forwards;animation-delay:var(--delay, 0s);text-decoration:none}@keyframes svelte-1h32yp1-fadeIn{to{opacity:1}}.nav-item.svelte-1h32yp1:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-color, var(--um-turquoise));transform:scaleX(0);transition:transform .3s ease}.nav-item.svelte-1h32yp1:hover,.nav-item.active.svelte-1h32yp1{color:var(--accent-color, var(--um-turquoise))}.nav-item.active.svelte-1h32yp1:after{transform:scaleX(1)}.nav-right.svelte-1h32yp1{flex-shrink:0}.theme-toggle.svelte-1h32yp1{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;color:var(--text-primary);transition:all .3s ease}.theme-toggle.svelte-1h32yp1:hover{background:var(--um-turquoise);color:#1a1a1a;border-color:var(--um-turquoise);transform:rotate(15deg)}@media (max-width: 768px){.nav-container.svelte-1h32yp1{flex-wrap:wrap;padding:1rem}.nav-center.svelte-1h32yp1{order:3;width:100%;justify-content:space-around;gap:1rem;margin-top:.5rem}.nav-item.svelte-1h32yp1{font-size:.85rem}.brand.svelte-1h32yp1{font-size:.9rem;letter-spacing:-.01em}.logo-container.svelte-1h32yp1{gap:.5rem}.logo.svelte-1h32yp1{width:32px;height:32px}}.overview.svelte-da1f0x{height:100vh;display:flex;flex-direction:column;position:relative;overflow-y:auto;scroll-snap-type:y mandatory}.theme-toggle.svelte-da1f0x{position:fixed;top:2.5rem;right:2.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:50%;cursor:pointer;color:var(--text-primary);transition:all .4s cubic-bezier(.16,1,.3,1);z-index:100;box-shadow:var(--shadow-sm)}.theme-toggle.svelte-da1f0x:hover{background:var(--um-turquoise);color:#1a1a1a;border-color:var(--um-turquoise);transform:rotate(180deg);box-shadow:0 6px 20px #4ef9bd4d}.hero.svelte-da1f0x{flex-shrink:0;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--bg-elevated);border-bottom:1px solid var(--border-color);overflow:hidden;scroll-snap-align:start}.hero-content.svelte-da1f0x{position:relative;z-index:1}.hero-logo.svelte-da1f0x{width:clamp(120px,15vw,180px);height:auto;margin:0 auto 2rem;opacity:0;transition:transform .1s ease-out;will-change:transform}.hero-logo.animated.svelte-da1f0x{opacity:1!important}.hero-title.svelte-da1f0x{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.4;margin-bottom:1.5rem;opacity:0;font-weight:400;letter-spacing:0}.hero-title.svelte-da1f0x .primary:where(.svelte-da1f0x){font-weight:800;color:var(--text-primary)}.hero-title.svelte-da1f0x .secondary:where(.svelte-da1f0x){font-weight:400;color:var(--text-secondary);font-size:.8em}.separator.svelte-da1f0x{color:var(--text-secondary);font-weight:300;padding:0 .6rem;opacity:.5}.hero-subtitle.svelte-da1f0x{font-size:1.1rem;color:var(--text-primary);margin-bottom:1.5rem;margin-top:.5rem;opacity:0;animation:fadeInUp .8s ease forwards .6s;font-weight:500}.hero-link.svelte-da1f0x{display:inline-block;color:var(--text-secondary);text-decoration:none;font-size:.85rem;opacity:0;transition:all .3s ease;padding:.6rem 1.2rem;border-radius:20px;margin-top:.5rem;border:1px solid var(--border-color)}.hero-link.svelte-da1f0x:hover{color:var(--um-turquoise);background:var(--bg-secondary);border-color:var(--um-turquoise)}.scroll-indicator.svelte-da1f0x{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);background:none;border:2px solid var(--text-secondary);color:var(--text-secondary);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;animation:svelte-da1f0x-bounce 2s infinite;opacity:0;animation-delay:1s}.scroll-indicator.svelte-da1f0x:hover{border-color:var(--um-turquoise);color:var(--um-turquoise);transform:translate(-50%) scale(1.1)}@keyframes svelte-da1f0x-bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0);opacity:1}40%{transform:translate(-50%) translateY(-10px);opacity:1}60%{transform:translate(-50%) translateY(-5px);opacity:1}}.quadrants-wrapper.svelte-da1f0x{flex-shrink:0;position:relative;height:100vh;max-width:1200px;margin:0 auto;width:100%;padding:2rem clamp(1rem,3vw,3rem);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;scroll-snap-align:start}.central-logo.svelte-da1f0x{position:absolute;top:2rem;right:2rem;bottom:2rem;left:2rem;background-size:45%;background-position:center;background-repeat:no-repeat;opacity:.08;pointer-events:none;z-index:0;transition:all .8s cubic-bezier(.16,1,.3,1)}.central-logo.dark.svelte-da1f0x{opacity:.15}.quadrants-wrapper.svelte-da1f0x:hover .central-logo:where(.svelte-da1f0x){opacity:.12;transform:scale(1.03)}.quadrants-wrapper.svelte-da1f0x:hover .central-logo.dark:where(.svelte-da1f0x){opacity:.2}.quadrants.svelte-da1f0x{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:0;width:100%;height:clamp(500px,70vh,700px);border-radius:0;overflow:hidden}.quadrant.svelte-da1f0x{position:relative;background:transparent;border:none;padding:3rem;cursor:pointer;opacity:0;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background .4s ease;text-decoration:none}.quad-overlay.svelte-da1f0x{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-color);opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.quadrant.svelte-da1f0x:hover .quad-overlay:where(.svelte-da1f0x){opacity:.92}.quad-title.svelte-da1f0x{position:relative;z-index:2;font-size:clamp(2rem,4vw,3.5rem);font-weight:600;letter-spacing:0;color:var(--text-primary);transition:transform .5s cubic-bezier(.16,1,.3,1),color .5s cubic-bezier(.16,1,.3,1);text-align:center}.quadrant.svelte-da1f0x:hover .quad-title:where(.svelte-da1f0x){color:#1a1a1a;transform:scale(1.05) translateY(-10px)}.quad-arrow.svelte-da1f0x{position:absolute;bottom:2rem;right:2rem;font-size:2rem;color:var(--text-secondary);opacity:0;z-index:2;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translate(-20px)}.quadrant.svelte-da1f0x:hover .quad-arrow:where(.svelte-da1f0x){opacity:1;color:#1a1a1a;transform:translate(0)}@media (max-width: 1024px){.quadrants-wrapper.svelte-da1f0x{max-width:100%}.central-logo.svelte-da1f0x{background-size:50%}}@media (max-width: 768px){.theme-toggle.svelte-da1f0x{top:1.5rem;right:1.5rem;width:44px;height:44px}.hero-logo.svelte-da1f0x{width:100px;margin-bottom:1.5rem}.hero-title.svelte-da1f0x{font-size:1.15rem}.hero-title.svelte-da1f0x .secondary:where(.svelte-da1f0x){font-size:.75em}.separator.svelte-da1f0x{padding:0 .4rem}.hero-subtitle.svelte-da1f0x{font-size:.95rem}.hero-link.svelte-da1f0x{font-size:.8rem;padding:.5rem 1rem}.scroll-indicator.svelte-da1f0x{bottom:2rem;width:40px;height:40px}.quadrants-wrapper.svelte-da1f0x{padding:2rem 0;height:auto;min-height:100vh}.central-logo.svelte-da1f0x{background-size:70%;top:0;right:0;bottom:0;left:0;opacity:.06}.central-logo.dark.svelte-da1f0x{opacity:.12}.quadrants.svelte-da1f0x{grid-template-columns:1fr;gap:0;height:auto;min-height:unset;border-radius:0}.quadrant.svelte-da1f0x{padding:3rem 2rem;min-height:140px;border-left:none;border-right:none}.quad-title.svelte-da1f0x{font-size:clamp(1.5rem,5vw,2rem)}.quad-arrow.svelte-da1f0x{font-size:1.5rem;bottom:1.5rem;right:1.5rem}}.about.svelte-zbhlwh{min-height:calc(100vh - 80px);padding:6rem 0 4rem}.container.svelte-zbhlwh{max-width:900px;margin:0 auto;padding:0 2rem}h1.svelte-zbhlwh{margin-bottom:.5rem}.subtitle.svelte-zbhlwh{color:var(--text-secondary);font-size:1rem;margin-bottom:3rem}.stats-grid.svelte-zbhlwh{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.stat-card.svelte-zbhlwh{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;opacity:0;transition:all .3s ease;box-shadow:var(--shadow-sm)}.stat-card.svelte-zbhlwh:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-color, var(--um-turquoise))}.stat-value.svelte-zbhlwh{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.stat-label.svelte-zbhlwh{font-size:.85rem;color:var(--text-secondary)}.card.svelte-zbhlwh{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:16px;padding:2.5rem;margin-bottom:2rem;opacity:0;transition:all .3s ease;box-shadow:var(--shadow-sm)}.card.svelte-zbhlwh:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card.svelte-zbhlwh h2:where(.svelte-zbhlwh){color:var(--text-primary);margin-bottom:2rem;font-weight:700}.positioning-grid.svelte-zbhlwh{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.pos-card.svelte-zbhlwh{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;transition:all .3s ease}.pos-card.svelte-zbhlwh:hover{background:var(--um-accent-bg);transform:translate(4px)}.pos-header.svelte-zbhlwh{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.pos-label.svelte-zbhlwh{font-weight:700;color:var(--text-primary);font-size:1.1rem}.pos-separator.svelte-zbhlwh{color:var(--accent-color, var(--um-turquoise));font-weight:600}.pos-value.svelte-zbhlwh{font-weight:600;color:var(--accent-color, var(--um-turquoise));font-size:1.1rem}.pos-desc.svelte-zbhlwh{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.tone-grid.svelte-zbhlwh{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.tone-item.svelte-zbhlwh h3:where(.svelte-zbhlwh){font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.tone-item.svelte-zbhlwh p:where(.svelte-zbhlwh){color:var(--text-secondary);line-height:1.7;margin:0}.visual-desc.svelte-zbhlwh{color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.color-showcase.svelte-zbhlwh{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.color-item.svelte-zbhlwh{display:flex;flex-direction:column;align-items:center;gap:.75rem}.color-swatch.svelte-zbhlwh{width:60px;height:60px;border-radius:12px;transition:all .3s ease;cursor:pointer}.color-swatch.svelte-zbhlwh:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px currentColor}.color-item.svelte-zbhlwh span:where(.svelte-zbhlwh){font-size:.85rem;color:var(--text-secondary)}@media (max-width: 768px){.about.svelte-zbhlwh{padding:4rem 0 3rem}.container.svelte-zbhlwh{padding:0 1.5rem}.stats-grid.svelte-zbhlwh{grid-template-columns:1fr;gap:1rem}.stat-card.svelte-zbhlwh{padding:1.5rem}.stat-value.svelte-zbhlwh{font-size:2rem}.card.svelte-zbhlwh{padding:1.5rem}.positioning-grid.svelte-zbhlwh{grid-template-columns:1fr;gap:1rem}.tone-grid.svelte-zbhlwh{grid-template-columns:1fr;gap:1.5rem}.color-showcase.svelte-zbhlwh{grid-template-columns:repeat(2,1fr)}}.colors-page.svelte-c8sy06{min-height:calc(100vh - 80px);padding:6rem 0 4rem}.container.svelte-c8sy06{max-width:1200px;margin:0 auto;padding:0 2rem}h1.svelte-c8sy06{margin-bottom:.5rem}.subtitle.svelte-c8sy06{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.shade-selector.svelte-c8sy06{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem;padding:1.5rem;background:var(--bg-elevated);border-radius:16px;border:2px solid var(--border-color);max-width:600px;margin-left:auto;margin-right:auto}.nav-btn.svelte-c8sy06{background:var(--bg-base);border:2px solid var(--border-color);border-radius:8px;width:44px;height:44px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.nav-btn.svelte-c8sy06:hover:not(:disabled){border-color:var(--um-turquoise);transform:scale(1.05)}.nav-btn.svelte-c8sy06:disabled{opacity:.3;cursor:not-allowed}.selector-content.svelte-c8sy06{display:flex;flex-direction:column;align-items:center;gap:.75rem}.color-preview.svelte-c8sy06{display:flex;gap:.5rem;align-items:center}.preview-dot.svelte-c8sy06{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color);transition:all .3s ease;animation:svelte-c8sy06-colorPulse .4s ease}@keyframes svelte-c8sy06-colorPulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.shade-name.svelte-c8sy06{font-size:1.2rem;font-weight:700;text-align:center}.section.svelte-c8sy06{margin:4rem 0}.section.svelte-c8sy06 h2:where(.svelte-c8sy06){margin-bottom:.5rem;font-weight:700}.desc.svelte-c8sy06{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.color-grid.svelte-c8sy06{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.color-card.svelte-c8sy06{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1);padding:0;box-shadow:var(--shadow-sm)}.color-card.svelte-c8sy06:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color)}.color-swatch.svelte-c8sy06{height:180px;position:relative;transition:all .4s ease}.color-card.svelte-c8sy06:hover .color-swatch:where(.svelte-c8sy06){height:200px}.color-info.svelte-c8sy06{padding:1.5rem;position:relative}.color-name.svelte-c8sy06{font-size:1.3rem;font-weight:700;margin-bottom:.25rem}.color-desc.svelte-c8sy06{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.color-hex.svelte-c8sy06{font-size:.95rem;color:var(--text-primary);margin:.25rem 0}.color-rgb.svelte-c8sy06{font-size:.85rem;color:var(--text-secondary)}.copied-badge.svelte-c8sy06{position:absolute;top:1rem;right:1rem;background:var(--um-turquoise);color:var(--um-black);padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;animation:svelte-c8sy06-slideIn .3s ease}@keyframes svelte-c8sy06-slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.usage-grid.svelte-c8sy06{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.usage-card.svelte-c8sy06{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;box-shadow:var(--shadow-sm)}.usage-card.svelte-c8sy06:hover{transform:translateY(-4px);border-color:var(--um-turquoise);background:var(--um-accent-bg);box-shadow:var(--shadow-md)}.usage-icon.svelte-c8sy06{font-size:2.5rem;margin-bottom:1rem}.usage-card.svelte-c8sy06 h3:where(.svelte-c8sy06){margin-bottom:.75rem;font-size:1.1rem}.usage-card.svelte-c8sy06 p:where(.svelte-c8sy06){color:var(--text-secondary);font-size:.85rem}.figma-section.svelte-c8sy06{display:flex;justify-content:center;margin:3rem 0}.figma-link.svelte-c8sy06{display:inline-flex;align-items:center;gap:.75rem;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:12px;padding:1rem 2rem;font-weight:600;font-size:1rem;color:var(--text-primary);text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:var(--shadow-sm)}.figma-link.svelte-c8sy06:hover{transform:translateY(-2px);border-color:#a259ff;background:var(--um-accent-bg);box-shadow:var(--shadow-md)}.figma-link.svelte-c8sy06:hover .arrow:where(.svelte-c8sy06){transform:translate(4px)}.figma-logo.svelte-c8sy06{width:24px;height:24px;flex-shrink:0}.figma-link.svelte-c8sy06 .arrow:where(.svelte-c8sy06){transition:transform .3s ease;flex-shrink:0}.code-block.svelte-c8sy06{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:12px;padding:2rem;margin:2rem 0;opacity:0;box-shadow:var(--shadow-sm)}.code-block.svelte-c8sy06 pre:where(.svelte-c8sy06){margin:0;overflow-x:auto;white-space:pre;word-wrap:normal}.code-block.svelte-c8sy06 code:where(.svelte-c8sy06){font-family:var(--font-mono);font-size:.9rem;line-height:1.8;color:var(--text-primary);white-space:pre}.demo-container.svelte-c8sy06{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-top:2rem}.demo-group.svelte-c8sy06{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.demo-group.svelte-c8sy06 .pair:where(.svelte-c8sy06){min-width:0}.demo-group.foundation.svelte-c8sy06{grid-template-columns:1fr}.pair-demo.svelte-c8sy06{padding:1.5rem;border-radius:8px;text-align:center;font-weight:600;transition:transform .3s ease;cursor:pointer;min-width:0;overflow-wrap:break-word}.pair-demo.svelte-c8sy06:hover{transform:scale(1.03)}.pair-demo.svelte-c8sy06 .mono:where(.svelte-c8sy06){font-size:.85rem}@media (max-width: 768px){.colors-page.svelte-c8sy06{padding:4rem 0 3rem}.container.svelte-c8sy06{padding:0 1.5rem}.shade-selector.svelte-c8sy06{gap:1rem;padding:1rem;max-width:100%}.nav-btn.svelte-c8sy06{width:40px;height:40px;font-size:1rem}.preview-dot.svelte-c8sy06{width:20px;height:20px}.shade-name.svelte-c8sy06{font-size:1.05rem}.color-grid.svelte-c8sy06{grid-template-columns:1fr;gap:1.5rem}.color-card.svelte-c8sy06{padding:0}.color-info.svelte-c8sy06{padding:1.25rem}.usage-grid.svelte-c8sy06{grid-template-columns:1fr;gap:1rem}.usage-card.svelte-c8sy06{padding:1.5rem}.figma-link.svelte-c8sy06{padding:.875rem 1.5rem;font-size:.95rem;gap:.625rem}.figma-logo.svelte-c8sy06{width:20px;height:20px}.code-block.svelte-c8sy06{padding:1.5rem}.demo-container.svelte-c8sy06{grid-template-columns:1fr;gap:1.5rem}.demo-group.svelte-c8sy06{grid-template-columns:1fr;gap:.75rem}.pair-demo.svelte-c8sy06{padding:1.25rem}.pair-demo.svelte-c8sy06 .mono:where(.svelte-c8sy06){font-size:.75rem;word-break:break-word}}.typography-page.svelte-1ez7ljn{min-height:calc(100vh - 80px);padding:6rem 0 4rem}.container.svelte-1ez7ljn{max-width:900px;margin:0 auto;padding:0 2rem}h1.svelte-1ez7ljn{margin-bottom:.5rem}.subtitle.svelte-1ez7ljn{color:var(--text-secondary);font-size:1rem;margin-bottom:3rem}.section.svelte-1ez7ljn{margin:4rem 0}.section.svelte-1ez7ljn h2:where(.svelte-1ez7ljn){margin-bottom:1rem;font-weight:700}.desc.svelte-1ez7ljn{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.scale-header.svelte-1ez7ljn{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.font-toggle.svelte-1ez7ljn{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.5rem;border-radius:12px;border:2px solid var(--border-color)}.toggle-btn.svelte-1ez7ljn{padding:.6rem 1.25rem;background:transparent;border:none;border-radius:8px;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;white-space:nowrap}.toggle-btn.svelte-1ez7ljn:hover{color:var(--text-primary);background:var(--bg-elevated)}.toggle-btn.active.svelte-1ez7ljn{background:var(--um-turquoise);color:var(--um-black)}.typeface-card.svelte-1ez7ljn{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:16px;padding:2.5rem;margin-bottom:2rem;opacity:0;transition:all .3s ease;box-shadow:var(--shadow-sm)}.typeface-card.svelte-1ez7ljn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.typeface-header.svelte-1ez7ljn{margin-bottom:2rem}.typeface-header.svelte-1ez7ljn h3:where(.svelte-1ez7ljn){font-size:2.5rem;margin-bottom:.5rem}.typeface-meta.svelte-1ez7ljn{display:flex;gap:2rem;color:var(--text-secondary);font-size:.9rem}.typeface-sample.svelte-1ez7ljn{font-size:1.5rem;line-height:1.6;white-space:pre-line;word-break:break-all;overflow-wrap:break-word;color:var(--text-primary);padding:2rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:1.5rem}.typeface-usage.svelte-1ez7ljn{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.type-scale.svelte-1ez7ljn{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.scale-item.svelte-1ez7ljn{opacity:0}.scale-sample.svelte-1ez7ljn{background:var(--bg-secondary);padding:2rem;border-radius:12px;margin-bottom:1rem}.scale-sample.svelte-1ez7ljn h1:where(.svelte-1ez7ljn),.scale-sample.svelte-1ez7ljn h2:where(.svelte-1ez7ljn),.scale-sample.svelte-1ez7ljn h3:where(.svelte-1ez7ljn),.scale-sample.svelte-1ez7ljn p:where(.svelte-1ez7ljn){margin:0}.scale-specs.svelte-1ez7ljn{display:flex;flex-wrap:wrap;gap:1rem;color:var(--text-secondary);font-size:.85rem}.scale-specs.svelte-1ez7ljn .tag:where(.svelte-1ez7ljn){background:var(--um-turquoise);color:var(--um-black);padding:.25rem .6rem;border-radius:4px;font-weight:600}.code-section.svelte-1ez7ljn{margin:2rem 0}.code-section.svelte-1ez7ljn h3:where(.svelte-1ez7ljn){margin-bottom:1rem;color:var(--text-primary)}.code-block.svelte-1ez7ljn{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:12px;padding:2rem;overflow-x:auto;box-shadow:var(--shadow-sm)}.code-block.svelte-1ez7ljn pre:where(.svelte-1ez7ljn){margin:0;white-space:pre;word-wrap:normal;overflow-wrap:normal}.code-block.svelte-1ez7ljn code:where(.svelte-1ez7ljn){font-family:var(--font-mono);font-size:.9rem;line-height:1.8;color:var(--text-primary);white-space:pre}.demo-card.svelte-1ez7ljn{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:16px;padding:3rem;margin-top:2rem;box-shadow:var(--shadow-sm)}.demo-card.svelte-1ez7ljn h1:where(.svelte-1ez7ljn){margin-bottom:1rem}.demo-card.svelte-1ez7ljn h2:where(.svelte-1ez7ljn){margin-bottom:1rem}.demo-card.svelte-1ez7ljn h3:where(.svelte-1ez7ljn){margin-bottom:1rem}.demo-card.svelte-1ez7ljn p:where(.svelte-1ez7ljn){margin-bottom:1rem}@media (max-width: 768px){.typography-page.svelte-1ez7ljn{padding:4rem 0 3rem}.container.svelte-1ez7ljn{padding:0 1.5rem}.scale-header.svelte-1ez7ljn{flex-direction:column;align-items:flex-start;gap:1rem}.font-toggle.svelte-1ez7ljn{width:100%}.toggle-btn.svelte-1ez7ljn{flex:1;padding:.7rem 1rem}.typeface-card.svelte-1ez7ljn{padding:1.5rem}.typeface-header.svelte-1ez7ljn h3:where(.svelte-1ez7ljn){font-size:2rem}.typeface-meta.svelte-1ez7ljn{flex-direction:column;gap:.5rem}.typeface-sample.svelte-1ez7ljn{font-size:1.1rem;padding:1.5rem}.scale-sample.svelte-1ez7ljn,.code-block.svelte-1ez7ljn,.demo-card.svelte-1ez7ljn{padding:1.5rem}}.logo-page.svelte-1spslmp{min-height:calc(100vh - 80px);padding:6rem 0 4rem}.container.svelte-1spslmp{max-width:1000px;margin:0 auto;padding:0 2rem}h1.svelte-1spslmp{margin-bottom:.5rem}.subtitle.svelte-1spslmp{color:var(--text-secondary);font-size:1rem;margin-bottom:3rem}.section.svelte-1spslmp{margin:4rem 0}.section.svelte-1spslmp h2:where(.svelte-1spslmp){margin-bottom:1rem;font-weight:700}.desc.svelte-1spslmp{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.logo-grid.svelte-1spslmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.logo-preview.svelte-1spslmp{opacity:0}.preview-box.svelte-1spslmp{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:3rem;display:flex;align-items:center;justify-content:center;min-height:300px;transition:all .3s ease;box-shadow:var(--shadow-sm)}.logo-preview.light.svelte-1spslmp .preview-box:where(.svelte-1spslmp){background:#f5f5f5}.logo-preview.dark.svelte-1spslmp .preview-box:where(.svelte-1spslmp){background:#1a1a1a}.logo-preview.svelte-1spslmp:hover .preview-box:where(.svelte-1spslmp){transform:translateY(-4px);box-shadow:var(--shadow-md)}.preview-box.svelte-1spslmp img:where(.svelte-1spslmp){max-width:200px;width:100%;height:auto;animation:svelte-1spslmp-float 4s ease-in-out infinite}@keyframes svelte-1spslmp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-preview.svelte-1spslmp p:where(.svelte-1spslmp){text-align:center;margin-top:1rem;color:var(--text-secondary)}.downloads-columns.svelte-1spslmp{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.download-section.svelte-1spslmp{opacity:0}.download-section.svelte-1spslmp h3:where(.svelte-1spslmp){margin-bottom:1.5rem}.download-section.svelte-1spslmp h3:where(.svelte-1spslmp) span:where(.svelte-1spslmp){color:var(--text-secondary);font-size:.9rem;font-weight:400}.download-options.svelte-1spslmp{display:flex;flex-direction:column;gap:1.5rem}.download-card.svelte-1spslmp{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.download-card.svelte-1spslmp:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.format-header.svelte-1spslmp{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.format-header.svelte-1spslmp h4:where(.svelte-1spslmp){margin:0;font-size:1rem}.badge.svelte-1spslmp{background:var(--um-turquoise);color:var(--um-black);padding:.25rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.download-card.svelte-1spslmp .desc:where(.svelte-1spslmp){font-size:.85rem;margin-bottom:1.5rem}.size-select.svelte-1spslmp{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;margin-bottom:1rem;cursor:pointer;transition:all .3s ease}.size-select.svelte-1spslmp:hover{border-color:var(--um-turquoise)}.size-select.svelte-1spslmp:focus{outline:none;border-color:var(--um-turquoise)}.button-group.svelte-1spslmp{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.download-btn.svelte-1spslmp{width:100%;padding:.875rem;background:var(--um-black);color:var(--um-white);border:2px solid var(--um-black);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.download-btn.svelte-1spslmp:hover:not(:disabled){background:var(--um-turquoise);color:var(--um-black);border-color:var(--um-turquoise);transform:translateY(-2px)}.download-btn.svelte-1spslmp:disabled{opacity:.5;cursor:not-allowed}.download-btn.secondary.svelte-1spslmp{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.download-btn.secondary.svelte-1spslmp:hover:not(:disabled){background:var(--um-purple);color:var(--um-white);border-color:var(--um-purple)}.error-banner.svelte-1spslmp{background:var(--um-red);color:#fff;padding:1rem;border-radius:8px;margin-bottom:2rem;font-weight:600}.note.svelte-1spslmp{text-align:center;color:var(--text-secondary);font-size:.85rem;margin-top:2rem}.guidelines.svelte-1spslmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.guideline-card.svelte-1spslmp{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.guideline-card.svelte-1spslmp:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--um-turquoise)}.guideline-icon.svelte-1spslmp{font-size:2.5rem;margin-bottom:1rem;display:block}.guideline-card.svelte-1spslmp h3:where(.svelte-1spslmp){margin-bottom:1.25rem;font-size:1.2rem;color:var(--text-primary)}.guideline-content.svelte-1spslmp{color:var(--text-secondary)}.checklist.svelte-1spslmp{list-style:none;padding:0;margin:0}.checklist.svelte-1spslmp li:where(.svelte-1spslmp){padding:.6rem 0 .6rem 1.75rem;position:relative;line-height:1.6}.checklist.svelte-1spslmp li:where(.svelte-1spslmp):before{content:"✓";position:absolute;left:0;color:var(--um-turquoise);font-weight:700;font-size:1.1rem}.checklist.avoid.svelte-1spslmp li:where(.svelte-1spslmp):before{content:"×";color:var(--um-red)}@media (max-width: 768px){.logo-page.svelte-1spslmp{padding:4rem 0 3rem}.container.svelte-1spslmp{padding:0 1.5rem}.logo-grid.svelte-1spslmp{grid-template-columns:1fr;gap:1.5rem}.preview-box.svelte-1spslmp{padding:2rem;min-height:250px}.preview-box.svelte-1spslmp img:where(.svelte-1spslmp){max-width:150px}.downloads-columns.svelte-1spslmp{grid-template-columns:1fr;gap:2rem}.download-card.svelte-1spslmp{padding:1.5rem}.guidelines.svelte-1spslmp{grid-template-columns:1fr;gap:1.5rem}.guideline-card.svelte-1spslmp{padding:1.5rem}.guideline-icon.svelte-1spslmp{font-size:2rem}}.app.svelte-1n46o8q{min-height:100vh;display:flex;flex-direction:column}main.svelte-1n46o8q{flex:1}main.svelte-1n46o8q:not(.home){padding-top:80px}footer.svelte-1n46o8q{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.5rem 0;animation:svelte-1n46o8q-slideUp .3s ease-out}@keyframes svelte-1n46o8q-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container.svelte-1n46o8q{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer-left.svelte-1n46o8q{display:flex;gap:1.5rem;align-items:center}.back-home.svelte-1n46o8q{background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:color .3s ease;text-decoration:none}.back-home.svelte-1n46o8q:hover{color:var(--um-turquoise)}.back-to-top.svelte-1n46o8q{background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:color .3s ease}.back-to-top.svelte-1n46o8q:hover{color:var(--um-turquoise)}footer.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--text-secondary);font-size:.85rem;word-wrap:break-word;overflow-wrap:break-word}footer.svelte-1n46o8q p.centered:where(.svelte-1n46o8q){margin:0 auto}footer.svelte-1n46o8q a:where(.svelte-1n46o8q){color:var(--text-secondary);text-decoration:none;transition:color .3s ease;word-break:break-word}footer.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{color:var(--text-primary)}@media (max-width: 768px){footer.svelte-1n46o8q{padding:1.5rem 0}.container.svelte-1n46o8q{flex-direction:column;text-align:center;padding:0 1.5rem;gap:1rem}.footer-left.svelte-1n46o8q{gap:1rem}footer.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:.75rem;line-height:1.6}.back-home.svelte-1n46o8q,.back-to-top.svelte-1n46o8q{font-size:.8rem}}