.top,.demo-topbar{position:sticky;top:0;z-index:20;justify-content:flex-start;height:76px;padding:0 28px;background:rgba(5,18,33,.94);backdrop-filter:blur(16px)}
.top .brand,.demo-brand{flex:0 0 auto;gap:11px;font-size:1rem;font-weight:800;letter-spacing:-.4px}.top .brand img,.demo-brand img{width:32px;height:32px}.demo-brand span{display:block}
.top nav,.demo-topbar nav{display:flex;align-items:center;gap:6px;min-width:0;margin-left:20px;overflow-x:auto;scrollbar-width:none}
.top nav::-webkit-scrollbar,.demo-topbar nav::-webkit-scrollbar{display:none}
.top nav a,.demo-topbar nav a{display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:36px;padding:0 10px;border:1px solid #1489a8;border-radius:8px;color:#eaf4ff;font-size:.72rem;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}
.top nav a.primary,.demo-topbar nav a.primary{padding-inline:13px;border-color:#4aa7f9;background:linear-gradient(135deg,#197fe0,#0b5db3);color:#fff}
@media(max-width:720px){.top,.demo-topbar{gap:0;height:64px;padding-inline:14px}.top .brand span,.demo-brand span{display:none}.top nav,.demo-topbar nav{margin-left:8px}.top nav a:not(.primary),.demo-topbar nav>a:first-child{display:flex}.top nav a,.demo-topbar nav a{height:34px;padding-inline:8px;font-size:.69rem}}