/* DE Careers page freeform CSS restore 2026-08-05 */

/* Layering fix: keep light blue + orange, push them BEHIND the big ellipse */
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-hero {
  overflow: visible !important;
  background: linear-gradient(135deg, #111827 0%, #253147 48%, #343f52 100%) !important;
}
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 16%, rgba(34, 83, 222, 0.31), transparent 30%),
    radial-gradient(circle at 20% 110%, rgba(241, 125, 62, 0.17), transparent 38%);
}
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-hero > .container {
  position: relative;
  z-index: 1;
}
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-img.hero {
  overflow: visible !important;
  z-index: 1;
}
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-hero-ellipse {
  z-index: 1 !important;
}

/*
  X lines removed (preferred clean state).
  Cause: .de-careers-img::before/::after bled through the big ellipse once hero overflow was visible.
  One bend+thicken attempt on .de-careers-hero-ellipse::before/::after still read as thin/straight — removed.
*/
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-img.hero::before,
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-img.hero::after,
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-hero-ellipse::before,
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-hero-ellipse::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
}

/*
  Careers eyebrow colors (page-scoped).
  Light mode: Style panel owns colors — Label+careers-v2 = Primary blue #2253de on light sections;
  Label+careers-v2+on-dark = Orange #f17d3e on dark sections.
  Hosted CDN still forces legacy #ff9b45 on always-dark bands; align those to official Orange #f17d3e.
  Item 132: Stay Connected banner now lives inside .de-careers-openings (merged section).
  Dark mode: Orange #f17d3e for ALL Careers eyebrows by default.
  Hosted dark CSS sets gray #aab0bc on section hooks with higher specificity — match that chain so orange wins.
  Intentionally light dark-mode sections would use Primary blue #2253de (none on Careers currently).
*/
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-hero .label.careers-v2,
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-hero .label.careers-v2.on-dark,
[data-wf-page="6a5785bfc835b2da551f0d16"] :is(.de-careers-quote, .de-careers-workflow) .label.careers-v2,
[data-wf-page="6a5785bfc835b2da551f0d16"] :is(.de-careers-quote, .de-careers-workflow) .label.careers-v2.on-dark {
  color: #f17d3e !important;
}

/* Dark mode: beat hosted gray on intro/why/paths/markets/growth/benefits/openings/process */
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] :is(.de-careers-intro, .de-careers-why, .de-careers-paths, .de-careers-markets, .de-careers-growth, .de-careers-benefits, .de-careers-openings, .de-careers-process, .de-careers-hero, .de-careers-quote, .de-careers-workflow) .label.careers-v2,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] :is(.de-careers-intro, .de-careers-why, .de-careers-paths, .de-careers-markets, .de-careers-growth, .de-careers-benefits, .de-careers-openings, .de-careers-process, .de-careers-hero, .de-careers-quote, .de-careers-workflow) .label.careers-v2.on-dark,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-intro .label.careers-v2,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-why .label.careers-v2,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .label.careers-v2,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .label.careers-v2.on-dark {
  color: #f17d3e !important;
}

/*
  Who We Support — Markets light blue via SECTION BACKGROUND (not link color).
  Style panel: .section.background-light.de-careers-markets bg rgba(140,185,223,0.14).
  Freeform beats CDN soft-band !important shared with why/benefits — markets only.
  Row orange hover sweep stays in CDN; do not paint over row ::after.
*/
[data-wf-page="6a5785bfc835b2da551f0d16"] .section.background-light.de-careers-markets,
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets {
  background:
    radial-gradient(circle at 14% 16%, rgba(140, 185, 223, 0.28) 0%, rgba(140, 185, 223, 0.1) 30%, transparent 58%),
    linear-gradient(180deg, rgba(140, 185, 223, 0.16) 0%, rgba(140, 185, 223, 0.07) 100%) !important;
}

/*
  Who We Support market rows — readable dark default (#343f52 site --dark).
  Freeform beats CDN #2975b7 arrows. Orange hover sweep + title/arrow orange intact.
*/
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row .de-careers-card-title.market-link {
  color: #343f52;
}
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row > span[aria-hidden="true"],
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-arrow {
  color: #343f52 !important;
}
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row:hover .de-careers-card-title.market-link,
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row:hover .de-careers-card-title {
  color: #f17d3e !important;
}
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row:hover > span[aria-hidden="true"],
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row:hover .de-careers-market-arrow {
  color: #f17d3e !important;
}

/* Dark mode: soft #8cb9df tint on markets band; keep light-blue link default + orange hover */
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .section.background-light.de-careers-markets,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets {
  background:
    radial-gradient(circle at 14% 16%, rgba(140, 185, 223, 0.14) 0%, rgba(140, 185, 223, 0.05) 32%, transparent 58%),
    linear-gradient(180deg, #151b29 0%, #172033 100%) !important;
}
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row .de-careers-card-title.market-link,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row .de-careers-card-title {
  color: #8cb9df !important;
}
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row > span[aria-hidden="true"],
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-arrow {
  color: #8cb9df !important;
}
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row:hover .de-careers-card-title.market-link,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row:hover .de-careers-card-title {
  color: #f17d3e !important;
}
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row:hover > span[aria-hidden="true"],
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-markets .de-careers-market-row:hover .de-careers-market-arrow {
  color: #f17d3e !important;
}

/*
  Item 132 — Current Opportunities + Stay Connected = ONE section.
  Stay Connected bordered banner nests under openings content inside .de-careers-openings.
  Style panel owns banner flex (right CTA + vertical center via .de-careers-application-cta).
  Freeform: continuous soft-blue openings band + white bordered banner chrome.
  Who We Support / markets rules above untouched.
*/
html:not([data-theme="dark"])[data-wf-page="6a5785bfc835b2da551f0d16"] .section.de-careers-openings,
html:not([data-theme="dark"])[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-openings {
  border-bottom: none !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(140, 185, 223, 0.26) 0%, rgba(140, 185, 223, 0.1) 32%, transparent 58%),
    linear-gradient(180deg, rgba(140, 185, 223, 0.16) 0%, rgba(140, 185, 223, 0.1) 100%) !important;
  box-shadow: none !important;
  color: inherit;
}
html:not([data-theme="dark"])[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-application-banner .label.careers-v2 {
  color: #2253de !important;
}
html:not([data-theme="dark"])[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-application-banner :is(h1, h2, h3, .h2-standard) {
  color: #131b2e !important;
}
html:not([data-theme="dark"])[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-application-banner .paragraph.careers-v2 {
  color: #4b5563 !important;
}
html:not([data-theme="dark"])[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-application-banner {
  background: #ffffff !important;
  border-color: rgba(140, 185, 223, 0.32);
  box-shadow: 0 0.875rem 2.25rem rgba(17, 24, 39, 0.07);
}

/* Tablet/mobile stack — Style panel breakpoint write conflicted; keep right CTA under copy */
@media screen and (max-width: 991px) {
  [data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-application-banner {
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  [data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-application-cta {
    align-self: flex-start !important;
  }
}


/* Nav Contact Us + Footer Talk with Our Team: V1 blue in dark (page-scoped) */
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .navbar-button-wrapper > a.button:not(.theme-mode-button),
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-sac-button-wrap > a.button:not(.theme-mode-button) {
  background-color: #2253de;
  color: #ffffff;
  border-color: #2253de;
  box-shadow: none !important;
}

html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .navbar-button-wrapper > a.button:not(.theme-mode-button):hover,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-sac-button-wrap > a.button:not(.theme-mode-button):hover {
  background-color: #130b32;
  color: #ffffff;
  border-color: #130b32;
  box-shadow: none !important;
}

/* Openings solo blue V2 → orange V2 in dark with Careers orange glow */
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .button.v2.de-btn-blue,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] a.button.v2.de-btn-blue {
  background-color: #f17d3e !important;
  border-color: #f17d3e !important;
  color: #ffffff !important;
  text-shadow: 0 0.03125rem 0.0625rem rgba(19, 11, 50, 0.25);
  box-shadow: 0 0.75rem 1.75rem rgba(241, 125, 62, 0.28) !important;
}

html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .button.v2.de-btn-blue:hover,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] a.button.v2.de-btn-blue:hover {
  background-color: #df6d32 !important;
  border-color: #df6d32 !important;
  color: #ffffff !important;
  text-shadow: 0 0.03125rem 0.0625rem rgba(19, 11, 50, 0.28);
  box-shadow: 0 0.875rem 2rem rgba(241, 125, 62, 0.34) !important;
}


/* Gray box stay gone */
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefit-grid.de-careers-benefits-surface,
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-surface {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/*
  Benefits decorative ellipse: soft-clip CDN used organic uneven radii
  (52% 48% 42% 58% / 45% 55% 50% 50%) which reads wobble/warped.
  Force true circle (square box + 50% radii). Keep size/position/glow/orange.
*/
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits::before,
[data-wf-page="6a5785bfc835b2da551f0d16"] .section.background-light.de-careers-benefits::before {
  border-radius: 50% !important;
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

/* Hover shimmer secondary — do not change card fill opacity */
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transform: none !important;
}
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 0%, transparent 36%, rgba(34, 83, 222, 0.08) 46%, rgba(255, 255, 255, 0.5) 50%, rgba(241, 125, 62, 0.14) 54%, transparent 66%, transparent 100%);
  transform: translateX(-120%);
  transition: transform 0.85s ease;
}
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-card * { position: relative; z-index: 1; }
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-card:hover { transform: none !important; }
[data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-card:hover::after { transform: translateX(120%); }

html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .label.v2,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .label.careers-v2,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .label.v2.on-dark,
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .label.careers-v2.on-dark {
  color: #f17d3e !important;
}

/*
  Dark cards: keep translucency alphas (0.10/0.02 + 0.92/0.88).
  Grayize base RGB only (was blue-tinted 26/34/52 + 18/24/38).
  Wash stays neutral gray. Preserve hover shimmer. No ellipse 72%/58% wash.
*/
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-card {
  background-color: transparent !important;
  background-image:
    linear-gradient(178deg, rgba(148, 154, 168, 0.10) 0%, rgba(148, 154, 168, 0.02) 38%, transparent 62%),
    linear-gradient(180deg, rgba(40, 44, 52, 0.92) 0%, rgba(28, 32, 40, 0.88) 100%) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0.4rem 1rem rgba(0, 0, 0, 0.12) !important;
  transform: none !important;
}
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-card::after {
  background: linear-gradient(105deg, transparent 0%, transparent 38%, rgba(170, 205, 255, 0.10) 48%, rgba(255, 255, 255, 0.07) 52%, rgba(170, 205, 255, 0.05) 56%, transparent 66%, transparent 100%);
}
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-card:hover {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background-image:
    linear-gradient(178deg, rgba(148, 154, 168, 0.10) 0%, rgba(148, 154, 168, 0.02) 38%, transparent 62%),
    linear-gradient(180deg, rgba(40, 44, 52, 0.92) 0%, rgba(28, 32, 40, 0.88) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0.4rem 1rem rgba(0, 0, 0, 0.12) !important;
  transform: none !important;
}
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-card:hover::after { transform: translateX(120%); }
html[data-theme="dark"][data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-mark {
  background: linear-gradient(90deg, #f17d3e 0%, #ff9b45 100%) !important;
  box-shadow: 0.875rem 0 0 rgba(34, 83, 222, 0.42), 0 0 0.75rem rgba(255, 155, 69, 0.2) !important;
}

@media (prefers-reduced-motion: reduce) {
  [data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-card::after { transition: none !important; }
  [data-wf-page="6a5785bfc835b2da551f0d16"] .de-careers-benefits .de-careers-benefits-card:hover::after { transform: none; background: rgba(241, 125, 62, 0.08); }
}