.brand-page{max-width:860px;margin:0 auto}.brand-section{margin:3.5rem 0}.brand-section>h2{font-family:Space Grotesk,system-ui,sans-serif;font-size:1.35rem;font-weight:700;color:var(--text);border-bottom:2px solid var(--border);padding-bottom:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.brand-section>h3{font-family:Space Grotesk,system-ui,sans-serif;font-size:1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:1.5rem 0 .75rem}.brand-intro{background:linear-gradient(135deg,var(--accent-light),var(--cyan-light));border:1px solid rgba(37,99,235,.12);border-radius:20px;padding:2.5rem;margin-bottom:3rem;text-align:center}.brand-intro .logo-lockup{font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:700;display:block;margin-bottom:.5rem}.brand-intro .logo-lockup span{color:var(--accent)}.brand-intro p{color:var(--text-secondary);font-size:1.05rem;max-width:520px;margin:0 auto}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.color-swatch{border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.color-swatch-fill{height:80px}.color-swatch-info{padding:.75rem;background:var(--card-bg)}.color-swatch-name{font-weight:600;font-size:.875rem;color:var(--text)}.color-swatch-hex{font-family:Space Grotesk,monospace;font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.color-swatch-var{font-size:.75rem;color:var(--text-muted);font-family:monospace;margin-top:.15rem;opacity:.8}.type-specimen{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:.75rem}.type-specimen .meta{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;display:block}.component-grid{display:grid;gap:1rem}.component-demo{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.component-demo h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:1rem}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.props-table{width:100%;border-collapse:collapse;font-size:.875rem}.props-table th{background:var(--bg-secondary);padding:.6rem .75rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--border)}.props-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.props-table td:first-child{font-family:Space Grotesk,monospace;font-size:.8125rem;color:var(--accent)}.props-table td:last-child{font-family:monospace;font-size:.8125rem;color:var(--text-secondary)}.prop-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:middle;margin-right:6px;border:1px solid rgba(0,0,0,.12)}.spacing-row{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap;margin:1rem 0}.spacing-block{background:var(--accent);opacity:.7;border-radius:4px;flex-shrink:0}.spacing-label{font-size:.7rem;text-align:center;color:var(--text-muted);margin-top:.25rem}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.icon-item{text-align:center;padding:1rem .5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius)}.icon-item .icon-glyph{font-size:1.75rem;display:block;margin-bottom:.375rem}.icon-item .icon-name{font-size:.7rem;color:var(--text-muted)}.logo-usage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.logo-variant{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;background:var(--card-bg)}.logo-variant.dark-bg{background:#0f172a;border-color:#1e293b}.logo-variant.accent-bg{background:var(--accent);border-color:var(--accent-hover)}.logo-variant .logo-display{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.4rem;margin-bottom:.5rem;display:block}.logo-variant.accent-bg .logo-display{color:#fff}.logo-variant.dark-bg .logo-display{color:#e0e0e0}.logo-variant.dark-bg .logo-display span{color:#4ea8de}.logo-variant.accent-bg .logo-display span{color:#ffffffd9}.logo-variant .logo-variant-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.logo-variant.dark-bg .logo-variant-label{color:#9090a2}.logo-variant.accent-bg .logo-variant-label{color:#ffffffb3}.tag-demo-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.callout-grid{display:grid;gap:.75rem}.do-dont-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.do-box,.dont-box{border-radius:var(--radius);padding:1rem 1.25rem}.do-box{background:var(--green-light);border:1px solid rgba(16,185,129,.3)}.dont-box{background:#fef2f2;border:1px solid rgba(239,68,68,.3)}.do-box .label{font-weight:700;color:#065f46;font-size:.85rem;margin-bottom:.5rem}.dont-box .label{font-weight:700;color:#991b1b;font-size:.85rem;margin-bottom:.5rem}.do-box p,.dont-box p{font-size:.875rem;margin:0}.do-box p{color:#064e3b}.dont-box p{color:#7f1d1d}@media(max-width:600px){.do-dont-grid{grid-template-columns:1fr}}