/* Floating glass shell; the header keeps its place in the document. */
html:has(.na-header){scroll-padding-top:120px}
body:has(.na-header)>.skip,body:has(.na-header)>.g-skip{z-index:100}
/* Cerca already defines anchor clearance on its section IDs. */
html:has(.na-header[data-nav-theme="dark"]){scroll-padding-top:0}
body:has(.na-header) .device-story:not(.is-reduced):not(.is-fallback) .device-pin{top:96px}
.na-header.na-header{position:sticky;top:0;z-index:35;width:100%;max-width:none;margin:0;padding:env(safe-area-inset-top,0px) 0 0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
.na-header .na-bar{position:relative;isolation:isolate;height:88px;min-height:88px;border-bottom-color:transparent;pointer-events:auto;transform:translateY(0);transition:transform 260ms cubic-bezier(.23,1,.32,1)}
.na-bar::before{content:"";position:absolute;inset:5px -24px;z-index:-1;pointer-events:none;border:1px solid rgba(255,255,255,.86);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px #ffffffa6,inset 0 2px 5px #fff,0 8px 24px #202c3812,0 2px 5px #202c3810;backdrop-filter:blur(18px) saturate(1.45);-webkit-backdrop-filter:blur(18px) saturate(1.45);opacity:0;transform:scale(.98,.94);transition:opacity 180ms cubic-bezier(.23,1,.32,1),transform 260ms cubic-bezier(.23,1,.32,1)}
.na-header.is-floating .na-bar{transform:translateY(10px)}
.na-header.is-floating .na-bar::before{opacity:1;transform:scale(1)}
.na-header .na-bar [data-demo]{min-height:44px}
.na-header[data-nav-theme="dark"] .na-bar::before{border-color:#ffffff30;background:rgba(42,42,40,.78);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 2px 3px #ffffff0a,0 8px 26px #0004,0 2px 5px #0003}
@media(max-width:1100px){.na-bar::before{left:-16px;right:-16px}}
@media(max-width:800px){
  html:has(.na-header){scroll-padding-top:100px}
  .na-header .na-bar{height:74px;min-height:74px}
  .na-bar::before{inset:4px -8px}
  .na-header.is-floating .na-bar{transform:translateY(6px)}
  body:has(.na-header) .device-story:not(.is-reduced):not(.is-fallback) .device-pin{top:78px}
}
@media(prefers-reduced-motion:reduce){
  .na-header .na-bar,.na-header.is-floating .na-bar{transform:none;transition:none}
  .na-bar::before,.na-header.is-floating .na-bar::before{transform:none;transition:opacity 150ms ease}
}
@media(prefers-reduced-transparency:reduce){
  .na-header .na-bar::before{background:#fafbf9;backdrop-filter:none;-webkit-backdrop-filter:none}
  .na-header[data-nav-theme="dark"] .na-bar::before{background:#2a2a28}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .na-header .na-bar::before{background:#fafbf9}
  .na-header[data-nav-theme="dark"] .na-bar::before{background:#2a2a28}
}
@media(prefers-contrast:more){
  .na-header .na-bar::before{background:#fff;border-color:#596168;backdrop-filter:none;-webkit-backdrop-filter:none}
  .na-header[data-nav-theme="dark"] .na-bar::before{background:#222;border-color:#c7cac6}
}