/* ===========================================
   ZenOps - Positionnement Section Styles
   Source: Figma CSS Export (STRICT)
   =========================================== */

.positionnement {
  position: relative;
  width: 1512px;
  height: 866px;
}

/* Header */
.positionnement__header {
  position: absolute;
  width: 1352px;
  height: 217px;
  left: 79px;
  top: 35px;
}

.positionnement__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;
}

.positionnement__title {
  position: absolute;
  width: 664px;
  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;
}

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

/* Vertical Line */
.positionnement__line-vertical {
  position: absolute;
  width: 1px;
  height: 464px;
  left: 80px;
  top: 342px;
  background: rgba(160, 182, 217, 0.3);
}

/* Horizontal Line (separator between AUTRES and ZENOPS) */
.positionnement__line-horizontal {
  position: absolute;
  width: 665px;
  height: 1px;
  left: 766px;
  top: 532px;
  background: rgba(160, 182, 217, 0.3);
}

/* Left Stats Block */
.positionnement__stats {
  position: absolute;
  width: 502px;
  left: 125px;
  top: 575px;
}

.positionnement__stats-value {
  font-family: 'Clash Grotesk', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 112px;
  line-height: 100%;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg, #3BFF9A 0%, #A1F3FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}

.positionnement__stats-label {
  font-family: 'Clash Grotesk', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #F4F6FB;
  margin: 12px 0 0 0;
}

.positionnement__stats-sub {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #A0B6D9;
  margin: 8px 0 0 0;
}

/* Iceberg Bars Container */
.positionnement__bars {
  position: absolute;
  width: 665px;
  left: 766px;
  top: 345px;
}

/* Bar Item */
.positionnement__bar {
  position: relative;
  width: 664px;
  height: 64px;
  margin-bottom: 24px;
}

.positionnement__bar:last-child {
  margin-bottom: 0;
}

.positionnement__bar-bg {
  position: absolute;
  width: 664px;
  height: 64px;
  left: 0px;
  top: 0px;
  background: radial-gradient(501.46% 506.91% at 73.8% -328.7%, #018EB9 0%, #121826 100%);
  opacity: 0.6;
  border-radius: 15px;
  border: 1px solid rgba(160, 182, 217, 0.15);
}

.positionnement__bar-text {
  position: absolute;
  left: 45px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'Clash Grotesk', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #F4F6FB;
  margin: 0;
}

.positionnement__bar-label {
  position: absolute;
  right: 45px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -0.01em;
  text-align: right;
  margin: 0;
}

/* AUTRES bars (grayed out) */
.positionnement__bar--autres .positionnement__bar-text {
  opacity: 0.5;
}

.positionnement__bar--autres .positionnement__bar-label {
  color: #F4F6FB;
  opacity: 0.5;
}

/* ZENOPS bars (highlighted) */
.positionnement__bar--zenops .positionnement__bar-label {
  color: #3BFF9A;
}

/* Separator before ZENOPS bars */
.positionnement__separator {
  width: 665px;
  height: 1px;
  background: rgba(160, 182, 217, 0.3);
  margin: 24px 0;
}