/* Beyond Imagination Concepts — main-navigation dropdown (WorldPCI Signature V2 language). */
.header-inner .concepts-nav { position: relative; display: flex; align-items: center; }
.header-inner .concepts-toggle {
  display: inline-flex; align-items: center; gap: 8px; padding: 15px 0; min-height: 44px; border: 0; background: transparent;
  font: inherit; font-weight: inherit; color: inherit; cursor: pointer; white-space: nowrap; letter-spacing: inherit;
}
.header-inner .concepts-toggle svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .35s cubic-bezier(.2, .7, .2, 1); }
.header-inner .concepts-nav.is-open .concepts-toggle svg { transform: rotate(180deg); }
.header-inner .concepts-nav.is-active .concepts-toggle { color: #2468b4; }
.header-inner .concepts-toggle:focus-visible { outline: 3px solid #91661b; outline-offset: 4px; border-radius: 4px; }

.header-inner .concepts-menu {
  position: absolute; z-index: 90; top: calc(100% + 6px); left: 50%; width: 336px; margin-left: -168px; padding: 10px;
  background: #fff; border: 1px solid #dfe5ec; border-radius: 14px;
  box-shadow: 0 30px 60px -30px rgba(16, 36, 61, .45), 0 2px 0 rgba(36, 104, 180, .08) inset;
  opacity: 0; transform: translateY(-6px); pointer-events: none; visibility: hidden;
  transition: opacity .28s cubic-bezier(.2, .7, .2, 1), transform .28s cubic-bezier(.2, .7, .2, 1), visibility 0s linear .28s;
}
.header-inner .concepts-nav.is-open .concepts-menu { opacity: 1; transform: none; pointer-events: auto; visibility: visible; transition-delay: 0s; }
.header-inner .concepts-menu::before {
  content: ""; position: absolute; top: -7px; left: 50%; width: 12px; height: 12px; margin-left: -6px; background: #fff;
  border-left: 1px solid #dfe5ec; border-top: 1px solid #dfe5ec; transform: rotate(45deg); border-radius: 3px 0 0 0;
}
.header-inner .concepts-menu a {
  position: relative; display: grid; gap: 3px; padding: 14px 16px 14px 18px; border-radius: 10px; text-decoration: none;
  color: #10243d; transition: background .25s, transform .3s cubic-bezier(.2, .7, .2, 1);
}
.header-inner .concepts-menu a + a { margin-top: 4px; }
.header-inner .concepts-menu a b { font-size: 15px; font-weight: 600; letter-spacing: -.01em; }
.header-inner .concepts-menu a small { font-size: 12.5px; line-height: 1.45; font-weight: 450; color: #4d6076; }
.header-inner .concepts-menu a::before {
  content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 2px; border-radius: 2px; background: transparent; transition: background .25s;
}
.header-inner .concepts-menu a:hover,
.header-inner .concepts-menu a:focus-visible { background: #f2f6fb; transform: translateX(2px); }
.header-inner .concepts-menu a:hover::before,
.header-inner .concepts-menu a:focus-visible::before,
.header-inner .concepts-menu a[aria-current="page"]::before { background: linear-gradient(180deg, #2468b4, #d9a441); }
.header-inner .concepts-menu a[aria-current="page"] { background: #eef4fb; }
.header-inner .concepts-menu a[aria-current="page"] b::after { content: "  ·  You are here"; font-weight: 450; font-size: 12px; color: #2468b4; }
.header-inner .concepts-menu a:focus-visible { outline: 3px solid #91661b; outline-offset: 2px; }

/* Mobile and tablet: the same disclosure, inline inside the opened menu. */
@media (max-width: 1320px) {
  .header-inner .concepts-nav { display: block; width: 100%; }
  .header-inner .concepts-toggle { width: 100%; justify-content: space-between; padding: 11px 0; }
  .header-inner .concepts-menu {
    position: static; width: 100%; margin: 0 0 6px; padding: 4px 0 4px 16px; border: 0; border-left: 1px solid #c9d7e0; border-radius: 0; box-shadow: none; background: transparent;
    opacity: 1; transform: none; pointer-events: auto; visibility: visible; transition: none; display: none;
  }
  .header-inner .concepts-nav.is-open .concepts-menu { display: block; }
  .header-inner .concepts-menu::before { display: none; }
  .header-inner .concepts-menu a { padding: 12px 10px 12px 14px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .header-inner .concepts-menu, .header-inner .concepts-toggle svg, .header-inner .concepts-menu a { transition: none; }
}