/* Goolab — Mega menus v6
   Floating catalog refinement: consistent hover, strategic CTA slots, restrained motion. */

.marketing-mega-panel[hidden],.crm-mega-panel[hidden],.plans-mega-panel[hidden]{display:none!important}

/* Triggers ---------------------------------------------------------------- */
.marketing-mega-trigger,.crm-mega-trigger,.plans-mega-trigger{
  position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 0;border:0;background:transparent;
  font-family:inherit;font-weight:700;line-height:1.2;cursor:pointer;transition:color .16s ease
}
.marketing-mega-trigger{font-size:.85rem}
.marketing-mega-trigger svg,.crm-mega-trigger svg,.plans-mega-trigger svg{width:.74rem;height:.74rem;transition:transform .18s ease}
.marketing-mega-trigger[aria-expanded="true"] svg,.crm-mega-trigger[aria-expanded="true"] svg,.plans-mega-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.site-home .marketing-mega-trigger{color:var(--dark-ink-soft)}
.site-home .marketing-mega-trigger:hover,.site-home .marketing-mega-trigger[aria-expanded="true"]{color:#fff}
.site-crm .marketing-mega-trigger{color:#aeb9cd;font-size:.8rem}
.site-crm .marketing-mega-trigger:hover,.site-crm .marketing-mega-trigger[aria-expanded="true"]{color:#fff}
.site-legal .marketing-mega-trigger{color:rgba(255,255,255,.68);font-size:.8rem}
.site-legal .marketing-mega-trigger:hover,.site-legal .marketing-mega-trigger[aria-expanded="true"]{color:#fff}

/* Floating shell ---------------------------------------------------------- */
.marketing-mega-panel,.crm-mega-panel,.plans-mega-panel{
  position:fixed!important;z-index:145!important;top:5rem!important;left:50%!important;right:auto!important;
  width:min(1220px,calc(100vw - 3rem))!important;max-width:1220px!important;margin:0!important;padding:0!important;
  border:1px solid rgba(37,55,89,.11)!important;border-radius:1.15rem!important;background:rgba(255,255,255,.988)!important;
  box-shadow:0 24px 64px rgba(5,12,28,.16),0 2px 8px rgba(5,12,28,.04)!important;color:#27313f!important;
  overflow:hidden!important;opacity:0;pointer-events:none;transform:translate(-50%,-6px)!important;transform-origin:top center;
  transition:opacity .16s ease,transform .19s cubic-bezier(.2,.75,.25,1)!important
}
.nav-mega.open .marketing-mega-panel,.nav-mega.open .crm-mega-panel,.nav-mega.open .plans-mega-panel{opacity:1;pointer-events:auto;transform:translate(-50%,0)!important}
.mega-catalog-shell{padding:.86rem .9rem .72rem}

/* Shared catalog grid ----------------------------------------------------- */
.mega-catalog-grid,.crm-mega-links{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.48rem!important
}
.mega-catalog-item,.crm-mega-item{
  position:relative;display:grid!important;grid-template-columns:2.35rem minmax(0,1fr) .8rem!important;gap:.72rem!important;
  align-items:start!important;min-height:6.45rem!important;padding:.92rem .9rem!important;border:1px solid #e6eaf2!important;
  border-radius:.78rem!important;background:#fff!important;color:#27313f!important;text-align:left;text-decoration:none!important;
  box-shadow:none!important;overflow:hidden;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important
}
.mega-catalog-item:hover,.mega-catalog-item:focus-visible,.crm-mega-item:hover,.crm-mega-item:focus-visible{
  transform:translateY(-1px)!important;border-color:#cfd9ff!important;background:#f9faff!important;box-shadow:0 7px 18px rgba(25,72,240,.055)!important;outline:none
}
.mega-catalog-icon,.crm-mega-icon{
  display:grid!important;width:2.35rem!important;height:2.35rem!important;place-items:center!important;border-radius:.58rem!important;
  background:#1948f0!important;color:#fff!important;transition:transform .16s ease!important
}
.mega-catalog-icon svg,.crm-mega-icon svg{width:1.18rem!important;height:1.18rem!important}
.mega-catalog-item:hover .mega-catalog-icon,.mega-catalog-item:focus-visible .mega-catalog-icon,.crm-mega-item:hover .crm-mega-icon,.crm-mega-item:focus-visible .crm-mega-icon{transform:translateY(-1px)}
.mega-catalog-copy,.crm-mega-item>span:last-of-type{min-width:0;padding-top:.03rem}
.mega-catalog-copy b,.crm-mega-item b{display:block!important;color:#172033!important;font:700 .83rem/1.3 "Sora",ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.012em}
.mega-catalog-copy small,.crm-mega-item small{display:block!important;margin-top:.34rem!important;color:#6f7888!important;font-size:.69rem!important;line-height:1.42!important}
.mega-catalog-arrow{
  width:.82rem;height:.82rem;margin-top:.15rem;color:#adb5c4;opacity:0;transform:translate(-2px,2px);transition:opacity .16s ease,transform .16s ease,color .16s ease
}
.mega-catalog-item:hover .mega-catalog-arrow,.mega-catalog-item:focus-visible .mega-catalog-arrow{opacity:1;color:#1948f0;transform:translate(0,0)}
.mega-catalog-action{font-family:inherit}

/* Strategic CTA cards ----------------------------------------------------- */
.marketing-mega .mega-catalog-action{
  grid-column:span 2!important;background:#f5f7ff!important;border-color:#dce4ff!important
}
.marketing-mega .mega-catalog-action:hover,.marketing-mega .mega-catalog-action:focus-visible{
  background:#f0f4ff!important;border-color:#cbd7ff!important
}
.crm-mega-cta-card{
  font-family:inherit!important;background:#f5f7ff!important;border-color:#dce4ff!important
}
.crm-mega-cta-card:hover,.crm-mega-cta-card:focus-visible{
  background:#f0f4ff!important;border-color:#cbd7ff!important
}
.crm-mega-cta-card .crm-mega-icon{background:#0b1630!important}
.crm-mega-cta-card b{color:#10224a!important}


/* Thin contextual footer ------------------------------------------------- */
.mega-catalog-foot,.crm-mega-foot{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1.25rem!important;
  margin:.7rem .16rem 0!important;padding:.72rem .4rem .05rem!important;border-top:1px solid #e8ebf1!important;color:#757f90!important;font-size:.68rem!important;line-height:1.45!important
}
.mega-catalog-foot span,.crm-mega-foot span{min-width:0}
.mega-catalog-foot b{color:#343e50;font-weight:750}
.mega-catalog-foot button,.crm-mega-foot a{
  flex:0 0 auto;padding:0;border:0;background:transparent;color:#1948f0!important;font-family:inherit;font-size:.68rem!important;font-weight:800!important;cursor:pointer;white-space:nowrap;text-decoration:none
}
.mega-catalog-foot button i{display:inline-block;margin-left:.15rem;font-style:normal;transition:transform .16s ease}
.mega-catalog-foot button:hover i{transform:translateX(2px)}

/* Marketing --------------------------------------------------------------- */
.marketing-mega-layout,.marketing-mega-content,.marketing-mega-links,.marketing-mega-group,.marketing-mega-group-items{display:contents!important}
.marketing-mega-feature,.marketing-mega-group-title,.marketing-mega-journey{display:none!important}
.site-home .nav-links .marketing-mega-item::after{content:none!important}

/* CRM: remove old editorial feature and reuse catalog grid ---------------- */
.crm-mega-layout{
  display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:.86rem .9rem .72rem!important
}
.crm-mega-feature{display:none!important}
.crm-mega-layout>div:last-child{display:block!important;padding:0!important}
.crm-mega-item{grid-template-columns:2.35rem minmax(0,1fr)!important}
/* The homepage has a generic .nav-links a::after underline. Disable it inside
   CRM catalog cards and use ::before exclusively for the corner arrow. */
.site-home .nav-links .crm-mega-item::after{content:none!important;display:none!important}
.crm-mega-item::before{
  content:"↗";position:absolute;top:1rem;right:.92rem;color:#adb5c4;font-size:.75rem;line-height:1;opacity:0;
  transform:translate(-2px,2px);transition:opacity .16s ease,transform .16s ease,color .16s ease
}
.crm-mega-item:hover::before,.crm-mega-item:focus-visible::before{opacity:1;color:#1948f0;transform:none}
.crm-mega-item.is-violet .crm-mega-icon,.crm-mega-item.is-cyan .crm-mega-icon,.crm-mega-item.is-green .crm-mega-icon,.crm-mega-item.is-coral .crm-mega-icon{background:#1948f0!important;color:#fff!important}



/* Plans ------------------------------------------------------------------- */
.plans-mega-trigger{
  color:inherit;text-decoration:none!important;font-size:.85rem
}
.site-home .plans-mega-trigger{color:var(--dark-ink-soft)}
.site-home .plans-mega-trigger:hover,.site-home .plans-mega-trigger:focus-visible,.site-home .plans-mega-trigger[aria-expanded="true"]{color:#fff}
.plans-mega-panel{width:min(1060px,calc(100vw - 3rem))!important;max-width:1060px!important}
.plans-mega-shell{padding:.9rem .95rem .74rem}
.plans-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.52rem}
.plans-mega-card{
  position:relative;display:grid;grid-template-columns:2.55rem minmax(0,1fr) .85rem;gap:.78rem;align-items:start;
  min-height:8.1rem;padding:1.05rem 1rem;border:1px solid #e6eaf2;border-radius:.86rem;background:#fff;color:#27313f;
  text-align:left;text-decoration:none!important;box-shadow:none;overflow:hidden;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease
}
.plans-mega-card:hover,.plans-mega-card:focus-visible{transform:translateY(-1px);border-color:#cfd9ff;background:#f9faff;box-shadow:0 7px 18px rgba(25,72,240,.055);outline:none}
.plans-mega-icon{display:grid;width:2.55rem;height:2.55rem;place-items:center;border-radius:.62rem;background:#1948f0;color:#fff;transition:transform .16s ease}
.plans-mega-icon svg{width:1.25rem;height:1.25rem}
.plans-mega-card:hover .plans-mega-icon,.plans-mega-card:focus-visible .plans-mega-icon{transform:translateY(-1px)}
.plans-mega-copy{min-width:0;padding-top:.03rem}
.plans-mega-copy b{display:block;color:#172033;font:700 .86rem/1.3 "Sora",ui-sans-serif,system-ui,sans-serif;letter-spacing:-.012em}
.plans-mega-copy small{display:block;margin-top:.34rem;color:#6f7888;font-size:.7rem;line-height:1.48}
.plans-mega-copy em{display:inline-flex;margin-top:.65rem;padding:.24rem .48rem;border-radius:999px;background:#f1f4fa;color:#5f6c82;font-size:.6rem;font-style:normal;font-weight:800;line-height:1.2}
.plans-mega-arrow{width:.82rem;height:.82rem;margin-top:.15rem;color:#adb5c4;opacity:0;transform:translate(-2px,2px);transition:opacity .16s ease,transform .16s ease,color .16s ease}
.plans-mega-card:hover .plans-mega-arrow,.plans-mega-card:focus-visible .plans-mega-arrow{opacity:1;color:#1948f0;transform:none}
.plans-mega-card-integrated{border-color:#d8e0ff;background:#f7f9ff}
.plans-mega-card-integrated:hover,.plans-mega-card-integrated:focus-visible{border-color:#bdcaff;background:#f2f5ff}
.plans-mega-card-integrated .plans-mega-icon{background:#0b1630}
.plans-mega-badge{position:absolute;top:.7rem;right:.78rem;padding:.2rem .43rem;border-radius:999px;background:#eaf0ff;color:#1948f0;font-size:.54rem;font-weight:850;letter-spacing:.025em;text-transform:uppercase}
.plans-mega-card-integrated .plans-mega-arrow{margin-top:1.45rem}
.plans-mega-foot{
  display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin:.72rem .16rem 0;padding:.74rem .4rem .05rem;
  border-top:1px solid #e8ebf1;color:#757f90;font-size:.68rem;line-height:1.45
}
.plans-mega-foot b{color:#343e50;font-weight:750}
.plans-mega-foot a{flex:0 0 auto;color:#1948f0!important;font-size:.68rem!important;font-weight:800!important;text-decoration:none;white-space:nowrap}
.site-home .nav-links .plans-mega-card::after,.goolab-header .nav-links .plans-mega-card::after{content:none!important;display:none!important}
.site-home .nav-links .plans-mega-trigger::after,.goolab-header .nav-links .plans-mega-trigger::after{content:none!important;display:none!important}

/* Mobile keeps existing accordion ---------------------------------------- */
.mobile-marketing-mega .mobile-mega-diagnostic{margin-top:.3rem;color:#9eb0ff;font-weight:800}
.site-crm .mobile-mega summary{color:#fff}
.site-crm .mobile-mega summary::after{color:#8fa4ff}
.site-crm .mobile-mega-links a{color:#aeb9cd}
.site-crm .mobile-marketing-mega .mobile-mega-diagnostic{color:#8fa4ff}

@media(max-width:1100px) and (min-width:960px){
  .marketing-mega-panel,.crm-mega-panel,.plans-mega-panel{width:calc(100vw - 2rem)!important}
  .mega-catalog-grid,.crm-mega-links{gap:.38rem!important}
  .plans-mega-grid{gap:.4rem}
  .mega-catalog-item,.crm-mega-item{min-height:6.15rem!important;padding:.78rem .72rem!important;grid-template-columns:2.15rem minmax(0,1fr) .65rem!important;gap:.58rem!important}
  .crm-mega-item{grid-template-columns:2.15rem minmax(0,1fr)!important}
  .mega-catalog-icon,.crm-mega-icon{width:2.15rem!important;height:2.15rem!important}
  .mega-catalog-copy b,.crm-mega-item b{font-size:.77rem!important}
  .mega-catalog-copy small,.crm-mega-item small{font-size:.64rem!important}
  .plans-mega-card{min-height:7.8rem;padding:.88rem .78rem;grid-template-columns:2.2rem minmax(0,1fr) .7rem;gap:.58rem}
  .plans-mega-icon{width:2.2rem;height:2.2rem}
  .plans-mega-copy b{font-size:.79rem}
  .plans-mega-copy small{font-size:.64rem}
}

@media(max-width:959px){
  .marketing-mega-panel,.crm-mega-panel,.plans-mega-panel{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .marketing-mega-panel,.crm-mega-panel,.plans-mega-panel,.marketing-mega-trigger svg,.crm-mega-trigger svg,.plans-mega-trigger svg,.mega-catalog-item,.crm-mega-item,.mega-catalog-icon,.crm-mega-icon,.mega-catalog-arrow,.mega-catalog-foot button i,.plans-mega-card,.plans-mega-icon,.plans-mega-arrow{animation:none!important;transition:none!important;transform:none!important}
}

/* v5 final normalization -------------------------------------------------- */
button.crm-mega-item{font-family:inherit;-webkit-appearance:none;appearance:none;width:100%}
.crm-mega-cta-card::before{color:#1948f0}
@media(max-width:1100px) and (min-width:960px){
  .marketing-mega .mega-catalog-action{grid-column:span 2!important}
}