/* GAT System V131 — join styles. Generated from the validated V130 cascade. */

/* Source: v126.css */
/* v126 — modern Join Us page */
body.v126-join-page {
  --v126-navy: #061a34;
  --v126-navy-2: #0a2e54;
  --v126-blue: #1467df;
  --v126-cyan: #37c9f2;
  --v126-ink: #071b37;
  --v126-muted: #536b87;
  --v126-line: #d8e5f2;
  --v126-cloud: #f3f8fc;
  --v126-white: #ffffff;
  --v126-green: #21bd73;
  background: #ffffff;
  color: var(--v126-ink);
  color-scheme: light;
}

body.v126-join-page .v126-join-main {
  overflow: hidden;
  background: #ffffff;
}

body.v126-join-page .v126-join-main *,
body.v126-join-page .v126-join-main *::before,
body.v126-join-page .v126-join-main *::after {
  box-sizing: border-box;
}

body.v126-join-page .v126-join-main :where(h1, h2, h3, p, figure, ul, ol) {
  margin-top: 0;
}

body.v126-join-page .v126-hero {
  position: relative;
  isolation: isolate;
  padding: 34px 0 96px;
  background:
    radial-gradient(circle at 82% 21%, rgba(55, 201, 242, .18), transparent 29%),
    radial-gradient(circle at 10% 87%, rgba(20, 103, 223, .20), transparent 31%),
    linear-gradient(135deg, #04162d 0%, #082746 51%, #0d3f66 100%);
  color: #ffffff;
}

body.v126-join-page .v126-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .27;
  background-image:
    linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 88%);
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

body.v126-join-page .v126-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 46px;
  color: #a8c3dd;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
}

body.v126-join-page .v126-breadcrumb a {
  color: #dcecff;
  text-decoration: none;
}

body.v126-join-page .v126-breadcrumb a:hover {
  color: #ffffff;
}

body.v126-join-page .v126-breadcrumb .crumb-sep {
  color: rgba(255, 255, 255, .35);
}

body.v126-join-page .v126-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .93fr) minmax(440px, 1.07fr);
  align-items: center;
  gap: clamp(46px, 6vw, 92px);
}

body.v126-join-page .v126-kicker,
body.v126-join-page .v126-label {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 22px;
  color: #19a4e8;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .15em;
  line-height: 1.4;
  text-transform: uppercase;
}

body.v126-join-page .v126-kicker {
  color: #64d9ff;
}

body.v126-join-page .v126-kicker i {
  width: 34px;
  height: 2px;
  border-radius: 99px;
  background: currentColor;
}

body.v126-join-page .v126-hero-copy h1 {
  max-width: 720px;
  margin-bottom: 27px;
  color: #ffffff;
  font-size: clamp(48px, 5.15vw, 78px);
  font-weight: 760;
  letter-spacing: -.055em;
  line-height: .98;
}

body.v126-join-page .v126-hero-copy h1 em {
  display: block;
  padding-bottom: .08em;
  color: #64d9ff;
  font-style: normal;
}

body.v126-join-page .v126-hero-copy > p {
  max-width: 660px;
  margin-bottom: 34px;
  color: #c4d6e8;
  font-size: clamp(18px, 1.35vw, 21px);
  line-height: 1.72;
}

body.v126-join-page .v126-actions,
body.v126-join-page .v126-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

body.v126-join-page .v126-button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.v126-join-page .v126-button:hover {
  transform: translateY(-2px);
}

body.v126-join-page .v126-button.primary {
  color: #ffffff;
  background: linear-gradient(135deg, #1670e8, #28bfe9);
  box-shadow: 0 15px 34px rgba(9, 114, 218, .28);
}

body.v126-join-page .v126-button.secondary {
  border-color: rgba(255, 255, 255, .28);
  color: #ffffff;
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(12px);
}

body.v126-join-page .v126-button.secondary:hover {
  border-color: rgba(255, 255, 255, .55);
  background: rgba(255, 255, 255, .13);
}

body.v126-join-page .v126-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

body.v126-join-page .v126-proof li {
  position: relative;
  padding: 8px 12px 8px 30px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 999px;
  color: #d5e5f5;
  background: rgba(255, 255, 255, .055);
  font-size: 12px;
  font-weight: 700;
}

body.v126-join-page .v126-proof li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #52d7ff;
  box-shadow: 0 0 0 4px rgba(82, 215, 255, .13);
  transform: translateY(-50%);
}

body.v126-join-page .v126-hero-photo {
  position: relative;
  min-height: 570px;
  margin-bottom: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .20);
  border-radius: 34px;
  background: #12395b;
  box-shadow: 0 36px 76px rgba(0, 9, 26, .35);
}

body.v126-join-page .v126-hero-photo::before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 23px;
  pointer-events: none;
}

body.v126-join-page .v126-hero-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 54% center;
  transform: scale(1.012);
}

body.v126-join-page .v126-photo-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 16, 35, .06) 30%, rgba(2, 15, 34, .93) 100%);
}

body.v126-join-page .v126-hero-photo figcaption {
  position: absolute;
  right: 34px;
  bottom: 34px;
  left: 34px;
  z-index: 3;
}

body.v126-join-page .v126-hero-photo figcaption span,
body.v126-join-page .v126-hero-photo figcaption small {
  display: block;
}

body.v126-join-page .v126-hero-photo figcaption span {
  margin-bottom: 8px;
  color: #69dcff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

body.v126-join-page .v126-hero-photo figcaption strong {
  display: block;
  margin-bottom: 7px;
  color: #ffffff;
  font-size: clamp(25px, 2.3vw, 36px);
  letter-spacing: -.03em;
  line-height: 1.1;
}

body.v126-join-page .v126-hero-photo figcaption small {
  color: #c3d8e9;
  font-size: 14px;
}

body.v126-join-page .v126-photo-tag {
  position: absolute;
  top: 34px;
  right: 34px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  color: #ffffff;
  background: rgba(5, 27, 50, .62);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
  backdrop-filter: blur(12px);
  font-size: 12px;
  font-weight: 750;
}

body.v126-join-page .v126-photo-tag i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #44e59e;
  box-shadow: 0 0 0 5px rgba(68, 229, 158, .15);
}

body.v126-join-page .v126-section,
body.v126-join-page .v126-process-section,
body.v126-join-page .v126-contact-section,
body.v126-join-page .v126-final-cta {
  padding: clamp(78px, 8vw, 124px) 0;
}

body.v126-join-page .v126-section {
  background: #ffffff;
}

body.v126-join-page .v126-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  align-items: end;
  gap: clamp(34px, 6vw, 96px);
  margin-bottom: 48px;
}

body.v126-join-page .v126-section-head .v126-label,
body.v126-join-page .v126-process-copy .v126-label,
body.v126-join-page .v126-final-panel .v126-label {
  margin-bottom: 15px;
}

body.v126-join-page .v126-section-head h2,
body.v126-join-page .v126-process-copy h2,
body.v126-join-page .v126-final-panel h2 {
  margin-bottom: 0;
  color: var(--v126-ink);
  font-size: clamp(36px, 4vw, 58px);
  font-weight: 760;
  letter-spacing: -.048em;
  line-height: 1.04;
}

body.v126-join-page .v126-section-head > p,
body.v126-join-page .v126-process-copy > p,
body.v126-join-page .v126-final-panel p {
  margin-bottom: 0;
  color: var(--v126-muted);
  font-size: 17px;
  line-height: 1.72;
}

body.v126-join-page .v126-value-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

body.v126-join-page .v126-value-grid article {
  position: relative;
  min-height: 258px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--v126-line);
  border-radius: 24px;
  background: linear-gradient(150deg, #ffffff 25%, #f5fbff 100%);
  box-shadow: 0 18px 42px rgba(12, 48, 83, .07);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body.v126-join-page .v126-value-grid article::after {
  content: "";
  position: absolute;
  right: -36px;
  bottom: -48px;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: rgba(55, 201, 242, .09);
}

body.v126-join-page .v126-value-grid article:hover {
  z-index: 1;
  border-color: #a9d4f6;
  box-shadow: 0 24px 52px rgba(12, 48, 83, .12);
  transform: translateY(-5px);
}

body.v126-join-page .v126-value-grid article > span {
  display: grid;
  width: 42px;
  height: 42px;
  margin-bottom: 42px;
  place-items: center;
  border-radius: 13px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--v126-blue), var(--v126-cyan));
  box-shadow: 0 10px 22px rgba(20, 103, 223, .20);
  font-size: 12px;
  font-weight: 850;
}

body.v126-join-page .v126-value-grid h3 {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
  color: var(--v126-ink);
  font-size: 21px;
  letter-spacing: -.025em;
  line-height: 1.18;
}

body.v126-join-page .v126-value-grid p {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  color: var(--v126-muted);
  font-size: 14px;
  line-height: 1.68;
}

body.v126-join-page .v126-roles-section {
  position: relative;
  padding: clamp(78px, 8vw, 124px) 0;
  overflow: hidden;
  color: #ffffff;
  background:
    radial-gradient(circle at 82% 18%, rgba(41, 181, 232, .20), transparent 31%),
    linear-gradient(135deg, #06182f, #0b3155 68%, #0f436a);
}

body.v126-join-page .v126-roles-section::after {
  content: "";
  position: absolute;
  top: -240px;
  right: -220px;
  width: 620px;
  height: 620px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 50%;
  box-shadow: 0 0 0 74px rgba(255, 255, 255, .025), 0 0 0 148px rgba(255, 255, 255, .018);
  pointer-events: none;
}

body.v126-join-page .v126-roles-section .shell {
  position: relative;
  z-index: 1;
}

body.v126-join-page .v126-section-head.light h2 {
  color: #ffffff;
}

body.v126-join-page .v126-section-head.light > p {
  color: #b9cee2;
}

body.v126-join-page .v126-section-head.light .v126-label {
  color: #64d9ff;
}

body.v126-join-page .v126-role-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.v126-join-page .v126-role-grid article {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 22px;
  min-height: 220px;
  padding: 30px;
  border: 1px solid rgba(134, 206, 255, .20);
  border-radius: 24px;
  background: rgba(255, 255, 255, .065);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: blur(12px);
  transition: background-color .22s ease, border-color .22s ease, transform .22s ease;
}

body.v126-join-page .v126-role-grid article:hover {
  border-color: rgba(99, 213, 255, .48);
  background: rgba(255, 255, 255, .10);
  transform: translateY(-4px);
}

body.v126-join-page .v126-role-code {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 1px solid rgba(98, 216, 255, .36);
  border-radius: 18px;
  color: #78e2ff;
  background: rgba(24, 153, 218, .12);
  font-size: 13px;
  font-weight: 850;
}

body.v126-join-page .v126-role-grid small {
  display: block;
  margin: 3px 0 11px;
  color: #68d7ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.v126-join-page .v126-role-grid h3 {
  margin-bottom: 11px;
  color: #ffffff;
  font-size: 25px;
  letter-spacing: -.03em;
  line-height: 1.15;
}

body.v126-join-page .v126-role-grid p {
  max-width: 500px;
  margin-bottom: 0;
  color: #b9cde0;
  font-size: 15px;
  line-height: 1.68;
}

body.v126-join-page .v126-role-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  margin-top: 16px;
  padding: 22px 26px;
  border: 1px solid rgba(134, 206, 255, .20);
  border-radius: 20px;
  background: rgba(4, 22, 43, .34);
}

body.v126-join-page .v126-role-note span {
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
}

body.v126-join-page .v126-role-note p {
  margin-bottom: 0;
  color: #b7cce0;
  font-size: 14px;
  line-height: 1.6;
}

body.v126-join-page .v126-role-note a {
  color: #70dcff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

body.v126-join-page .v126-process-section {
  background:
    radial-gradient(circle at 7% 25%, rgba(58, 190, 239, .09), transparent 25%),
    var(--v126-cloud);
}

body.v126-join-page .v126-process-layout {
  display: grid;
  grid-template-columns: minmax(300px, .78fr) minmax(440px, 1.22fr);
  align-items: start;
  gap: clamp(52px, 8vw, 124px);
}

body.v126-join-page .v126-process-copy {
  position: sticky;
  top: 120px;
}

body.v126-join-page .v126-process-copy h2 {
  margin-bottom: 24px;
}

body.v126-join-page .v126-process-copy > p {
  margin-bottom: 25px;
}

body.v126-join-page .v126-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--v126-blue);
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
}

body.v126-join-page .v126-process-list {
  position: relative;
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.v126-join-page .v126-process-list::before {
  content: "";
  position: absolute;
  top: 58px;
  bottom: 58px;
  left: 59px;
  width: 2px;
  background: linear-gradient(#50ccec, #8bb5ec);
}

body.v126-join-page .v126-process-list li {
  position: relative;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  min-height: 128px;
  padding: 24px 28px;
  border: 1px solid var(--v126-line);
  border-radius: 22px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 14px 34px rgba(14, 51, 86, .06);
}

body.v126-join-page .v126-process-list li > span {
  position: relative;
  z-index: 1;
  display: grid;
  width: 64px;
  height: 64px;
  place-items: center;
  border: 7px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  background: linear-gradient(135deg, var(--v126-blue), var(--v126-cyan));
  box-shadow: 0 9px 23px rgba(20, 103, 223, .22);
  font-size: 12px;
  font-weight: 850;
}

body.v126-join-page .v126-process-list h3 {
  margin-bottom: 7px;
  color: var(--v126-ink);
  font-size: 21px;
  letter-spacing: -.025em;
}

body.v126-join-page .v126-process-list p {
  margin-bottom: 0;
  color: var(--v126-muted);
  font-size: 14px;
  line-height: 1.62;
}

body.v126-join-page .v126-contact-section {
  position: relative;
  margin: 0;
  background: #ffffff;
}

body.v126-join-page .v126-contact-section .hr-contact-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  align-items: end;
  gap: clamp(34px, 6vw, 96px);
  margin-bottom: 42px;
}

body.v126-join-page .v126-contact-section .eyebrow {
  display: inline-flex;
  margin-bottom: 14px;
  color: #159edc;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

body.v126-join-page .v126-contact-section h2 {
  max-width: 720px;
  margin-bottom: 0;
  color: var(--v126-ink);
  font-size: clamp(36px, 4vw, 56px);
  font-weight: 760;
  letter-spacing: -.048em;
  line-height: 1.05;
}

body.v126-join-page .v126-contact-section .hr-contact-heading > p {
  margin-bottom: 0;
  color: var(--v126-muted);
  font-size: 17px;
  line-height: 1.7;
}

body.v126-join-page .v126-contact-section .hr-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.v126-join-page .v126-contact-section .hr-contact-card {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) auto;
  align-items: center;
  gap: 21px;
  min-height: 150px;
  padding: 28px;
  border: 1px solid var(--v126-line);
  border-radius: 24px;
  background: linear-gradient(145deg, #ffffff, #f4faff);
  box-shadow: 0 17px 40px rgba(13, 49, 82, .075);
}

body.v126-join-page .v126-contact-section .hr-contact-avatar {
  display: grid;
  width: 68px;
  height: 68px;
  place-items: center;
  border: 1px solid #bfe4f8;
  border-radius: 22px;
  color: #ffffff;
  background: linear-gradient(135deg, #135fda, #37c8ee);
  box-shadow: 0 12px 26px rgba(20, 103, 223, .20);
  font-size: 24px;
  font-weight: 850;
}

body.v126-join-page .v126-contact-section .hr-contact-role {
  display: block;
  margin-bottom: 5px;
  color: #168fc8;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.v126-join-page .v126-contact-section .hr-contact-copy h3 {
  margin-bottom: 5px;
  color: var(--v126-ink);
  font-size: 23px;
  letter-spacing: -.025em;
}

body.v126-join-page .v126-contact-section .hr-contact-number {
  color: var(--v126-muted);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

body.v126-join-page .v126-contact-section .hr-contact-actions {
  display: flex;
  gap: 8px;
}

body.v126-join-page .v126-contact-section .hr-contact-actions .button {
  display: inline-flex;
  min-height: 43px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid #d7e4f0;
  border-radius: 12px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

body.v126-join-page .v126-contact-section .hr-contact-actions .hr-whatsapp {
  border-color: #bcebd4;
  color: #087841;
  background: #eafaf2;
}

body.v126-join-page .v126-contact-section .hr-contact-actions .hr-call {
  color: #1b568d;
  background: #ffffff;
}

body.v126-join-page .v126-contact-section .hr-contact-actions svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

body.v126-join-page .v126-final-cta {
  padding-top: 0;
  background: #ffffff;
}

body.v126-join-page .v126-final-panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) auto;
  align-items: center;
  gap: 52px;
  padding: clamp(42px, 6vw, 76px);
  overflow: hidden;
  border-radius: 30px;
  color: #ffffff;
  background:
    radial-gradient(circle at 88% 0%, rgba(75, 216, 255, .30), transparent 31%),
    linear-gradient(135deg, #061a35, #0d3970 68%, #0a5a8c);
  box-shadow: 0 28px 65px rgba(7, 38, 76, .20);
}

body.v126-join-page .v126-final-panel::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -180px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  pointer-events: none;
}

body.v126-join-page .v126-final-panel > * {
  position: relative;
  z-index: 1;
}

body.v126-join-page .v126-final-panel .v126-label {
  color: #64d9ff;
}

body.v126-join-page .v126-final-panel h2 {
  max-width: 780px;
  margin-bottom: 16px;
  color: #ffffff;
}

body.v126-join-page .v126-final-panel p {
  max-width: 720px;
  color: #c0d4e7;
}

body.v126-join-page .v126-final-actions {
  justify-content: flex-end;
}

body.v126-join-page .v126-button.light {
  color: #0a3566;
  background: #ffffff;
  box-shadow: 0 13px 28px rgba(0, 9, 27, .19);
}

body.v126-join-page .v126-button.ghost {
  border-color: rgba(255, 255, 255, .32);
  color: #ffffff;
  background: rgba(255, 255, 255, .07);
}

body.v126-join-page .v126-button.ghost:hover {
  background: rgba(255, 255, 255, .13);
}

body.v126-join-page :where(a, button):focus-visible {
  outline: 3px solid #65d9ff;
  outline-offset: 3px;
}

@media (max-width: 1120px) {
  body.v126-join-page .v126-hero-grid {
    grid-template-columns: minmax(0, .95fr) minmax(400px, 1.05fr);
    gap: 42px;
  }

  body.v126-join-page .v126-value-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.v126-join-page .v126-value-grid article {
    min-height: 230px;
  }

  body.v126-join-page .v126-contact-section .hr-contact-card {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  body.v126-join-page .v126-contact-section .hr-contact-actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  body.v126-join-page .v126-hero {
    padding-bottom: 76px;
  }

  body.v126-join-page .v126-breadcrumb {
    margin-bottom: 34px;
  }

  body.v126-join-page .v126-hero-grid,
  body.v126-join-page .v126-section-head,
  body.v126-join-page .v126-process-layout,
  body.v126-join-page .v126-contact-section .hr-contact-heading,
  body.v126-join-page .v126-final-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  body.v126-join-page .v126-hero-photo {
    min-height: 510px;
  }

  body.v126-join-page .v126-section-head,
  body.v126-join-page .v126-contact-section .hr-contact-heading {
    align-items: start;
    gap: 20px;
  }

  body.v126-join-page .v126-role-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.v126-join-page .v126-role-grid article {
    min-height: auto;
  }

  body.v126-join-page .v126-role-note {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.v126-join-page .v126-role-note p {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  body.v126-join-page .v126-process-copy {
    position: static;
  }

  body.v126-join-page .v126-contact-section .hr-contact-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.v126-join-page .v126-contact-section .hr-contact-card {
    grid-template-columns: 76px minmax(0, 1fr) auto;
  }

  body.v126-join-page .v126-contact-section .hr-contact-actions {
    grid-column: auto;
  }

  body.v126-join-page .v126-final-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  body.v126-join-page .v126-hero {
    padding: 24px 0 64px;
  }

  body.v126-join-page .v126-hero-copy h1 {
    font-size: clamp(42px, 13vw, 58px);
  }

  body.v126-join-page .v126-hero-copy > p {
    font-size: 17px;
    line-height: 1.65;
  }

  body.v126-join-page .v126-actions,
  body.v126-join-page .v126-final-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  body.v126-join-page .v126-button {
    width: 100%;
  }

  body.v126-join-page .v126-proof {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  body.v126-join-page .v126-proof li {
    width: max-content;
    max-width: 100%;
  }

  body.v126-join-page .v126-hero-photo {
    min-height: 420px;
    border-radius: 26px;
  }

  body.v126-join-page .v126-hero-photo::before {
    inset: 10px;
    border-radius: 18px;
  }

  body.v126-join-page .v126-photo-tag {
    top: 24px;
    right: 24px;
  }

  body.v126-join-page .v126-hero-photo figcaption {
    right: 24px;
    bottom: 25px;
    left: 24px;
  }

  body.v126-join-page .v126-value-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.v126-join-page .v126-value-grid article {
    min-height: 220px;
  }

  body.v126-join-page .v126-role-grid article {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 17px;
    padding: 23px;
  }

  body.v126-join-page .v126-role-code {
    width: 50px;
    height: 50px;
    border-radius: 15px;
  }

  body.v126-join-page .v126-role-note {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  body.v126-join-page .v126-role-note p {
    grid-column: auto;
    grid-row: auto;
  }

  body.v126-join-page .v126-process-list::before {
    left: 49px;
  }

  body.v126-join-page .v126-process-list li {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 17px;
    min-height: 120px;
    padding: 20px;
  }

  body.v126-join-page .v126-process-list li > span {
    width: 56px;
    height: 56px;
    border-width: 6px;
  }

  body.v126-join-page .v126-contact-section .hr-contact-card {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 17px;
    padding: 22px;
  }

  body.v126-join-page .v126-contact-section .hr-contact-avatar {
    width: 58px;
    height: 58px;
    border-radius: 18px;
  }

  body.v126-join-page .v126-contact-section .hr-contact-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.v126-join-page .v126-final-panel {
    gap: 30px;
    border-radius: 25px;
  }
}

@media (max-width: 420px) {
  body.v126-join-page .v126-hero-photo {
    min-height: 380px;
  }

  body.v126-join-page .v126-photo-tag {
    right: 18px;
    left: 18px;
    justify-content: center;
  }

  body.v126-join-page .v126-role-grid article {
    grid-template-columns: minmax(0, 1fr);
  }

  body.v126-join-page .v126-process-list::before {
    display: none;
  }

  body.v126-join-page .v126-process-list li {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.v126-join-page .v126-button,
  body.v126-join-page .v126-value-grid article,
  body.v126-join-page .v126-role-grid article {
    transition: none;
  }
}


/* Source: v127.css */
/* V127 — dark-panel contrast correction and platform badge readability. */

/* Join Us: keep every dark-background message bright in both theme modes. */
body.v126-join-page .v126-hero-copy h1 {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 8px 30px rgba(0, 9, 24, .18) !important;
}

body.v126-join-page .v126-hero-copy h1 em {
  color: #68dcff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #68dcff !important;
}

body.v126-join-page .v126-hero-copy > p {
  color: #d5e4f1 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #d5e4f1 !important;
}

body.v126-join-page .v126-breadcrumb,
body.v126-join-page .v126-breadcrumb span {
  color: #bed3e7 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #bed3e7 !important;
}

body.v126-join-page .v126-breadcrumb a {
  color: #edf7ff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #edf7ff !important;
}

body.v126-join-page .v126-kicker {
  color: #69ddff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #69ddff !important;
}

body.v126-join-page .v126-proof li {
  border-color: rgba(164, 221, 255, .28) !important;
  color: #edf7ff !important;
  background: rgba(255, 255, 255, .10) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #edf7ff !important;
}

body.v126-join-page .v126-roles-section .v126-section-head.light h2 {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 8px 30px rgba(0, 9, 24, .18) !important;
}

body.v126-join-page .v126-roles-section .v126-section-head.light > p {
  color: #d4e3f0 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #d4e3f0 !important;
}

body.v126-join-page .v126-roles-section .v126-label,
body.v126-join-page .v126-role-grid small {
  color: #70ddff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #70ddff !important;
}

body.v126-join-page .v126-role-grid article {
  border-color: rgba(132, 211, 255, .34) !important;
  background: rgba(255, 255, 255, .105) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 18px 40px rgba(0, 12, 31, .12) !important;
}

body.v126-join-page .v126-role-grid h3 {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.v126-join-page .v126-role-grid p {
  color: #d3e1ed !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #d3e1ed !important;
}

body.v126-join-page .v126-role-code {
  border-color: rgba(101, 219, 255, .55) !important;
  color: #8ce8ff !important;
  background: rgba(0, 131, 202, .20) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #8ce8ff !important;
}

body.v126-join-page .v126-role-note {
  border-color: rgba(132, 211, 255, .31) !important;
  background: rgba(3, 20, 41, .58) !important;
}

body.v126-join-page .v126-role-note span {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.v126-join-page .v126-role-note p {
  color: #d2e1ed !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #d2e1ed !important;
}

body.v126-join-page .v126-role-note a {
  color: #7ee5ff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #7ee5ff !important;
}

body.v126-join-page .v126-final-panel .v126-label {
  color: #71dfff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #71dfff !important;
}

body.v126-join-page .v126-final-panel h2 {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 8px 30px rgba(0, 9, 24, .16) !important;
}

body.v126-join-page .v126-final-panel p {
  color: #d8e7f3 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #d8e7f3 !important;
}

body.v126-join-page .v126-final-panel .v126-button.light {
  color: #0a3566 !important;
  background: #ffffff !important;
  -webkit-text-fill-color: #0a3566 !important;
}

body.v126-join-page .v126-final-panel .v126-button.ghost {
  border-color: rgba(255, 255, 255, .48) !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, .12) !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Retailer Scan Data AI and Commercial Business System: make hero capability badges clear against deep-blue panels. */
body.v108-platform-page .v108-proof-list > li {
  border-color: rgba(151, 218, 255, .36) !important;
  color: #f2f8ff !important;
  background: rgba(255, 255, 255, .12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #f2f8ff !important;
  text-shadow: 0 1px 1px rgba(0, 10, 30, .18) !important;
}

body.v108-platform-page .v108-proof-list > li::before {
  background: #55d7ff !important;
  box-shadow: 0 0 0 4px rgba(85, 215, 255, .20) !important;
  opacity: 1 !important;
}

body.theme-dark.v126-join-page .v126-hero-copy h1,
body.theme-dark.v126-join-page .v126-roles-section h2,
body.theme-dark.v126-join-page .v126-role-grid h3,
body.theme-dark.v126-join-page .v126-final-panel h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.theme-dark.v108-platform-page .v108-proof-list > li {
  color: #f2f8ff !important;
  background: rgba(255, 255, 255, .12) !important;
  -webkit-text-fill-color: #f2f8ff !important;
}