.topbar{position:fixed;top:0;left:0;right:0;z-index:146;height:44px;overflow:hidden;background:transparent;border-bottom:1px solid transparent;color:var(--text-on-dark-muted);font-size:13px;transition:background-color .25s ease,border-color .25s ease,transform .25s ease}.topbar.is-scrolled{transform:translateY(-100%)}body.header-opak .topbar{background:#0b0d12;border-bottom-color:rgba(255,255,255,.07)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:44px}.topbar-links{display:flex;align-items:center;gap:24px}.topbar-links a{display:inline-flex;align-items:center;gap:8px;color:var(--text-on-dark-muted);transition:color .15s ease}.topbar-links a:hover{color:var(--text-on-dark)}.topbar-links .icon{width:15px;height:15px;flex-shrink:0}.topbar-cta{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13px;color:var(--text-on-dark-muted);transition:color .15s ease}.topbar-cta:hover{color:var(--accent)}.topbar-cta .icon{width:16px;height:16px;flex-shrink:0}@media (max-width:700px){.topbar-links a span{display:none}.topbar-links{gap:16px}.topbar-cta{font-size:12px}}@media (max-width:480px){.topbar-cta span{display:none}}