.brand-guide{width:min(1000px,calc(100% - 40px));margin:32px auto 70px;color:#ecf3ed;font-family:Manrope,Arial,sans-serif;overflow-wrap:anywhere}.brand-guide section{padding:28px 0;border-bottom:1px solid #284036}.brand-guide h1{font-size:clamp(34px,7vw,64px);line-height:1.12;letter-spacing:-.05em}.brand-guide h2{font-size:25px;letter-spacing:-.03em}.brand-guide p,.brand-guide li{color:#a5b8aa;line-height:1.75;max-width:75ch}.brand-guide .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:14px}.brand-guide .card{padding:20px;background:#101c14;border:1px solid #284036;border-radius:12px;min-width:0}.brand-guide .swatch{height:60px;border:1px solid #a5b8aa44;border-radius:8px;margin-bottom:12px}.brand-guide code{font-size:13px}.brand-guide .logo-demo{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.brand-guide .logo-demo img{width:64px;height:64px}.brand-guide a{color:#49d79b}.brand-guide a:focus-visible{outline:2px solid #49d79b;outline-offset:5px}.brand-guide .brand{color:#ecf3ed}.brand-guide li{margin:8px 0}@media(max-width:400px){.brand-guide{width:calc(100% - 28px)}}