/* Label / eyebrow + capability outlines — darker blue text & accents */

:root {
  --label-text-1: #001454;
  --label-text-2: #002470;
  --label-text-3: #073549;
  --label-outline-1: #0a5c9e;
  --label-outline-2: #0d6bae;
  --label-outline-3: #073d66;
}

.portal-body main .eyebrow.label-tone-1,
.portal-body main .label.label-tone-1,
.portal-body main p.eyebrow.label-tone-1,
.portal-body main p.label.label-tone-1 {
  color: var(--label-text-1) !important;
  --label-tone: var(--label-text-1);
  --label-tone-accent: var(--label-outline-1);
}

.portal-body main .eyebrow.label-tone-2,
.portal-body main .label.label-tone-2,
.portal-body main p.eyebrow.label-tone-2,
.portal-body main p.label.label-tone-2 {
  color: var(--label-text-2) !important;
  --label-tone: var(--label-text-2);
  --label-tone-accent: var(--label-outline-2);
}

.portal-body main .eyebrow.label-tone-3,
.portal-body main .label.label-tone-3,
.portal-body main p.eyebrow.label-tone-3,
.portal-body main p.label.label-tone-3 {
  color: var(--label-text-3) !important;
  --label-tone: var(--label-text-3);
  --label-tone-accent: var(--label-outline-3);
}

.portal-body main .label.label-tone-1::before {
  border-radius: 999px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--label-outline-1) 18%,
    var(--label-text-1) 82%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 10px rgba(10, 92, 158, 0.28) !important;
}

.portal-body main .label.label-tone-2::before {
  border-radius: 999px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--label-outline-2) 18%,
    var(--label-text-2) 82%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 10px rgba(13, 107, 174, 0.28) !important;
}

.portal-body main .label.label-tone-3::before {
  border-radius: 999px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--label-outline-3) 18%,
    var(--label-text-3) 82%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 10px rgba(7, 61, 102, 0.28) !important;
}

.portal-body main .eyebrow.label-tone-1::before {
  background: radial-gradient(
    circle at 35% 35%,
    color-mix(in srgb, var(--label-outline-1) 88%, #fff) 0%,
    var(--label-outline-1) 100%
  ) !important;
  box-shadow:
    0 0 0 2px rgba(10, 92, 158, 0.18),
    0 0 10px 1px rgba(10, 92, 158, 0.22) !important;
}

.portal-body main .eyebrow.label-tone-2::before {
  background: radial-gradient(
    circle at 35% 35%,
    color-mix(in srgb, var(--label-outline-2) 88%, #fff) 0%,
    var(--label-outline-2) 100%
  ) !important;
  box-shadow:
    0 0 0 2px rgba(13, 107, 174, 0.18),
    0 0 10px 1px rgba(13, 107, 174, 0.22) !important;
}

.portal-body main .eyebrow.label-tone-3::before {
  background: radial-gradient(
    circle at 35% 35%,
    color-mix(in srgb, var(--label-outline-3) 88%, #fff) 0%,
    var(--label-outline-3) 100%
  ) !important;
  box-shadow:
    0 0 0 2px rgba(7, 61, 102, 0.18),
    0 0 10px 1px rgba(7, 61, 102, 0.22) !important;
}

.portal-page-hero--image .eyebrow.label-tone-1,
.portal-page-hero--image .label.label-tone-1 {
  color: var(--label-text-1) !important;
  text-shadow: var(--label-on-image-shadow);
}

.portal-page-hero--image .eyebrow.label-tone-2,
.portal-page-hero--image .label.label-tone-2 {
  color: var(--label-text-2) !important;
  text-shadow: var(--label-on-image-shadow);
}

.portal-page-hero--image .eyebrow.label-tone-3,
.portal-page-hero--image .label.label-tone-3 {
  color: var(--label-text-3) !important;
  text-shadow: var(--label-on-image-shadow);
}

.home-enterprise .services-award .eyebrow.label-tone-1,
.home-enterprise .services-award .eyebrow.label-tone-2,
.home-enterprise .services-award .eyebrow.label-tone-3 {
  color: var(--label-tone) !important;
}

/* Dark bands — lighter label text, darker outline markers */
.portal-body main .band-sky:not(.portal-page-hero--image) .eyebrow.label-tone-1,
.portal-body main .band-sky:not(.portal-page-hero--image) .label.label-tone-1 {
  color: #3d9fd9 !important;
  --label-tone: #3d9fd9;
  --label-tone-accent: #0a5c9e;
}

.portal-body main .band-sky:not(.portal-page-hero--image) .eyebrow.label-tone-2,
.portal-body main .band-sky:not(.portal-page-hero--image) .label.label-tone-2 {
  color: #0d6bae !important;
  --label-tone: #0d6bae;
  --label-tone-accent: #073d66;
}

.portal-body main .band-sky:not(.portal-page-hero--image) .eyebrow.label-tone-3,
.portal-body main .band-sky:not(.portal-page-hero--image) .label.label-tone-3 {
  color: #7ec8f0 !important;
  --label-tone: #7ec8f0;
  --label-tone-accent: #0a5c9e;
}

.portal-body main .band-sky:not(.portal-page-hero--image) .label.label-tone-1::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    #0a5c9e 18%,
    #3d9fd9 82%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 12px rgba(10, 92, 158, 0.32) !important;
}

.portal-body main .band-sky:not(.portal-page-hero--image) .label.label-tone-2::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    #073d66 18%,
    #0d6bae 82%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 12px rgba(7, 61, 102, 0.32) !important;
}

.portal-body main .band-sky:not(.portal-page-hero--image) .label.label-tone-3::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    #0a5c9e 18%,
    #7ec8f0 82%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 12px rgba(126, 200, 240, 0.28) !important;
}

.portal-body main .band-sky:not(.portal-page-hero--image) .eyebrow.label-tone-1::before {
  background: radial-gradient(circle at 35% 35%, #7ec8f0 0%, #0a5c9e 100%) !important;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.14),
    0 0 12px 2px rgba(10, 92, 158, 0.3) !important;
}

.portal-body main .band-sky:not(.portal-page-hero--image) .eyebrow.label-tone-2::before {
  background: radial-gradient(circle at 35% 35%, #9ed9f6 0%, #073d66 100%) !important;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.12),
    0 0 12px 2px rgba(7, 61, 102, 0.28) !important;
}

.portal-body main .band-sky:not(.portal-page-hero--image) .eyebrow.label-tone-3::before {
  background: radial-gradient(circle at 35% 35%, #d4e8ff 0%, #0a5c9e 100%) !important;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.14),
    0 0 12px 2px rgba(126, 200, 240, 0.28) !important;
}

/* Capability honeycomb — tone colors */
.company-capabilities-hex .company-capability-hex:nth-of-type(3n + 1) .company-capability-hex__shell h3 {
  color: var(--label-text-1) !important;
}

.company-capabilities-hex .company-capability-hex:nth-of-type(3n + 2) .company-capability-hex__shell h3 {
  color: var(--label-text-2) !important;
}

.company-capabilities-hex .company-capability-hex:nth-of-type(3n + 3) .company-capability-hex__shell h3 {
  color: var(--label-text-3) !important;
}

.company-capabilities-hex .company-capability-hex--featured .company-capability-hex__shell h3 {
  color: #ffffff !important;
}

/* Legacy capability card grid overrides */
.company-capabilities-award__grid > .company-capability-award:nth-child(3n + 1) {
  --label-tone: var(--label-text-1);
  --label-tone-accent: var(--label-outline-1);
}

.company-capabilities-award__grid > .company-capability-award:nth-child(3n + 2) {
  --label-tone: var(--label-text-2);
  --label-tone-accent: var(--label-outline-2);
}

.company-capabilities-award__grid > .company-capability-award:nth-child(3n + 3) {
  --label-tone: var(--label-text-3);
  --label-tone-accent: var(--label-outline-3);
}

.company-capabilities-award__grid > .company-capability-award:nth-child(1) h3,
.company-capabilities-award__grid > .company-capability-award:nth-child(4) h3 {
  color: var(--label-text-1) !important;
}

.company-capabilities-award__grid > .company-capability-award:nth-child(2) h3,
.company-capabilities-award__grid > .company-capability-award:nth-child(5) h3 {
  color: var(--label-text-2) !important;
}

.company-capabilities-award__grid > .company-capability-award:nth-child(3) h3,
.company-capabilities-award__grid > .company-capability-award:nth-child(6) h3 {
  color: var(--label-text-3) !important;
}

.company-capabilities-award__grid > .company-capability-award:nth-child(1) .company-capability-award__cta,
.company-capabilities-award__grid > .company-capability-award:nth-child(4) .company-capability-award__cta {
  color: var(--label-outline-1) !important;
}

.company-capabilities-award__grid > .company-capability-award:nth-child(2) .company-capability-award__cta,
.company-capabilities-award__grid > .company-capability-award:nth-child(5) .company-capability-award__cta {
  color: var(--label-outline-2) !important;
}

.company-capabilities-award__grid > .company-capability-award:nth-child(3) .company-capability-award__cta,
.company-capabilities-award__grid > .company-capability-award:nth-child(6) .company-capability-award__cta {
  color: var(--label-outline-3) !important;
}

.company-capabilities-award__grid > .company-capability-award:nth-child(1) .company-capability-award__index,
.company-capabilities-award__grid > .company-capability-award:nth-child(4) .company-capability-award__index {
  color: color-mix(in srgb, var(--label-text-1) 16%, transparent);
}

.company-capabilities-award__grid > .company-capability-award:nth-child(2) .company-capability-award__index,
.company-capabilities-award__grid > .company-capability-award:nth-child(5) .company-capability-award__index {
  color: color-mix(in srgb, var(--label-text-2) 16%, transparent);
}

.company-capabilities-award__grid > .company-capability-award:nth-child(3) .company-capability-award__index,
.company-capabilities-award__grid > .company-capability-award:nth-child(6) .company-capability-award__index {
  color: color-mix(in srgb, var(--label-text-3) 16%, transparent);
}

.company-capabilities-award__grid > .company-capability-award:nth-child(1) .company-capability-award__accent,
.company-capabilities-award__grid > .company-capability-award:nth-child(4) .company-capability-award__accent {
  background: linear-gradient(180deg, var(--label-outline-1) 0%, var(--label-text-1) 100%) !important;
}

.company-capabilities-award__grid > .company-capability-award:nth-child(2) .company-capability-award__accent,
.company-capabilities-award__grid > .company-capability-award:nth-child(5) .company-capability-award__accent {
  background: linear-gradient(180deg, var(--label-outline-2) 0%, var(--label-text-2) 100%) !important;
}

.company-capabilities-award__grid > .company-capability-award:nth-child(3) .company-capability-award__accent,
.company-capabilities-award__grid > .company-capability-award:nth-child(6) .company-capability-award__accent {
  background: linear-gradient(180deg, var(--label-outline-3) 0%, var(--label-text-3) 100%) !important;
}

.company-capabilities-award__grid > .company-capability-award .company-capability-award__badges li {
  color: var(--label-tone) !important;
  border-color: color-mix(in srgb, var(--label-tone-accent) 45%, transparent) !important;
}

/* Selected Clients label — navy on white pill over deep sky band */
.portal-body main .company-clients-award__logo-panel .label.label-tone-1,
.portal-body main .company-clients-award__logo-panel .label.label-tone-2,
.portal-body main .company-clients-award__logo-panel .label.label-tone-3 {
  color: #001454 !important;
  --label-tone: #001454;
  --label-tone-accent: #0a5c9e;
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(255, 255, 255, 0.95) !important;
}

.portal-body main .company-clients-award__logo-panel .label.label-tone-1::before,
.portal-body main .company-clients-award__logo-panel .label.label-tone-2::before,
.portal-body main .company-clients-award__logo-panel .label.label-tone-3::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    #0a5c9e 18%,
    #001454 82%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 10px rgba(10, 92, 158, 0.28) !important;
}