.elementor-2834 .elementor-element.elementor-element-8d42637{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-556e633 *//* ===============================
   NXTGEN STACK — GLOBAL HEADER (FINAL)
   VERIFIED & CLEAN
================================ */

:root{
  --ng-base: #6C63FF;
  --ng-text: #0E172A;
  --ng-muted: #475569;
  --ng-border: rgba(15, 23, 42, 0.10);

  --ngh-h: 38px;
  --ngh-font: 14px;
  --ngh-radius: 999px;
  --ngh-pad-x: 14px;
}

/* ===============================
   WRAPPER
================================ */

.ngh-header{
  width:100%;
  background:rgba(255,255,255,0.8);
  border-bottom:1px solid rgba(15, 23, 42, 0.08);
}

.ngh-inner{
  max-width:1240px;
  margin:0 auto;
  padding:14px 20px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  column-gap:18px;
}

/* ===============================
   LEFT
================================ */

.ngh-left{
  display:flex;
  align-items:center;
}

.ngh-logo img{
  height:28px;
  display:block;
}

/* ===============================
   CENTER NAV
================================ */

.ngh-center{
  display:flex;
  justify-content:center;
}

/* NAV CAPSULE */
.ngh-navCapsule{
  position:relative;
  height:var(--ngh-h);
  display:flex;
  align-items:center;
  gap:28px;
  padding:4px;
  border:1px solid var(--ng-border);
  border-radius:var(--ngh-radius);
  background:transparent;
}

/* SLIDING INDICATOR */
.ngh-indicator{
  position:absolute;
  top:4px;
  left:4px;
  height:calc(var(--ngh-h) - 8px);
  border-radius:var(--ngh-radius);
  background:var(--ng-base);
  transition:
    transform .28s cubic-bezier(.4,0,.2,1),
    width .28s cubic-bezier(.4,0,.2,1),
    opacity .15s ease;
  opacity:0;
  z-index:0;
}

/* NAV LINKS */
.ngh-link{
  position:relative;
  z-index:1;
  height:calc(var(--ngh-h) - 8px);
  display:flex;
  align-items:center;
  padding:0 14px;
  border-radius:var(--ngh-radius);
  font-size:var(--ngh-font);
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  color:var(--ng-muted);
}

/* TEXT COLOR LOGIC — FINAL (with hover-state fix) */

/* Hovered link is always white (pill is under it) */
.ngh-navCapsule .ngh-link:hover,
.ngh-navCapsule .ngh-link:hover:visited{
  color:#fff;
}

/* Active link is white ONLY when NOT hovering other items */
.ngh-navCapsule:not(.ngh-is-hovering) .ngh-link.ngh-active,
.ngh-navCapsule:not(.ngh-is-hovering) .ngh-link.ngh-active:visited{
  color:#fff;
}

/* While hovering inside capsule, active link returns to muted (pill moved away) */
.ngh-navCapsule.ngh-is-hovering .ngh-link.ngh-active,
.ngh-navCapsule.ngh-is-hovering .ngh-link.ngh-active:visited{
  color:var(--ng-muted);
}

/* Exception: if the ACTIVE link itself is hovered, keep it white for readability */
.ngh-navCapsule.ngh-is-hovering .ngh-link.ngh-active:hover,
.ngh-navCapsule.ngh-is-hovering .ngh-link.ngh-active:hover:visited{
  color:#fff;
}

/* Default visited color */
.ngh-navCapsule .ngh-link:visited{
  color:var(--ng-muted);
}

/* ===============================
   RIGHT ACTIONS
================================ */

.ngh-right{
  display:flex;
  align-items:center;
  gap:10px;
}

.ngh-btn{
  height:var(--ngh-h);
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 var(--ngh-pad-x);
  border-radius:var(--ngh-radius);
  font-size:var(--ngh-font);
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
}

/* Ghost */
.ngh-btnGhost{
  background:transparent;
  border:1px solid var(--ng-border);
  color:var(--ng-text);
}

/* Primary */
.ngh-btnPrimary{
  border:1px solid transparent;
  color:#fff;
  background:linear-gradient(90deg, #6C63FF 0%, #0EA5E9 100%);
}

.ngh-btnPrimary:hover{
  color:#fff;
}

/* ===============================
   BUTTON HOVER — MINIMAL
================================ */

/* Join Free — soft border + lift */
.ngh-btnGhost:hover{
  background: rgba(15, 23, 42, 0.03);
  border-color: rgba(15, 23, 42, 0.18);
}

/* Primary CTA — subtle depth, no color change */
.ngh-btnPrimary:hover{
  filter: brightness(1.04);
  box-shadow: 0 4px 14px rgba(108, 99, 255, 0.28);
}

/* Lock visited */
.ngh-btn:visited{ color:inherit; }
.ngh-btnGhost:visited{ color:var(--ng-text); }
.ngh-btnPrimary:visited{ color:#fff; }

/* ===============================
   PULSE DOT
================================ */

.ngh-pulseDot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,0.92);
  box-shadow:0 0 0 0 rgba(255,255,255,0.55);
  animation:nghPulse 1.3s infinite;
}

@keyframes nghPulse{
  0%{ box-shadow:0 0 0 0 rgba(255,255,255,0.55); transform:scale(1); }
  70%{ box-shadow:0 0 0 10px rgba(255,255,255,0); transform:scale(1.03); }
  100%{ box-shadow:0 0 0 0 rgba(255,255,255,0); transform:scale(1); }
}

/* ===============================
   MOBILE TOGGLE + PANEL (ADD-ON)
   Works with the final HTML (burger + mobile panel)
================================ */

/* Burger button (hidden on desktop) */
.ngh-burger{
  display:none;                   /* ✅ desktop hidden */
  height:var(--ngh-h);
  width:44px;
  border-radius:999px;
  border:1px solid var(--ng-border);
  background:#fff;

  /* keep flex properties ready (will apply when display:flex in breakpoint) */
  flex-direction:column;          /* ✅ stacked bars */
  align-items:center;
  justify-content:center;
  gap:4px;

  padding:0;
  cursor:pointer;
}

.ngh-burgerBar{
  display:block;
  width:18px;
  height:2px;
  background:var(--ng-text);
  border-radius:999px;
}

/* Desktop-only actions (hidden at <=980px) */
.ngh-desktopOnly{
  display:inline-flex;
}

/* Hard-lock hidden behavior (WP themes sometimes override [hidden]) */
.ngh-mobilePanel[hidden]{
  display:none !important;
}

/* Mobile panel container */
.ngh-mobilePanel{
  max-width:1240px;
  margin:0 auto;
  padding:0 20px 14px 20px;
}

/* Mobile nav list */
.ngh-mobileNav{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid var(--ng-border);
  border-radius:16px;
  background:#fff;
}

.ngh-mLink{
  display:flex;
  align-items:center;
  padding:12px 12px;
  border-radius:12px;
  text-decoration:none;
  color:var(--ng-text);
  font-weight:700;
  font-size:14px;
  background:rgba(15, 23, 42, 0.03);
}

.ngh-mLink:hover{
  background:rgba(15, 23, 42, 0.06);
}

.ngh-mobileActions{
  display:flex;
  gap:10px;
  padding-top:12px;
}

/* ===============================
   RESPONSIVE (FINAL)
================================ */

/* TABLET + MOBILE: standard header row (logo left, burger right) */
@media (max-width:980px){

  .ngh-inner{
    grid-template-columns:auto 1fr auto; /* ✅ keep ONE row */
    column-gap:14px;
  }

  /* Hide desktop center capsule nav */
  .ngh-center{
    display:none;
  }

  /* Right area: show burger, hide desktop CTAs */
  .ngh-right{
    justify-content:flex-end;
    gap:10px;
    flex-wrap:nowrap;
  }

  .ngh-burger{
    display:flex;                 /* ✅ show burger */
  }

  .ngh-desktopOnly{
    display:none;                 /* ✅ hide desktop CTAs */
  }

  /* Safety: indicator not used on tablet/mobile */
  .ngh-indicator{
    display:none !important;
  }
}

/* MOBILE: stack actions inside panel AND size buttons to text length */
@media (max-width:640px){

  .ngh-mobileActions{
    flex-direction:column;
    align-items:flex-start;         /* ✅ prevents full-width stretch */
  }

  .ngh-btn{
    height:40px;
    width:auto;                     /* ✅ content-width */
    align-self:flex-start;          /* ✅ content-width (strong) */
  }

  .ngh-btnPrimary{
    justify-content:center;
  }

  .ngh-logo img{
    height:26px;
  }
}/* End custom CSS */