/* En-tête unifié QDNA — chargé sur toutes les pages, après le CSS de page */
.top{position:sticky;top:0;z-index:50;display:block;padding:0;background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:14px;padding:12px 22px;max-width:1180px;margin:0 auto}
.top .brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}
.top .brand svg{width:36px;height:36px;flex:none}
.top .brand .bt{display:flex;flex-direction:column;line-height:1.12}
.top .brand .nm{font-size:19px;letter-spacing:.13em;font-weight:700}
.top .brand .nm b{color:var(--purple)}
.top .brand small{display:block;font-size:10.5px;letter-spacing:.02em;color:var(--muted);font-weight:500;margin-top:2px}
.top nav{margin-left:auto;display:flex;gap:8px;align-items:center}
.top nav a{color:var(--muted);font-weight:600;font-size:13px;padding:8px 14px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.top nav a[aria-current="page"]{color:var(--purple);background:rgba(123,91,254,.10)}
.top nav a:hover{color:var(--purple);background:rgba(123,91,254,.10)}
.top nav a.cta{background:linear-gradient(120deg,var(--purple-a),var(--purple-h));color:#fff}
.top nav a.cta:hover{color:#fff;filter:brightness(1.05)}
.top nav .tswitch{margin:0 2px}
@media(max-width:680px){
 .top .wrap{flex-wrap:wrap;gap:8px;padding:10px 12px}
 .top .brand small{display:none}
 .top nav{gap:3px;margin-left:auto}
 .top nav a{font-size:12px;padding:7px 10px}
}