.brand-guidelines{background:linear-gradient(135deg, rgb(var(--background)) 0%, rgb(var(--soft-surface)) 100%);min-height:100vh}.brand-header{text-align:center;padding:3rem 2rem;position:relative;overflow:hidden}.brand-header:before{content:"";background:radial-gradient(circle,#f7a5011a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-10%}@keyframes float{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-20px,-30px)rotate(180deg)}}.logo-display{z-index:1;margin-bottom:2rem;position:relative}.logo-main{margin-bottom:2rem;animation:1s ease-out logoAppear;display:inline-block}@keyframes logoAppear{0%{opacity:0;transform:scale(.8)rotateY(90deg)}to{opacity:1;transform:scale(1)rotateY(0)}}.brand-logo{filter:drop-shadow(0 20px 40px #15181c33);width:120px;height:120px}.brand-header h1{color:rgb(var(--text-primary));letter-spacing:-.02em;margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:3rem;font-weight:700}.subtitle{color:rgb(var(--text-body));margin:0;font-family:IBM Plex Sans,sans-serif;font-size:1.25rem}.brand-content{max-width:1400px;margin:0 auto;padding:0 2rem 4rem}.brand-section{background:rgb(var(--surface));border-radius:16px;margin-bottom:2rem;padding:3rem;animation:.6s ease-out backwards sectionAppear;box-shadow:0 4px 20px #15181c14}.brand-section:first-child{animation-delay:.1s}.brand-section:nth-child(2){animation-delay:.2s}.brand-section:nth-child(3){animation-delay:.3s}.brand-section:nth-child(4){animation-delay:.4s}.brand-section:nth-child(5){animation-delay:.5s}@keyframes sectionAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-header{border-bottom:2px solid rgb(var(--border));margin-bottom:2rem;padding-bottom:1.5rem}.section-header h2{color:rgb(var(--text-primary));margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:2rem;font-weight:700}.section-header p{color:rgb(var(--text-body));margin:0;font-family:IBM Plex Sans,sans-serif;font-size:1.1rem}.logo-variants{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.logo-variant{text-align:center;background:rgb(var(--soft-surface));border-radius:12px;padding:2rem;transition:transform .3s}.logo-variant:hover{transform:translateY(-5px)}.logo-variant h3{color:rgb(var(--text-primary));margin:0 0 1rem;font-family:IBM Plex Sans,sans-serif;font-size:1.25rem;font-weight:600}.logo-showcase{background:rgb(var(--surface));border:1px solid rgb(var(--border));border-radius:8px;justify-content:center;align-items:center;min-height:160px;margin-bottom:1rem;padding:1rem;display:flex}.logo-showcase.light-bg{background:#eeefe9;border-color:#15181c26}.logo-showcase img{width:80px;height:80px}.mono-logo{color:rgb(var(--text-primary))}.logo-variant p{color:rgb(var(--text-body));margin:0;font-family:IBM Plex Sans,sans-serif;font-size:.9rem}.logo-usage{margin-bottom:3rem}.logo-usage h3{color:rgb(var(--text-primary));margin:0 0 1.5rem;font-family:IBM Plex Sans,sans-serif;font-size:1.5rem;font-weight:600}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.usage-do,.usage-dont{border-radius:12px;padding:2rem}.usage-do{background:linear-gradient(135deg,#f7a5011a 0%,#f7a5010d 100%);border-left:1px solid #f7a50180}.usage-dont{background:linear-gradient(135deg,#cd42391a 0%,#cd42390d 100%);border-left:1px solid #cd423980}.usage-do h4,.usage-dont h4{margin:0 0 1rem;font-family:IBM Plex Sans,sans-serif;font-size:1.25rem;font-weight:600}.usage-do h4{color:#b87e00}.dark .usage-do h4{color:#f7a501}.usage-dont h4{color:#cd4239}.usage-do ul,.usage-dont ul{margin:0;padding:0;list-style:none}.usage-do li,.usage-dont li{color:rgb(var(--text-body));padding:.5rem 0;font-family:IBM Plex Sans,sans-serif;font-size:1rem}.clear-space h3{color:rgb(var(--text-primary));margin:0 0 1.5rem;font-family:IBM Plex Sans,sans-serif;font-size:1.5rem;font-weight:600}.clear-space-visual{background:rgb(var(--soft-surface));border-radius:12px;justify-content:center;padding:3rem;display:flex}.protected-area{border:2px dashed #f7a501;border-radius:16px;padding:20px;display:inline-block;position:relative}.clear-indicators{position:absolute;inset:-40px}.indicator{color:#b87e00;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:600;position:absolute}.dark .indicator{color:#f7a501}.indicator.top{top:0;left:50%;transform:translate(-50%)}.indicator.bottom{bottom:0;left:50%;transform:translate(-50%)}.indicator.left{transform-origin:0;top:50%;left:0;transform:translateY(-50%)rotate(-90deg)}.indicator.right{transform-origin:100%;top:50%;right:0;transform:translateY(-50%)rotate(90deg)}.protected-area img{width:120px;height:120px}.size-variations h3{color:rgb(var(--text-primary));margin:0 0 1.5rem;font-family:IBM Plex Sans,sans-serif;font-size:1.5rem;font-weight:600}.size-grid{background:rgb(var(--soft-surface));border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.size-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.size-item span{color:rgb(var(--text-body));font-family:IBM Plex Mono,monospace;font-size:.8rem}.color-palette{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.color-item{background:rgb(var(--soft-surface));border-radius:12px;gap:1rem;padding:1.5rem;transition:transform .3s;display:flex}.color-item:hover{transform:translateY(-3px)}.color-swatch{border:1px solid #0000001a;border-radius:12px;flex-shrink:0;width:80px;height:80px;box-shadow:0 4px 12px #0000001a}.color-info h4{color:rgb(var(--text-primary));margin:0 0 .25rem;font-family:IBM Plex Sans,sans-serif;font-size:1.1rem;font-weight:600}.color-hex,.color-rgb{color:rgb(var(--text-body));margin:.1rem 0;font-family:IBM Plex Mono,monospace;font-size:.85rem}.color-use{color:rgb(var(--text-muted));margin:.5rem 0 0;font-family:IBM Plex Sans,sans-serif;font-size:.85rem}.typography-showcase{flex-direction:column;gap:2rem;display:flex}.type-specimen{background:rgb(var(--soft-surface));border-left:1px solid #f7a50180;border-radius:12px;padding:2rem}.display-text{color:rgb(var(--text-primary));letter-spacing:-.02em;margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:3rem;font-weight:700}.hero-text{color:rgb(var(--text-primary));letter-spacing:-.01em;margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:2.5rem;font-weight:700}.section-text{color:rgb(var(--text-primary));margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:2rem;font-weight:700}.body-text{color:rgb(var(--text-body));margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6}.mono-text{color:rgb(var(--text-body));margin:0 0 .5rem;font-family:IBM Plex Mono,monospace;font-size:1rem;font-weight:400;line-height:1.5}.type-meta{color:rgb(var(--text-muted));text-transform:uppercase;letter-spacing:.05em;margin:0;font-family:IBM Plex Mono,monospace;font-size:.8rem}.applications-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.application-card{background:rgb(var(--soft-surface));border-radius:12px;transition:transform .3s;overflow:hidden}.application-card:hover{transform:translateY(-5px)}.card-header{background:linear-gradient(135deg,#f7a5011a 0%,#f7a5010d 100%);align-items:center;gap:1rem;padding:1.5rem;display:flex}.card-logo{width:32px;height:32px}.card-header h4{color:rgb(var(--text-primary));margin:0;font-family:IBM Plex Sans,sans-serif;font-size:1rem;font-weight:600}.card-preview{justify-content:center;align-items:center;min-height:120px;padding:2rem;display:flex}.card-preview.dark-bg{background:#15181c}.card-preview.light-bg{background:#eeefe9}.card-preview.neutral-bg{background:rgb(var(--soft-surface))}.business-card{background:#15181c;border-radius:8px;align-items:center;gap:1rem;min-width:280px;padding:1rem 1.5rem;display:flex}.business-card img{width:40px;height:40px}.card-details .name{color:#fff;margin:0 0 .25rem;font-family:IBM Plex Sans,sans-serif;font-size:1rem;font-weight:600}.card-details .title{color:#fff;opacity:.7;margin:0;font-family:IBM Plex Sans,sans-serif;font-size:.8rem}.mini-header{background:rgb(var(--surface));border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.mini-header img{width:32px;height:32px}.mini-nav{gap:1.5rem;display:flex}.mini-nav a{color:rgb(var(--text-body));font-family:IBM Plex Sans,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.mini-nav a:hover{color:rgb(var(--text-primary))}.button-showcase{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary,.btn-secondary,.btn-accent{cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-family:IBM Plex Sans,sans-serif;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary{background:rgb(var(--text-primary));color:rgb(var(--surface))}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #15181c4d}.btn-secondary{color:rgb(var(--text-primary));border:2px solid rgb(var(--text-primary));background:0 0}.btn-secondary:hover{background:rgb(var(--text-primary));color:rgb(var(--surface));transform:translateY(-2px)}.btn-accent{color:#23251d;background:#f7a501}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f7a50166}.social-avatar{border-radius:50%;width:80px;height:80px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.social-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.download-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.download-item{text-align:center;background:linear-gradient(135deg,#f7a5011a 0%,#f7a5010d 100%);border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;padding:2rem;text-decoration:none;transition:all .3s;display:flex}.download-item:hover{border-color:#f7a501;transform:translateY(-5px);box-shadow:0 8px 24px #f7a50133}.download-icon{color:#f7a501;margin-bottom:1rem}.download-icon svg{width:32px;height:32px}.download-item h4{color:rgb(var(--text-primary));margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:1.1rem;font-weight:600}.download-item p{color:rgb(var(--text-body));margin:0;font-family:IBM Plex Sans,sans-serif;font-size:.9rem}.brand-footer{text-align:center;background:linear-gradient(135deg,#15181c0d 0%,#15181c05 100%);padding:3rem 2rem}.footer-content{flex-direction:column;align-items:center;gap:1rem;max-width:600px;margin:0 auto;display:flex}.footer-logo{opacity:.8;width:48px;height:48px}.brand-footer p{color:rgb(var(--text-body));text-align:center;margin:0;font-family:IBM Plex Sans,sans-serif;font-size:.9rem}@media (max-width:768px){.brand-header h1{font-size:2rem}.subtitle{font-size:1rem}.brand-section{padding:2rem 1.5rem}.section-header h2{font-size:1.5rem}.logo-variants,.usage-grid,.color-palette,.applications-grid{grid-template-columns:1fr}.display-text{font-size:2rem}.hero-text{font-size:1.75rem}.section-text{font-size:1.5rem}}.dark .brand-section{box-shadow:0 4px 20px #00000073}.dark .logo-showcase{border-color:rgb(var(--border))}.dark .brand-logo{filter:drop-shadow(0 20px 40px #00000080)}.dark .usage-do li,.dark .usage-dont li{color:rgb(var(--text-body))}