/* Version 3.0 — parcours de vente final, preuve audio et formulaire progressif. */

.order-section .order-form .order-form-welcome {
  background:#62434f !important;
  color:#fff !important;
}

.hero-reassurance {
  margin:22px 0 0;
  color:var(--slate);
  font-size:11px;
  font-weight:650;
  letter-spacing:.04em;
}

.offer-section,
.about-section,
.steps-section,
.questions-section,
.faq-section { padding-top:100px; padding-bottom:100px; }

.text-cta {
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:28px;
  color:var(--copper);
  font-size:14px;
  font-weight:750;
}

.text-cta span { font-size:20px; transition:transform 160ms ease; }
.text-cta:hover span { transform:translateX(5px); }

.proof-section {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  min-height:520px;
  color:#fff;
  background:var(--plum);
}

.proof-image { min-height:520px; overflow:hidden; }
.proof-image img { width:100%; height:100%; min-height:520px; object-fit:cover; object-position:center; filter:saturate(.84) sepia(.05) contrast(.98); }

.proof-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:78px clamp(40px,7vw,110px);
}

.proof-copy h2 {
  max-width:680px;
  margin:0 0 25px;
  color:#fff9f5;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(40px,4vw,61px);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.035em;
}

.proof-copy>p:not(.eyebrow) {
  max-width:650px;
  margin:0;
  color:rgba(255,249,245,.78);
  font-size:17px;
  line-height:1.75;
}

.audio-sample {
  display:grid;
  grid-template-columns:48px 1fr;
  gap:16px;
  align-items:start;
  margin:30px 0 0;
  padding:20px;
  background:rgba(255,250,245,.1);
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
}

.audio-sample>span {
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  color:var(--plum);
  background:#f4d9cf;
  border-radius:50%;
  font-size:13px;
}

.audio-sample>div { min-width:0; display:flex; flex-direction:column; gap:3px; }
.audio-sample strong { color:#fff; font-family:Georgia,serif; font-size:18px; font-weight:400; }
.audio-sample small { color:rgba(255,255,255,.62); font-size:11px; }
.audio-sample audio { width:100%; margin-top:12px; height:42px; }

.proof-includes { display:flex; flex-wrap:wrap; gap:9px; margin:25px 0; }
.proof-includes span { padding:8px 11px; color:#f7dfd5; border:1px solid rgba(247,223,213,.26); border-radius:999px; font-size:11px; }
.proof-copy>.button { align-self:flex-start; margin-top:4px; }

.about-image { min-height:520px; }
.about-image img { min-height:520px; }
.steps-grid { margin-top:50px; }
.steps-grid article { min-height:275px; }
.step-number { margin-bottom:30px; }

.form-part-title {
  display:flex;
  align-items:center;
  gap:12px;
  margin:4px 0 0;
  padding:0 0 15px;
  border-bottom:1px solid rgba(67,47,55,.12);
}

.form-part-title>span {
  flex:0 0 31px;
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--copper);
  border-radius:50%;
  font-size:11px;
  font-weight:800;
}

.order-section .order-form .form-part-title p { display:flex; flex-direction:column; gap:2px; margin:0; color:var(--ink)!important; }
.form-part-title strong { color:var(--ink); font-family:Georgia,serif; font-size:17px; font-weight:400; }
.form-part-title small { color:var(--slate); font-size:11px; line-height:1.4; }
.form-part-consents { margin-top:26px; }
.order-field label small { color:var(--slate); font-size:10px; font-weight:500; }
.order-form-grid { gap:17px 20px; }
.order-field textarea { min-height:96px; }
.order-consents { margin-top:15px; }

.mobile-sticky-cta { display:none; }

.order-form-welcome-copy {
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#fff !important;
}

.order-section .order-form .order-form-welcome-copy strong {
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  font-weight:400;
  line-height:1.3;
}

.order-section .order-form .order-form-welcome-copy small {
  color:#f4d9cf !important;
  font-size:12px;
  line-height:1.45;
}

@media (max-width:1100px) {
  .hero > .hero-image { order:1; }

  .hero > .offer-badge {
    position:relative;
    z-index:5;
    order:2;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    flex:0 0 auto;
    margin:24px auto 0;
    transform:rotate(-4deg);
  }

  .hero > .hero-content {
    order:3;
    padding-top:40px;
  }

  .proof-section { grid-template-columns:1fr; }
  .proof-image { min-height:0; aspect-ratio:1536 / 750; }
  .proof-image img { min-height:0; aspect-ratio:1536 / 750; }
  .proof-copy { padding:70px clamp(32px,7vw,80px) 80px; }
}

@media (max-width:780px) {
  body { padding-bottom:68px; font-size:16px; }

  .hero > .offer-badge {
    width:132px;
    height:132px;
    margin-top:22px;
  }

  .hero > .offer-badge span,
  .hero > .offer-badge small { font-size:8px; }

  .hero > .offer-badge strong { font-size:39px; }
  .hero > .hero-content { padding-top:38px; }
  .hero-reassurance { font-size:12px; line-height:1.55; }

  .offer-section,
  .about-section,
  .steps-section,
  .questions-section,
  .faq-section { padding-top:76px; padding-bottom:76px; }

  .proof-copy { padding:64px 24px 74px; }
  .proof-copy>p:not(.eyebrow) { font-size:16.5px; }
  .proof-includes { margin:22px 0; }
  .proof-copy>.button { width:100%; text-align:center; }
  .audio-sample { grid-template-columns:40px 1fr; padding:16px; }
  .audio-sample>span { width:40px; height:40px; }
  .audio-sample strong { font-size:16px; }

  .form-part-title { margin-top:7px; }
  .form-part-title strong { font-size:18px; }
  .form-part-title small { font-size:12px; }

  .mobile-sticky-cta {
    position:fixed;
    z-index:100;
    right:12px;
    bottom:10px;
    left:12px;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:0 20px;
    color:#fff;
    background:#bd315c;
    border:2px solid rgba(255,255,255,.85);
    border-radius:999px;
    box-shadow:0 12px 35px rgba(83,25,44,.35);
    font-size:13px;
    font-weight:750;
  }

  .mobile-sticky-cta strong { font-family:Georgia,serif; font-size:21px; font-weight:400; white-space:nowrap; }

  .section-heading > p:last-child,
  .steps-grid p,
  .approach-copy p,
  .about-copy > p,
  .faq-list details p {
    font-size:16.5px;
    line-height:1.72;
  }

  .steps-grid h3 {
    max-width:none;
    margin-bottom:16px;
    font-size:29px;
    line-height:1.22;
  }

  .steps-grid article { padding:34px 26px; }

  .price-card li {
    font-size:16px;
    line-height:1.5;
  }

  .trust-strip span { font-size:14px; }

  .question-list p {
    font-size:22px;
    line-height:1.42;
  }

  .questions-note {
    font-size:14px;
    line-height:1.65;
  }

  .faq-list summary {
    font-size:22px;
    line-height:1.35;
  }

  .order-copy > p:not(.eyebrow) {
    font-size:16.5px;
    line-height:1.7;
  }

  .order-steps strong { font-size:14px; }

  .order-steps small {
    color:rgba(255,255,255,.72);
    font-size:13px;
    line-height:1.5;
  }

  .order-field label { font-size:14px; }

  .order-field input,
  .order-field select,
  .order-field textarea { font-size:16px; }

  .order-consents label {
    font-size:13px;
    line-height:1.55;
  }

  .order-form-note { font-size:12px; }
}