.brand-hero{text-align:center;padding:var(--spacing-xl) 0;border-bottom:2px solid var(--surface)}.brand-section{margin:var(--spacing-xl) 0}.brand-section-title{font-size:2.5rem;color:var(--pink);margin-bottom:var(--spacing-md)}.brand-section-subtitle{font-size:1.8rem;color:var(--cyan);margin:var(--spacing-lg) 0 var(--spacing-md)}.brand-description{font-size:1.1rem;opacity:0.9;margin-bottom:var(--spacing-lg)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.color-card{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-base)}.color-card:hover{transform:translateY(-4px)}.color-swatch{height:120px;width:100%}.color-info{padding:var(--spacing-md)}.color-name{font-weight:600;font-size:1.1rem;margin-bottom:var(--spacing-xs)}.color-hex{font-family:var(--font-code);color:var(--cyan);font-size:0.9rem}.color-usage{font-size:0.85rem;opacity:0.8;margin-top:var(--spacing-sm)}.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.logo-box{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px}.logo-box img{max-width:100%;height:auto;filter:none}.logo-label{margin-top:var(--spacing-md);font-weight:600;color:var(--cyan)}.logo-download{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.logo-download .btn{padding:0.5rem 1rem;font-size:0.875rem}.dos-donts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.example-card{border-radius:var(--radius-md);overflow:hidden}.example-card.do{border:3px solid var(--green)}.example-card.dont{border:3px solid var(--red)}.example-visual{background:var(--surface);padding:var(--spacing-lg);min-height:200px;display:flex;align-items:center;justify-content:center}.example-visual img{max-width:100%;height:auto;filter:none}.example-label{padding:var(--spacing-md);font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.example-card.do .example-label{background:var(--green);color:var(--bg)}.example-card.dont .example-label{background:var(--red);color:var(--bg)}.example-label img{filter:brightness(0)}.example-description{padding:0 var(--spacing-md) var(--spacing-md);font-size:0.9rem;opacity:0.9}.info-box{background:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.info-box table{width:100%;border-collapse:collapse}.info-box tr{border-bottom:1px solid rgba(248,248,242,0.1)}.info-box tr:last-child{border-bottom:none}.info-box td{padding:var(--spacing-md)}.info-box td:first-child{color:var(--cyan);font-weight:600}.info-box td:last-child{color:var(--pink);font-family:var(--font-code);font-size:0.9rem}.info-box a{color:var(--cyan)}.info-box a:hover{color:var(--purple)}.quick-ref{background:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.quick-ref h4{color:var(--purple);margin-bottom:var(--spacing-md)}.quick-ref pre{background:var(--bg);margin:0}.quick-ref ul{list-style:none;padding:0}.quick-ref li{padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(248,248,242,0.1)}.quick-ref li:last-child{border-bottom:none}.spacing-guides-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.spacing-guides-row>div{display:flex;flex-direction:column}.logo-spacing-demo{position:relative;background:var(--surface);border-radius:var(--radius-md);padding:60px;display:flex;align-items:center;justify-content:center;margin-top:var(--spacing-lg);flex:1}.spacing-logo-wordmark{width:280px;height:auto;display:block;filter:none}.spacing-logo-lettermark{width:140px;height:auto;display:block;filter:none}.spacing-border{position:absolute;display:flex;align-items:center;justify-content:center}.spacing-border span{font-family:var(--font-code);font-size:0.7rem;color:var(--purple);background:var(--bg);padding:0.1rem 0.4rem;border-radius:2px}.spacing-border.spacing-top{top:0;left:50%;transform:translateX(-50%);height:60px;width:1px;border-left:1px dashed var(--purple)}.spacing-border.spacing-bottom{bottom:0;left:50%;transform:translateX(-50%);height:60px;width:1px;border-left:1px dashed var(--purple)}.spacing-border.spacing-left{left:0;top:50%;transform:translateY(-50%);width:60px;height:1px;border-top:1px dashed var(--purple)}.spacing-border.spacing-right{right:0;top:50%;transform:translateY(-50%);width:60px;height:1px;border-top:1px dashed var(--purple)}.spacing-border.spacing-top span,.spacing-border.spacing-bottom span{position:absolute;left:8px}.spacing-border.spacing-left span,.spacing-border.spacing-right span{position:absolute;top:8px}.partnership-demo{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-md)}.partnership-logo{width:180px;height:auto;flex-shrink:0;filter:none}.partnership-logo-square{width:80px;height:auto;flex-shrink:0;filter:none}.partnership-divider{width:1px;height:60px;background:rgba(248,248,242,0.2);flex-shrink:0}.partnership-partner{font-size:1.3rem;font-weight:600;color:var(--text);opacity:0.4;border:2px dashed rgba(248,248,242,0.2);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm)}.logo-bg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.logo-bg-box{border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:160px}.logo-bg-box img{max-width:100%;height:auto;filter:none}.logo-bg-label{font-size:0.8rem;font-family:var(--font-code);opacity:0.8}.font-showcase{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.font-showcase-block{background:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md)}.font-showcase-block h4{color:var(--purple);margin-bottom:var(--spacing-md)}.font-showcase-sample{font-size:1.3rem;line-height:2;letter-spacing:0.05em;color:var(--text);margin-bottom:var(--spacing-md);transition:font-weight 0.15s ease}.font-showcase-weights{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.font-weight-btn{font-family:var(--font-main);font-size:0.95rem;color:var(--text);background:none;border:none;padding:0;cursor:pointer;opacity:0.5;transition:opacity var(--transition-fast),color var(--transition-fast)}.font-weight-btn:hover{opacity:0.8}.font-weight-btn.active{color:var(--cyan);opacity:1}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.voice-card{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-lg);border-top:3px solid transparent}.voice-card.do{border-top-color:var(--green)}.voice-card.dont{border-top-color:var(--red)}.voice-card h4{margin-bottom:var(--spacing-md);font-size:1.2rem}.voice-card.do h4{color:var(--green)}.voice-card.dont h4{color:var(--red)}.voice-card ul{list-style:none;padding:0}.voice-card li{padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(248,248,242,0.08);font-size:0.95rem;opacity:0.9}.voice-card li:last-child{border-bottom:none}.icon-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.icon-usage-card{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.icon-usage-card p{margin:0;font-size:0.85rem;opacity:0.7;margin-top:var(--spacing-sm)}.icon-usage-demo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.icon-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.icon-state span{font-size:0.75rem;font-family:var(--font-code);opacity:0.6}.icon-state.active img{filter:invert(1)}.icon-state-arrow{opacity:0.7}.icon-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.icon-showcase-item{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);transition:transform var(--transition-base)}.icon-showcase-item:hover{transform:translateY(-4px)}.icon-showcase-item span{font-family:var(--font-code);font-size:0.7rem;opacity:0.6;text-align:center}@media (max-width:768px){.spacing-guides-row{grid-template-columns:1fr}.partnership-demo{gap:var(--spacing-md)}.voice-grid{grid-template-columns:1fr}}