.careers-hero {
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.46), rgba(255, 253, 248, 0.14));
}

.careers-hero .page-hero__copy {
  position: relative;
  padding: clamp(28px, 4vw, 40px);
  border-radius: 36px;
  background: linear-gradient(135deg, rgba(255, 253, 248, 0.9), rgba(242, 238, 230, 0.66));
  box-shadow: 0 28px 64px rgba(15, 23, 42, 0.08);
}

.careers-hero .page-hero__copy::after {
  content: "";
  position: absolute;
  inset: auto 26px -14px 26px;
  height: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(100, 116, 139, 0.28), rgba(30, 41, 59, 0.22));
}

.careers-roles-section .info-card,
.careers-benefits-section .info-card {
  min-height: 100%;
  border: none;
  background: linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(242, 238, 230, 0.98));
}

.careers-benefits-section .info-card:nth-child(2),
.careers-benefits-section .info-card:nth-child(3) {
  background: linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(237, 232, 223, 0.98));
}

.careers-process-section .page-step-card {
  min-height: 100%;
  border: none;
  background: linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(242, 238, 230, 0.98));
}

.careers-process-art .section-illustration--careers {
  margin-top: 0;
  border-radius: 30px;
  box-shadow: 0 28px 60px rgba(15, 23, 42, 0.14);
}

.careers-cta-section .cta-panel {
  border: none;
  background: linear-gradient(135deg, #2b3443 0%, #1e293b 100%);
  box-shadow: 0 30px 64px rgba(15, 23, 42, 0.18);
}

.careers-cta-section .cta-panel h2,
.careers-cta-section .cta-panel p,
.careers-cta-section .cta-panel .eyebrow {
  color: #fff7ed;
}

.careers-cta-section .cta-panel .eyebrow {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
}

.careers-cta-section {
  padding-top: 16px;
  padding-bottom: 96px;
}