.secops-ai-team-main {
  --secops-ai-surface: var(--genz-color-gray-900, #0b1222);
  --secops-ai-surface-raised: var(--genz-color-gray-850, #131c31);
  --secops-ai-border: var(--genz-color-gray-800, #26344a);
  --secops-ai-text: var(--genz-color-white, #e7eef8);
  --secops-ai-muted: var(--genz-color-gray-400, #94a9c9);
  --secops-ai-cyan: #38c8e8;
  --secops-ai-violet: #9c78ff;
  min-height: 70vh;
}

.secops-ai-team-page .entry-content,
.secops-ai-team-page .entry-content > div {
  margin: 0;
  color: inherit;
  font-size: inherit;
}

.secops-ai-team-main .wp-block-group,
.secops-ai-team-main .wp-block-image,
.secops-ai-team-main .wp-block-buttons {
  margin-top: 0;
  margin-bottom: 0;
}

/* Let the page-level classes control layout through the classic Group wrapper. */
.secops-ai-team-main .wp-block-group > .wp-block-group__inner-container {
  display: contents;
}

.secops-ai-team-cover {
  padding-bottom: 56px;
}

.secops-ai-team-hero-shell {
  padding-top: 22px;
}

.secops-ai-team-hero {
  position: relative;
  display: flex;
  min-height: clamp(500px, 56vw, 660px);
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(85, 203, 234, 0.28);
  border-radius: 16px;
  background: #071120;
}

.secops-ai-team-hero::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background: linear-gradient(90deg, rgba(5, 13, 26, 0.52) 0%, rgba(5, 13, 26, 0.2) 39%, rgba(5, 13, 26, 0) 58%);
  pointer-events: none;
}

.secops-ai-team-hero__art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.secops-ai-team-hero figure.secops-ai-team-hero__art {
  margin: 0;
}

.secops-ai-team-hero figure.secops-ai-team-hero__art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.secops-ai-team-hero__copy {
  position: relative;
  z-index: 2;
  width: min(46%, 650px);
  margin-left: clamp(24px, 4vw, 52px);
  padding: 42px 34px 42px 0;
}

.secops-ai-team-eyebrow,
.secops-ai-team-card-label {
  margin: 0 0 6px;
  color: var(--secops-ai-cyan);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.11em;
  line-height: 1.3;
  text-transform: uppercase;
}

.secops-ai-team-hero h1 {
  max-width: 610px;
  margin: 0 0 18px;
  color: #f5f8ff;
  font-size: clamp(34px, 4.2vw, 56px);
  line-height: 1.04;
  letter-spacing: -0.035em;
}

.secops-ai-team-hero__copy > .wp-block-group__inner-container > p:not(.secops-ai-team-eyebrow),
.secops-ai-team-hero__copy > p:not(.secops-ai-team-eyebrow) {
  max-width: 600px;
  margin: 0 0 10px;
  color: #c9d7ea;
  font-size: clamp(14px, 1.25vw, 17px);
  line-height: 1.55;
}

.secops-ai-team-container {
  max-width: 1280px;
  padding-top: 22px;
}

.secops-ai-team-callout,
.secops-ai-team-section,
.secops-ai-team-cta {
  border: 1px solid var(--secops-ai-border);
  border-radius: 16px;
  background: var(--secops-ai-surface);
  box-shadow: 0 12px 32px rgba(4, 10, 22, 0.12);
}

.secops-ai-team-callout {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 12px;
  padding: 15px 18px;
  border-color: rgba(56, 200, 232, 0.48);
  background: linear-gradient(115deg, rgba(56, 200, 232, 0.08), var(--secops-ai-surface) 38%);
}

.secops-ai-team-callout__mark {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(56, 200, 232, 0.55);
  border-radius: 50%;
  background: rgba(56, 200, 232, 0.08);
  color: var(--secops-ai-cyan);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.secops-ai-team-callout h2,
.secops-ai-team-section__header h2,
.secops-ai-team-cta h2 {
  margin: 0;
  color: var(--secops-ai-text);
  line-height: 1.16;
}

.secops-ai-team-callout h2 {
  font-size: 16px;
}

.secops-ai-team-callout p:not(.secops-ai-team-eyebrow, .secops-ai-team-callout__mark) {
  max-width: 1060px;
  margin: 6px 0 0;
  color: var(--secops-ai-muted);
  font-size: 11.5px;
  line-height: 1.5;
}

.secops-ai-team-section {
  margin-top: 20px;
  padding: clamp(22px, 3vw, 34px);
}

.secops-ai-team-section__header {
  max-width: 920px;
  margin-bottom: 20px;
}

.secops-ai-team-section__header h2 {
  font-size: clamp(24px, 3vw, 34px);
}

.secops-ai-team-section__header > .wp-block-group__inner-container > p:not(.secops-ai-team-eyebrow),
.secops-ai-team-section__header > p:not(.secops-ai-team-eyebrow) {
  margin: 10px 0 0;
  color: var(--secops-ai-muted);
  font-size: 14px;
  line-height: 1.58;
}

.secops-ai-team-leadership {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.secops-ai-team-leader-card,
.secops-ai-team-agent-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--secops-ai-border);
  border-radius: 14px;
  background: var(--secops-ai-surface-raised);
}

.secops-ai-team-leader-card {
  display: grid;
  grid-template-columns: 165px minmax(0, 1fr);
}

.secops-ai-team-leader-card--emma {
  border-color: rgba(156, 120, 255, 0.48);
  box-shadow: inset 0 2px 0 rgba(156, 120, 255, 0.42);
}

.secops-ai-team-leader-card > img {
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
  object-position: center top;
  background: #0b1426;
}

.secops-ai-team-leader-card .secops-ai-team-leader-card__image {
  width: 100%;
  height: 100%;
  min-height: 330px;
  margin: 0;
  overflow: hidden;
  background: #0b1426;
}

.secops-ai-team-leader-card .secops-ai-team-leader-card__image img {
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
  object-position: center top;
}

.secops-ai-team-leader-card--human > img {
  object-position: center top;
}

.secops-ai-team-leader-card__body,
.secops-ai-team-agent-card__body {
  min-width: 0;
  padding: 20px;
}

.secops-ai-team-leader-card h3,
.secops-ai-team-agent-card h3,
.secops-ai-team-workflow h3,
.secops-ai-team-ownership h3,
.secops-ai-team-questions h3 {
  margin: 0;
  color: var(--secops-ai-text);
  line-height: 1.2;
}

.secops-ai-team-leader-card h3 {
  font-size: 25px;
}

.secops-ai-team-role {
  margin: 5px 0 12px;
  color: var(--secops-ai-cyan);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.4;
}

.secops-ai-team-leader-card__body > .wp-block-group__inner-container > p:not(.secops-ai-team-card-label, .secops-ai-team-role),
.secops-ai-team-leader-card__body > p:not(.secops-ai-team-card-label, .secops-ai-team-role),
.secops-ai-team-agent-card__body > .wp-block-group__inner-container > p:not(.secops-ai-team-role),
.secops-ai-team-agent-card__body > p:not(.secops-ai-team-role) {
  margin: 0;
  color: var(--secops-ai-muted);
  font-size: 13px;
  line-height: 1.56;
}

.secops-ai-team-facts {
  display: grid;
  gap: 9px;
  margin: 16px 0 0;
}

.secops-ai-team-facts > div,
.secops-ai-team-fact {
  padding-left: 10px;
  border-left: 2px solid rgba(56, 200, 232, 0.46);
}

.secops-ai-team-facts dt {
  margin: 0 0 2px;
  color: var(--secops-ai-text);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-transform: uppercase;
}

.secops-ai-team-facts dd {
  margin: 0;
  color: var(--secops-ai-muted);
  font-size: 11.5px;
  line-height: 1.5;
}

.secops-ai-team-fact__label {
  margin: 0 0 2px;
  color: var(--secops-ai-text);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-transform: uppercase;
}

.secops-ai-team-fact__text {
  margin: 0;
  color: var(--secops-ai-muted);
  font-size: 11.5px;
  line-height: 1.5;
}

.secops-ai-team-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.secops-ai-team-agent-card {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.secops-ai-team-agent-card > img {
  width: min(calc(100% - 36px), 240px);
  height: 150px;
  aspect-ratio: 16 / 10;
  margin: 18px auto 0;
  object-fit: cover;
  object-position: 50% 24%;
  border: 1px solid var(--secops-ai-border);
  border-radius: 10px;
  background: #0b1426;
}

.secops-ai-team-agent-card .secops-ai-team-agent-card__image {
  width: min(calc(100% - 36px), 240px);
  height: 150px;
  margin: 18px auto 0;
  overflow: hidden;
  border: 1px solid var(--secops-ai-border);
  border-radius: 10px;
  background: #0b1426;
}

.secops-ai-team-agent-card .secops-ai-team-agent-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 24%;
}

.secops-ai-team-agent-card h3 {
  font-size: 21px;
}

.secops-ai-team-section--workflow {
  background: linear-gradient(145deg, rgba(56, 200, 232, 0.035), var(--secops-ai-surface) 45%, rgba(156, 120, 255, 0.04));
}

.secops-ai-team-workflow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.secops-ai-team-workflow li,
.secops-ai-team-workflow__item {
  position: relative;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--secops-ai-border);
  border-radius: 12px;
  background: var(--secops-ai-surface-raised);
}

.secops-ai-team-workflow__number {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px;
  border: 1px solid rgba(56, 200, 232, 0.55);
  border-radius: 50%;
  color: var(--secops-ai-cyan);
  font-size: 11px;
  font-weight: 800;
}

.secops-ai-team-workflow h3 {
  font-size: 15px;
}

.secops-ai-team-workflow p:not(.secops-ai-team-workflow__number) {
  margin: 6px 0 0;
  color: var(--secops-ai-muted);
  font-size: 11.5px;
  line-height: 1.5;
}

.secops-ai-team-caption {
  margin: 14px 0 0;
  color: var(--secops-ai-muted);
  font-size: 11px;
  font-style: italic;
  line-height: 1.5;
}

.secops-ai-team-ownership {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.secops-ai-team-ownership > div,
.secops-ai-team-ownership__card,
.secops-ai-team-questions {
  padding: 20px;
  border: 1px solid var(--secops-ai-border);
  border-radius: 13px;
  background: var(--secops-ai-surface-raised);
}

.secops-ai-team-ownership h3,
.secops-ai-team-questions h3 {
  font-size: 17px;
}

.secops-ai-team-ownership ul,
.secops-ai-team-questions ul {
  display: grid;
  gap: 8px;
  margin: 13px 0 0;
  padding: 0;
  list-style: none;
}

.secops-ai-team-ownership li,
.secops-ai-team-questions li {
  position: relative;
  padding-left: 17px;
  color: var(--secops-ai-muted);
  font-size: 12.5px;
  line-height: 1.45;
}

.secops-ai-team-ownership li::before,
.secops-ai-team-questions li::before {
  position: absolute;
  top: 0.55em;
  left: 1px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: "";
  background: var(--secops-ai-cyan);
}

.secops-ai-team-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.secops-ai-team-principles span,
.secops-ai-team-principle {
  margin: 0;
  padding: 11px 13px;
  border: 1px solid rgba(156, 120, 255, 0.32);
  border-radius: 10px;
  background: rgba(156, 120, 255, 0.05);
  color: var(--secops-ai-text);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.secops-ai-team-section--invitation {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 24px;
}

.secops-ai-team-section--invitation h2 {
  margin: 0;
  color: var(--secops-ai-text);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.16;
}

.secops-ai-team-invitation__copy > .wp-block-group__inner-container > p:not(.secops-ai-team-eyebrow),
.secops-ai-team-section--invitation > div:first-child > p:not(.secops-ai-team-eyebrow) {
  margin: 11px 0 0;
  color: var(--secops-ai-muted);
  font-size: 13.5px;
  line-height: 1.58;
}

.secops-ai-team-cta {
  margin-top: 20px;
  padding: clamp(26px, 4vw, 42px);
  border-color: rgba(56, 200, 232, 0.36);
  background: linear-gradient(115deg, rgba(56, 200, 232, 0.1), var(--secops-ai-surface) 45%, rgba(156, 120, 255, 0.11));
  text-align: center;
}

.secops-ai-team-cta h2 {
  max-width: 850px;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(23px, 3.1vw, 36px);
}

.secops-ai-team-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

a.secops-ai-team-button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 9px 16px;
  border: 1px solid rgba(56, 200, 232, 0.65);
  border-radius: 9px;
  color: var(--secops-ai-cyan);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none;
}

.secops-ai-team-button .wp-block-button__link {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 9px 16px;
  border: 1px solid rgba(56, 200, 232, 0.65);
  border-radius: 9px;
  background: transparent;
  color: var(--secops-ai-cyan);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none;
}

.secops-ai-team-button--primary,
.secops-ai-team-button:hover,
.secops-ai-team-button--primary .wp-block-button__link,
.secops-ai-team-button:hover .wp-block-button__link {
  background: var(--secops-ai-cyan);
  color: #071426;
}

.secops-ai-team-button--primary:hover,
.secops-ai-team-button--primary:hover .wp-block-button__link {
  background: #72d9f0;
  color: #071426;
}

.secops-ai-team-main a:focus-visible {
  outline: 3px solid #f7c948;
  outline-offset: 3px;
}

@media (max-width: 1080px) {
  .secops-ai-team-leadership {
    grid-template-columns: 1fr;
  }

  .secops-ai-team-leader-card {
    grid-template-columns: 230px minmax(0, 1fr);
  }

  .secops-ai-team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .secops-ai-team-workflow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  .secops-ai-team-hero {
    display: flex;
    min-height: 0;
    flex-direction: column;
    align-items: stretch;
  }

  .secops-ai-team-hero::after {
    display: none;
  }

  .secops-ai-team-hero__copy {
    order: 1;
    width: auto;
    margin: 0;
    padding: 32px 22px 26px;
  }

  .secops-ai-team-hero__art {
    position: relative;
    order: 2;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .secops-ai-team-hero figure.secops-ai-team-hero__art img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .secops-ai-team-hero h1 {
    font-size: clamp(32px, 9vw, 44px);
  }

  .secops-ai-team-callout {
    grid-template-columns: 32px minmax(0, 1fr);
    padding: 15px 16px;
  }

  .secops-ai-team-callout__mark {
    width: 28px;
    height: 28px;
    font-size: 13px;
  }

  .secops-ai-team-leader-card {
    grid-template-columns: 165px minmax(0, 1fr);
  }

  .secops-ai-team-section--invitation {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .secops-ai-team-cover {
    padding-bottom: 34px;
  }

  .secops-ai-team-container {
    padding-top: 14px;
  }

  .secops-ai-team-callout,
  .secops-ai-team-section,
  .secops-ai-team-cta {
    border-radius: 12px;
  }

  .secops-ai-team-section {
    margin-top: 14px;
    padding: 18px;
  }

  .secops-ai-team-leader-card {
    display: block;
  }

  .secops-ai-team-leader-card > img,
  .secops-ai-team-leader-card .secops-ai-team-leader-card__image {
    width: min(calc(100% - 36px), 260px);
    height: 220px;
    min-height: 0;
    margin: 18px auto 0;
    border: 1px solid var(--secops-ai-border);
    border-radius: 10px;
  }

  .secops-ai-team-leader-card .secops-ai-team-leader-card__image img {
    min-height: 0;
  }

  .secops-ai-team-grid,
  .secops-ai-team-workflow,
  .secops-ai-team-ownership,
  .secops-ai-team-principles {
    grid-template-columns: 1fr;
  }

  .secops-ai-team-agent-card > img,
  .secops-ai-team-agent-card .secops-ai-team-agent-card__image {
    width: min(calc(100% - 36px), 220px);
    height: 138px;
  }

  .secops-ai-team-cta__actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* Light-mode contrast for the project-owned AI Team experience only. */
:is([data-bs-theme="light"], [data-theme="light"]) .secops-ai-team-main {
  --secops-ai-surface: #f7f9fc;
  --secops-ai-surface-raised: #ffffff;
  --secops-ai-border: #d7e0ec;
  --secops-ai-text: #1f2d48;
  --secops-ai-muted: #465a78;
  --secops-ai-cyan: #087b9d;
  --secops-ai-violet: #684ec0;
}

:is([data-bs-theme="light"], [data-theme="light"]) .secops-ai-team-callout,
:is([data-bs-theme="light"], [data-theme="light"]) .secops-ai-team-section--workflow,
:is([data-bs-theme="light"], [data-theme="light"]) .secops-ai-team-cta {
  box-shadow: 0 12px 28px rgba(38, 61, 91, 0.08);
}

:is([data-bs-theme="light"], [data-theme="light"]) .secops-ai-team-callout {
  background: linear-gradient(115deg, rgba(8, 123, 157, 0.08), var(--secops-ai-surface) 42%);
}

:is([data-bs-theme="light"], [data-theme="light"]) .secops-ai-team-section--workflow {
  background: linear-gradient(145deg, rgba(8, 123, 157, 0.04), var(--secops-ai-surface) 45%, rgba(104, 78, 192, 0.04));
}

:is([data-bs-theme="light"], [data-theme="light"]) .secops-ai-team-cta {
  background: linear-gradient(115deg, rgba(8, 123, 157, 0.09), var(--secops-ai-surface) 45%, rgba(104, 78, 192, 0.08));
}

:is([data-bs-theme="light"], [data-theme="light"]) .secops-ai-team-button--primary,
:is([data-bs-theme="light"], [data-theme="light"]) .secops-ai-team-button:hover,
:is([data-bs-theme="light"], [data-theme="light"]) .secops-ai-team-button--primary .wp-block-button__link,
:is([data-bs-theme="light"], [data-theme="light"]) .secops-ai-team-button:hover .wp-block-button__link {
  background: #087b9d;
  color: #ffffff;
}

/* WordPress editor view: prioritize clear block selection over frontend geometry. */
.editor-styles-wrapper .secops-ai-team-main {
  min-height: 0;
  padding: 12px;
}

.editor-styles-wrapper .secops-ai-team-main .wp-block-group,
.editor-styles-wrapper .secops-ai-team-main .wp-block-group > .wp-block-group__inner-container,
.editor-styles-wrapper .secops-ai-team-main .block-editor-inner-blocks,
.editor-styles-wrapper .secops-ai-team-main .block-editor-block-list__layout {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 24px !important;
  height: auto !important;
  overflow: visible !important;
}

.editor-styles-wrapper .secops-ai-team-main .wp-block-group {
  margin: 10px 0 !important;
}

.editor-styles-wrapper .secops-ai-team-main .wp-block-image,
.editor-styles-wrapper .secops-ai-team-main .wp-block-image img {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  max-width: 240px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 8px 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.editor-styles-wrapper .secops-ai-team-main :is(h1, h2, h3, h4, p, li, a) {
  position: relative !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}