/* The navbar of the home on every page (09/11/2026, Aldo: «su molte pagine la navbar è ancora quella vecchia»).
   Every page carries the same markup (partials/nav.html, nav-canonical.mjs); the home styles it in home-b.css, the
   other pages still had the September look (grey labels, product pictures in the menus, square buttons, dark green
   Register, a boxed phone menu). This file gives the light pages the home's navigation in its light state: white bar,
   ink labels, text-only menus, 44 px pill buttons, mint Register, and on phones the white full-height menu with pill
   shortcuts and the Register / Log in pills. Linked last in <head> (nav-sync.mjs). Every selector starts with
   html.qd-light :is(.nav-wrap,#qn): the id never exists, it only lifts the specificity above the September menu rules
   (:has() selectors up to 0,6,1), so no !important is needed. Home B (not qd-light) keeps home-b.css. */
html.qd-light{--qn-ink:#0b1220;--qn-muted:#5b6472;--qn-line:rgba(11,18,32,.1);--qn-body:#f6f7f9;--qn-mint:#25E3C2;--qn-mint-ink:#05070F;--qn-nav:64px;--qn-ease:cubic-bezier(.22,1,.36,1)}
@media (min-width:768px){html.qd-light{--qn-nav:72px}}

/* the bar */
html.qd-light :is(.nav-wrap,#qn){position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid var(--qn-line);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px)}
html.qd-light :is(.nav-wrap,#qn) .nav{height:var(--qn-nav);gap:8px;color:var(--qn-ink)}
html.qd-light :is(.nav-wrap,#qn) .brand{display:flex;align-items:center;gap:10px;margin-right:28px;font:600 1.2rem/1 var(--font-head);letter-spacing:-.02em;color:var(--qn-ink)}
html.qd-light :is(.nav-wrap,#qn) .brand span{font-weight:600}
html.qd-light :is(.nav-wrap,#qn) .brand b{font-weight:700}
html.qd-light :is(.nav-wrap,#qn) .brand .mark{width:28px;height:28px}

/* the links and their menus (desktop) */
html.qd-light :is(.nav-wrap,#qn) .nav-links{gap:0;font-size:15px;font-weight:500;color:var(--qn-ink)}
html.qd-light :is(.nav-wrap,#qn) .nav-links>a,html.qd-light :is(.nav-wrap,#qn) .qd-nav-scroll>a,html.qd-light :is(.nav-wrap,#qn) .nl-item>a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;color:var(--qn-ink);opacity:.9;font-size:15px;font-weight:500;white-space:nowrap;background:none;transition:opacity .2s,background .2s}
html.qd-light :is(.nav-wrap,#qn) .nav-links>a:hover,html.qd-light :is(.nav-wrap,#qn) .qd-nav-scroll>a:hover,html.qd-light :is(.nav-wrap,#qn) .qd-nav-scroll>a:focus-visible,html.qd-light :is(.nav-wrap,#qn) .nl-item:hover>a,html.qd-light :is(.nav-wrap,#qn) .nl-item:focus-within>a{opacity:1;color:var(--qn-ink);background:rgba(11,18,32,.05)}
html.qd-light :is(.nav-wrap,#qn) .chev{display:inline-block;width:7px;height:7px;border:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;background:none;transform:rotate(45deg) translate(-1px,-2px);opacity:.7}
html.qd-light :is(.nav-wrap,#qn) .chev::before,html.qd-light :is(.nav-wrap,#qn) .chev::after{content:none}
html.qd-light :is(.nav-wrap,#qn) .nav-links>a.qu-enterprise-mobile,html.qd-light :is(.nav-wrap,#qn) .qd-nav-scroll>a.qu-enterprise-mobile{display:none}
html.qd-light :is(.nav-wrap,#qn) .dropdown{top:calc(100% + 10px);left:0;width:auto;min-width:0;max-height:none;overflow:visible;padding:10px;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line);border-radius:20px;box-shadow:0 24px 60px -24px rgba(11,18,32,.35)}
html.qd-light :is(.nav-wrap,#qn) .dropdown.mega-cards{grid-template-columns:repeat(2,250px);gap:2px}
html.qd-light :is(.nav-wrap,#qn) .pcard-img,html.qd-light :is(.nav-wrap,#qn) .pcard-badge{display:none}
html.qd-light :is(.nav-wrap,#qn) .pcard{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-height:0;padding:11px 12px;border:0;border-radius:12px;background:none;box-shadow:none;transform:none;color:var(--qn-ink);transition:background .15s}
html.qd-light :is(.nav-wrap,#qn) .pcard>b{grid-column:auto;grid-row:auto;margin:0;padding:0;font:600 15px/1.3 var(--font-body);color:var(--qn-ink)}
html.qd-light :is(.nav-wrap,#qn) .pcard>span:not(.pcard-img):not(.pcard-badge):not(.pcard-all-txt){display:block;grid-column:auto;grid-row:auto;margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.4;color:var(--qn-muted)}
html.qd-light :is(.nav-wrap,#qn) .pcard:hover,html.qd-light :is(.nav-wrap,#qn) .pcard:focus-visible{background:var(--qn-body);border-color:transparent;box-shadow:none;transform:none}
html.qd-light :is(.nav-wrap,#qn) .pcard-all{grid-column:1/-1;margin-top:4px;padding:12px 12px 11px;border-top:1px solid var(--qn-line);border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;font-weight:600}
html.qd-light :is(.nav-wrap,#qn) .pcard-all::after{content:"\2192"}
html.qd-light :is(.nav-wrap,#qn) .pcard.pcard-all>.pcard-all-txt{margin:0;padding:0;font:600 14.5px/1.3 var(--font-body);color:var(--qn-ink)}
html.qd-light :is(.nav-wrap,#qn) .pcard-all:hover{background:none}
html.qd-light :is(.nav-wrap,#qn) .dropdown.mega-price{min-width:320px;grid-template-columns:1fr}
html.qd-light :is(.nav-wrap,#qn) .mega-h{display:block;padding:8px 12px 6px;font:600 13px/1.3 var(--font-body);letter-spacing:0;text-transform:none;color:var(--qn-muted)}
html.qd-light :is(.nav-wrap,#qn) .mega-price-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;border-radius:10px;font-size:15px;color:var(--qn-ink);transition:background .15s}
html.qd-light :is(.nav-wrap,#qn) .mega-price-row>span{color:var(--qn-ink);font-weight:400}
html.qd-light :is(.nav-wrap,#qn) .mega-price-row b{display:inline;font:700 15px var(--font-head);font-variant-numeric:tabular-nums;color:var(--qn-ink)}
html.qd-light :is(.nav-wrap,#qn) .mega-price-row:hover{background:var(--qn-body)}
html.qd-light :is(.nav-wrap,#qn) .mega-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:12px 12px 8px;border-top:1px solid var(--qn-line);font-size:14.5px;font-weight:600;color:var(--qn-ink)}
html.qd-light :is(.nav-wrap,#qn) .mega-foot::after{content:"92"}
html.qd-light :is(.nav-wrap,#qn) .dropdown.mega-agents{min-width:300px;grid-template-columns:1fr;gap:2px}
html.qd-light :is(.nav-wrap,#qn) .mega-i{display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;border-radius:12px;background:none;color:var(--qn-ink);transition:background .15s}
html.qd-light :is(.nav-wrap,#qn) .mega-i:hover{background:var(--qn-body)}
html.qd-light :is(.nav-wrap,#qn) .mega-t{display:flex;flex-direction:column;gap:2px;min-width:0}
html.qd-light :is(.nav-wrap,#qn) .mega-t b{font:600 15px/1.3 var(--font-body);color:var(--qn-ink)}
html.qd-light :is(.nav-wrap,#qn) .mega-t span{font-size:14px;font-weight:400;color:var(--qn-muted)}

/* the buttons: 44 px pills, mint Register */
html.qd-light :is(.nav-wrap,#qn) .nav-cta{margin-left:auto;display:flex;gap:8px;align-items:center}
html.qd-light :is(.nav-wrap,#qn) .btn-nav{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:0 18px;border-radius:999px;font:600 15px/1 var(--font-body);letter-spacing:-.005em;box-shadow:none;transform:none;transition:transform .2s ease-out,border-color .2s ease-out,background .2s ease-out}
html.qd-light :is(.nav-wrap,#qn) .btn-nav.btn-outline,html.qd-light :is(.nav-wrap,#qn) .btn-nav.btn-outline:hover{background:transparent;border:1px solid rgba(11,18,32,.25);color:var(--qn-ink)}
html.qd-light :is(.nav-wrap,#qn) .btn-nav.btn-outline:hover{border-color:rgba(11,18,32,.55)}
html.qd-light :is(.nav-wrap,#qn) .btn-cta,html.qd-light :is(.nav-wrap,#qn) .btn-cta:hover{background:var(--qn-mint);border:1px solid transparent;border-radius:999px;color:var(--qn-mint-ink);box-shadow:none;filter:none}
html.qd-light :is(.nav-wrap,#qn) .btn-cta:hover{transform:translateY(-2px)}
html.qd-light :is(.nav-wrap,#qn) .btn-cta:active{transform:none}
html.qd-light :is(.nav-wrap,#qn) .nav-burger{width:44px;height:44px;margin-left:8px;padding:0;border:1px solid rgba(11,18,32,.2);border-radius:999px;background:transparent;color:var(--qn-ink);flex-direction:column;align-items:center;justify-content:center;gap:5px}
html.qd-light :is(.nav-wrap,#qn) .nav-burger span{width:18px;height:1.6px;background:currentColor;border-radius:2px}

/* phones and tablets: the menu is a white sheet under the bar */
@media (max-width:1120px){
  html.qd-light :is(.nav-wrap,#qn) .btn-nav.btn-outline{display:none}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-scroll>.nl-item>a,html.qd-light :is(.nav-wrap,#qn) .nav.open .nav-links>.nl-item>a,html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-price-group{display:none}
  html.qd-light.qd-menu-open :is(.nav-wrap,#qn){background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:var(--qn-line)}
  html.qd-light.qd-menu-open :is(.nav-wrap,#qn) .qd-nav-backdrop{inset:var(--qn-nav) 0 0;background:rgba(11,18,32,.4)}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0;position:fixed;top:var(--qn-nav);left:0;right:0;bottom:0;width:auto;z-index:102;margin:0;max-height:none;padding:12px 20px 0;border:0;border-radius:0;background:#fff;box-shadow:none;color:var(--qn-ink);overflow:hidden;animation:qn-drawer .22s var(--qn-ease) both}
  @keyframes qn-drawer{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-shortcuts{gap:8px;padding-bottom:12px;border-bottom:1px solid var(--qn-line)}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-shortcuts a{min-height:48px;border:1px solid rgba(11,18,32,.18);border-radius:999px;font-weight:600;font-size:15px;color:var(--qn-ink);background:none}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-group-toggle{min-height:56px;padding:0 4px;border:0;border-bottom:1px solid var(--qn-line);background:none;color:var(--qn-ink);font:600 1.0625rem var(--font-head);letter-spacing:-.01em}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-group-toggle::after{content:"+";font:300 22px var(--font-body);color:var(--qn-muted)}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-group-toggle[aria-expanded=true]::after{content:"\2212"}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-group-open .dropdown{display:grid;position:static;grid-template-columns:1fr;gap:0;width:auto;min-width:0;padding:4px 0 10px;border:0;border-bottom:1px solid var(--qn-line);border-radius:0;background:none;box-shadow:none;animation:none}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .mega-col{display:contents}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .pcard{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 4px;border-radius:0;background:none}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .pcard>b{font:500 16px/1.3 var(--font-body)}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .pcard>span:not(.pcard-img):not(.pcard-badge):not(.pcard-all-txt){text-align:right;font-size:15px}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .pcard-all{border-top:0;margin:0;padding:8px 4px}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .mega-i{min-height:48px;padding:8px 4px;border-radius:0}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .mega-ic{display:none}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .mega-t{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .mega-t b{font:500 16px/1.3 var(--font-body)}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .mega-t span{text-align:right;font-size:15px}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .pcard:hover,html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .mega-i:hover,html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .mega-price-row:hover{background:none}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .mega-h{padding:8px 4px 4px}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .mega-price-row{padding:10px 4px;border-radius:0}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .dropdown .mega-foot{margin:0;padding:10px 4px;border-top:0;color:var(--qn-ink)}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-scroll>a{display:flex;align-items:center;min-height:54px;margin:0;padding:0 4px;border:0;border-bottom:1px solid var(--qn-line);border-radius:0;color:var(--qn-ink);opacity:1;background:none;font:600 1.0625rem var(--font-head);letter-spacing:-.01em}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-scroll>a.qu-enterprise-mobile,html.qd-light :is(.nav-wrap,#qn) .nav.open .nav-links>a.qu-enterprise-mobile{display:flex}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-actions{gap:8px;padding:14px 0 max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--qn-line);background:#fff}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-actions .btn-cta{display:flex;width:100%;min-height:56px;font:600 17px/1 var(--font-body)}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .qd-nav-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:1px solid rgba(11,18,32,.2);border-radius:999px;color:var(--qn-ink);font:600 17px/1 var(--font-body)}
}
@media (max-width:639px){
  html.qd-light :is(.nav-wrap,#qn) .btn-nav.btn-cta{min-height:44px;padding:0 16px;font-size:14.5px}
}
@media (prefers-reduced-motion:reduce){
  html.qd-light :is(.nav-wrap,#qn) .btn-cta:hover{transform:none}
  html.qd-light :is(.nav-wrap,#qn) .nav.open .nav-links{animation:none}
}