/* The sticky header keeps its layout height while its glass surface contracts. */
body>header.header-glass-ready{isolation:isolate;background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
body>header.header-glass-ready::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(250,248,244,.97);border:1px solid transparent;border-bottom-color:#ddd5e4;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:inset .45s cubic-bezier(.22,1,.36,1),border-radius .45s cubic-bezier(.22,1,.36,1),background-color .35s,border-color .35s,box-shadow .45s}
body>header.header-glass-ready .header-row{transition:width .45s cubic-bezier(.22,1,.36,1),max-width .45s cubic-bezier(.22,1,.36,1)}
body>header.header-glass-ready .brand{transform-origin:left center;transition:transform .4s cubic-bezier(.22,1,.36,1)}
body>header.header-glass-ready .header-actions>.button,body>header.header-glass-ready .header-actions .ai-network>summary{transition:border-radius .35s,background-color .2s,transform .2s}
body>header.header-glass-ready.is-scrolled::before{inset:9px max(16px,calc((100% - 1360px)/2));border-radius:20px;background:rgba(250,248,244,.76);border-color:rgba(220,210,230,.7);box-shadow:0 8px 28px rgba(73,50,84,.09),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
body>header.header-glass-ready.is-scrolled .header-row{width:calc(100% - 112px);max-width:1288px}
body>header.header-glass-ready.is-scrolled .brand{transform:scale(.94)}
body>header.header-glass-ready.is-scrolled .header-actions>.button,body>header.header-glass-ready.is-scrolled .header-actions .ai-network>summary{border-radius:12px}
@media(max-width:1100px){body>header.header-glass-ready.is-scrolled .header-row{width:calc(100% - 80px)}}
@media(max-width:760px){body>header.header-glass-ready.is-scrolled::before{inset:5px 10px;border-radius:18px;background:rgba(250,248,244,.8)}body>header.header-glass-ready.is-scrolled .header-row{width:calc(100% - 56px)}}
@media(max-width:380px){body>header.header-glass-ready.is-scrolled .header-row{width:calc(100% - 48px)}body>header.header-glass-ready.is-scrolled .header-actions{gap:6px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body>header.header-glass-ready.is-scrolled::before{background:rgba(250,248,244,.94)}}
@media(prefers-reduced-motion:reduce){body>header.header-glass-ready::before,body>header.header-glass-ready .header-row,body>header.header-glass-ready .brand,body>header.header-glass-ready .header-actions>.button,body>header.header-glass-ready .header-actions .ai-network>summary{transition:none}}
