:root{--tb-h: 62px}body.has-topbar{padding-block-start:var(--tb-h)}body.has-topbar [id^=feat-],body.has-topbar #features-cta{scroll-margin-block-start:calc(var(--tb-h) + 8px)}.topbar{position:fixed;inset-block-start:0;inset-inline:0;z-index:100;background:#0b0e14b8;backdrop-filter:blur(14px);border-block-end:1px solid var(--border);transition:background .25s ease,border-color .25s ease}.topbar.scrolled{background:#0b0e14ed;border-block-end-color:var(--border-2)}.topbar-inner{max-width:var(--maxw);margin-inline:auto;padding-inline:24px;height:var(--tb-h);display:flex;align-items:center;gap:16px}.tb-logo{display:flex;align-items:center;gap:8px;flex:none;font-family:var(--font-mono);font-weight:700;font-size:16px;letter-spacing:.06em;white-space:nowrap}.tb-logo .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.tb-logo b{color:var(--accent)}.tb-nav{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}.tb-nav::-webkit-scrollbar{display:none}.tb-link{flex:none;padding:7px 11px;border-radius:8px;font-size:13px;color:var(--muted);white-space:nowrap;transition:color .18s ease,background .18s ease}.tb-link:hover,.tb-link:focus-visible{color:var(--fg);background:var(--surface-2)}.tb-link.active{color:var(--accent);background:#00d68f1a}.tb-actions{flex:none;display:flex;align-items:center;gap:10px}.tb-lang{position:relative}.tb-lang-btn{display:flex;align-items:center;gap:6px;padding:7px 10px;font:inherit;font-size:13px;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer}.tb-lang-btn:hover{border-color:var(--border-2)}.tb-globe{color:var(--accent);font-size:12px}.tb-lang-menu[hidden]{display:none}.tb-lang-menu{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;min-width:132px;padding:5px;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border-2);border-radius:10px;box-shadow:var(--shadow)}.tb-lang-opt{padding:8px 10px;font:inherit;font-size:13px;text-align:start;color:var(--fg);background:none;border:0;border-radius:7px;cursor:pointer}.tb-lang-opt:hover{background:var(--surface-2)}.tb-lang-opt[aria-current=true]{color:var(--accent)}.tb-cta{padding:8px 15px;font-size:13px;font-weight:700;color:#04120c;background:var(--accent);border-radius:100px;white-space:nowrap}.tb-cta:hover{filter:brightness(1.08)}.tb-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:38px;height:34px;padding:0 8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer}.tb-burger span{display:block;height:2px;border-radius:2px;background:var(--fg)}@media(max-width:900px){.topbar-inner{padding-inline:18px;gap:10px}.tb-burger{display:flex}.tb-nav{position:absolute;inset-block-start:var(--tb-h);inset-inline:0;display:none;flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100vh - var(--tb-h));overflow-y:auto;padding:10px 18px 16px;background:#0b0e14fa;border-block-end:1px solid var(--border);mask-image:none}.topbar.open .tb-nav{display:flex}.tb-link{padding:11px 12px;font-size:14px}.tb-cta{display:none}}@media(max-width:520px){.tb-logo{font-size:14px}}@media(prefers-reduced-motion:reduce){.topbar,.tb-link{transition:none}}