/* Header, menú móvil y píldora de navegación */
  #hdr { transition:transform .4s cubic-bezier(.2,.7,.2,1); }
  #hdr[data-hidden="true"] { transform:translateY(-130%); }
  .hdr-bar { height:5rem; padding:0 .5rem 0 .25rem; border:1px solid transparent; border-radius:9999px; margin-top:0; transition:height .35s cubic-bezier(.2,.7,.2,1), margin-top .35s cubic-bezier(.2,.7,.2,1), padding .35s, background-color .35s, border-color .35s, box-shadow .35s; }
  #hdr[data-scrolled="true"] .hdr-bar, #hdr[data-open="true"] .hdr-bar { height:3.5rem; margin-top:.75rem; padding:0 .5rem 0 .75rem; background:rgba(14,14,18,.72); border-color:rgba(255,255,255,.09); -webkit-backdrop-filter:blur(18px) saturate(1.4); backdrop-filter:blur(18px) saturate(1.4); box-shadow:0 12px 40px -12px rgba(0,0,0,.7), 0 0 0 1px rgba(59,108,255,.08); }
  #pill { transition:transform .35s cubic-bezier(.2,.7,.2,1), width .35s cubic-bezier(.2,.7,.2,1), opacity .2s; }
  .cta { position:relative; overflow:hidden; }
  .cta::after { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%); transform:translateX(-120%); transition:transform .7s; }
  .cta:hover::after { transform:translateX(120%); }
  .bar { position:absolute; left:50%; top:50%; width:18px; height:2px; margin-left:-9px; border-radius:2px; background:#fff; transition:transform .3s cubic-bezier(.2,.7,.2,1), opacity .2s; }
  .bar1 { transform:translateY(-6px); } .bar3 { transform:translateY(6px); }
  #menu-btn[aria-expanded="true"] .bar1 { transform:rotate(45deg); }
  #menu-btn[aria-expanded="true"] .bar2 { opacity:0; }
  #menu-btn[aria-expanded="true"] .bar3 { transform:rotate(-45deg); }
  .menu-wrap { display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1); }
  .menu-wrap.open { grid-template-rows:1fr; }
  .menu-link { opacity:0; transform:translateY(-8px); transition:opacity .3s, transform .3s, background-color .2s; }
  .menu-wrap.open .menu-link { opacity:1; transform:none; transition-delay:calc(var(--i) * 45ms + 80ms); }
  @media (prefers-reduced-motion:reduce){ #hdr,.hdr-bar,#pill,.menu-wrap,.menu-link,.cta::after,.bar{ transition:none !important; } }
