/* Persistent navigation: compact by default, without crowding small screens. */
.site-header{position:sticky;top:0;z-index:100}
.brand{position:relative;isolation:isolate}.brand::after{content:"";position:absolute;left:46px;right:0;bottom:-10px;height:2px;border-radius:99px;opacity:0;background:linear-gradient(90deg,transparent 0%,#29d3b0 18%,#f048bf 68%,transparent 100%);box-shadow:0 0 9px #29d3b0,0 0 15px #f048bf;transform:scaleX(.08);transform-origin:left;will-change:transform,opacity;animation:brand-signal 6.5s cubic-bezier(.22,.8,.3,1) infinite}.brand img{will-change:transform,filter;animation:brand-pulse 6.5s ease-in-out infinite}@keyframes brand-signal{0%,64%,100%{opacity:0;transform:scaleX(.08)}70%{opacity:.95;transform:scaleX(.28)}80%{opacity:.78;transform:scaleX(1)}88%{opacity:0;transform:scaleX(1)}}@keyframes brand-pulse{0%,64%,100%{transform:scale(1);filter:drop-shadow(0 5px 12px #0008)}70%{transform:scale(1.08);filter:drop-shadow(0 0 7px #29d3b0) drop-shadow(0 0 13px #f048bf)}80%{transform:scale(1.02);filter:drop-shadow(0 0 5px #29d3b0) drop-shadow(0 0 9px #f048bf)}}
@media(prefers-reduced-motion:reduce){.brand::after,.brand img{animation:none}}
@media(max-width:800px){.site-header{height:64px;padding-inline:18px}.site-header nav{gap:0}.site-header .nav-cta{white-space:nowrap}}