.brand-wrapper{color:#1a1a1a;background-color:#fdfaf3;min-height:100vh;padding-top:8rem;padding-bottom:10rem;position:relative;overflow:hidden}.brand-wrapper:before{content:"";z-index:0;background-image:linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.brand-container{z-index:10;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;position:relative}.brand-hero{text-align:center;padding:40px 0 60px;position:relative}.brand-badge{font-family:var(--font-outfit);text-transform:uppercase;letter-spacing:.15em;color:coral;background:#ff7f501a;border:1px solid #ff7f5026;border-radius:100px;margin-bottom:24px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.brand-title{color:#000;letter-spacing:-.03em;margin-bottom:24px;font-family:Playfair Display,serif;font-size:4rem;font-weight:800;line-height:1.1}@media (max-width:768px){.brand-title{font-size:2.8rem}}.brand-lead{font-family:var(--font-sans);color:#000000b3;max-width:680px;margin:0 auto;font-size:1.25rem;line-height:1.6}.brand-grid-layout{grid-template-columns:240px 1fr;gap:60px;margin-top:40px;display:grid}@media (max-width:1024px){.brand-grid-layout{grid-template-columns:1fr;gap:40px}}.brand-sidebar{height:fit-content;position:sticky;top:120px}@media (max-width:1024px){.brand-sidebar{display:none}}.brand-nav-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.brand-nav-item button{color:#0006;font-family:var(--font-outfit);text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:8px;width:100%;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.brand-nav-item button:hover{color:#000;background:#00000008}.brand-nav-item.active button{color:coral;background:#ff7f5014;border-left-color:coral;font-weight:600}.brand-section{border-bottom:1px solid #00000014;margin-bottom:60px;padding-bottom:60px}.brand-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.brand-section-title{font-family:var(--font-outfit);color:#000;letter-spacing:-.02em;margin-bottom:16px;font-size:1.8rem;font-weight:700}.brand-section-desc{color:#0009;margin-bottom:32px;font-size:1.05rem;line-height:1.6}.logo-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px;display:grid}.logo-showcase-card{background:#fff;border:1px solid #0000000f;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 20px #00000005}.logo-showcase-card.dark-bg{background:#0a0a0a;border-color:#ffffff0d}.logo-showcase-card:hover{border-color:coral;transform:translateY(-4px);box-shadow:0 10px 30px #ff7f500d}.logo-preview-wrapper{flex:1;justify-content:center;align-items:center;max-width:100%;padding:20px;display:flex}.logo-preview-wrapper img{object-fit:contain;max-width:100%;max-height:140px}.logo-card-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;position:absolute;top:16px;left:16px}.logo-showcase-card.dark-bg .logo-card-label{color:#fff6}.logo-showcase-card:not(.dark-bg) .logo-card-label{color:#0006}.logo-download-btn{color:#000;cursor:pointer;background:#0000000a;border:1px solid #0000000f;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:absolute;bottom:16px;right:16px}.logo-showcase-card.dark-bg .logo-download-btn{color:#fff;background:#ffffff14;border-color:#ffffff1a}.logo-download-btn:hover{background:coral;border-color:coral;color:#fff!important}.rules-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:768px){.rules-grid{grid-template-columns:1fr}}.rule-card{background:#fff;border:1px solid #00000014;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px #00000005}.rule-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000000a}.rule-card.do,.rule-card.dont{border-color:#00000014}.rule-header{text-transform:uppercase;letter-spacing:.05em;color:#1a1a1a;background:#00000005;border-bottom:1px solid #0000000f;align-items:center;gap:8px;padding:16px 20px;font-size:11px;font-weight:700;display:flex}.rule-card.do .rule-header svg{color:#10b981}.rule-card.dont .rule-header svg{color:#ef4444}.rule-body{background:#0a0a0a;justify-content:center;align-items:center;min-height:180px;padding:32px;display:flex}.rule-desc{color:#000000b3;padding:16px 20px;font-size:14px;line-height:1.5}.colors-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.color-card{background:#fff;border:1px solid #0000000f;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px #00000005}.color-card:hover{border-color:coral;transform:translateY(-4px);box-shadow:0 10px 30px #ff7f500d}.color-swatch{width:100%;height:140px;position:relative}.color-info{padding:20px}.color-name{font-family:var(--font-outfit);color:#000;margin-bottom:12px;font-size:18px;font-weight:700}.color-values{flex-direction:column;gap:8px;display:flex}.color-value-row{color:#00000080;justify-content:space-between;align-items:center;font-size:13px;display:flex}.color-value-copy{color:#000000b3;cursor:pointer;background:#00000008;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-family:monospace;font-size:12px;transition:all .2s;display:flex}.color-value-copy:hover{color:coral;background:#ff7f501a}.typo-specimen{background:#fff;border:1px solid #0000000f;border-radius:24px;margin-bottom:24px;padding:40px;box-shadow:0 4px 20px #00000005}.typo-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.typo-font-name{font-family:var(--font-outfit);color:#000;font-size:20px;font-weight:700}.typo-font-use{text-transform:uppercase;letter-spacing:.1em;color:coral;background:#ff7f501a;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700}.typo-display-alphabet{color:#000;margin-bottom:24px;font-size:2.5rem;line-height:1.2}.typo-alphabet-specimen{color:#0006;word-break:break-all;font-family:monospace;font-size:14px}.text-guidelines-list{flex-direction:column;gap:20px;display:flex}.text-guideline-item{border-bottom:1px solid #0000000f;grid-template-columns:200px 1fr;gap:24px;padding-bottom:20px;display:grid}@media (max-width:640px){.text-guideline-item{grid-template-columns:1fr;gap:8px}}.text-guideline-item:last-child{border-bottom:none;padding-bottom:0}.text-guideline-label{font-family:var(--font-outfit);color:#000;font-weight:700}.text-guideline-content{color:#000000b3;font-size:14.5px;line-height:1.6}.brand-toast{color:#fff;font-family:var(--font-outfit);z-index:100000;background:coral;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideInUp;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #ff7f5033}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-download-btn{font-family:var(--font-outfit);background-color:#000;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:10px;padding:16px 36px;font-size:15px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px #00000026;color:#fff!important}.brand-download-btn:hover{background-color:#1a1a1a;border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 30px #00000040}