/* moment — Premium Finish */

/* Atmosphere */
body.beta-page {
  background:
    radial-gradient(
      ellipse 65% 22% at 50% 8%,
      rgba(91, 54, 142, .11),
      transparent 75%
    ),
    #050506;
  color: #f7f7f8;
  -webkit-font-smoothing: antialiased;
}

/* Parcours */
body.beta-page .beta-journey {
  max-width: 1160px;
}

body.beta-page .beta-journey-heading h2 {
  letter-spacing: -.065em;
  line-height: 1.02;
  text-wrap: balance;
}

body.beta-page .beta-journey-step {
  transition: transform .25s ease;
}

body.beta-page .beta-journey-image {
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 32px;
  background:
    radial-gradient(
      ellipse at 50% 80%,
      rgba(120, 72, 170, .12),
      transparent 70%
    ),
    linear-gradient(145deg, #111115, #09090c);
  box-shadow:
    0 25px 65px rgba(0,0,0,.24),
    inset 0 1px rgba(255,255,255,.035);
}

body.beta-page .beta-journey-image img {
  filter: drop-shadow(0 24px 32px rgba(0,0,0,.48));
}

body.beta-page .beta-journey-copy h3 {
  letter-spacing: -.04em;
}

body.beta-page .beta-journey-copy p {
  color: rgba(255,255,255,.62);
}

/* Formulaire */
body.beta-page .beta-candidature {
  max-width: 760px;
  margin: 0 auto;
  padding: 72px 0 85px !important;
}

body.beta-page .beta-candidature h2 {
  letter-spacing: -.055em;
  text-wrap: balance;
}

body.beta-page .beta-candidature input:not([type="checkbox"]),
body.beta-page .beta-candidature select {
  min-height: 52px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 13px;
  background: rgba(255,255,255,.055);
  color: #fff;
  transition:
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

body.beta-page .beta-candidature input:focus-visible,
body.beta-page .beta-candidature select:focus-visible {
  outline: none;
  border-color: rgba(185,150,255,.8);
  background: rgba(255,255,255,.075);
  box-shadow: 0 0 0 3px rgba(155,110,255,.13);
}

body.beta-page .beta-candidature button[type="submit"] {
  min-height: 54px;
  border-radius: 999px;
  font-weight: 750;
  letter-spacing: -.01em;
  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

/* Zone pilote */
body.beta-page .beta-pilot-local {
  border-top: 1px solid rgba(255,255,255,.08);
}

body.beta-page .beta-pilot-local h2 {
  letter-spacing: -.055em;
  text-wrap: balance;
}

/* Interactions */
@media (hover: hover) {
  body.beta-page .beta-journey-step:hover {
    transform: translateY(-4px);
  }

  body.beta-page .beta-candidature button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 38px rgba(255,255,255,.12);
  }
}

/* Mobile */
@media (max-width: 760px) {
  body.beta-page .beta-journey {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.beta-page .beta-candidature {
    padding: 55px 0 65px !important;
  }

  body.beta-page .beta-journey-image {
    border-radius: 24px;
  }
}

/* Accessibilite */
@media (prefers-reduced-motion: reduce) {
  body.beta-page .beta-journey-step,
  body.beta-page .beta-candidature button[type="submit"] {
    transition: none;
  }
}


/* ==================================================
   moment — Structure finale de la page beta
   ================================================== */

/* Ancien hero conserve pour compatibilite JavaScript */
body.beta-page .beta-hero {
  display: none !important;
}

/* Les trois captures deviennent la premiere section */
body.beta-page .beta-journey {
  padding-top: 32px !important;
  padding-bottom: 55px !important;
  border-top: 0 !important;
}

/* Bouton sous les captures */
body.beta-page .beta-journey-cta {
  margin-top: 36px !important;
}

/* Formulaire directement apres les captures */
body.beta-page .beta-candidature {
  padding-top: 45px !important;
}

/* Supprimer les anciennes sections redondantes */
body.beta-page .beta-examples-local,
body.beta-page .beta-experience-copy {
  display: none !important;
}

/* Zone pilote */
body.beta-page .beta-pilot-local {
  padding-top: 55px !important;
  padding-bottom: 65px !important;
}

@media (max-width: 760px) {
  body.beta-page .beta-journey {
    padding-top: 20px !important;
  }

  body.beta-page .beta-candidature {
    padding-top: 35px !important;
  }
}


/* moment : zone pilote centree sur mobile, typographie originale */
@media (max-width: 700px) {
  body.beta-page .beta-pilot-local {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 48px 18px 55px !important;
    text-align: center;
  }

  body.beta-page .beta-pilot-local h2 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(2.2rem, 3.5vw, 3.5rem);
    white-space: normal !important;
    overflow-wrap: break-word;
    text-wrap: balance;
    text-align: center;
  }

  body.beta-page .beta-pilot-local p,
  body.beta-page .beta-pilot-local .beta-pilot-cities {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    white-space: normal;
  }
}