.hd,.hd *{box-sizing:border-box}
.hd{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(4,7,14,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12)}
.hd-shell{margin:0 auto;width:100%;max-width:80rem;padding-left:48px;padding-right:48px}
.hd .hd-shell{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.hd-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.hd-brand img{filter:none}
.hd-brand span{font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:.01em}
.hd-brand small{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.6);margin-left:4px}
.hd-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:24px}
.hd-nav a,.hd-mnav a{color:rgba(255,255,255,.72);text-decoration:none;font-size:.9rem;padding:8px 0;border-bottom:1px solid transparent}
.hd-nav a:hover{color:#fff}.hd-right{display:flex;align-items:center;gap:20px}.hd-signin{color:rgba(255,255,255,.72);text-decoration:none;font-size:.9rem;white-space:nowrap}.hd-signin:hover{color:#fff}
.hd-menu{display:none;background:transparent!important;border:0;align-items:center!important;width:44px;height:44px;padding:12px 10px;flex-direction:column;justify-content:space-between}
.hd-menu span{display:block;width:22px;height:1.5px;background:#fff}
.hd-mnav{display:grid;gap:12px;padding:0 24px 20px;background:rgba(4,7,14,.96)}
.hd-mnav[hidden]{display:none}
.hd-space{height:80px}
.hd .hd-nav{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;background:none!important;border:0!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;box-shadow:none!important;backdrop-filter:none!important}.hd .hd-mnav{position:static!important;border:0!important;height:auto!important;width:auto!important}@media(max-width:767px){.hd .hd-nav{display:none!important}}
.hd-menu{box-shadow:none!important}
@media(max-width:767px){.hd-shell{padding-left:24px;padding-right:24px}.hd .hd-shell{height:64px}.hd-nav,.hd-brand small{display:none}.hd-menu{display:flex}.hd-space{height:64px}}
.hd .hd-brand span{font-family:'IBM Plex Sans',system-ui,sans-serif!important;font-weight:600!important;font-size:1.05rem!important;letter-spacing:.01em!important;color:#fff!important}
.hd .hd-brand img{width:22px!important;height:22px!important;filter:none!important}
.hd .hd-brand small{font-family:'IBM Plex Mono',ui-monospace,monospace!important;font-size:9px!important;letter-spacing:.08em!important;color:rgba(255,255,255,.6)!important;margin-left:4px!important}
.hd .hd-signin{color:rgba(255,255,255,.72)!important;text-decoration:none!important;font-size:.9rem!important;font-family:'IBM Plex Sans',system-ui,sans-serif!important}
.hd a{border:0!important}
@media(max-width:767px){.hd .hd-brand small{display:none!important}}
.hd{background:rgba(4,7,14,.96)!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.hd .hd-brand img{opacity:1!important}
.hd{z-index:1000!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
html body header.hd .hd-brand img[src]{filter:none!important}
html body header.hd{background:#04070E!important}

/* phone: comfortable tap targets for the header and every footer link */
@media(max-width:767px){.hd .hd-signin{display:inline-flex!important;align-items:center;min-height:44px;padding:0 4px}.hd .hd-brand{min-height:44px}footer a{display:inline-flex;align-items:center;min-height:40px}}