#qsh-nav {
  --ground: #eef0f3;
  --paper: #f6f7f9;
  --surface: #eceef2;
  --surface-raised: #ffffff;
  --glass: rgba(255,255,255,0.82);
  --line: #e6e8ec;
  --divider: #dfe2e7;
  --ink: #061d4f;
  --text: #111317;
  --body: #50545c;
  --muted: #6c717a;
  --subtle: #8f949d;
  --cobalt: #1e4389;
  --accent: #2563d8;
  --sky: #3d8bf2;
  --sky-light: #8cc4ff;
  --accent-100: #eaf1ff;
  --accent-300: #b6cdf6;
  --accent-700: #1e4389;
  --accent-800: #032669;
  --deep-navy: #032669;
  --teal: #2f7fe0;
  --night: #021a4a;
  --midnight: #0d3074;
  --deep-teal: #1e4389;
  --cta: #2563d8;
  --cta-hover: #1e4389;
  --on-cta: #ffffff;
  --emerald: #10b981;
  --mint: #34d399;
  --mint-soft: #6ee7b7;
  --mint-pale: #a7f3d0;
  --success-ink: #047857;
  --success-tint: rgba(16,185,129,0.14);
  --warning: #f59e0b;
  --warning-ink: #b45309;
  --warning-tint: rgba(245,158,11,0.12);
  --error: #ef4444;
  --error-ink: #b91c1c;
  --error-tint: rgba(239,68,68,0.10);
  --focus: #2563d8;
  --tint-blush: #fff9f8;
  --tint-cream: #fffdf7;
  --tint-mist: #fafbff;
  --tint-rose: #fff7fb;
  --tint-butter: #fffded;
  --tint-ice: #f2fbff;
  --tint-aqua: #e9fdff;
  --tint-sky: #9dd1ff;
  --tint-periwinkle: #e0e9ff;
  --step-active-border: rgba(30,67,137,0.55);
  --text-heading: var(--ink);
  --text-strong: var(--text);
  --text-body: var(--body);
  --text-muted: var(--muted);
  --text-subtle: var(--subtle);
  --text-link: var(--cobalt);
  --surface-page: var(--ground);
  --surface-card: var(--surface-raised);
  --surface-bento: var(--surface);
  --border-default: var(--line);
  --action-primary: var(--cta);
  --action-primary-hover: var(--cta-hover);
  --action-primary-text: var(--on-cta);
}
#qsh-nav [data-theme="night"] {
  --ground: #021a4a;
  --paper: #032669;
  --surface: rgba(255,255,255,0.07);
  --surface-raised: rgba(255,255,255,0.12);
  --glass: rgba(255,255,255,0.07);
  --line: rgba(255,255,255,0.12);
  --divider: rgba(255,255,255,0.12);
  --ink: #ffffff;
  --text: #f7f8fa;
  --body: rgba(255,255,255,0.65);
  --muted: rgba(255,255,255,0.62);
  --subtle: rgba(255,255,255,0.45);
  --cobalt: #b6cdf6;
  --accent: #3d8bf2;
  --sky: #3d8bf2;
  --sky-light: #8cc4ff;
  --accent-100: rgba(37,99,216,0.18);
  --accent-300: #b6cdf6;
  --accent-700: #b6cdf6;
  --accent-800: #b6cdf6;
  --deep-navy: #032669;
  --teal: #2f7fe0;
  --night: #021a4a;
  --midnight: #0d3074;
  --deep-teal: #1e4389;
  --cta: #2563d8;
  --cta-hover: #1e4389;
  --on-cta: #ffffff;
  --emerald: #10b981;
  --mint: #34d399;
  --mint-soft: #6ee7b7;
  --mint-pale: #a7f3d0;
  --success-ink: #6ee7b7;
  --success-tint: rgba(52,211,153,0.10);
  --warning: #f59e0b;
  --warning-ink: #fcd34d;
  --warning-tint: rgba(245,158,11,0.16);
  --error: #ef4444;
  --error-ink: #fca5a5;
  --error-tint: rgba(239,68,68,0.16);
  --focus: #8cc4ff;
}
#qsh-nav {
  --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: var(--font-sans);
  --type-display-size: 80px;
  --type-display-lh: 1;
  --type-display-weight: 500;
  --type-display-tracking: -0.045em;
  --type-section-size: 52px;
  --type-section-lh: 1.05;
  --type-section-weight: 500;
  --type-section-tracking: -0.04em;
  --type-subsection-size: 36px;
  --type-subsection-lh: 1.36;
  --type-subsection-weight: 400;
  --type-subsection-tracking: -0.025em;
  --type-card-size: 24px;
  --type-card-lh: 1.2;
  --type-card-weight: 500;
  --type-card-tracking: -0.03em;
  --type-body-lg-size: 16px;
  --type-body-lg-lh: 1.6;
  --type-body-lg-weight: 400;
  --type-body-size: 15px;
  --type-body-lh: 1.6;
  --type-body-weight: 400;
  --type-label-size: 14px;
  --type-label-lh: 1.3;
  --type-label-weight: 500;
  --type-small-size: 13.5px;
  --type-small-lh: 1.4;
  --type-small-weight: 400;
  --type-caption-size: 12.5px;
  --type-caption-lh: 1.4;
  --type-caption-weight: 400;
  --type-kicker-size: 11px;
  --type-kicker-lh: 1.4;
  --type-kicker-weight: 400;
  --type-kicker-tracking: 0.14em;
  --type-data-size: 13px;
  --type-data-lh: 1.4;
  --type-data-weight: 500;
  --type-mono-sm-size: 12px;
  --type-mono-sm-lh: 1.4;
  --type-mono-sm-weight: 400;
  --type-display-fluid: clamp(44px, 6vw, 80px);
}
#qsh-nav {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 40px;
  --space-8: 44px;
}
#qsh-nav {
  --layout-max: 1760px;
  --layout-gutter: clamp(16px, 3vw, 120px);
  --blur-glass: 14px;
}
#qsh-nav {
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-tile: 14px;
  --radius-card: 18px;
  --radius-card-lg: 24px;
  --radius-bento: 26px;
  --radius-feature: 28px;
  --radius-panel: 32px;
  --radius-pill: 999px;
}
#qsh-nav {
  --shadow-pill: 0 8px 18px -14px rgba(11,27,58,0.5);
  --shadow-card: 0 18px 40px -26px rgba(11,27,58,0.22);
  --shadow-frame: 0 1px 2px 0 rgba(11,27,58,0.05), 0 40px 80px -30px rgba(11,27,58,0.35);
  --shadow-cta: inset 0 1px 0 0 rgba(255,255,255,0.25), 0 12px 28px -10px rgba(10,36,102,0.45);
  --shadow-inset: inset 0 1px 0 0 rgba(255,255,255,0.8);
}
#qsh-nav {
  --gradient-signature: linear-gradient(120deg, #032669, #1e4389 50%, #3d8bf2);
  --gradient-night: linear-gradient(160deg, #021a4a, #032669 55%, #1e4389);
  --gradient-paper: linear-gradient(180deg, #f6f7f9, #eef0f3);
  --gradient-step-1: linear-gradient(180deg, #fff9f8, #fffdf7);
  --gradient-step-2: linear-gradient(180deg, #fafbff, #fff7fb);
  --gradient-step-3: linear-gradient(180deg, #fffded, #f2fbff);
  --gradient-step-4: linear-gradient(180deg, #e9fdff, #9dd1ff);
  --gradient-step-5: linear-gradient(180deg, #fafbff, #e0e9ff);
  --gradient-spotlight: radial-gradient(380px at 50% 0%, rgba(37,99,216,0.11), rgba(0,0,0,0) 45%);
  --pattern-ongoing: repeating-linear-gradient(90deg, #2563d8 0px, #2563d8 6px, rgba(0,0,0,0) 6px, rgba(0,0,0,0) 12px);
}
#qsh-nav{-webkit-font-smoothing:antialiased}
#qsh-nav{margin:0;font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-lh);color:var(--body);background:var(--ground)}
#qsh-nav a{color:var(--cobalt);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#qsh-nav a:hover{color:var(--accent-700)}
#qsh-nav :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
#qsh-nav *{box-sizing:border-box}
#qsh-nav{scroll-behavior:smooth;scroll-padding-top:96px}
#qsh-nav{background:var(--gradient-paper);background-attachment:fixed;overflow-x:hidden}
#qsh-nav a{color:var(--cobalt)}#qsh-nav a:hover{color:var(--accent-700)}
#qsh-nav .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,3vw,48px)}
#qsh-nav section{position:relative}
#qsh-nav .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:10px}
#qsh-nav .k::before{content:"";width:6px;height:6px;border-radius:6px;background:var(--gradient-signature)}
#qsh-nav [data-theme="night"] .k{color:var(--sky-light)}#qsh-nav [data-theme="night"] .k::before{background:var(--sky-light)}
#qsh-nav .btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;font:500 15px/1 var(--font-sans);text-decoration:none;border:0;cursor:pointer;transition:background .16s,box-shadow .16s,transform .16s,color .16s;white-space:nowrap}
#qsh-nav .btn svg{width:16px;height:16px;transition:transform .16s}
#qsh-nav .btn:hover svg{transform:translateX(2px)}#qsh-nav .btn:active{transform:translateY(1px)}
#qsh-nav .btn-cta{background:var(--cta);color:var(--on-cta);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 26px -12px rgba(11,27,58,.55)}
#qsh-nav .btn-cta:hover{background:var(--cta-hover);color:var(--on-cta)}
#qsh-nav .btn-sm{height:40px;padding:0 18px;font-size:14px}
#qsh-nav .nav{position:fixed;top:16px;left:0;right:0;z-index:50;pointer-events:none}
#qsh-nav .nav-in{position:relative;pointer-events:auto;display:flex;align-items:center;gap:28px;height:64px;padding:0 12px 0 20px;border-radius:999px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(11,27,58,.06),0 18px 40px -26px rgba(11,27,58,.3);transition:box-shadow .3s,background .3s}
#qsh-nav .nav.scrolled .nav-in{background:rgba(255,255,255,.92);box-shadow:0 0 0 1px rgba(11,27,58,.08),0 22px 44px -22px rgba(11,27,58,.38)}
#qsh-nav .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:19px;letter-spacing:-.03em}
@keyframes qsh-rise{to{transform:none}}
@keyframes qsh-fadeup{to{opacity:1;transform:none}}
@keyframes qsh-run{from{left:0}to{left:100%}}
@keyframes qsh-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes qsh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes qsh-marq{to{transform:translateX(-50%)}}
#qsh-nav [data-r]{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
@keyframes qsh-hexd{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(6deg)}}
@keyframes qsh-pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}100%{box-shadow:0 0 0 10px rgba(52,211,153,0)}}
@keyframes qsh-spin{to{transform:rotate(360deg)}}
@keyframes qsh-pk{0%{left:0;opacity:1}100%{left:calc(100% - 8px);opacity:0}}
#qsh-nav footer{margin-top:24px;padding:56px 0 40px}
@media (max-width:1080px){#qsh-nav .nav-links{display:none}#qsh-nav .burger{display:grid}#qsh-nav .nav-cta{margin-left:auto}}
@media (prefers-reduced-motion:reduce){#qsh-nav *,#qsh-nav *::before,#qsh-nav *::after{animation:none!important;transition:none!important}#qsh-nav [data-r]{opacity:1;transform:none}}
#qsh-nav .nav-links{display:flex;gap:2px;margin-left:auto;height:100%;align-items:center}
#qsh-nav .nav-cta{margin-left:8px}
#qsh-nav .ni{position:relative;height:100%;display:flex;align-items:center}
#qsh-nav .ni.wide{position:static}
#qsh-nav .nl{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:500 14px/1 var(--font-sans);color:var(--body);padding:10px 14px;border-radius:999px;cursor:pointer;text-decoration:none;transition:background .16s,color .16s}
#qsh-nav .nl:hover,#qsh-nav .ni.open .nl{background:var(--accent-100);color:var(--ink)}
#qsh-nav .nl .chev{width:14px;height:14px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
#qsh-nav .ni.open .nl .chev{transform:rotate(180deg)}
#qsh-nav .mega{position:absolute;top:calc(100% + 10px);left:0;right:0;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top center;transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s;z-index:60}
#qsh-nav .mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
#qsh-nav .ni.open .mega{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s}
#qsh-nav .mega-in{display:grid;gap:8px 20px;padding:20px;border-radius:28px;background:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 0 1px rgba(11,27,58,.07),0 40px 80px -30px rgba(11,27,58,.38)}
#qsh-nav .mcol{display:grid;gap:2px;align-content:start}
#qsh-nav .mh{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:6px 12px 8px}
#qsh-nav .mi{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:14px;text-decoration:none;transition:background .16s;opacity:0;transform:translateY(6px)}
#qsh-nav .ni.open .mi{opacity:1;transform:none;transition:background .16s,opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);transition-delay:0s,calc(var(--s,0)*25ms),calc(var(--s,0)*25ms)}
#qsh-nav .mi:hover{background:var(--accent-100)}
#qsh-nav .mi-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-100);color:var(--cobalt);transition:background .2s,color .2s}
#qsh-nav .mi-ic svg{width:17px;height:17px}
#qsh-nav .mi:hover .mi-ic{background:var(--gradient-signature);color:#fff}
#qsh-nav .mi-t{display:grid;gap:2px;min-width:0}
#qsh-nav .mi-t b{font-size:14px;font-weight:500;color:var(--ink);letter-spacing:-.01em}
#qsh-nav .mi-t small{font-size:12.5px;color:var(--muted);line-height:1.35}
#qsh-nav .mfeat{border-radius:20px;background:var(--gradient-night);padding:22px;display:flex;flex-direction:column;gap:10px;text-decoration:none;position:relative;overflow:hidden;min-height:240px}
#qsh-nav .mfeat::after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:40px;transform:rotate(30deg);box-shadow:0 0 0 2px rgba(125,211,252,.5),0 0 30px rgba(59,118,246,.5);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
#qsh-nav .mfeat:hover::after{transform:rotate(50deg) scale(1.08)}
#qsh-nav .mfeat b{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.025em;color:#fff}
#qsh-nav .mfeat small{font-size:13px;line-height:1.45;color:rgba(255,255,255,.65)}
#qsh-nav .mfeat-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--mint-soft)}
#qsh-nav .mfeat-go svg{width:15px;height:15px;transition:transform .16s}#qsh-nav .mfeat:hover .mfeat-go svg{transform:translateX(3px)}
#qsh-nav .scrim{position:fixed;inset:0;background:rgba(8,18,43,.12);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s;z-index:40}
#qsh-nav .scrim.on{opacity:1;visibility:visible;transition:opacity .25s}
#qsh-nav .burger{display:none;place-items:center;width:44px;height:44px;border-radius:999px;border:0;background:var(--accent-100);cursor:pointer;position:relative;flex:none}
#qsh-nav .burger span{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:var(--ink);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
#qsh-nav .burger span:first-child{transform:translateY(-4px)}#qsh-nav .burger span:last-child{transform:translateY(4px)}
#qsh-nav .nav.dopen .burger span:first-child{transform:rotate(45deg)}#qsh-nav .nav.dopen .burger span:last-child{transform:rotate(-45deg)}
#qsh-nav .drawer{pointer-events:auto;position:fixed;top:92px;left:clamp(16px,3vw,48px);right:clamp(16px,3vw,48px);max-height:calc(100vh - 110px);overflow:auto;border-radius:28px;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);box-shadow:0 0 0 1px rgba(11,27,58,.07),0 40px 80px -30px rgba(11,27,58,.4);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
#qsh-nav .nav.dopen .drawer{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
#qsh-nav .drawer-in{padding:12px 16px 20px;display:grid}
#qsh-nav .drawer details{border-bottom:1px solid var(--line)}
#qsh-nav .drawer summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:18px 6px;font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--ink);cursor:pointer}
#qsh-nav .drawer summary::-webkit-details-marker{display:none}
#qsh-nav .drawer summary svg{width:18px;height:18px;color:var(--muted);transition:transform .25s}
#qsh-nav .drawer details[open] summary svg{transform:rotate(180deg)}
#qsh-nav .dsub{display:grid;gap:2px;padding:0 0 14px;animation:qsh-fadeup .35s cubic-bezier(.2, .8, .2, 1)}
#qsh-nav .dsub .mh{padding:12px 6px 6px}
#qsh-nav .dsub a{padding:10px 6px;border-radius:10px;text-decoration:none;color:var(--body);font-size:15px}
#qsh-nav .dsub a:hover{background:var(--accent-100);color:var(--ink)}
#qsh-nav .dsub.chips{display:flex;flex-wrap:wrap;gap:8px}#qsh-nav .dsub.chips a{padding:8px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px}
#qsh-nav .dlink{display:block;padding:18px 6px;font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
@media (min-width:1081px){#qsh-nav .drawer{display:none}}
@media (max-width:1240px) and (min-width:1081px){#qsh-nav .nl{padding:10px 10px}#qsh-nav .nav-in{gap:16px}}
#qsh-nav .nl{white-space:nowrap}
@media (max-width:1080px){#qsh-nav .nav-links{display:none}#qsh-nav .burger{display:grid}#qsh-nav .nav-cta{margin-left:auto}}
@media (max-width:520px){#qsh-nav .nav-cta{display:none}#qsh-nav .burger{margin-left:auto}}
#qsh-nav{--ms-red:#f25022;--ms-green:#7fba00;--ms-blue:#00a4ef;--ms-yellow:#ffb900;--ms-azure:#0078d4;--accent:#0078d4;--accent-700:#106ebe;--sky:#00a4ef;--cta:#0078d4;--cta-hover:#106ebe;--focus:#0078d4;--text-link:#0063b1;--gradient-signature:linear-gradient(120deg,#032669,#0078d4 55%,#00a4ef);--gradient-night:linear-gradient(160deg,#021a4a,#032669 55%,#0a4fa8)}
#qsh-nav [data-theme="night"]{--cta:#0078d4;--cta-hover:#106ebe;--accent:#3aa0f3;--sky:#50b6f5;--focus:#50b6f5}
#qsh-nav .btn-cta{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 26px -12px rgba(3,38,105,.6)}
#qsh-nav .logo img{display:block;height:42px;width:auto}
@keyframes qsh-mqUp{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 7px))}}
@keyframes qsh-mqDown{from{transform:translateY(calc(-50% - 7px))}to{transform:translateY(0)}}
@keyframes qsh-orbSpin{to{transform:rotate(360deg)}}@keyframes qsh-orbCounter{from{rotate:0deg}to{rotate:-360deg}}
#qsh-nav{background:#f3f6fb}
#qsh-nav div:where(.qsh-main),#qsh-nav footer{max-width:1280px;margin:0 auto;background:#fff;border-left:1px solid #e1e7f0;border-right:1px solid #e1e7f0;overflow-x:clip}
#qsh-nav div:where(.qsh-main)>section{border-top:1px solid #e1e7f0}#qsh-nav div:where(.qsh-main)>section:first-child{border-top:0}
#qsh-nav footer{margin-top:0;padding:24px 24px 32px;border-top:1px solid #e1e7f0}
#qsh-nav footer .wrap{padding:0}
#qsh-nav{--dark-grad:radial-gradient(90% 70% at 50% 0%,#0f4396 0%,#032669 48%,#021a4a 100%);--dark-tile:linear-gradient(160deg,rgba(30,67,137,.55),rgba(2,26,74,.75));--light-band:linear-gradient(180deg,#f5f8fd 0%,#ebf2fb 100%)}
#qsh-nav{--r-panel:32px;--r-card:20px;--r-ctl:12px;--panel-inset:clamp(12px,1.6vw,20px)}
#qsh-nav footer{padding-left:var(--panel-inset)!important;padding-right:var(--panel-inset)!important}
#qsh-nav .mega-in{gap:8px 20px}
#qsh-nav .mh{display:flex;align-items:center;gap:8px}#qsh-nav .mh svg{width:14px;height:14px;color:var(--ms-azure)}
#qsh-nav .mi-ic{background:linear-gradient(160deg,#eaf3fd,#d6e8fb);color:#0063b1;box-shadow:inset 0 0 0 1px rgba(0,120,212,.12)}
#qsh-nav .mi-ic.t2{background:linear-gradient(160deg,#e6f0ff,#cfdcf6);color:#1e4389}
#qsh-nav .mi-ic.t3{background:linear-gradient(160deg,#e3f6fd,#c9ebfa);color:#006a9e}
#qsh-nav .mi-ic svg{width:17px;height:17px}
#qsh-nav .mi:hover .mi-ic{background:linear-gradient(135deg,#0078d4,#032669);color:#fff;box-shadow:none}
#qsh-nav .mlg,#qsh-nav .mind{display:flex;align-items:center;gap:12px;padding:8px;margin:0 -8px;border-radius:12px;text-decoration:none;transition:background .16s}
#qsh-nav .mlg:hover,#qsh-nav .mind:hover{background:var(--accent-100)}
#qsh-nav .mlg-i{flex:none;width:64px;height:40px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;padding:6px}
#qsh-nav .mlg-i img{max-width:100%;max-height:24px;object-fit:contain}
#qsh-nav .mlg:hover .mlg-i{box-shadow:0 0 0 1.5px var(--ms-azure)}
#qsh-nav .mind-i{flex:none;width:56px;height:42px;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
#qsh-nav .mind-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}#qsh-nav .mind:hover .mind-i img{transform:scale(1.08)}
#qsh-nav .mlg .mi-t,#qsh-nav .mind .mi-t{display:grid;gap:2px}#qsh-nav .mlg .mi-t small,#qsh-nav .mind .mi-t small{font-size:12.5px;color:var(--muted)}
#qsh-nav .mfeat{background:var(--dark-grad);border-radius:var(--r-card,20px)}
#qsh-nav .mfeat-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(140,196,255,.16);box-shadow:inset 0 0 0 1px rgba(140,196,255,.3);color:#8cc4ff;margin-bottom:6px}#qsh-nav .mfeat-ic svg{width:20px;height:20px}
#qsh-nav .mfeat-go{color:#8cc4ff}
#qsh-nav,#qsh-nav [data-theme],#qsh-nav [data-theme="night"]{--cta:#107c10;--cta-hover:#0b5f0b;--on-cta:#fff}
#qsh-nav .btn-cta{background:#107c10;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 26px -12px rgba(16,124,16,.55)}
#qsh-nav .btn-cta:hover{background:#0b5f0b;color:#fff}
#qsh-nav .nav-cta,#qsh-nav .nav .btn-cta{background:#107c10!important;color:#fff!important}#qsh-nav .nav-cta:hover,#qsh-nav .nav .btn-cta:hover{background:#0b5f0b!important}
#qsh-nav a.nl{text-decoration:none}
#qsh-nav .mega-in{gap:8px 16px;align-items:start}
#qsh-nav .mh{padding:6px 12px 8px;min-height:30px}
#qsh-nav .mcol .mh~.mh{margin-top:10px}
#qsh-nav .mi,#qsh-nav .mlg,#qsh-nav .mind{margin:0;padding:10px 12px;min-height:58px;align-items:center}
#qsh-nav .mi.c{min-height:44px;padding:7px 12px}
#qsh-nav .mi.c .mi-ic{width:28px;height:28px;border-radius:8px}
#qsh-nav .mi.c .mi-ic svg{width:15px;height:15px}
#qsh-nav .mi-t{align-content:center}
#qsh-nav .mlg{padding:8px 12px;min-height:52px}
#qsh-nav .mlg-i{width:56px;height:36px;padding:5px}
#qsh-nav .mlg-i img{max-height:22px}
#qsh-nav .mind{padding:8px 12px;min-height:56px}
#qsh-nav .mnote{display:block;padding:6px 12px 0;font-size:12px;color:var(--muted)}
#qsh-nav .ni.open .mlg,#qsh-nav .ni.open .mind{opacity:1;transform:none}
#qsh-nav .mfeat{align-self:stretch;min-height:0}
#qsh-nav .dsub.chips .mh{flex-basis:100%}

/* Site header: deliberate changes to the design (2026-10-23). #qsh-nav scopes are rewritten to #qsh-nav. */
/* Above page content, the booking popup stays above it (Elementor popups use z-index 9999). */
#qsh-nav { position: relative; z-index: 9000; }
#qsh-nav .nav { z-index: 9001; }
#qsh-nav .scrim { z-index: 8999; }
/* Bigger logo so the "Intelligence Automated" tagline is readable (2026-10-27, user): the bar grows from 64px to
 * 80px and the logo from 40px to 64px tall; everything positioned under the bar moves down 16px. */
#qsh-nav .nav-in { height: 80px; }
#qsh-nav .drawer { top: 108px; max-height: calc(100vh - 126px); }
/* The bar is fixed; this keeps the page below it (16px top + 80px bar + 16px gap). */
#qsh-nav .nav-sp { height: 112px; }
body.admin-bar #qsh-nav .nav { top: 48px; }
body.admin-bar #qsh-nav .drawer { top: 140px; max-height: calc(100vh - 158px); }
@media (max-width: 782px) { body.admin-bar #qsh-nav .nav { top: 62px; } body.admin-bar #qsh-nav .drawer { top: 154px; } }
/* Narrow desktops (full menu, less room): a slightly smaller logo and tighter links and button, so the button
 * never covers "Resources" (it did at 1100px before this change). */
@media (min-width: 1081px) and (max-width: 1320px) {
  #qsh-nav .logo img { height: 56px !important; }
  #qsh-nav .nav-in { gap: 10px; }
  #qsh-nav .nl { padding: 10px 8px; }
  #qsh-nav .nav-cta { padding: 0 16px; font-size: 14px; }
}
/* Below 1190px the full menu and the button can't both fit: use the burger menu, as the design does below 1080px. */
@media (min-width: 1081px) and (max-width: 1190px) {
  #qsh-nav .nav-links { display: none !important; }
  #qsh-nav .burger { display: grid; margin-left: 0; }
  #qsh-nav .nav-cta { margin-left: auto; }
  #qsh-nav .drawer { display: block; }
  #qsh-nav .logo img { height: 64px !important; }
}
/* "All services" etc. under each mega menu */
#qsh-nav .mall { grid-column: 1 / -2; justify-self: start; display: inline-flex; align-items: center; gap: 6px; margin: 4px 0 0 8px; padding: 6px 0; font-size: 13.5px; font-weight: 600; color: var(--accent); text-decoration: none; }
#qsh-nav .mall:hover { color: var(--ink); }
#qsh-nav .mall svg { width: 15px; height: 15px; }
/* drawer extras (the design styled "Our work" inline) */
#qsh-nav .drawer .dlink { display: block; padding: 18px 6px; font-size: 18px; font-weight: 500; letter-spacing: -.02em; color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line); }
#qsh-nav .drawer .dall { font-weight: 600; color: var(--accent); }
#qsh-nav .drawer .dcta { justify-content: center; margin-top: 14px; }
/* where you are */
#qsh-nav .ni.cur > .nl { color: var(--ink); }
#qsh-nav .mega a[aria-current="page"] { background: var(--accent-100); border-radius: 14px; }
#qsh-nav .drawer a[aria-current="page"] { color: var(--accent); font-weight: 600; }
html.qsh-nav-lock { overflow: hidden; }
/* theme leaks found in preview: buttons are uppercase/letter-spaced and the logo link shrinks to 0 */
#qsh-nav button, #qsh-nav .nl, #qsh-nav summary { text-transform: none !important; letter-spacing: normal !important; min-height: 0; box-shadow: none; }
#qsh-nav .nl { letter-spacing: -.005em !important; }
#qsh-nav .logo { flex: none; display: inline-flex; align-items: center; }
#qsh-nav .logo img { width: auto !important; max-width: none !important; height: 64px; }
#qsh-nav .nav-links { flex: 0 1 auto; min-width: 0; }
/* other stylesheets on the site use the same short class names (.ni had margin: 0 20px): pin the box model */
#qsh-nav .ni, #qsh-nav .mcol, #qsh-nav .mega, #qsh-nav .mega-in, #qsh-nav .nav-in, #qsh-nav .drawer-in, #qsh-nav .dsub { margin: 0; }
#qsh-nav .ni { padding: 0; }
#qsh-nav .ni { position: static; }