.vtk-site-header{--sans:var(--font-vtk-sans), "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--mono:var(--font-vtk-mono), "JetBrains Mono", ui-monospace, monospace;--ink:#071123;--ink-2:#203351;--paper:#faf8f5;--paper-2:#f0eee9;--rule:#d4d8de;--accent:#f9c718;--accent-2:#f4a500;--muted:#6b727e;--max:1440px;color:var(--ink);z-index:50;background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;position:sticky;top:0}@supports (color:lab(0% 0 0)){.vtk-site-header{--ink:lab(5.05444% .548713 -13.3291);--ink-2:lab(20.7333% .367641 -21.2973);--paper:lab(97.7061% -.0120103 1.9075);--paper-2:lab(94.2412% -.0115335 3.05697);--rule:lab(86.0478% -.515878 -3.73369);--accent:lab(82.9762% 8.15165 80.5717);--accent-2:lab(74.1802% 27.3624 104.394);--muted:lab(47.7271% -.879407 -7.38947)}}.vtk-site-header .utility{border-bottom:1px solid var(--rule);background:var(--paper);font-family:var(--mono);letter-spacing:.04em;font-size:11px}.vtk-site-header .utility-inner{min-height:32px;max-width:var(--max);color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 clamp(16px,3vw,32px);display:flex}.vtk-site-header .utility-links{flex-wrap:wrap;justify-content:flex-end;gap:20px;display:flex}.vtk-site-header .utility-links a{color:inherit;text-decoration:none}.vtk-site-header .utility-links a:hover{color:var(--ink)}.vtk-site-header .utility-links .utility-muted{opacity:.45;cursor:default}.vtk-site-header .dot{vertical-align:middle;background:#31aa40;background:lab(61.5358% -50.6384 43.17);border-radius:50%;width:6px;height:6px;margin-right:6px;animation:2s ease-in-out infinite vtk-site-pulse;display:inline-block}@keyframes vtk-site-pulse{0%,to{opacity:1}50%{opacity:.4}}.vtk-site-header .nav-inner{min-height:72px;max-width:var(--max);border-bottom:1px solid var(--rule);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,3vw,40px);margin:0 auto;padding:0 clamp(16px,3vw,32px);display:grid}.vtk-site-header .brand{font-family:var(--mono);letter-spacing:.02em;color:var(--ink);align-items:center;gap:12px;font-weight:600;text-decoration:none;display:flex}.vtk-site-header .brand-logo-wrap{flex-shrink:0;width:112px;height:40px;position:relative}.vtk-site-header .brand-name{font-size:14px;line-height:1.1}.vtk-site-header .brand-sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px}.vtk-site-header .nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;justify-content:center;gap:4px;min-width:0;padding:4px 0;display:flex;overflow-x:auto}.vtk-site-header .nav-links a{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;border:1px solid #0000;flex-shrink:0;padding:8px 10px;font-size:11px;text-decoration:none;transition:all .12s}.vtk-site-header .nav-links a:hover{background:var(--ink);color:var(--accent)}.vtk-site-header .nav-links a.active{background:var(--paper-2);color:var(--ink);border-color:var(--rule)}.vtk-site-header .nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.vtk-site-header .lang-toggle{font-family:var(--mono);border:1px solid var(--rule);background:var(--paper);color:var(--ink);align-items:center;gap:4px;padding:6px 10px;font-size:11px;display:flex}.vtk-site-header .lang-toggle button{font:inherit;color:inherit;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;padding:2px 4px}.vtk-site-header .lang-toggle button[aria-pressed=true]{background:var(--ink);color:var(--accent)}.vtk-site-header .lang-toggle .lang-sep{color:var(--muted);-webkit-user-select:none;user-select:none}.vtk-site-header .avatar-btn{border:1px solid var(--rule);background:linear-gradient(135deg, var(--accent), var(--accent-2));width:36px;height:36px;color:var(--ink);font-family:var(--mono);cursor:pointer;border-radius:50%;place-items:center;font-size:12px;font-weight:700;text-decoration:none;transition:all .12s;display:grid}.vtk-site-header .avatar-btn:hover{border-color:var(--ink)}.vtk-site-header .nav-login{border:1px solid var(--rule);width:36px;height:36px;color:var(--ink-2);border-radius:50%;place-items:center;transition:all .12s;display:grid}.vtk-site-header .nav-login:hover{background:var(--paper-2);color:var(--ink);border-color:var(--ink)}@media (max-width:640px){.vtk-site-header .brand-text{display:none}.vtk-site-header .brand-logo-wrap{width:96px;height:36px}}