/* the header every SuperIntelligence page shares — the same grammar as superdrm.com / superengine.com: brand · links · Super grid · sign in / account */
.hdr{position:sticky;top:0;height:48px;z-index:40;background:#161616;border-bottom:1px solid #2a2a2a;font-family:"IBM Plex Sans",system-ui,-apple-system,sans-serif;font-size:.875rem}
.hdr .wrap{display:flex;align-items:center;height:48px;gap:1rem;padding:0 32px}
.hdr .brand{font-weight:300;font-size:1rem;color:#f4f4f4;text-decoration:none;white-space:nowrap}.hdr .brand b{font-weight:600}.hdr .brand b i{font-style:normal;font-weight:300}.hdr .brand b em{font-style:normal;color:#4589ff}.hdr .brand .tail{color:#8d8d8d;font-weight:300;font-size:.85rem;margin-left:.35rem}.hdr .brand:hover{text-decoration:none}
.hdr nav{display:flex;align-items:center;gap:.1rem .4rem;margin-left:auto}.hdr nav>a{color:#c6c6c6;padding:.45rem .5rem;text-decoration:none}.hdr nav>a:hover,.hdr nav>a.on{color:#fff;text-decoration:none}
.hdr nav a.cta{display:inline-flex;align-items:center;gap:.6rem;background:#0f62fe;color:#fff;height:2rem;padding:0 .8rem;font-size:.8rem;margin-left:.4rem}.hdr nav a.cta:hover{background:#0353e9;color:#fff}
.hdr #super-nav{display:flex;align-items:center;min-height:32px;margin:0 .25rem}
.hdr .smenu{position:relative;margin-left:.4rem}.hdr .smenu summary{list-style:none;cursor:pointer;display:flex}.hdr .smenu summary::-webkit-details-marker{display:none}
.hdr .avatar{width:28px;height:28px;border-radius:50%;background:#0f62fe;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;overflow:hidden;flex:none}.hdr .avatar img{width:100%;height:100%;object-fit:cover;display:block}
.hdr .smenu .menu{position:absolute;right:0;top:36px;min-width:250px;background:#1c1c1c;border:1px solid #2a2a2a;box-shadow:0 12px 32px rgba(0,0,0,.45);z-index:50;display:flex;flex-direction:column;padding:.4rem 0}
.hdr .menu a,.hdr .menu button{display:block;width:100%;text-align:left;padding:.5rem 1rem;font-size:.84rem;color:#f4f4f4;background:none;border:none;cursor:pointer;font-family:inherit;text-decoration:none;line-height:1.4}.hdr .menu a:hover,.hdr .menu button:hover{background:#262626;text-decoration:none}
.hdr .menu .who{padding:.6rem 1rem .7rem;border-bottom:1px solid #2a2a2a;margin-bottom:.3rem;font-size:.8rem;color:#c6c6c6;display:block}.hdr .menu .who b{display:block;color:#f4f4f4;font-weight:600}
@media(max-width:760px){.hdr .brand .tail{display:none}.hdr nav>a:not(.cta){display:none}.hdr .wrap{padding:0 16px}}