.brand-page{padding-top:5rem}.brand-hero{text-align:center;max-width:640px;margin:0 auto;padding:4rem 1.5rem 3rem;animation:.5s ease-out fadeInUp}.brand-hero__label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-cta);background:var(--color-cta-subtle);border-radius:50px;margin-bottom:1.25rem;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-block}.brand-hero__title{color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.brand-hero__sub{color:var(--color-text-secondary);margin:0;font-size:1.05rem;line-height:1.7}.brand-section{border-top:1px solid var(--color-border);max-width:960px;margin:0 auto;padding:3rem 1.5rem}.brand-section--cta{text-align:center;padding-bottom:5rem}.brand-section--cta .gradient-btn{margin-top:1.5rem;display:inline-flex}.brand-section__title{color:var(--color-text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.brand-section__desc{color:var(--color-text-secondary);max-width:600px;margin:0 0 2rem;font-size:.95rem;line-height:1.7}.brand-logo-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.brand-logo-grid--icons{max-width:600px}@media (max-width:640px){.brand-logo-grid{grid-template-columns:1fr}}.brand-logo-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base);overflow:hidden}.brand-logo-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #26313b14}.brand-logo-card--light .brand-logo-card__preview{background:#fff}.brand-logo-card--dark .brand-logo-card__preview{background:#1a242c}.brand-logo-card__preview{justify-content:center;align-items:center;min-height:160px;padding:3rem 2rem;display:flex}.brand-logo-card__preview--icon{min-height:140px;padding:2rem}.brand-logo-card__meta{background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.brand-logo-card--dark .brand-logo-card__meta{background:var(--color-accent-dark);border-top-color:#ffffff14}.brand-logo-card__label{color:var(--color-text-secondary);font-size:.8rem}.brand-logo-card--dark .brand-logo-card__label{color:#fff9}.brand-download-btn{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;transition:all var(--transition-base);align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:500;text-decoration:none;display:inline-flex}.brand-download-btn:hover{background:var(--color-accent-light);transform:translateY(-1px)}.brand-download-btn--light{color:#fff;background:#ffffff26}.brand-download-btn--light:hover{background:#ffffff40}.brand-dont-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:768px){.brand-dont-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.brand-dont-grid{grid-template-columns:1fr}}.brand-dont-card{border-radius:var(--radius-md);background:#c0392b0a;border:1px solid #c0392b1f;align-items:flex-start;gap:10px;padding:1rem 1.25rem;display:flex}.brand-dont-card__icon{color:var(--color-error);flex-shrink:0;margin-top:1px;font-size:.85rem;font-weight:700}.brand-dont-card__text{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5}.brand-color-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.brand-color-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);transition:all var(--transition-base);overflow:hidden}.brand-color-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #26313b0f}.brand-color-card__swatch{width:100%;height:80px}.brand-color-card__info{flex-direction:column;gap:2px;padding:.75rem 1rem;display:flex}.brand-color-card__name{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.brand-color-card__hex{color:var(--color-text-muted);font-family:SF Mono,Fira Code,monospace;font-size:.78rem}.brand-color-card__role{color:var(--color-text-secondary);margin-top:2px;font-size:.75rem}.brand-type-samples{gap:0;display:grid}.brand-type-sample{border-bottom:1px solid var(--color-border);align-items:baseline;gap:2rem;padding:1.25rem 0;display:flex}.brand-type-sample:last-child{border-bottom:none}.brand-type-sample__weight{color:var(--color-text-muted);white-space:nowrap;min-width:120px;font-size:.78rem}.brand-type-sample__text{color:var(--color-text-primary);margin:0;font-size:1.5rem}@media (max-width:640px){.brand-type-sample{flex-direction:column;gap:.5rem}.brand-type-sample__text{font-size:1.15rem}}.brand-naming-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:640px){.brand-naming-grid{grid-template-columns:1fr}}.brand-naming-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);padding:1.5rem}.brand-naming-card--do{background:#2d7a4f08;border-color:#2d7a4f33}.brand-naming-card--dont{background:#c0392b08;border-color:#c0392b26}.brand-naming-card__badge{text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:inline-block}.brand-naming-card--do .brand-naming-card__badge{color:var(--color-success)}.brand-naming-card--dont .brand-naming-card__badge{color:var(--color-error)}.brand-naming-card__list{gap:.5rem;margin:0;padding-left:1.25rem;display:grid}.brand-naming-card__list li{color:var(--color-text-secondary);font-size:.88rem;line-height:1.6}.brand-link{color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:3px;transition:all var(--transition-base)}.brand-link:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}