:root{
  --po-panel:#ffffff;
  --po-border:#e5e7eb;
  --po-text:#111827;
  --po-muted:#6b7280;
  --po-green:#2f8f3a;
  --po-green-dark:#256f2f;
  --po-shadow:0 22px 70px rgba(0,0,0,.12);
  --po-radius:16px;
}

.po-mega{
  position:fixed;
  left:0;
  right:0;
  top:70px;
  z-index:999999;
  display:none;
  padding:0 18px;
}

.po-mega::before{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.14);
  opacity:0;
  pointer-events:none;
  transition:opacity .15s ease;
}

.po-has-mega:hover .po-mega,
.po-has-mega:focus-within .po-mega{ display:block; }

.po-has-mega:hover .po-mega::before,
.po-has-mega:focus-within .po-mega::before{ opacity:1; }

.po-mega__inner{
  max-width:1240px;
  margin:0 auto;
  background:var(--po-panel);
  border:1px solid var(--po-border);
  box-shadow:var(--po-shadow);
  border-radius:var(--po-radius);
  overflow:hidden;
}

.po-mega__tabs{
  display:flex;
  align-items:center;
  gap:18px;
  padding:14px 18px 12px;
  border-bottom:1px solid #eef2f7;
  background:#f8faf9;
}

.po-tab{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--po-muted);
  font-weight:800;
  font-size:18px;
  padding:6px 0;
  cursor:pointer;
  position:relative;
}

.po-tab.is-active{ color:var(--po-text); }
.po-tab.is-active::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-12px;
  height:2px;
  background:var(--po-green);
}

.po-tab-cta{
  margin-left:auto;
  background:var(--po-green);
  color:#fff;
  font-weight:800;
  text-decoration:none;
  padding:10px 16px;
  border-radius:12px;
  box-shadow:0 14px 35px rgba(47,143,58,.22);
}

.po-mega__panel{ display:block; padding:16px 18px 18px; }
.po-mega__grid--5{
  display:grid;
  grid-template-columns:230px repeat(4, minmax(0, 1fr));
  gap:16px;
  width:100%;
}
.po-mega__grid--5 > *{ min-width:0; }
.po-col--sep{ border-left:1px solid #eef2f7; padding-left:14px; }
.po-funnel__list{ display:block; max-height:330px; overflow:auto; padding-right:6px; }

.po-hubmini,
.po-item{
  display:block;
  text-decoration:none;
  border-bottom:1px solid #f1f5f9;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.po-hubmini{
  padding:9px 0;
  color:var(--po-muted);
  font-size:13px;
  font-weight:800;
}

.po-hubmini.is-active,
.po-hubmini:hover,
.po-item:hover{ color:var(--po-text); }

.po-group{ padding:2px 0 10px; }
.po-group__title{
  font-size:11px;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:var(--po-green);
  padding:10px 0 6px;
  border-bottom:1px solid #f1f5f9;
  margin-bottom:2px;
}

.po-item{
  padding:8px 0;
  color:var(--po-muted);
  font-size:12px;
  font-weight:700;
}

@media (max-width: 980px){
  .po-mega{ display:none !important; }
}