/* =========================================================
   AXQA SITE SHELL
   Header + Mega Navigation + Mobile Navigation + Footer
   ========================================================= */

:root{
  --shell-bg:#07111f;
  --shell-panel:#0c192a;
  --shell-panel-2:#0a1626;
  --shell-border:rgba(129,159,200,.14);
  --shell-border-strong:rgba(142,124,255,.34);
  --shell-text:#edf4fc;
  --shell-muted:#899bb1;
  --shell-violet:#8e7cff;
  --shell-teal:#36dacb;
  --shell-green:#4bd8a9;
}

/* General header */
.axqa-site-header{
  position:relative;
  z-index:999;
}
.axqa-nav-shell{
  height:82px;
  display:flex;
  align-items:center;
  transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,backdrop-filter .28s ease;
}
.axqa-site-header.is-scrolled .axqa-nav-shell,
.axqa-nav-shell.sticky-menu{
  background:rgba(5,13,23,.86)!important;
  border-bottom:1px solid rgba(129,159,200,.10);
  box-shadow:0 12px 36px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.axqa-header-line{
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:rgba(126,153,190,.08);
  overflow:hidden;
  z-index:4;
}
.axqa-header-line span{
  display:block;
  width:140px;height:100%;
  background:linear-gradient(90deg,transparent,var(--shell-violet),var(--shell-teal),transparent);
  animation:axqaHeaderLine 7s linear infinite;
}
.axqa-nav-row{
  min-height:82px;
  display:flex;
  align-items:center;
  gap:28px;
}
.axqa-site-logo{
  flex:0 0 auto;
}
.axqa-site-logo a{
  display:flex;
  align-items:center;
}
.axqa-site-logo img{
  max-height:42px;
  width:auto;
}
.axqa-site-logo .logo-dark{display:none}

/* Desktop navigation */
.axqa-desktop-nav{
  flex:1;
  justify-content:center;
  align-items:center;
  min-width:0;
}
.axqa-nav-list{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  margin:0;
  padding:0;
  list-style:none;
}
.axqa-nav-item{
  position:relative;
}
.axqa-nav-link{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:44px;
  padding:0 12px;
  border:0;
  background:transparent;
  color:#aebdd0;
  font-size:.9rem;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  border-radius:11px;
  transition:color .2s ease,background .2s ease;
}
.axqa-nav-link i{
  font-size:.58rem;
  color:#60758d;
  transition:transform .2s ease,color .2s ease;
}
.axqa-nav-item:hover>.axqa-nav-link,
.axqa-nav-item.open>.axqa-nav-link,
.axqa-nav-item.active>.axqa-nav-link{
  color:#f1f6fd;
  background:rgba(142,124,255,.065);
}
.axqa-nav-item:hover>.axqa-nav-link i,
.axqa-nav-item.open>.axqa-nav-link i{
  color:#a99bff;
  transform:rotate(180deg);
}

/* Mega menus */
.axqa-mega{
  position:absolute;
  top:calc(100% + 17px);
  left:50%;
  transform:translate(-50%,10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  border:1px solid var(--shell-border);
  border-radius:22px;
  background:
    radial-gradient(circle at 15% 8%,rgba(142,124,255,.085),transparent 24%),
    linear-gradient(150deg,rgba(13,27,46,.985),rgba(6,15,26,.99));
  box-shadow:0 30px 85px rgba(0,0,0,.34);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  transition:opacity .2s ease,transform .24s ease,visibility .2s;
  overflow:hidden;
}
.axqa-mega:before{
  content:"";
  position:absolute;
  top:-9px;left:50%;
  width:18px;height:18px;
  transform:translateX(-50%) rotate(45deg);
  border-left:1px solid var(--shell-border);
  border-top:1px solid var(--shell-border);
  background:#0d1b2e;
}
.axqa-nav-item:hover>.axqa-mega,
.axqa-nav-item.open>.axqa-mega{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0);
}
.axqa-mega-eyebrow{
  display:block;
  color:#8175db;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.13em;
  margin-bottom:8px;
}
.axqa-mega h3{
  margin:0 0 8px;
  font-family:Georgia,serif;
  color:#eef4fb;
  font-size:1.45rem;
  line-height:1.16;
}
.axqa-mega p{
  color:#7f91a8;
  font-size:.82rem;
  line-height:1.55;
  margin:0;
}

/* Product mega */
.axqa-mega-product{
  width:710px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
}
.axqa-mega-intro{
  padding:25px;
  border-right:1px solid rgba(129,159,200,.09);
  background:rgba(6,15,26,.35);
}
.axqa-mega-feature{
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:11px;
  align-items:start;
  margin-top:21px;
  padding:14px;
  border:1px solid rgba(142,124,255,.15);
  border-radius:14px;
  background:rgba(142,124,255,.045);
  transition:.22s ease;
}
.axqa-mega-feature:hover{
  border-color:rgba(142,124,255,.33);
  background:rgba(142,124,255,.075);
  transform:translateY(-2px);
}
.axqa-mega-feature>span,
.axqa-mega-link>span,
.axqa-solution-feature>span,
.axqa-solution-links>a>span,
.axqa-resource-experiences>a>span{
  display:grid;
  place-items:center;
  width:40px;height:40px;
  border-radius:12px;
  color:#a99bff;
  background:rgba(142,124,255,.08);
  border:1px solid rgba(142,124,255,.12);
}
.axqa-mega-feature small{
  display:block;
  color:#667990;
  font-size:.65rem;
  letter-spacing:.1em;
  margin-bottom:3px;
}
.axqa-mega-feature strong{
  display:block;
  color:#dce6f3;
  font-size:.88rem;
}
.axqa-mega-feature p{
  font-size:.72rem;
  margin-top:4px;
}
.axqa-mega-feature>i{
  color:#675f98;
  font-size:.72rem;
  margin-top:5px;
}
.axqa-mega-links{
  padding:18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.axqa-mega-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px;
  border:1px solid transparent;
  border-radius:13px;
  transition:.2s ease;
}
.axqa-mega-link:hover{
  border-color:rgba(129,159,200,.11);
  background:rgba(255,255,255,.025);
}


/* Current nested page inside desktop mega menus. */

.axqa-mega-feature.active,
.axqa-mega-link.active,
.axqa-capability-card.active,
.axqa-solution-feature.active,
.axqa-solution-links>a.active,
.axqa-resource-experiences>a.active,
.axqa-resource-links>a.active{
  background:rgba(142,124,255,.105);
  border-color:rgba(142,124,255,.38);
  box-shadow:
    inset 0 0 0 1px rgba(142,124,255,.08);
}


.axqa-mega-feature.active strong,
.axqa-mega-link.active strong,
.axqa-capability-card.active>strong,
.axqa-solution-feature.active strong,
.axqa-solution-links>a.active strong,
.axqa-resource-experiences>a.active strong,
.axqa-resource-links>a.active strong{
  color:#f3f0ff;
}


.axqa-mega-feature.active>span,
.axqa-mega-link.active>span,
.axqa-capability-card.active>span,
.axqa-solution-feature.active>span,
.axqa-solution-links>a.active>span,
.axqa-resource-experiences>a.active>span{
  color:#c2b8ff;

  background:
    rgba(142,124,255,.16);

  border-color:
    rgba(142,124,255,.28);
}
.axqa-mega-link>span{
  width:36px;height:36px;
}
.axqa-mega-link strong,.axqa-mega-link small{
  display:block;
}
.axqa-mega-link strong{
  color:#cbd7e5;
  font-size:.8rem;
}
.axqa-mega-link small{
  color:#687b92;
  font-size:.69rem;
  line-height:1.3;
  margin-top:2px;
}

.axqa-mega-product .axqa-mega-link-wide{
  grid-column:1 / -1;
}

/* Capabilities */
.axqa-mega-capabilities{
  width:760px;
  padding:18px;
}
.axqa-mega-cap-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.axqa-capability-card{
  position:relative;
  min-height:195px;
  padding:15px;
  border:1px solid rgba(129,159,200,.10);
  border-radius:15px;
  background:rgba(8,19,33,.68);
  transition:.24s ease;
}
.axqa-capability-card:hover{
  transform:translateY(-4px);
  border-color:rgba(142,124,255,.28);
  background:rgba(142,124,255,.045);
}
.axqa-capability-card.featured{
  border-color:rgba(142,124,255,.19);
}
.axqa-capability-card.featured-teal{
  border-color:rgba(54,218,203,.17);
}
.axqa-capability-card>span{
  display:grid;
  place-items:center;
  width:41px;height:41px;
  border-radius:12px;
  color:#a99bff;
  background:rgba(142,124,255,.08);
  margin-bottom:24px;
}
.axqa-capability-card.featured-teal>span{
  color:#63ded2;
  background:rgba(54,218,203,.06);
}
.axqa-capability-card>small{
  position:absolute;
  top:16px;right:15px;
  color:#495d75;
  font-size:.64rem;
}
.axqa-capability-card>strong{
  display:block;
  color:#e2ebf6;
  font-family:Georgia,serif;
  font-size:1rem;
  line-height:1.18;
  margin-bottom:8px;
}
.axqa-capability-card>p{
  font-size:.7rem;
  line-height:1.5;
}
.axqa-capability-secondary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:9px;
}
.axqa-capability-secondary>a{
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:10px;
  align-items:center;
  min-width:0;
  padding:11px 12px;
  border:1px solid rgba(129,159,200,.10);
  border-radius:12px;
  background:rgba(8,19,33,.48);
  transition:.22s ease;
}
.axqa-capability-secondary>a:hover,
.axqa-capability-secondary>a.active{
  border-color:rgba(142,124,255,.30);
  background:rgba(142,124,255,.065);
  transform:translateY(-2px);
}
.axqa-capability-secondary>a>span{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:10px;
  color:#a99bff;
  background:rgba(142,124,255,.08);
}
.axqa-capability-secondary>a:nth-child(2)>span{
  color:#60ddd1;
  background:rgba(54,218,203,.06);
}
.axqa-capability-secondary strong,
.axqa-capability-secondary small{display:block}
.axqa-capability-secondary strong{color:#dce6f2;font-size:.76rem}
.axqa-capability-secondary small{color:#64788f;font-size:.64rem;line-height:1.35;margin-top:2px}
.axqa-capability-secondary>a>i{color:#52667f;font-size:.62rem}
html[data-theme="light"] .axqa-capability-secondary>a{background:#fff;border-color:rgba(65,81,108,.11)}
html[data-theme="light"] .axqa-capability-secondary strong{color:#27354a}
html[data-theme="light"] .axqa-capability-secondary small{color:#6a7a90}
html[data-theme="light"] .axqa-capability-secondary>a:hover,
html[data-theme="light"] .axqa-capability-secondary>a.active{background:rgba(98,82,222,.09)!important;border-color:rgba(98,82,222,.30)!important}
html[data-theme="light"] .axqa-capability-secondary>a.active strong{color:#4f43bd!important}

.axqa-mega-bottom-note{
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:11px;
  align-items:center;
  margin-top:9px;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(54,218,203,.10);
  background:rgba(54,218,203,.035);
}
.axqa-mega-bottom-note>span{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border-radius:10px;
  color:#61ddd1;
  background:rgba(54,218,203,.06);
}
.axqa-mega-bottom-note p{
  font-size:.72rem;
}
.axqa-mega-bottom-note p strong{color:#b7c7d9}
.axqa-mega-bottom-note>a{
  color:#67dcd1;
  font-size:.7rem;
  white-space:nowrap;
}

/* Solutions */
.axqa-mega-solutions{
  width:720px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
}
.axqa-solution-main{
  padding:23px;
  border-right:1px solid rgba(129,159,200,.09);
}
.axqa-solution-feature{
  display:flex;
  gap:12px;
  padding:12px 0;
  border-top:1px solid rgba(129,159,200,.075);
}
.axqa-solution-feature:nth-of-type(1){margin-top:10px}
.axqa-solution-feature>span{
  flex:0 0 40px;
}
.axqa-solution-feature strong{
  display:block;
  color:#dbe5f2;
  font-size:.86rem;
}
.axqa-solution-feature p{
  margin-top:3px;
  font-size:.71rem;
}
.axqa-solution-links{
  display:grid;
  align-content:start;
  gap:5px;
  padding:18px;
}
.axqa-solution-links>a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:12px;
  border:1px solid transparent;
}
.axqa-solution-links>a:hover{
  background:rgba(255,255,255,.022);
  border-color:rgba(129,159,200,.09);
}
.axqa-solution-links>a>span{
  width:35px;height:35px;
}
.axqa-solution-links strong,.axqa-solution-links small{
  display:block;
}
.axqa-solution-links strong{
  color:#cbd7e5;
  font-size:.78rem;
}
.axqa-solution-links small{
  color:#657890;
  font-size:.67rem;
  margin-top:2px;
}
.axqa-solution-links .secondary-use{
  opacity:.78;
}

/* Resources */
.axqa-mega-resources{
  width:650px;
  display:grid;
  grid-template-columns:1fr .9fr;
}
.axqa-resource-feature{
  padding:23px;
  border-right:1px solid rgba(129,159,200,.09);
}
.axqa-resource-experiences{
  display:grid;
  gap:8px;
  margin-top:15px;
}
.axqa-resource-experiences>a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px;
  border-radius:13px;
  border:1px solid rgba(129,159,200,.09);
  background:rgba(8,19,33,.55);
  transition:.2s;
}
.axqa-resource-experiences>a:hover{
  border-color:rgba(142,124,255,.25);
  transform:translateX(3px);
}
.axqa-resource-experiences strong,.axqa-resource-experiences small{
  display:block;
}
.axqa-resource-experiences strong{
  color:#d9e3f0;
  font-size:.8rem;
}
.axqa-resource-experiences small{
  color:#687b92;
  font-size:.68rem;
  margin-top:2px;
}
.axqa-resource-links{
  display:grid;
  align-content:start;
  padding:16px;
}
.axqa-resource-links>a{
  display:grid;
  grid-template-columns:24px 1fr auto;
  gap:8px;
  align-items:center;
  padding:13px 8px;
  border-bottom:1px solid rgba(129,159,200,.075);
}
.axqa-resource-links>a>i:first-child{
  color:#8f82ee;
}
.axqa-resource-links>a>i:last-child{
  color:#50637a;
  font-size:.65rem;
}
.axqa-resource-links strong,.axqa-resource-links small{
  display:block;
}
.axqa-resource-links strong{
  color:#cbd7e5;
  font-size:.8rem;
}
.axqa-resource-links small{
  color:#64778f;
  font-size:.68rem;
  margin-top:2px;
}

/* Header actions */
.axqa-header-actions{
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}
.axqa-header-login,
.axqa-header-demo,
.axqa-header-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border-radius:11px;
  font-size:.8rem;
  font-weight:700;
  transition:.22s ease;
  white-space:nowrap;
}
.axqa-header-login{
  color:#aebdd0;
}
.axqa-header-login:hover{
  color:#fff;
}
.axqa-header-demo{
  color:#d5deea;
  border:1px solid rgba(129,159,200,.17);
  background:rgba(9,21,36,.5);
}
.axqa-header-demo:hover{
  color:#fff;
  border-color:rgba(142,124,255,.34);
  background:rgba(142,124,255,.055);
}
.axqa-header-primary{
  color:#fff;
  border:1px solid rgba(142,124,255,.4);
  background:linear-gradient(135deg,#7b68f8,#6252de);
  box-shadow:0 12px 28px rgba(98,82,222,.18);
}
.axqa-header-primary:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 15px 34px rgba(98,82,222,.25);
}

/* Existing avatar harmonization */
.axqa-site-header .avatar-trigger{
  border:1px solid rgba(129,159,200,.14)!important;
  background:rgba(10,23,39,.68)!important;
  border-radius:12px!important;
}
.axqa-site-header .avatar-dropdown-menu{
  border:1px solid var(--shell-border)!important;
  background:rgba(8,18,31,.98)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.33)!important;
  backdrop-filter:blur(18px);
}

/* Mobile */
.axqa-mobile-trigger{
  margin-left:auto;
  width:43px;height:43px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:0 11px;
  border:1px solid rgba(129,159,200,.14);
  border-radius:12px;
  background:rgba(9,21,36,.62);
}
.axqa-mobile-trigger span{
  display:block;
  height:1px;
  background:#c9d5e4;
}
.axqa-mobile-menu .menu-box{
  background:
    radial-gradient(circle at 70% 0,rgba(142,124,255,.11),transparent 30%),
    #07111f!important;
}
.axqa-mobile-head{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  border-bottom:1px solid rgba(129,159,200,.09);
}
.axqa-mobile-head .nav-logo{
  padding:0!important;
  margin:0!important;
}
.axqa-mobile-head .nav-logo img{
  max-height:38px;
}
.axqa-mobile-head .close-btn{
  position:static!important;
  width:38px;height:38px;
  display:grid!important;
  place-items:center;
  border:1px solid rgba(129,159,200,.12)!important;
  border-radius:11px;
  background:rgba(12,27,45,.72)!important;
  color:#c8d4e3!important;
}
.axqa-mobile-body{
  padding:16px;
  overflow:auto;
  max-height:calc(100vh - 190px);
}
.axqa-mobile-direct,
.axqa-mobile-body summary{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
  color:#dce6f2;
  font-size:.9rem;
  font-weight:700;
  border-bottom:1px solid rgba(129,159,200,.08);
}
.axqa-mobile-body summary{
  cursor:pointer;
  list-style:none;
}
.axqa-mobile-body summary::-webkit-details-marker{display:none}
.axqa-mobile-body summary i{
  color:#667990;
  font-size:.65rem;
  transition:.2s;
}
.axqa-mobile-body details[open] summary i{
  transform:rotate(180deg);
  color:#9d8fff;
}
.axqa-mobile-sub{
  display:grid;
  gap:4px;
  padding:7px 0 10px 9px;
}
.axqa-mobile-sub>a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:7px 10px;
  border-radius:10px;
  color:#96a7bb;
  font-size:.8rem;
}
.axqa-mobile-sub>a:hover{
  color:#eef4fb;
  background:rgba(142,124,255,.055);
}
.axqa-mobile-sub>a i{
  width:22px;
  color:#8f82ee;
}
.axqa-mobile-actions{
  position:absolute;
  left:0;right:0;bottom:0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
  padding:12px 16px 16px;
  border-top:1px solid rgba(129,159,200,.09);
  background:rgba(6,15,26,.97);
}
.axqa-mobile-actions .axqa-header-primary{
  grid-column:1/-1;
}
.axqa-mobile-actions .axqa-header-login{
  border:1px solid rgba(129,159,200,.1);
}

/* Preloader */
#preloader{
  background:#07111f!important;
}
#preloader .axqa-text{
  color:#eef4fb!important;
  letter-spacing:.08em;
  text-shadow:0 0 35px rgba(142,124,255,.3);
}
#preloader .axqa-loader:after{
  content:"";
  display:block;
  width:70px;height:2px;
  margin:12px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--shell-violet),var(--shell-teal),transparent);
  animation:axqaLoaderLine 1.3s ease-in-out infinite;
}

/* Scroll top */
.scroll-top{
  background:rgba(10,23,39,.92)!important;
  border:1px solid rgba(142,124,255,.22)!important;
  color:#b2a7ff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.scroll-top:hover{
  background:rgba(142,124,255,.12)!important;
}

/* =========================================================
   Footer
   ========================================================= */
.axqa-site-footer{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#07111f,#050c16 78%);
  border-top:1px solid rgba(129,159,200,.08);
  padding:72px 0 0;
}
.axqa-footer-glow{
  position:absolute;
  width:620px;height:360px;
  border-radius:50%;
  background:rgba(94,75,211,.07);
  filter:blur(115px);
  left:50%;top:-240px;
  transform:translateX(-50%);
  pointer-events:none;
}
.axqa-footer-cta{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:35px;
  align-items:center;
  padding:30px 34px;
  border:1px solid rgba(142,124,255,.16);
  border-radius:23px;
  background:
    radial-gradient(circle at 88% 15%,rgba(54,218,203,.06),transparent 30%),
    linear-gradient(145deg,rgba(16,31,52,.9),rgba(8,18,31,.92));
  box-shadow:0 28px 70px rgba(0,0,0,.18);
}
.axqa-footer-eyebrow{
  display:block;
  color:#8175da;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.13em;
  margin-bottom:8px;
}
.axqa-footer-cta h2{
  max-width:760px;
  margin:0 0 8px;
  font-family:Georgia,serif;
  color:#eef4fb;
  font-size:clamp(1.7rem,2.6vw,2.45rem);
  line-height:1.08;
}
.axqa-footer-cta p{
  margin:0;
  color:#8395ab;
  font-size:.9rem;
}
.axqa-footer-cta-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.axqa-footer-demo,
.axqa-footer-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 17px;
  border-radius:12px;
  font-size:.82rem;
  font-weight:700;
  transition:.2s;
}
.axqa-footer-demo{
  color:#d3ddea;
  border:1px solid rgba(129,159,200,.16);
  background:rgba(7,17,31,.55);
}
.axqa-footer-primary{
  color:#fff;
  border:1px solid rgba(142,124,255,.36);
  background:linear-gradient(135deg,#7966f3,#6151db);
}
.axqa-footer-demo:hover,.axqa-footer-primary:hover{
  color:#fff;
  transform:translateY(-2px);
}
.axqa-footer-main{
  display:grid;
  grid-template-columns:290px 1fr;
  gap:65px;
  padding:64px 0 54px;
}
.axqa-footer-logo{
  display:inline-block;
  margin-bottom:20px;
}
.axqa-footer-logo img{
  max-height:44px;
}
.axqa-footer-brand>p{
  color:#74879e;
  font-size:.83rem;
  line-height:1.7;
  margin-bottom:18px;
}
.axqa-footer-system{
  display:flex;
  align-items:center;
  gap:8px;
  color:#7f91a7;
  font-size:.72rem;
}
.axqa-footer-system-dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--shell-teal);
  box-shadow:0 0 14px rgba(54,218,203,.75);
  animation:axqaShellPulse 1.8s ease-in-out infinite;
}
.axqa-footer-experience{
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:10px;
  align-items:center;
  margin-top:22px;
  padding:11px;
  border:1px solid rgba(142,124,255,.12);
  border-radius:13px;
  background:rgba(142,124,255,.035);
  transition:.2s;
}
.axqa-footer-experience:hover{
  border-color:rgba(142,124,255,.28);
  transform:translateY(-2px);
}
.axqa-footer-experience>span{
  display:grid;
  place-items:center;
  width:38px;height:38px;
  border-radius:11px;
  background:rgba(142,124,255,.08);
  color:#a99bff;
}
.axqa-footer-experience small,.axqa-footer-experience strong{
  display:block;
}
.axqa-footer-experience small{
  color:#5f7188;
  font-size:.6rem;
  letter-spacing:.08em;
}
.axqa-footer-experience strong{
  color:#cbd7e5;
  font-size:.76rem;
  margin-top:2px;
}
.axqa-footer-experience>i{
  color:#665c9e;
  font-size:.68rem;
}
.axqa-footer-columns{
  display:grid;
  grid-template-columns:1.15fr 1fr .9fr 1fr;
  gap:28px;
}
.axqa-footer-column{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.axqa-footer-column h4{
  color:#e2ebf6;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.09em;
  margin:0 0 7px;
}
.axqa-footer-column>a{
  color:#7f91a8;
  font-size:.77rem;
  line-height:1.35;
  transition:.2s;
}
.axqa-footer-column>a:hover{
  color:#e1e9f4;
  transform:translateX(3px);
}
.axqa-footer-column>a i{
  margin-left:5px;
  font-size:.58rem;
}
.axqa-footer-column .axqa-footer-emphasis{
  color:#a99bff;
}
.axqa-footer-column .axqa-footer-emphasis.teal{
  color:#64ddd2;
}
.axqa-footer-column .axqa-footer-secondary{
  color:#6e8097;
}
.axqa-footer-column .axqa-footer-secondary small{
  display:block;
  color:#52647b;
  font-size:.62rem;
  margin-top:2px;
}
.axqa-footer-bottom{
  min-height:74px;
  border-top:1px solid rgba(129,159,200,.08);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
}
.axqa-footer-bottom p{
  margin:0;
  color:#5e7188;
  font-size:.7rem;
}
.axqa-footer-bottom-center{
  display:flex;
  align-items:center;
  gap:8px;
  color:#687b92;
  font-size:.66rem;
  letter-spacing:.05em;
}
.axqa-footer-bottom-center span{
  width:6px;height:6px;
  border-radius:50%;
  background:#8275dd;
  box-shadow:0 0 11px rgba(130,117,221,.55);
}
.axqa-footer-legal{
  display:flex;
  justify-content:flex-end;
  gap:16px;
}
.axqa-footer-legal a{
  color:#62758c;
  font-size:.7rem;
}
.axqa-footer-legal a:hover{
  color:#becada;
}

/* Cookie consent shell alignment */
.cookie-consent-banner{
  background:rgba(6,15,26,.96)!important;
  border-top:1px solid rgba(129,159,200,.12)!important;
  backdrop-filter:blur(18px);
}
.cookie-consent-banner h4{
  color:#e5edf7!important;
}
.cookie-consent-banner p{
  color:#899bb1!important;
}

/* Responsive */
@media(max-width:1250px){
  .axqa-nav-row{gap:14px}
  .axqa-nav-link{padding:0 8px;font-size:.84rem}
  .axqa-header-login,.axqa-header-demo,.axqa-header-primary{padding:0 10px}
}
@media(max-width:1100px){
  .axqa-footer-main{grid-template-columns:240px 1fr;gap:40px}
  .axqa-footer-columns{grid-template-columns:1fr 1fr;row-gap:36px}
}
@media(max-width:991px){
  .axqa-nav-row{min-height:72px}
  .axqa-nav-shell{height:72px}
  .axqa-site-logo img{max-height:38px}
  .axqa-footer-cta{grid-template-columns:1fr}
  .axqa-footer-cta-actions{justify-content:flex-start}
}
@media(max-width:760px){
  .axqa-site-footer{padding-top:48px}
  .axqa-footer-cta{padding:24px 20px;border-radius:18px}
  .axqa-footer-main{grid-template-columns:1fr;gap:42px;padding:48px 0 42px}
  .axqa-footer-brand{max-width:420px}
  .axqa-footer-columns{grid-template-columns:1fr 1fr;gap:34px 24px}
  .axqa-footer-bottom{grid-template-columns:1fr;text-align:center;padding:18px 0;gap:8px}
  .axqa-footer-bottom-center,.axqa-footer-legal{justify-content:center}
}
@media(max-width:500px){
  .axqa-footer-columns{grid-template-columns:1fr}
  .axqa-footer-cta-actions{display:grid}
  .axqa-footer-demo,.axqa-footer-primary{width:100%}
}

/* Animation */
@keyframes axqaHeaderLine{
  from{transform:translateX(-160px)}
  to{transform:translateX(calc(100vw + 160px))}
}
@keyframes axqaLoaderLine{
  0%,100%{transform:scaleX(.4);opacity:.35}
  50%{transform:scaleX(1);opacity:1}
}
@keyframes axqaShellPulse{
  50%{opacity:.35;transform:scale(.78)}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .axqa-header-line span,
  #preloader .axqa-loader:after,
  .axqa-footer-system-dot{
    animation:none!important;
  }
  .axqa-mega,
  .axqa-nav-link,
  .axqa-capability-card,
  .axqa-capability-secondary>a,
  .axqa-footer-column>a{
    transition:none!important;
  }
}


/* =========================================================
   INTERACTION FIX PASS — 2026-08-16
   1. Safe hover bridge for mega menus
   2. Footer / CTA clickability
   3. Decorative layers never intercept pointer events
   ========================================================= */

/* The mega menu visually sits below the trigger. This invisible bridge
   keeps :hover alive while the pointer crosses that gap. */
.axqa-has-mega::after{
  content:"";
  position:absolute;
  left:-12px;
  right:-12px;
  top:100%;
  height:26px;
  background:transparent;
  pointer-events:auto;
  z-index:998;
}

/* Keep the menu above the hover bridge and page content. */
.axqa-has-mega>.axqa-mega{
  z-index:1002;
}

/* Decorative backgrounds must never behave like invisible click layers. */
main.main-content>.noise-bg,
main.main-content>.main-shape,
.noise-bg,
.main-shape,
.axqa-header-line,
.axqa-footer-glow{
  pointer-events:none!important;
}

/* Explicit interactive stacking context for footer and its top CTA. */
.axqa-site-footer{
  position:relative;
  z-index:20;
  pointer-events:auto!important;
  isolation:isolate;
}

.axqa-footer-cta,
.axqa-footer-main,
.axqa-footer-bottom,
.axqa-footer-brand,
.axqa-footer-columns,
.axqa-footer-column{
  position:relative;
  z-index:3;
  pointer-events:auto!important;
}

/* Ensure every actionable element in the new footer is hit-testable even
   if an older theme stylesheet applies an unexpected pointer rule. */
.axqa-site-footer a,
.axqa-site-footer button,
.axqa-footer-cta a,
.axqa-footer-cta button{
  position:relative;
  z-index:5;
  pointer-events:auto!important;
}

/* The CTA decorative card itself stays interactive; only decoration ignores events. */
.axqa-footer-cta::before,
.axqa-footer-cta::after,
.axqa-site-footer::before,
.axqa-site-footer::after{
  pointer-events:none!important;
}

/* The shared page background remains behind the shell rather than competing
   with the footer's interaction layer. */
main.main-content{
  position:relative;
  z-index:1;
}

@media(max-width:991px){
  .axqa-has-mega::after{
    display:none;
  }
}
/* =========================================================
   MOBILE NAVIGATION + VIEWPORT STABILITY
   ========================================================= */

@media (max-width: 991px) {

  /* Prevent page-level horizontal drift on mobile. */
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  /* Fallback for browsers without overflow: clip support. */
  @supports not (overflow: clip) {
    html,
    body {
      overflow-x: hidden;
    }
  }

  /* The legacy sticky animation uses transform. On mobile, a transformed
     sticky ancestor changes the containing block of position: fixed
     descendants and can make the hidden drawer widen/shift the viewport. */
  #sticky-header.sticky-menu {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transform: none !important;
    transform: none !important;
  }

  /* Keep the mobile-menu wrapper inside the viewport at all times.
     Only the inner menu panel slides in/out. */
  .axqa-mobile-menu {
    position: fixed !important;
    inset: 0 !important;

    width: 100% !important;
    max-width: none !important;

    height: 100vh !important;
    height: 100dvh !important;

    padding: 0 !important;
    overflow: hidden !important;

    opacity: 0;
    visibility: hidden;

    /*
     * Keep the full-screen wrapper transparent to pointer events so
     * clicks outside the drawer still reach .menu-backdrop and close it.
     */
    pointer-events: none;

    -webkit-transform: none !important;
    transform: none !important;

    transition:
      opacity .18s ease,
      visibility 0s linear .28s;
  }

  body.mobile-menu-visible .axqa-mobile-menu {
    opacity: 1;
    visibility: visible;

    -webkit-transform: none !important;
    transform: none !important;

    transition-delay: 0s;
  }

  /*
   * The actual visible drawer.
   *
   * Important:
   * The wrapper itself no longer moves outside the viewport.
   * Only this inner panel slides, while the wrapper clips it.
   */
  .axqa-mobile-menu .menu-box {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;

    display: flex;
    flex-direction: column;

    width: min(380px, calc(100% - 20px)) !important;

    height: 100% !important;
    max-height: none !important;

    overflow: hidden !important;

    pointer-events: auto;

    background:
      radial-gradient(
        circle at 70% 0,
        rgba(142,124,255,.11),
        transparent 30%
      ),
      #07111f !important;

    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);

    transition:
      transform .28s cubic-bezier(.22,.61,.36,1);

    will-change: transform;
  }

  body.mobile-menu-visible .axqa-mobile-menu .menu-box {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  /* Header always stays at the top of the drawer. */
  .axqa-mobile-head {
    flex: 0 0 72px;
    min-height: 72px;
  }

  /* Only the navigation links scroll. */
  .axqa-mobile-body {
    flex: 1 1 auto;

    min-height: 0;
    max-height: none;

    overflow-x: hidden;
    overflow-y: auto;

    padding: 12px 16px 16px;

    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  /* Main navigation labels. */
  .axqa-mobile-direct,
  .axqa-mobile-body summary {
    width: 100%;
    min-width: 0;

    line-height: 1.35;

    white-space: normal;
  }

  /* Longer submenu labels can wrap safely. */
  .axqa-mobile-sub > a {
    width: 100%;
    min-width: 0;

    align-items: center;
  }

  .axqa-mobile-sub > a span {
    min-width: 0;

    line-height: 1.4;

    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
  }

  /* Keep action buttons in their own bottom section. */
  .axqa-mobile-actions {
    position: static;

    flex: 0 0 auto;

    left: auto;
    right: auto;
    bottom: auto;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 7px;

    padding:
      12px
      16px
      calc(16px + env(safe-area-inset-bottom));

    border-top:
      1px solid rgba(129,159,200,.09);

    background:
      rgba(6,15,26,.985);
  }

.axqa-mobile-actions .axqa-header-login,
.axqa-mobile-actions .axqa-header-demo,
.axqa-mobile-actions .axqa-header-primary {
    width: 100%;
    min-width: 0;
}


/* Logged-in mobile actions:
   Request a Demo + Profile side by side */
.axqa-mobile-actions.is-authenticated > .axqa-header-demo,
.axqa-mobile-actions.is-authenticated > .axqa-header-primary {
    grid-column: auto;
    width: 100%;
    min-width: 0;
}


  /* ============================================
     Mobile authenticated actions
     Language + Logout
     ============================================ */

  .axqa-mobile-actions .axqa-mobile-language,
  .axqa-mobile-actions .axqa-mobile-logout-form {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  .axqa-mobile-secondary-action {
    width: 100%;
    min-width: 0;
    min-height: 42px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    padding: 0 14px;

    border: 1px solid rgba(129,159,200,.14);
    border-radius: 11px;

    background: rgba(9,21,36,.62);

    color: #c8d4e3;

    font-size: .8rem;
    font-weight: 700;

    cursor: pointer;

    transition: .22s ease;
  }

  .axqa-mobile-secondary-action:hover {
    color: #fff;

    border-color: rgba(142,124,255,.34);

    background: rgba(142,124,255,.055);
  }

  .axqa-mobile-secondary-action > span {
    display: flex;
    align-items: center;

    gap: 9px;

    min-width: 0;
  }

  .axqa-mobile-secondary-action i {
    color: #8f82ee;
  }


  /* Remove default details arrow. */

  .axqa-mobile-language > summary {
    list-style: none;
  }

  .axqa-mobile-language > summary::-webkit-details-marker {
    display: none;
  }


  /* Language arrow animation. */

  .axqa-mobile-language-chevron {
    margin-left: auto;

    font-size: .7rem;

    transition: transform .2s ease;
  }

  .axqa-mobile-language[open] .axqa-mobile-language-chevron {
    transform: rotate(180deg);
  }


  /* Languages container. */

  .axqa-mobile-language-options {
    display: grid;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 6px;

    max-height: 190px;

    margin-top: 7px;

    padding: 7px;

    overflow-x: hidden;
    overflow-y: auto;

    border: 1px solid rgba(129,159,200,.1);

    border-radius: 11px;

    background: rgba(5,13,23,.72);

    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .axqa-mobile-language-form {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;
  }

  .axqa-mobile-language-option {
    width: 100%;
    min-width: 0;
    min-height: 40px;

    display: flex;
    align-items: center;

    gap: 8px;

    padding: 7px 10px;

    border: 1px solid transparent;
    border-radius: 9px;

    background: rgba(255,255,255,.025);

    color: #9fb0c4;

    font-size: .78rem;

    text-align: left;

    cursor: pointer;

    transition: .2s ease;
  }

  .axqa-mobile-language-option:hover {
    color: #fff;

    background: rgba(142,124,255,.07);
  }

  .axqa-mobile-language-option.active {
    color: #fff;

    border-color: rgba(142,124,255,.22);

    background: rgba(142,124,255,.11);
  }

  .axqa-mobile-language-option .language-flag {
    flex: 0 0 auto;
  }

  .axqa-mobile-language-option .language-name {
    flex: 1 1 auto;

    min-width: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  .axqa-mobile-language-option .language-check {
    flex: 0 0 auto;

    margin-left: auto;

    color: #8f82ee;
  }


  /* Logout */

  .axqa-mobile-logout-form button {
    appearance: none;
    -webkit-appearance: none;
  }

  .axqa-mobile-logout-button {
    justify-content: center;

    color: #ff8d8d;

    border-color: rgba(255,100,100,.15);

    background: rgba(255,100,100,.045);
  }

  .axqa-mobile-logout-button i {
    color: #ff7878;
  }

  .axqa-mobile-logout-button:hover {
    color: #ffb1b1;

    border-color: rgba(255,100,100,.28);

    background: rgba(255,100,100,.08);
  }


  /* Stable backdrop with Chrome/Safari dynamic browser bars. */
  .menu-backdrop {
    width: 100% !important;
    max-width: 100vw;

    height: 100vh !important;
    height: 100dvh !important;

    background:
      rgba(3,8,15,.72);

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
  }
}


/* =========================================================
   GLOBAL VIEWPORT STABILITY
   Prevent page-level horizontal overflow without clipping
   Google's fixed reCAPTCHA badge.
   ========================================================= */

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}


/* =========================================================
   reCAPTCHA v3 badge
   Collapsed by default, expands on hover/focus.
   ========================================================= */

.grecaptcha-badge {
  position: fixed !important;

  right: -186px !important;
  bottom: 14px !important;
  left: auto !important;
  top: auto !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  z-index: 2147483647 !important;

  transition: right 0.3s ease !important;
}

.grecaptcha-badge:hover,
.grecaptcha-badge:focus-within {
  right: 14px !important;
}

.axqa-mobile-body .axqa-mobile-direct.active,
.axqa-mobile-body .axqa-mobile-sub a.active{
  color:#ffffff;

  background:
    rgba(142,124,255,.11);

  border-color:
    rgba(142,124,255,.24);
}

.axqa-mobile-body
.axqa-mobile-sub
a.active i{
  color:#b8adff;
}