.main-header{top:0;left:0;width:100%;z-index:1000;background-color:transparent;color:var(--color-text-primary);transition:background-color .3s ease-in-out,border-color .3s ease-in-out,backdrop-filter .3s ease-in-out;will-change:background-color,backdrop-filter;border-bottom:1px solid transparent}.main-header.is-landing{position:fixed}.main-header.is-app{position:relative;background-color:var(--color-bg-surface);background-color:color-mix(in srgb,var(--color-bg-surface),transparent 10%);backdrop-filter:blur(10px)}.main-header.is-app,.main-header.is-scrolled{border-bottom:1px solid var(--color-border-neutral)}.main-header.is-scrolled{background-color:color-mix(in srgb,var(--color-bg-surface),transparent 20%);backdrop-filter:blur(12px);color:var(--color-text-primary)}