.demo-header__trigger{height:8px;z-index:949}.demo-header,.demo-header__trigger{position:fixed;top:0;left:0;right:0}.demo-header{z-index:950;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:60px;padding:0 clamp(1rem,5vw,2rem);background:color-mix(in srgb,var(--bg-card) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);will-change:transform}.demo-header--visible{transform:translateY(0)}.demo-header__brand{display:flex;align-items:center;gap:.625rem}.demo-header__badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-pill,999px);background:var(--accent-soft,var(--bg-subtle));color:var(--accent);font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.demo-header__links{display:flex;align-items:center;gap:.25rem}.demo-header__link{padding:.375rem .75rem;border-radius:var(--radius-control,8px);font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--text-dim);text-decoration:none;transition:color .15s,background .15s}.demo-header__link:hover{color:var(--text);background:var(--bg-subtle)}.demo-header__btn{display:inline-flex;align-items:center;padding:.5rem 1.125rem;border-radius:var(--radius-control,8px);font-family:var(--font-body);font-size:.9375rem;font-weight:600;background:var(--accent);color:var(--on-accent);text-decoration:none;transition:opacity .15s}.demo-header__btn:hover{opacity:.9}@media (max-width:640px){.demo-header__link--desktop{display:none}}