:root{--vf-header-height:68px}
.vf-site-header{position:sticky;top:0;z-index:9999;border-bottom:1px solid rgba(16,16,16,.1);background:rgba(241,240,238,.9);color:#101010;backdrop-filter:blur(16px)}
.vf-site-header *{box-sizing:border-box}
.vf-site-header__inner{max-width:1180px;min-height:var(--vf-header-height);margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:24px}
.vf-site-header__brand{display:flex;align-items:center;gap:11px;color:#101010;text-decoration:none;flex:0 0 auto}
.vf-site-header__mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #101010;border-radius:9px;background:conic-gradient(from 45deg,#ff00f4 0 25%,#ffd84d 25% 50%,#a6ff4d 50% 75%,#7657ff 75%);color:#101010;font-weight:800}
.vf-site-header__brand-copy{display:flex;flex-direction:column}
.vf-site-header__title{font-size:14px;font-weight:600;color:#101010}
.vf-site-header__sub{font-size:11px;color:#777;margin-top:1px}
.vf-site-header__nav{display:flex;align-items:center;gap:3px;margin-left:auto}
.vf-site-header__nav a{padding:8px 10px;border-radius:7px;color:#343434;text-decoration:none;font-size:13px;font-weight:500}
.vf-site-header__nav a:hover{background:rgba(16,16,16,.06);color:#101010}
.vf-site-header__nav a.primary{margin-left:8px;border:1px solid #101010;background:#101010;color:#fff}
.vf-site-header__nav a.primary:hover{background:#343434;color:#fff}
@media(max-width:760px){.vf-site-header__inner{padding:10px 16px}.vf-site-header__brand-copy{display:none}.vf-site-header__nav{gap:2px;overflow-x:auto}.vf-site-header__nav a{white-space:nowrap;padding:8px;font-size:12px}.vf-site-header__nav a.optional{display:none}}