/* Technology Advisory "Who We Advise": same tabs, panel, background and glow as "Our Advisory Services" (#practices). */

#who-we-advise { position: relative; isolation: isolate; overflow: clip; background: #151d2b; }
#who-we-advise > .container { position: relative; z-index: 1; }
#who-we-advise::before {
  content: ""; position: absolute; inset: -10%; z-index: 0; pointer-events: none;
  background: radial-gradient(34% 40% at 6% 18%, rgb(46 92 200 / 18%), transparent 70%), radial-gradient(30% 36% at 96% 88%, rgb(70 90 210 / 14%), transparent 70%);
  animation: svcBgDrift 22s ease-in-out infinite alternate;
}
#who-we-advise::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Ccircle cx='-60' cy='120' r='300' stroke='%236f95ff' stroke-opacity='.35' stroke-width='1.2'/%3E%3Ccircle cx='-60' cy='120' r='360' stroke='%23ffca3a' stroke-opacity='.18'/%3E%3Ccircle cx='166' cy='330' r='4' fill='%23ffca3a'/%3E%3C/svg%3E") left -40px top -60px / 520px 520px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Ccircle cx='460' cy='300' r='260' stroke='%236f95ff' stroke-opacity='.32' stroke-width='1.2'/%3E%3Ccircle cx='202' cy='290' r='4' fill='%23ffca3a'/%3E%3C/svg%3E") right -60px bottom -80px / 460px 460px no-repeat,
    radial-gradient(circle, rgb(150 175 235 / 16%) .8px, transparent 1.4px) 0 0 / 18px 18px;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, transparent 14%, transparent 86%, #000 100%);
  mask-image: linear-gradient(90deg, #000 0%, transparent 14%, transparent 86%, #000 100%);
  animation: svcBgPulse 9s ease-in-out infinite alternate;
}
#who-we-advise .lead { color: #9aa4b8; }

/* ---------- tabs ---------- */
#who-we-advise .ptabs__list { position: relative; gap: 4px; }
#who-we-advise .ptabs__tab {
  position: relative; isolation: isolate;
  display: flex; align-items: center; gap: 14px;
  border: 0; border-radius: 12px; background: transparent; box-shadow: none;
  color: #8a94a8; text-align: left;
  transition: color .3s ease;
}
#who-we-advise .ptabs__tab::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  border: 1px solid rgb(255 202 58 / 0%);
  background: radial-gradient(60% 120% at 100% 100%, rgb(255 202 58 / 16%), transparent 70%), linear-gradient(180deg, #1d2638, #1a2232);
  opacity: 0;
  transition: opacity .35s ease, border-color .35s ease, box-shadow .35s ease;
}
#who-we-advise .ptabs__tab:hover::after, #who-we-advise .ptabs__tab[aria-selected='true']::after {
  opacity: 1; border-color: rgb(255 202 58 / 28%);
  box-shadow: 0 6px 22px -10px rgb(255 202 58 / 30%), inset 0 1px 0 rgb(255 255 255 / 4%);
}
#who-we-advise .ptabs__tab[aria-selected='true'], #who-we-advise .ptabs__tab:hover { background: transparent; color: var(--white); }
#who-we-advise .ptabs__n { color: #6b7488; transition: color .3s ease; }
#who-we-advise .ptabs__tab:hover .ptabs__n, #who-we-advise .ptabs__tab[aria-selected='true'] .ptabs__n { color: var(--gold); }
#who-we-advise .ptabs__name { flex: 1; transition: transform .35s cubic-bezier(.2, .7, .2, 1); }
#who-we-advise .ptabs__arrow {
  position: relative; flex: none; width: 32px; height: 32px; margin-right: 14px; translate: -12px 0;
  border-radius: 50%; background: #ffca3a; -webkit-mask: none; mask: none;
  opacity: 0; transform: translateX(-8px);
  transition: opacity .3s ease, transform .35s cubic-bezier(.2, .7, .2, 1);
}
#who-we-advise .ptabs__arrow::before { content: ""; position: absolute; inset: 8px; background: #141416; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.99974 13.0001L1.9996 11.0002L18.1715 11.0002L14.2218 7.05044L15.636 5.63623L22 12.0002L15.636 18.3642L14.2218 16.9499L18.1716 13.0002L1.99974 13.0001Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.99974 13.0001L1.9996 11.0002L18.1715 11.0002L14.2218 7.05044L15.636 5.63623L22 12.0002L15.636 18.3642L14.2218 16.9499L18.1716 13.0002L1.99974 13.0001Z'/%3E%3C/svg%3E") center / contain no-repeat; }
#who-we-advise .ptabs__tab:hover .ptabs__arrow, #who-we-advise .ptabs__tab[aria-selected='true'] .ptabs__arrow { opacity: 1; transform: none; }
#who-we-advise .ptabs__list:has(.ptabs__tab:hover) .ptabs__tab[aria-selected='true']:not(:hover)::after { opacity: 0; border-color: transparent; box-shadow: none; }
#who-we-advise .ptabs__list:has(.ptabs__tab:hover) .ptabs__tab[aria-selected='true']:not(:hover) .ptabs__arrow { opacity: 0; }
#who-we-advise .ptabs__tab:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }

/* ---------- right panel ---------- */
#who-we-advise .ptabs__panel {
  position: relative; isolation: isolate; overflow: hidden;
  border: 1px solid rgb(140 160 200 / 12%);
  background: radial-gradient(520px 340px at 100% 0%, rgb(48 92 190 / 20%), transparent 70%), #172031;
  box-shadow: 0 24px 50px -40px rgb(0 0 0 / 70%);
  backdrop-filter: none;
  animation: svcPanelIn .5s cubic-bezier(.2, .7, .2, 1);
}
#who-we-advise .ptabs__panel > * { position: relative; z-index: 1; }
#who-we-advise .ptabs__panel::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(circle, rgb(160 180 230 / 10%) .8px, transparent 1.3px) 0 0 / 14px 14px, radial-gradient(40% 46% at 94% 4%, rgb(56 110 230 / 12%), transparent 70%);
  -webkit-mask-image: radial-gradient(60% 70% at 100% 0%, #000 0%, transparent 80%);
  mask-image: radial-gradient(60% 70% at 100% 0%, #000 0%, transparent 80%);
  animation: svcGlow 16s ease-in-out infinite alternate;
}
#who-we-advise .ptabs__text { color: #9aa4b8; }
#who-we-advise .ptabs__get { border-color: rgb(140 160 200 / 12%); }
#who-we-advise .ptabs__get li {
  display: flex; align-items: flex-start; gap: 10px;
  border: 1px solid rgb(140 160 200 / 12%); background: #1b2538; color: var(--night-ink);
  transition: border-color .3s ease, background-color .3s ease, box-shadow .3s ease, transform .3s ease;
  animation: svcRow .45s cubic-bezier(.2, .7, .2, 1) both;
}
#who-we-advise .ptabs__get li::before {
  content: "✓"; flex: none; display: flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; border-radius: 5px; background: rgb(255 202 58 / 12%);
  font-size: 11px; line-height: 1; color: #ffca3a;
}
#who-we-advise .ptabs__get li:nth-child(2) { animation-delay: .06s; }
#who-we-advise .ptabs__get li:nth-child(3) { animation-delay: .12s; }
#who-we-advise .ptabs__get li:hover { border-color: rgb(110 150 255 / 32%); background: #1d2940; box-shadow: 0 0 0 3px rgb(76 134 240 / 6%); transform: translateX(4px); }
#who-we-advise .ptabs__panel .btn { transition: box-shadow .3s ease, transform .3s ease; }
#who-we-advise .ptabs__panel .btn:hover { box-shadow: 0 8px 22px -12px rgb(255 202 58 / 50%); }
#who-we-advise .ptabs__panel .btn .btn__icon { transition: transform .3s cubic-bezier(.2, .7, .2, 1); }
#who-we-advise .ptabs__panel .btn:hover .btn__icon { transform: translateX(3px); }

@media (max-width: 720px) {
  #who-we-advise::after { opacity: .6; animation: none; }
  /* One row of tabs that scrolls sideways, never vertically; the chosen tab slides into view (agentic-v3.js). */
  #who-we-advise .ptabs__list { flex-flow: row nowrap; gap: 8px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; padding-bottom: 2px; }
  #who-we-advise .ptabs__list::-webkit-scrollbar { display: none; }
  #who-we-advise .ptabs__tab { flex: 0 0 auto; gap: 8px; padding: 12px 16px; border: 1px solid rgb(255 255 255 / 10%); white-space: nowrap; font-size: 15px; }
  #who-we-advise .ptabs__arrow { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #who-we-advise::before, #who-we-advise::after, #who-we-advise .ptabs__panel, #who-we-advise .ptabs__panel::after, #who-we-advise .ptabs__get li { animation: none !important; }
  #who-we-advise .ptabs__get li:hover { transform: none; }
}