/* Qira company navigation contract, 2026-10-09.
   Scoped to this header. Keep each product's own identity. */
#qira-global-header{position:sticky;top:0;z-index:1001;width:100%;background:rgba(255,255,255,.97);border-bottom:1px solid #dbe5f0;box-shadow:0 5px 20px -22px #0d2848;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102036}
#qira-global-header,#qira-global-header *{box-sizing:border-box}
#qira-global-header .qira-shell__inner{width:min(1160px,calc(100% - 40px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative}
#qira-global-header .qira-shell__brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:48px;color:#102036;text-decoration:none;font-size:1.13rem;font-weight:800;letter-spacing:.14em;font-family:Sora,Inter,sans-serif}
#qira-global-header .qira-shell__brand img{height:34px;width:34px;display:block;border-radius:7px;object-fit:cover}
#qira-global-header .qira-shell__links{position:static;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:clamp(8px,1.25vw,18px);width:auto;margin:0;padding:0;border:0;box-shadow:none;background:transparent;overflow:visible;min-height:0}
#qira-global-header .qira-shell__links a{display:inline-flex;align-items:center;justify-content:center;color:#465972;text-decoration:none;font-size:.83rem;line-height:1.2;font-weight:650;white-space:nowrap;min-height:42px;padding:6px 1px;border-radius:2px}
#qira-global-header .qira-shell__links a:hover,#qira-global-header .qira-shell__links a[aria-current="page"]{color:#135bd4}
#qira-global-header .qira-shell__links .qira-shell__cta{background:#155bd7;color:#fff;min-height:44px;padding:10px 14px;font-weight:750;border:1px solid #155bd7;border-radius:5px}
#qira-global-header .qira-shell__links .qira-shell__cta:hover{background:#10469e;color:#fff;border-color:#10469e}
#qira-global-header .qira-shell__apps{display:flex;align-items:center;min-width:0}
#qira-global-header .qira-shell__toggle{display:none;width:44px;height:44px;min-width:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;border:1px solid #d1dce9;border-radius:5px;background:#fff;color:#172638}
#qira-global-header .qira-shell__toggle span{height:2px;width:21px;display:block;background:currentColor;border-radius:1px}
#qira-global-header .qira-shell__toggle:hover{background:#f2f7ff}
#qira-global-header :is(a,button):focus-visible{outline:3px solid #2271e6;outline-offset:3px}
@media(max-width:1080px){
  #qira-global-header .qira-shell__inner{min-height:66px}
  #qira-global-header .qira-shell__toggle{display:inline-flex}
  #qira-global-header .qira-shell__links{display:none;position:absolute;top:100%;right:-20px;left:-20px;width:auto;max-height:calc(100dvh - 66px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:2px;background:#fff;border:1px solid #dbe5f0;border-top:0;padding:16px 20px 20px;box-shadow:0 22px 36px -26px #0d264b}
  #qira-global-header .qira-shell__links.is-open{display:flex}
  #qira-global-header .qira-shell__links a{display:flex;justify-content:flex-start;width:100%;padding:12px 10px;min-height:46px;white-space:normal;font-size:.96rem}
  #qira-global-header .qira-shell__links .qira-shell__cta{justify-content:center;margin-top:8px}
  #qira-global-header .qira-shell__apps{padding:8px 10px;min-height:44px}
}
@media(max-width:375px){#qira-global-header .qira-shell__inner{width:calc(100% - 28px)}#qira-global-header .qira-shell__links{left:-14px;right:-14px}}
@media(prefers-reduced-motion:reduce){#qira-global-header *{scroll-behavior:auto!important;transition:none!important}}

/* Without JavaScript, keep mobile links directly accessible. */
@media(max-width:1080px){html:not(.qira-shell-ready) #qira-global-header .qira-shell__links{display:flex;position:static;flex-direction:column;box-shadow:none;border:0;max-height:none;overflow:visible;gap:0;padding:6px 0 16px}html:not(.qira-shell-ready) #qira-global-header .qira-shell__inner{flex-wrap:wrap}html:not(.qira-shell-ready) #qira-global-header .qira-shell__toggle{display:none}}
