/* Keep one constant glass filter while the native navigation contracts. */
html header.pointer-events-none > div > nav {
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  transition: height .32s cubic-bezier(.4, 0, .2, 1),
    min-height .32s cubic-bezier(.4, 0, .2, 1),
    padding .32s cubic-bezier(.4, 0, .2, 1);
}
header.pointer-events-none > div {
  transition: width .32s cubic-bezier(.4, 0, .2, 1),
    padding .32s cubic-bezier(.4, 0, .2, 1);
}
/* Controls already sit on a frosted parent; avoid redundant nested filters. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(
  main button.bg-background,
  main > .bg-card [role="group"],
  header kbd
) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@media (prefers-reduced-motion: reduce) {
  header.pointer-events-none > div,
  html header.pointer-events-none > div > nav { transition: none; }
}