.brand-page{background-color:#f5f6f7;padding-bottom:80px}.brand-intro{text-align:center;max-width:720px;margin:0 auto 60px;padding:0 20px}.brand-intro p{color:#8390a3;font-size:1rem;line-height:1.7}.brand-section{max-width:1140px;margin:0 auto 60px;padding:0 20px}.brand-section-title{color:#082247;margin-bottom:12px;font-size:1.75rem;font-weight:600}.brand-section-description{color:#8390a3;max-width:640px;margin-bottom:32px;font-size:1rem;line-height:1.6}.brand-logo-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media screen and (width<=992px){.brand-logo-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=576px){.brand-logo-grid{grid-template-columns:1fr}}.brand-logo-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:box-shadow .2s;overflow:hidden}.brand-logo-card:hover{box-shadow:0 4px 16px #0000000f}.brand-logo-card.dark-bg .brand-logo-preview{background-color:#082247}.brand-logo-preview{background-color:#f8fbff;justify-content:center;align-items:center;min-height:160px;padding:40px 32px;display:flex}.brand-logo-preview img{object-fit:contain;max-width:200px;max-height:80px}.brand-logo-info{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.brand-logo-label{color:#082247;white-space:nowrap;font-size:.875rem;font-weight:500}.brand-download-buttons{gap:6px;display:flex}.brand-download-btn{color:#247efe;cursor:pointer;white-space:nowrap;background:#eef4ff;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.brand-download-btn:hover{background:#ddeaff}.brand-download-btn svg{width:12px;height:12px}.brand-color-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media screen and (width<=992px){.brand-color-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=480px){.brand-color-grid{grid-template-columns:1fr}}.brand-color-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:box-shadow .2s;overflow:hidden}.brand-color-card:hover{box-shadow:0 4px 16px #0000000f}.brand-color-swatch{height:100px}.brand-color-info{padding:14px 16px}.brand-color-name{color:#082247;margin-bottom:4px;font-size:.875rem;font-weight:600}.brand-color-hex{color:#8390a3;font-family:monospace;font-size:.8rem}.brand-color-copied{color:#01cd8c;min-height:18px;margin-top:4px;font-size:.75rem;font-weight:500}.brand-guidelines{max-width:1140px;margin:0 auto 60px;padding:0 20px}.brand-guidelines-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:40px}.brand-guidelines-content h3{color:#082247;margin-top:28px;margin-bottom:12px;font-size:1.125rem;font-weight:600}.brand-guidelines-content h3:first-child{margin-top:0}.brand-guidelines-content p{color:#8390a3;margin-bottom:12px;font-size:.95rem;line-height:1.7}.brand-guidelines-content ul{margin-bottom:16px;margin-left:24px;list-style-type:disc}.brand-guidelines-content li{color:#8390a3;margin-bottom:6px;font-size:.95rem;line-height:1.7}