.brand-guidelines{background:linear-gradient(135deg,#eeefe9 0%,#e8e9e3 100%);min-height:100vh}.brand-header{text-align:center;padding:3rem 2rem;position:relative;overflow:hidden}.brand-header:before{content:"";background:radial-gradient(circle,#12b8861a 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:#15181c;letter-spacing:-.02em;margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:3rem;font-weight:700}.subtitle{color:#23251d;opacity:.7;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:#fff;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 #eeefe9;margin-bottom:2rem;padding-bottom:1.5rem}.section-header h2{color:#15181c;margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:2rem;font-weight:700}.section-header p{color:#23251d;opacity:.7;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:#f8f9f7;border-radius:12px;padding:2rem;transition:transform .3s}.logo-variant:hover{transform:translateY(-5px)}.logo-variant h3{color:#15181c;margin:0 0 1rem;font-family:IBM Plex Sans,sans-serif;font-size:1.25rem;font-weight:600}.logo-showcase{background:#fff;border:1px solid #15181c1a;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:#15181c}.logo-variant p{color:#23251d;opacity:.7;margin:0;font-family:IBM Plex Sans,sans-serif;font-size:.9rem}.logo-usage{margin-bottom:3rem}.logo-usage h3{color:#15181c;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,#12b8861a 0%,#12b8860d 100%);border-left:4px solid #12b886}.usage-dont{background:linear-gradient(135deg,#cd42391a 0%,#cd42390d 100%);border-left:4px solid #cd4239}.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:#12b886}.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:#23251d;padding:.5rem 0;font-family:IBM Plex Sans,sans-serif;font-size:1rem}.clear-space h3{color:#15181c;margin:0 0 1.5rem;font-family:IBM Plex Sans,sans-serif;font-size:1.5rem;font-weight:600}.clear-space-visual{background:#f8f9f7;border-radius:12px;justify-content:center;padding:3rem;display:flex}.protected-area{border:2px dashed #12b886;border-radius:16px;padding:20px;display:inline-block;position:relative}.clear-indicators{position:absolute;inset:-40px}.indicator{color:#12b886;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:600;position:absolute}.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:#15181c;margin:0 0 1.5rem;font-family:IBM Plex Sans,sans-serif;font-size:1.5rem;font-weight:600}.size-grid{background:#f8f9f7;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:#23251d;opacity:.7;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:#f8f9f7;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:#15181c;margin:0 0 .25rem;font-family:IBM Plex Sans,sans-serif;font-size:1.1rem;font-weight:600}.color-hex,.color-rgb{color:#23251d;opacity:.7;margin:.1rem 0;font-family:IBM Plex Mono,monospace;font-size:.85rem}.color-use{color:#23251d;opacity:.6;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:#f8f9f7;border-left:4px solid #12b886;border-radius:12px;padding:2rem}.display-text{color:#15181c;letter-spacing:-.02em;margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:3rem;font-weight:700}.hero-text{color:#15181c;letter-spacing:-.01em;margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:2.5rem;font-weight:700}.section-text{color:#15181c;margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:2rem;font-weight:700}.body-text{color:#23251d;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:#23251d;margin:0 0 .5rem;font-family:IBM Plex Mono,monospace;font-size:1rem;font-weight:400;line-height:1.5}.type-meta{color:#23251d;opacity:.6;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:#f8f9f7;border-radius:12px;transition:transform .3s;overflow:hidden}.application-card:hover{transform:translateY(-5px)}.card-header{background:linear-gradient(135deg,#12b8861a 0%,#12b8860d 100%);align-items:center;gap:1rem;padding:1.5rem;display:flex}.card-logo{width:32px;height:32px}.card-header h4{color:#15181c;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:#f8f9f7}.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:#fff;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:#23251d;opacity:.7;font-family:IBM Plex Sans,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:opacity .2s}.mini-nav a:hover{opacity:1}.button-showcase{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary,.btn-secondary,.btn-accent{cursor:pointer;border:none;border-radius:8px;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{color:#fff;background:#15181c}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #15181c4d}.btn-secondary{color:#15181c;background:0 0;border:2px solid #15181c}.btn-secondary:hover{color:#fff;background:#15181c;transform:translateY(-2px)}.btn-accent{color:#fff;background:#12b886}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 4px 12px #12b88666}.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,#12b8861a 0%,#12b8860d 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:#12b886;transform:translateY(-5px);box-shadow:0 8px 24px #12b88633}.download-icon{color:#12b886;margin-bottom:1rem}.download-icon svg{width:32px;height:32px}.download-item h4{color:#15181c;margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:1.1rem;font-weight:600}.download-item p{color:#23251d;opacity:.7;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:#23251d;opacity:.7;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-guidelines{background:linear-gradient(135deg,#15181c 0%,#101216 100%)}.dark .brand-header h1,.dark .section-header h2,.dark .logo-variant h3,.dark .logo-usage h3,.dark .clear-space h3,.dark .size-variations h3,.dark .color-info h4,.dark .card-header h4,.dark .download-item h4,.dark .display-text,.dark .hero-text,.dark .section-text{color:#eeefe9}.dark .subtitle,.dark .section-header p,.dark .logo-variant p,.dark .body-text,.dark .mono-text,.dark .type-meta,.dark .color-hex,.dark .color-rgb,.dark .color-use,.dark .size-item span,.dark .download-item p,.dark .brand-footer p{color:#c4c7bc}.dark .brand-section{background:#1a1e23;box-shadow:0 4px 20px #00000073}.dark .section-header{border-bottom-color:#262b31}.dark .logo-variant,.dark .clear-space-visual,.dark .size-grid,.dark .color-item,.dark .application-card,.dark .type-specimen{background:#22262c}.dark .logo-showcase{background:#15181c;border-color:#eeefe91f}.dark .mono-logo{color:#eeefe9}.dark .usage-do li,.dark .usage-dont li{color:#c4c7bc}