:root{
  --qt-navy:#051526;
  --qt-blue:#3E5FFB;
  --qt-blue-hover:#3350e0;
  --qt-blue-light:rgba(62,95,251,.07);
  --qt-sky:#63B1FF;
  --qt-sky-hover:#4FA3F0;
  --qt-white:#FFFFFF;
  --qt-gray-50:#F8F8FA;
  --qt-gray-100:#F2F2F4;
  --qt-gray-200:#E4E4E8;
  --qt-gray-300:#CBCBD0;
  --qt-gray-400:#9898A0;
  --qt-gray-500:#62626A;
  --qt-gray-700:#36363D;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:'Fira Code',monospace;
  --max-w:1200px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:focus-visible{outline:2px solid var(--qt-blue);outline-offset:2px;border-radius:4px}

/* ─── BAR ─── */
.qt-nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--qt-gray-200);
  font-family:var(--font-body);
}
.qt-nav a,.qt-nav-mobile a{text-decoration:none}  /* self-contained: don't rely on a host-page reset */
/* color:inherit for ordinary links only — the CTA buttons must keep their own (high-contrast) fill colors */
.qt-nav a:not(.qt-nav-cta),.qt-nav-mobile a:not(.qt-nav-m-cta){color:inherit}
.qt-nav-inner{
  max-width:var(--max-w);margin:0 auto;padding:0 28px;height:68px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}

/* ─── LEFT: logo + links hugging the logo ─── */
.qt-nav-left{display:flex;align-items:center;gap:38px;min-width:0}
.qt-nav-logo{display:flex;align-items:center;flex-shrink:0}
.qt-nav-logo img{height:32px;width:auto;display:block}
.qt-nav-links{display:flex;align-items:center;gap:26px}

.qt-nav-link{
  display:inline-flex;align-items:center;gap:5px;
  font-size:13.5px;font-weight:500;color:var(--qt-gray-500);
  letter-spacing:.2px;line-height:1;white-space:nowrap;
  background:none;border:none;cursor:pointer;font-family:inherit;
  padding:8px 0;transition:color .15s;
}
.qt-nav-link:hover{color:var(--qt-navy)}
.qt-nav-link .qt-caret{color:var(--qt-gray-400);transition:transform .2s,color .2s}

/* ─── DROPDOWN nav items (Products, Blog) ─── */
.qt-nav-item{position:relative}
.qt-nav-dd-menu{
  position:absolute;top:100%;left:0;padding-top:10px;          /* padding = hover bridge */
  display:none;z-index:200;
}
.qt-nav-item:hover>.qt-nav-dd-menu,
.qt-nav-item:focus-within>.qt-nav-dd-menu,
.qt-nav-item.open>.qt-nav-dd-menu{display:block}
.qt-nav-item:hover .qt-caret,
.qt-nav-item.open .qt-caret{transform:rotate(180deg);color:var(--qt-navy)}

.qt-nav-dd-card{
  background:#fff;border:1px solid var(--qt-gray-200);border-radius:14px;
  box-shadow:0 12px 32px rgba(5,21,38,.12);padding:8px;min-width:248px;
  animation:qt-dd-in .16s ease-out;
}
@keyframes qt-dd-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.qt-nav-dd-item{
  display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:9px;
  cursor:pointer;transition:background .15s;text-align:left;
}
.qt-nav-dd-item:hover{background:var(--qt-gray-50)}
.qt-nav-dd-ico{
  width:34px;height:34px;border-radius:9px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--qt-blue-light);color:var(--qt-blue);
}
.qt-nav-dd-ico svg{width:17px;height:17px}
.qt-nav-dd-item>span:last-child{display:flex;flex-direction:column;min-width:0}
.qt-nav-dd-tt{display:block;font-size:14px;font-weight:600;color:var(--qt-navy);line-height:1.25;white-space:nowrap}
.qt-nav-dd-sub{display:block;font-size:12px;color:var(--qt-gray-400);line-height:1.35;margin-top:2px}
.qt-nav-dd-sep{height:1px;background:var(--qt-gray-100);margin:6px 8px}
.qt-nav-dd-all{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 12px;border-radius:9px;font-size:13px;font-weight:600;
  color:var(--qt-blue);cursor:pointer;transition:background .15s;
}
.qt-nav-dd-all:hover{background:var(--qt-blue-light)}

/* ─── RIGHT: actions ─── */
.qt-nav-actions{display:flex;align-items:center;gap:14px}
.qt-flag-img{width:22px;height:15px;border-radius:3px;display:block;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.06);flex-shrink:0}

/* ─── Combined language + region popover (single flag trigger) ─── */
.qt-loc{position:relative}
.qt-loc-trigger{
  display:inline-flex;align-items:center;gap:6px;font-family:inherit;
  padding:6px 8px;border:none;border-radius:8px;background:transparent;
  cursor:pointer;transition:background .15s;
}
.qt-loc-trigger:hover{background:var(--qt-gray-100)}
.qt-loc-trigger span{font-size:12px;font-weight:600;color:var(--qt-gray-700);letter-spacing:.04em;transition:color .15s}
.qt-loc-trigger svg{color:var(--qt-gray-400);transition:transform .2s,color .15s}
.qt-loc.open .qt-loc-trigger svg{transform:rotate(180deg);color:var(--qt-navy)}
.qt-loc-panel{
  position:absolute;top:calc(100% + 8px);right:0;width:252px;
  background:#fff;border:1px solid var(--qt-gray-200);border-radius:16px;
  box-shadow:0 16px 44px rgba(5,21,38,.18);padding:18px;display:none;z-index:200;
}
.qt-loc.open .qt-loc-panel{display:block;animation:qt-loc-pop .18s ease-out}
@keyframes qt-loc-pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.qt-loc-head{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--qt-gray-100)}
.qt-loc-head .qt-flag-img{width:24px;height:16px}
.qt-loc-head span{font-size:13px;font-weight:700;color:var(--qt-navy);letter-spacing:.04em}
.qt-loc-field{margin-top:14px}
.qt-loc-label{display:block;font-size:12px;font-weight:600;color:var(--qt-gray-500);margin-bottom:6px}
.qt-loc-select{position:relative;display:block}
.qt-loc-select select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  width:100%;font-family:inherit;font-size:14px;font-weight:600;color:var(--qt-navy);
  background:var(--qt-gray-50);border:1.5px solid var(--qt-gray-200);border-radius:9999px;
  padding:11px 38px 11px 16px;cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s;
}
.qt-loc-select select:hover{border-color:var(--qt-gray-300)}
.qt-loc-select select:focus{border-color:var(--qt-blue);box-shadow:0 0 0 3px rgba(62,95,251,.12)}
.qt-loc-select svg{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:var(--qt-gray-400);pointer-events:none}
.qt-loc-note{font-size:11.5px;font-style:italic;color:var(--qt-gray-400);margin:16px 0 0;line-height:1.4}

/* CTA — adapts to the open page */
.qt-nav-cta{
  background:var(--qt-navy);color:#fff;font-weight:600;padding:9px 20px;
  border-radius:9999px;font-size:13px;line-height:1;white-space:nowrap;
  transition:background .15s,transform .15s,box-shadow .15s;border:none;cursor:pointer;
  font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:7px;
}
.qt-nav-cta:hover{background:var(--qt-blue);transform:translateY(-1px)}
.qt-nav-cta--sky{background:var(--qt-sky);color:var(--qt-navy);font-weight:700;box-shadow:0 2px 10px rgba(99,177,255,.3)}
.qt-nav-cta--sky:hover{background:var(--qt-sky-hover)}

/* burger (mobile only) */
.qt-nav-burger{
  display:none;width:40px;height:40px;border:none;background:transparent;
  border-radius:9px;cursor:pointer;position:relative;flex-shrink:0;
}
.qt-nav-burger:hover{background:var(--qt-gray-100)}
.qt-nav-burger span{
  position:absolute;left:9px;right:9px;height:2px;border-radius:2px;
  background:var(--qt-navy);transition:transform .25s ease,opacity .2s ease,top .25s ease;
}
.qt-nav-burger span:nth-child(1){top:13px}
.qt-nav-burger span:nth-child(2){top:19px}
.qt-nav-burger span:nth-child(3){top:25px}
.qt-nav.mobile-open .qt-nav-burger span:nth-child(1){top:19px;transform:rotate(45deg)}
.qt-nav.mobile-open .qt-nav-burger span:nth-child(2){opacity:0}
.qt-nav.mobile-open .qt-nav-burger span:nth-child(3){top:19px;transform:rotate(-45deg)}

/* ─── MOBILE PANEL ─── */
.qt-nav-mobile{
  position:fixed;left:0;right:0;top:68px;bottom:0;z-index:99;
  background:#fff;padding:18px 22px max(20px,env(safe-area-inset-bottom));overflow-y:auto;
  transform:translateX(100%);transition:transform .28s ease;
  display:flex;flex-direction:column;gap:4px;
  -webkit-overflow-scrolling:touch;
}
.qt-nav-mobile.open{transform:translateX(0)}
.qt-nav-m-link{
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 4px;font-size:17px;font-weight:600;color:var(--qt-navy);
  border-bottom:1px solid var(--qt-gray-100);cursor:pointer;background:none;border-top:none;
  border-left:none;border-right:none;width:100%;font-family:inherit;text-align:left;
}
.qt-nav-m-link .qt-caret{color:var(--qt-gray-400);transition:transform .2s}
.qt-nav-m-group.open>.qt-nav-m-link .qt-caret{transform:rotate(180deg)}
.qt-nav-m-sub{
  max-height:0;overflow:hidden;transition:max-height .3s ease;
  display:flex;flex-direction:column;
}
.qt-nav-m-group.open .qt-nav-m-sub{max-height:420px}
.qt-nav-m-sub a{
  padding:12px 4px 12px 16px;font-size:15px;font-weight:500;color:var(--qt-gray-500);
  border-bottom:1px solid var(--qt-gray-100);
}
.qt-nav-m-sub a:hover{color:var(--qt-navy)}
/* margin-top:auto pins CTA to the bottom edge of the drawer */
.qt-nav-m-foot{margin-top:auto;display:flex;flex-direction:column;gap:16px;padding-top:24px}
.qt-nav-m-cta{
  background:var(--qt-navy);color:#fff;font-weight:600;font-size:16px;padding:15px;
  border-radius:9999px;text-align:center;border:none;cursor:pointer;font-family:inherit;
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;
}
.qt-nav-m-cta--sky{background:var(--qt-sky);color:var(--qt-navy);font-weight:700}

/* ─── RESPONSIVE ─── */
@media (max-width:900px){
  .qt-nav-links{display:none}
  .qt-nav-burger{display:block}
  /* the CTA moves into the drawer on mobile; the combined locale popover stays in the bar */
  .qt-nav-actions .qt-nav-cta{display:none}
}
@media (max-width:600px){
  .qt-nav-inner{height:60px;padding:0 16px}
  .qt-nav-mobile{top:60px}
  .qt-nav-logo img{height:28px}
  /* keep the popover from running off the right edge on narrow screens */
  .qt-loc-panel{right:-4px;width:min(258px,calc(100vw - 28px))}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
:root{
  --qt-navy:#051526;
  --qt-blue:#3E5FFB;
  --qt-blue-hover:#3350e0;
  --qt-green:#22C57A;
  --qt-red:#E24B4A;
  --qt-gray-200:#E4E4E8;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --max-w:1200px;
}
.qt-footer-big{padding:56px 0 32px;background:var(--qt-navy);color:rgba(255,255,255,.6)}
.qt-footer-big .qt-container{max-width:var(--max-w);margin:0 auto;padding:0 32px}
.qt-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.08)}
@media (max-width:900px){.qt-footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.qt-footer-grid{grid-template-columns:1fr}}
.qt-footer-grid a,.qt-footer-grid .qt-footer-soon{display:block;font-size:14px;color:rgba(255,255,255,.7);padding:4px 0;transition:color .15s}
.qt-footer-grid a:hover{color:#fff}
.qt-footer-soon{color:rgba(255,255,255,.4);font-size:13px}
.qt-footer-h{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:14px}
.qt-footer-tag{margin-top:16px;font-size:13px;color:rgba(255,255,255,.6);max-width:280px;line-height:1.5}
.qt-footer-logo{height:28px;display:block}
.qt-footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:24px;font-size:13px;color:rgba(255,255,255,.45)}
/* Footer subscribe */
.qt-footer-sub{margin-top:22px;max-width:300px}
.qt-footer-sub-label{display:block;font-size:13px;font-weight:600;color:rgba(255,255,255,.78);margin-bottom:10px}
/* the arrow button sits INSIDE the input field */
.qt-footer-sub-field{position:relative;display:block}
.qt-footer-sub-input{width:100%;min-width:0;font-family:var(--font-body);font-size:14px;padding:12px 52px 12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.qt-footer-sub-input::placeholder{color:rgba(255,255,255,.4)}
.qt-footer-sub-input:focus{border-color:var(--qt-blue);box-shadow:0 0 0 3px rgba(62,95,251,.25)}
.qt-footer-sub.error .qt-footer-sub-input{border-color:var(--qt-red);box-shadow:0 0 0 3px rgba(226,75,74,.2)}
.qt-footer-sub-btn{position:absolute;top:50%;right:5px;transform:translateY(-50%);width:38px;height:38px;border:none;border-radius:8px;background:var(--qt-blue);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.qt-footer-sub-btn:hover{background:var(--qt-blue-hover)}
.qt-footer-sub-msg{font-size:12.5px;line-height:1.4;margin-top:9px;min-height:16px}
.qt-footer-sub-msg.err{color:#ff9b9a}
/* success state — the capture field transforms into a confirmation line */
.qt-footer-sub-success{display:none;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:#fff;line-height:1.45}
.qt-footer-sub-success svg{flex-shrink:0;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--qt-green);color:#fff}
.qt-footer-sub.is-done .qt-footer-sub-field,
.qt-footer-sub.is-done .qt-footer-sub-msg{display:none}
.qt-footer-sub.is-done .qt-footer-sub-success{display:flex}
/* success confirmation animation */
@keyframes qt-suc-pop{0%{transform:scale(.4);opacity:0}60%{opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes qt-suc-check{to{stroke-dashoffset:0}}
.qt-footer-sub.is-done .qt-footer-sub-success svg{animation:qt-suc-pop .42s cubic-bezier(.2,.85,.3,1.25) both}
.qt-footer-sub.is-done .qt-footer-sub-success svg polyline{stroke-dasharray:26;stroke-dashoffset:26;animation:qt-suc-check .45s .22s ease-out forwards}
@media (prefers-reduced-motion:reduce){.qt-footer-sub.is-done .qt-footer-sub-success svg,.qt-footer-sub.is-done .qt-footer-sub-success svg polyline{animation:none;stroke-dashoffset:0}}