.site-header.reference-header{top:max(6px, env(safe-area-inset-top));border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;width:min(1280px,100% - 40px);margin:6px auto 0;padding:0;box-shadow:0 3px 14px #16181d0a}.reference-header .header-inner{grid-template-columns:1fr auto 1fr auto;gap:28px;width:100%;min-height:54px;padding:4px 10px 4px 18px;display:grid}.reference-header .header-inner>a{justify-self:start;align-items:center;min-height:44px;display:flex}.logo.logo-inline{gap:10px}.logo.logo-inline>svg{width:28px;height:28px}.logo.logo-inline>span{letter-spacing:-.045em;flex-wrap:wrap;column-gap:.28em;font-size:1.25rem;font-weight:800;line-height:1.15;display:flex}.logo.logo-inline small{font-size:inherit;font-weight:inherit;letter-spacing:inherit;margin:0;display:inline}.reference-header .desktop-nav{align-items:center;gap:28px;font-size:.875rem;display:flex}.reference-header .desktop-nav a{white-space:nowrap}.reference-header .header-actions{justify-content:flex-end;align-items:center;gap:18px;display:flex}.reference-header .login-link{white-space:nowrap;color:var(--muted);font-size:.875rem;display:flex}.reference-header .login-link:hover{color:var(--foreground)}.reference-header .button.small{text-align:center;white-space:nowrap;border-radius:999px;justify-content:center;min-height:40px;padding:8px 20px;font-size:.875rem;font-weight:650}.reference-header .menu-toggle{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:10px;display:flex}.reference-header .menu-toggle:hover{background:var(--background)}.reference-header .menu-toggle span{width:19px;height:1px;margin:0}.reference-menu{overscroll-behavior:contain}.reference-menu .menu-top{flex-shrink:0}.reference-menu .menu-bottom{padding-bottom:env(safe-area-inset-bottom)}@media (max-width:950px){.reference-header .header-inner{grid-template-columns:1fr auto auto;gap:14px}.reference-header .desktop-nav{display:none}}@media (max-width:600px){.site-header.reference-header{width:calc(100% - 24px)}.reference-header .header-inner{gap:7px;padding:4px 6px 4px 13px}.reference-header .header-actions{gap:0}.reference-header .login-link{display:none}.reference-header .button.small{white-space:normal;min-height:44px;padding:9px 15px;font-size:.75rem}.reference-header .logo-inline{gap:7px}.reference-header .logo-inline>span{font-size:1.05rem}.reference-header .logo-inline>svg{width:24px;height:24px}}@media (max-width:359px){.reference-header .header-inner{gap:3px}.reference-header .button.small{padding-inline:10px}}.site-header.reference-header{width:calc(100% - 40px);top:max(0px, env(safe-area-inset-top));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;border-radius:12px;margin-top:0;transition:width .45s cubic-bezier(.22,1,.36,1),border-radius .45s,background-color .3s,box-shadow .3s,transform .45s cubic-bezier(.22,1,.36,1)}.reference-header .header-inner{min-height:64px}.site-header.reference-header[data-detached=true]{border-color:var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;width:min(1040px,100% - 40px);transform:translateY(8px);box-shadow:0 8px 24px #16181d12}.reference-header .header-actions .button{transition:opacity .25s,transform .3s,background-color .2s}.reference-header[data-detached=false] .header-actions .button{opacity:0;visibility:hidden;transform:translateY(-5px)}@media (max-width:600px){.site-header.reference-header,.site-header.reference-header[data-detached=true]{width:calc(100% - 24px)}.reference-header[data-detached=false] .header-actions .button{visibility:visible;opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.site-header.reference-header,.reference-header .header-actions .button{transition:none}}