#brandFooter{position:relative;display:flex;justify-content:space-between;align-items:center;gap:36px;margin:0 0 28px;padding:28px;border:1px solid #33405a;border-radius:22px;background:linear-gradient(120deg,#090b10,#111723);overflow:hidden}
#brandFooter:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--blue),#8ba43e)}
#brandFooter .brand-identity{display:flex;align-items:center;gap:22px;min-width:0}
#brandFooter .brand-logo{display:block;width:190px;max-width:42vw;height:auto}
#brandFooter .brand-name{font-size:1rem;font-weight:700}
#brandFooter .brand-topics{margin-top:6px;color:var(--green);font-size:.76rem;line-height:1.45}
#brandFooter .brand-quote{margin:10px 0 0;color:#9fb0c7;font-size:.82rem;line-height:1.45;white-space:nowrap}
#brandFooter .socials{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
#brandFooter .socials a{display:inline-flex;align-items:center;min-height:36px;padding:8px 11px;border:1px solid #33405a;border-radius:999px;color:#dce3ee;text-decoration:none;font-size:.72rem;font-weight:800;transition:.18s ease}
#brandFooter .socials a:hover,#brandFooter .socials a:focus-visible{color:#fff;border-color:var(--green);background:#45e08b12;transform:translateY(-2px);outline:none}
html[data-theme="light"] #brandFooter{background:linear-gradient(120deg,#fff,#edf3fa);border-color:#bdcbdc}
html[data-theme="light"] #brandFooter .brand-topics{color:#187a4d}
html[data-theme="light"] #brandFooter .socials a{color:#25364d;border-color:#bdcbdc}
html[data-theme="light"] #brandFooter .socials a:hover,html[data-theme="light"] #brandFooter .socials a:focus-visible{color:#12643e}
#brandFooter .socials a{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.8rem;font-weight:700;letter-spacing:0}
html[data-contrast="high"] #brandFooter{border-width:2px}
@media(max-width:780px){#brandFooter,#brandFooter .brand-identity{align-items:flex-start;flex-direction:column}
#brandFooter{gap:22px;padding:24px}
#brandFooter .brand-logo{width:170px;max-width:70vw}
#brandFooter .socials{justify-content:flex-start}}
html[data-contrast="high"] #brandFooter{background:#000!important;border:2px solid #fff!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-contrast="high"] #brandFooter .brand-topics{color:#fff!important}
html[data-contrast="high"] #brandFooter .socials a{background:#000!important;color:#fff!important;border:2px solid #fff!important}
#brandFooter .brand-listen{position:relative;z-index:2;flex:0 0 44px}
#brandFooter .brand-listen:after{position:absolute;display:flex;align-items:center;justify-content:center;content:'i';top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#626b79;color:#fff;font:900 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:0 2px 7px #0007;pointer-events:none}
@media(min-width:781px){#brandFooter{gap:10px;padding:26px 20px}
#brandFooter .brand-identity{flex:none;gap:14px}
#brandFooter .brand-logo{width:140px}
#brandFooter .brand-topics{white-space:nowrap}
#brandFooter .brand-quote{font-size:.7rem}
#brandFooter .brand-listen{margin-left:2px}
#brandFooter .socials{flex-wrap:nowrap;gap:4px}
#brandFooter .socials a{padding:8px 9px;font-size:.76rem}}
@media(max-width:780px){#brandFooter{padding-right:76px}
#brandFooter .brand-quote{white-space:normal}
#brandFooter .brand-listen{position:absolute;top:18px;right:18px}}
#brandFooter{line-height:normal;font-weight:400;max-width:100%;box-sizing:border-box;flex-wrap:wrap}
#brandFooter .brand-copy{display:block;font-weight:400;color:inherit}
#brandFooter .socials a{background:transparent;line-height:normal;font-family:Commissioner,Arial,sans-serif}
#brandFooter .socials{margin:0}
#brandFooter .brand-identity>a{display:block;padding:0;border:0;background:transparent;flex:none}
#brandFooter .brand-logo{height:auto;max-height:none}
#brandFooter .brand-listen:after{font-family:Commissioner,Arial,sans-serif}