/* ===========================================
   ZenOps - Démarche Section Styles
   Source: Figma CSS Export (STRICT)
   =========================================== */

.demarche {
  position: relative;
  width: 1512px;
  height: 680px;
}

/* Header */
.demarche__header {
  position: absolute;
  width: 1352px;
  height: 217px;
  left: 80px;
  top: 18px;
}

.demarche__kicker {
  position: absolute;
  width: 633px;
  left: 0px;
  top: 0px;
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.03em;
  color: #3BFF9A;
  margin: 0;
}

.demarche__title {
  position: absolute;
  width: 1352px;
  left: 0px;
  top: 53px;
  font-family: 'Clash Grotesk', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 110%;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  margin: 0;
}

.demarche__subtitle {
  position: absolute;
  width: 1352px;
  left: 0px;
  top: 127px;
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #A0B6D9;
  margin: 0;
}

/* Timeline Container */
.demarche__timeline {
  position: absolute;
  width: 1352px;
  height: 210px;
  left: 80px;
  bottom: 60px;
}

/* Horizontal Line */
.demarche__line {
  position: absolute;
  width: 1352px;
  height: 1px;
  left: 0px;
  top: 71px;
  background: rgba(160, 182, 217, 0.3);
}

/* Step */
.demarche__step {
  position: absolute;
  width: 289px;
  height: 210px;
}

.demarche__step:nth-child(2) {
  left: 0px;
  top: 0px;
}

.demarche__step:nth-child(3) {
  left: 351px;
  top: 0px;
}

.demarche__step:nth-child(4) {
  left: 702px;
  top: 0px;
}

.demarche__step:nth-child(5) {
  left: 1053px;
  top: 0px;
}

/* Step Label (ÉTAPE X) */
.demarche__step-label {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #3BFF9A;
  margin: 0 0 8px 0;
}

.demarche__step-label span {
  color: #3BFF9A;
}

/* Step Title */
.demarche__step-title {
  font-family: 'Clash Grotesk', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #F4F6FB;
  margin: 0 0 24px 0;
}

/* Step Dot */
.demarche__step-dot {
  width: 12px;
  height: 12px;
  background: #3BFF9A;
  filter: blur(2px);
  border-radius: 50%;
  margin: 0 0 24px 0;
}

/* Step Description */
.demarche__step-text {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #A0B6D9;
  margin: 0;
}