/* En-tête commun des pages publiques qui n'utilisent pas /assets/public.css (about, guide, security, legal, lens, profil, 404).
   Même rendu que la landing : Home · Market Moves · Qubo Research · Academy · Open Terminal.
   Sélecteurs préfixés par header.qnav pour passer devant les règles « header {…} » propres à chaque page. */
header.qnav{position:sticky;top:0;z-index:20;display:block;padding:0;margin:0;max-width:none;background:rgba(10,10,10,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #2A2A2A;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
header.qnav .qw{max-width:1280px;margin-inline:auto;padding:12px 20px;display:flex;align-items:center;gap:12px 28px}
@media(min-width:900px){header.qnav .qw{padding-inline:32px}}
header.qnav .qbrand{display:flex;margin-right:auto;text-decoration:none}
header.qnav .qbrand img{height:28px;width:auto;display:block}
header.qnav .qlinks{display:flex;gap:26px;font-size:13px;line-height:1.6}
header.qnav .qlinks a{text-decoration:none;color:#B3B3AB;font-weight:400}
header.qnav .qlinks a:hover{color:#F5F5EF}
header.qnav .qlinks a[aria-current]{color:#FF8A00}header.qnav .qlinks a[aria-current]::before{content:"> "}
header.qnav .qbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #FF8A00;background:#FF8A00;color:#0A0A0A;font-weight:600;font-size:13px;line-height:1.2;text-decoration:none;border-radius:2px;white-space:nowrap}
header.qnav .qbtn:focus-visible,header.qnav .qlinks a:focus-visible{outline:2px solid #FF8A00;outline-offset:3px}
@media(max-width:980px){header.qnav .qlinks{display:none}}
@media print{header.qnav{display:none}}

/* Menu « Products » de l'en-tête public : tiroir au survol (et au focus clavier), style des tiroirs du Terminal. */
nav .pdd{position:relative;display:flex;align-items:center}
nav .pdd .pdt{display:inline-flex;align-items:center;gap:6px;padding:0;margin:0;border:0;background:none;font:inherit;color:#B3B3AB;cursor:pointer;line-height:inherit}
nav .pdd .pdt::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
nav .pdd.on .pdt{color:#FF8A00}nav .pdd.on .pdt::before{content:"> "}
nav .pdd:hover .pdt,nav .pdd:focus-within .pdt{color:#F5F5EF}nav .pdd.on:hover .pdt,nav .pdd.on:focus-within .pdt{color:#FF8A00}
nav .pdd:hover .pdt::after,nav .pdd:focus-within .pdt::after,nav .pdd.open .pdt::after{transform:translateY(1px) rotate(-135deg)}
nav .pdd .pdt:focus-visible{outline:2px solid #FF8A00;outline-offset:3px}
nav .pdd .pdm{position:absolute;top:100%;left:-16px;padding-top:14px;display:none;z-index:40}
nav .pdd:hover .pdm,nav .pdd:focus-within .pdm,nav .pdd.open .pdm{display:block}
nav .pdd .pdi{min-width:340px;background:#0F0F0F;border:1px solid #2A2A2A;border-top:2px solid #FF8A00;box-shadow:0 18px 40px rgba(0,0,0,.6);padding:4px 0}
nav .pdd .pdm a{display:block;padding:10px 16px;border-left:2px solid transparent;text-decoration:none;color:#F5F5EF;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}
nav .pdd .pdm a small{display:block;white-space:nowrap;margin-top:3px;font-size:11.5px;font-weight:400;letter-spacing:0;text-transform:none;color:#86867F}
nav .pdd .pdm a:hover,nav .pdd .pdm a:focus-visible{background:#1A1206;border-left-color:#FF8A00;outline:0;color:#F5F5EF}
nav .pdd .pdm a[aria-current]{color:#FF8A00}nav .pdd .pdm a[aria-current]::before{content:none}

/* Menu hamburger mobile (≤ 980 px) : bouton ☰ à gauche du logo, panneau plein écran sous l'en-tête, Products toujours déplié. */
header .mbtn{display:none;flex:none;width:44px;height:44px;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:1px solid #2A2A2A;border-radius:2px;color:#F5F5EF;cursor:pointer}
header .mbtn svg{display:block}header .mbtn .mx{display:none}
header.mopen .mbtn{border-color:#FF8A00;color:#FF8A00}header.mopen .mbtn .mb{display:none}header.mopen .mbtn .mx{display:block}
header .mbtn:focus-visible{outline:2px solid #FF8A00;outline-offset:2px}
header .mnav{display:none}
@media(max-width:980px){
  header .mbtn{display:inline-flex}
  header.mopen .mnav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;height:calc(100vh - 100%);height:calc(100dvh - 100%);overflow-y:auto;z-index:50;background:#0A0A0A;border-top:1px solid #2A2A2A;padding:8px 0 24px;box-sizing:border-box;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left}
}
header .mnav .mcmd{margin:0;padding:14px 20px 10px;font-size:11px;color:#86867F}
header .mnav .mrow{display:flex;align-items:center;justify-content:flex-start;min-height:56px;padding:0 20px;border-bottom:1px solid #1F1F1F;text-decoration:none;color:#F5F5EF;font-size:16px;font-weight:400;line-height:1.3}
header .mnav .mrow span{margin-left:auto;padding-left:12px;color:#86867F;font-size:13px}
header .mnav a.mrow[aria-current]{color:#FF8A00}header .mnav a.mrow[aria-current]::before{content:">\00a0"}
header .btn,header .qbtn{white-space:nowrap}
header .mnav .mlab{margin:0;display:flex;align-items:center;min-height:48px;padding:0 20px;color:#F5F5EF;font-size:16px}
header .mnav .msub{background:#0F0F0F;border-bottom:1px solid #1F1F1F;border-left:2px solid #FF8A00;display:flex;flex-direction:column;padding:4px 0}
header .mnav .msub a{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:60px;padding:8px 20px 8px 30px;text-decoration:none;color:#F5F5EF;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1.3}
header .mnav .msub a small{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:#86867F}
header .mnav .msub a[aria-current]{color:#FF8A00}
header .mnav a.mrow:active,header .mnav .msub a:active{background:#1A1206}
header .mnav .mtag{margin:auto 0 0;padding:24px 20px 0;text-align:center;font-size:11px;color:#86867F}