/** Shopify CDN: Minification failed

Line 695:4 Unexpected "@media"

**/
/* RON-PICHE — Page-specific styles (Vague 1)
 *
 * À uploader dans Shopify Theme → Edit code → Assets → rp-pages.css
 * À référencer dans theme.liquid (header, après rp-tokens.css) :
 *   {{ 'rp-pages.css' | asset_url | stylesheet_tag }}
 *
 * Couvre : LP A1 (.lpa1), LP A2 (.lpa2), Home (.rphome), PDP (.rppdp), Tier 2 (.rppage)
 */

/* ==============================================================
   1. WEBFONTS — EB Garamond + Inter + JetBrains Mono
   ============================================================== */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap');

/* ==============================================================
   2. DESIGN TOKENS (override or extend rp-tokens.css)
   ============================================================== */
:root {
  --rp-bg: #FAFAF7;
  --rp-surface: #FFFFFF;
  --rp-ink: #0F1419;
  --rp-gris-froid: #5C6470;
  --rp-gris-clair: #E5E7EB;
  --rp-bleu-edito: #1E3A5F;
  --rp-sage: #5C7370;
  --rp-bleu-clair: #E8EDF2;
  --rp-serif: 'EB Garamond', 'Tiempos Headline', Charter, Georgia, serif;
  --rp-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --rp-mono: 'JetBrains Mono', ui-monospace, monospace;
}

/* ==============================================================
   3. BASE — applied to .lpa1, .lpa2, .rphome, .rppdp, .rppage
   ============================================================== */
.lpa1, .lpa2, .rphome, .rppdp, .rppage {
  font-family: var(--rp-sans);
  font-size: 16px;
  line-height: 1.6;
  color: var(--rp-ink);
  background: var(--rp-bg);
  -webkit-font-smoothing: antialiased;
}
.lpa1 *, .lpa1 *::before, .lpa1 *::after,
.lpa2 *, .lpa2 *::before, .lpa2 *::after,
.rphome *, .rphome *::before, .rphome *::after,
.rppdp *, .rppdp *::before, .rppdp *::after,
.rppage *, .rppage *::before, .rppage *::after {
  box-sizing: border-box;
}
.lpa1 img, .lpa2 img, .rphome img, .rppdp img, .rppage img {
  max-width: 100%;
  height: auto;
  display: block;
}
.lpa1 button, .lpa2 button, .rphome button, .rppdp button, .rppage button {
  font: inherit;
  cursor: pointer;
}
.lpa1 a, .lpa2 a, .rphome a, .rppdp a, .rppage a {
  color: inherit;
}

/* ==============================================================
   4. SHARED HELPERS (.eyebrow, .source, .legal-mention, .cta-primary)
   ============================================================== */
.lpa1 .eyebrow, .lpa2 .eyebrow, .rphome .eyebrow, .rppdp .eyebrow, .rppage .eyebrow {
  font: 400 12px/1 var(--rp-mono);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--rp-gris-froid);
  margin: 0;
}
.lpa1 .source, .lpa2 .source, .rphome .source, .rppdp .source, .rppage .source {
  font: 400 11px/1.4 var(--rp-mono);
  letter-spacing: 0.05em;
  color: var(--rp-gris-froid);
  margin: 0;
}
.lpa1 .legal-mention, .lpa2 .legal-mention, .rphome .legal-mention, .rppdp .legal-mention, .rppage .legal-mention {
  font: 400 11px/1.4 var(--rp-mono);
  letter-spacing: 0.05em;
  color: var(--rp-gris-froid);
  margin: 0;
  text-align: center;
}
.lpa1 .cta-primary, .lpa2 .cta-primary, .rphome .cta-primary, .rppdp .cta-primary, .rppage .cta-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  padding: 16px 24px;
  background: var(--rp-ink);
  color: var(--rp-bg);
  font: 500 15px/1 var(--rp-sans);
  letter-spacing: 0.01em;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  transition: opacity 200ms ease-out;
}
.lpa1 .cta-primary:hover, .lpa2 .cta-primary:hover, .rphome .cta-primary:hover, .rppdp .cta-primary:hover, .rppage .cta-primary:hover { opacity: 0.92; }
.lpa1 .cta-primary:active, .lpa2 .cta-primary:active, .rphome .cta-primary:active, .rppdp .cta-primary:active, .rppage .cta-primary:active { opacity: 0.85; }
.lpa1 .cta-primary--accent, .lpa2 .cta-primary--accent, .rphome .cta-primary--accent, .rppdp .cta-primary--accent, .rppage .cta-primary--accent { background: var(--rp-bleu-edito); }
.lpa1 .cta-primary--inverse, .lpa2 .cta-primary--inverse, .rphome .cta-primary--inverse, .rppdp .cta-primary--inverse, .rppage .cta-primary--inverse { background: var(--rp-bg); color: var(--rp-ink); }
.lpa1 .cta-microcopy, .lpa2 .cta-microcopy, .rphome .cta-microcopy, .rppdp .cta-microcopy, .rppage .cta-microcopy {
  font: 400 13px/1.5 var(--rp-sans);
  color: var(--rp-gris-froid);
  margin: 0;
  text-align: center;
}

/* ==============================================================
   5. LP A1 PARTENAIRE — .lpa1 namespaced styles
   ============================================================== *//* HERO */.lpa1 .hero, .lpa2 .hero { padding: 32px 24px 64px; min-height: 100vh; display: flex; flex-direction: column; gap: 32px; }
.lpa1 .hero__wordmark, .lpa2 .hero__wordmark { font: 500 12px/1 var(--rp-mono); letter-spacing: 0.04em; color: var(--rp-ink); margin: 0; }
.lpa1 .hero__headline, .lpa2 .hero__headline { font: 500 34px/1.05 var(--rp-serif); letter-spacing: -0.01em; color: var(--rp-ink); margin: 0; }
.lpa1 .hero__headline em, .lpa2 .hero__headline em { font-style: italic; color: var(--rp-bleu-edito); font-weight: 500; }
.lpa1 .hero__photo, .lpa2 .hero__photo { margin: 0; max-height: 50vh; overflow: hidden; border-radius: 4px; background: var(--rp-gris-clair); aspect-ratio: 4 / 5; }
.lpa1 .hero__photo img, .lpa2 .hero__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.lpa1 .hero__body, .lpa2 .hero__body { font: 400 17px/1.55 var(--rp-sans); color: var(--rp-ink); margin: 0; }
.lpa1 .hero__source, .lpa2 .hero__source { margin-top: 8px; }
.lpa1 .hero__cta-group, .lpa2 .hero__cta-group { display: flex; flex-direction: column; gap: 12px; margin-top: 8px; }

/* STORY */.lpa1 .story, .lpa2 .story { padding: 80px 24px; text-align: center; }
.lpa1 .story__inner, .lpa2 .story__inner { max-width: 680px; margin: 0 auto; }
.lpa1 .story__headline, .lpa2 .story__headline { font: 500 28px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 12px; }
.lpa1 .story__attribution, .lpa2 .story__attribution { font: italic 400 16px/1.5 var(--rp-sans); color: var(--rp-gris-froid); margin: 0 0 24px; }
.lpa1 .story__divider, .lpa2 .story__divider { width: 80px; height: 0.5px; background: var(--rp-gris-clair); border: none; margin: 32px auto; }
.lpa1 .story__body, .lpa2 .story__body { font: 400 17px/1.65 var(--rp-sans); color: var(--rp-ink); text-align: left; margin: 0 0 24px; }
.lpa1 .story__pullquote, .lpa2 .story__pullquote { position: relative; padding: 24px 0 24px 24px; border-left: 2px solid var(--rp-sage); font: italic 400 22px/1.3 var(--rp-serif); color: var(--rp-bleu-edito); margin: 48px 0; text-align: left; }
.lpa1 .story__legal, .lpa2 .story__legal { margin-top: 48px; }

/* MÉCANISME */.lpa1 .mecanisme, .lpa2 .mecanisme { padding: 96px 24px; }
.lpa1 .mecanisme__head, .lpa2 .mecanisme__head { text-align: center; max-width: 720px; margin: 0 auto 48px; }
.lpa1 .mecanisme__headline, .lpa2 .mecanisme__headline { font: 500 30px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }
.lpa1 .mecanisme__sub, .lpa2 .mecanisme__sub { font: 400 17px/1.55 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }
.lpa1 .mecanisme__cards, .lpa2 .mecanisme__cards { display: flex; flex-direction: column; gap: 32px; }
.lpa1 .mecanisme-card, .lpa2 .mecanisme-card { background: var(--rp-surface); border: 0.5px solid var(--rp-gris-clair); border-radius: 12px; overflow: hidden; }
.lpa1 .mecanisme-card__media, .lpa2 .mecanisme-card__media { aspect-ratio: 4 / 5; background: var(--rp-bg); display: flex; align-items: center; justify-content: center; overflow: hidden; max-height: 420px; }
.lpa1 .mecanisme-card__media img, .lpa2 .mecanisme-card__media img { max-width: 100%; max-height: 100%; object-fit: contain; padding: 24px; }
.lpa1 .mecanisme-card__pictogrid, .lpa2 .mecanisme-card__pictogrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; padding: 32px; width: 100%; max-height: 100%; }
.lpa1 .mecanisme-card__pictogrid img, .lpa2 .mecanisme-card__pictogrid img { width: 100%; height: auto; max-height: 140px; object-fit: contain; }
.lpa1 .mecanisme-card__body, .lpa2 .mecanisme-card__body { padding: 24px; }
.lpa1 .mecanisme-card__eyebrow, .lpa2 .mecanisme-card__eyebrow { font: 400 11px/1 var(--rp-mono); letter-spacing: 0.16em; color: var(--rp-bleu-edito); margin: 0 0 16px; }
.lpa1 .mecanisme-card__title, .lpa2 .mecanisme-card__title { font: 500 22px/1.2 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }
.lpa1 .mecanisme-card__text, .lpa2 .mecanisme-card__text { font: 400 16px/1.6 var(--rp-sans); color: var(--rp-ink); margin: 0; }
.lpa1 .mecanisme-card__text + .mecanisme-card__text, .lpa2 .mecanisme-card__text + .mecanisme-card__text { margin-top: 12px; }
.lpa1 .mecanisme__source, .lpa2 .mecanisme__source { margin: 24px 0 0; text-align: center; }
.lpa1 .mecanisme__cta-secondary, .lpa2 .mecanisme__cta-secondary { display: block; text-align: center; margin: 48px auto 0; font: 500 16px/1.5 var(--rp-sans); color: var(--rp-bleu-edito); text-decoration: underline; text-underline-offset: 4px; }

/* COMPARISON SLIDER */.lpa1 .compare, .lpa2 .compare { padding: 80px 24px; text-align: center; }
.lpa1 .compare__head, .lpa2 .compare__head { max-width: 580px; margin: 0 auto 32px; }
.lpa1 .compare__headline, .lpa2 .compare__headline { font: 500 28px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 12px; }
.lpa1 .compare__sub, .lpa2 .compare__sub { font: 400 16px/1.55 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }
.lpa1 .compare__slider, .lpa2 .compare__slider { position: relative; width: 100%; max-width: 720px; margin: 0 auto; aspect-ratio: 5 / 4; border-radius: 12px; overflow: hidden; background: var(--rp-ink); cursor: ew-resize; user-select: none; touch-action: pan-y; }
.lpa1 .compare__slider img, .lpa2 .compare__slider img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lpa1 .compare__slider-after, .lpa2 .compare__slider-after { clip-path: inset(0 0 0 50%); transition: clip-path 100ms linear; }
.lpa1 .compare__handle, .lpa2 .compare__handle { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: var(--rp-bg); transform: translateX(-50%); pointer-events: none; }
.lpa1 .compare__handle::before, .lpa2 .compare__handle::before { content: ''; position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; background: var(--rp-bg); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 2px 8px rgba(15,20,25,0.2); }
.lpa1 .compare__handle::after, .lpa2 .compare__handle::after { content: '⇄'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font: 500 16px/1 var(--rp-sans); color: var(--rp-ink); pointer-events: none; }
.lpa1 .compare__labels, .lpa2 .compare__labels { position: absolute; top: 16px; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 16px; pointer-events: none; }
.lpa1 .compare__label, .lpa2 .compare__label { font: 500 11px/1 var(--rp-mono); letter-spacing: 0.16em; color: var(--rp-bg); background: rgba(15,20,25,0.6); padding: 8px 12px; border-radius: 4px; }
.lpa1 .compare__caption, .lpa2 .compare__caption { margin-top: 16px; }

/* VOICES */.lpa1 .voices, .lpa2 .voices { padding: 96px 24px; background: var(--rp-surface); }
.lpa1 .voices__head, .lpa2 .voices__head { text-align: center; max-width: 560px; margin: 0 auto 48px; }
.lpa1 .voices__headline, .lpa2 .voices__headline { font: 500 28px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }
.lpa1 .voices__sub, .lpa2 .voices__sub { font: 400 16px/1.55 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }
.lpa1 .voices__grid, .lpa2 .voices__grid { display: flex; flex-direction: column; gap: 24px; max-width: 800px; margin: 0 auto; }
.lpa1 .voice-card, .lpa2 .voice-card { background: var(--rp-bg); border: 0.5px solid var(--rp-gris-clair); border-radius: 12px; padding: 32px 24px; display: flex; flex-direction: column; gap: 20px; }
.lpa1 .voice-card__quote, .lpa2 .voice-card__quote { font: italic 400 19px/1.5 var(--rp-serif); color: var(--rp-ink); margin: 0; }
.lpa1 .voice-card__meta, .lpa2 .voice-card__meta { display: flex; flex-direction: column; gap: 4px; }
.lpa1 .voice-card__name, .lpa2 .voice-card__name { font: 500 14px/1.4 var(--rp-sans); color: var(--rp-ink); margin: 0; }
.lpa1 .voice-card__detail, .lpa2 .voice-card__detail { font: 400 12px/1.4 var(--rp-mono); letter-spacing: 0.05em; color: var(--rp-gris-froid); margin: 0; }
.lpa1 .voices__legal, .lpa2 .voices__legal { text-align: center; margin-top: 32px; }
.lpa1 .voices__more-link, .lpa2 .voices__more-link { display: block; text-align: center; margin: 24px auto 0; font: 500 14px/1.5 var(--rp-sans); color: var(--rp-bleu-edito); text-decoration: underline; text-underline-offset: 4px; }

/* TIMELINE */.lpa1 .timeline, .lpa2 .timeline { padding: 96px 24px; }
.lpa1 .timeline__head, .lpa2 .timeline__head { text-align: center; max-width: 540px; margin: 0 auto 64px; }
.lpa1 .timeline__headline, .lpa2 .timeline__headline { font: 500 28px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }
.lpa1 .timeline__sub, .lpa2 .timeline__sub { font: 400 16px/1.55 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }
.lpa1 .timeline__steps, .lpa2 .timeline__steps { position: relative; max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 48px; list-style: none; padding: 0; }
.lpa1 .timeline__steps::before, .lpa2 .timeline__steps::before { content: ''; position: absolute; top: 24px; bottom: 24px; left: 23px; width: 0.5px; background: var(--rp-gris-clair); }
.lpa1 .timeline-step, .lpa2 .timeline-step { display: flex; gap: 24px; align-items: flex-start; }
.lpa1 .timeline-step__icon, .lpa2 .timeline-step__icon { flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; background: var(--rp-surface); border: 0.5px solid var(--rp-gris-clair); display: flex; align-items: center; justify-content: center; color: var(--rp-sage); position: relative; z-index: 1; }
.lpa1 .timeline-step__body, .lpa2 .timeline-step__body { flex: 1; }
.lpa1 .timeline-step__eyebrow, .lpa2 .timeline-step__eyebrow { font: 400 11px/1 var(--rp-mono); letter-spacing: 0.16em; color: var(--rp-sage); margin: 0 0 8px; }
.lpa1 .timeline-step__title, .lpa2 .timeline-step__title { font: 500 22px/1.2 var(--rp-serif); color: var(--rp-ink); margin: 0 0 12px; }
.lpa1 .timeline-step__text, .lpa2 .timeline-step__text { font: 400 16px/1.6 var(--rp-sans); color: var(--rp-ink); margin: 0; }

/* CTA MID */.lpa1 .cta-mid, .lpa2 .cta-mid { padding: 96px 24px; background: var(--rp-bleu-clair); text-align: center; }
.lpa1 .cta-mid__inner, .lpa2 .cta-mid__inner { max-width: 720px; margin: 0 auto; }
.lpa1 .cta-mid__eyebrow, .lpa2 .cta-mid__eyebrow { color: var(--rp-bleu-edito); margin: 0 0 16px; }
.lpa1 .cta-mid__headline, .lpa2 .cta-mid__headline { font: 500 30px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }
.lpa1 .cta-mid__sub, .lpa2 .cta-mid__sub { font: 400 17px/1.55 var(--rp-sans); color: var(--rp-ink); margin: 0 auto 48px; max-width: 600px; }
.lpa1 .cta-mid__badges, .lpa2 .cta-mid__badges { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin: 0 0 48px; }
.lpa1 .badge, .lpa2 .badge { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.lpa1 .badge__icon, .lpa2 .badge__icon { width: 32px; height: 32px; color: var(--rp-ink); display: flex; align-items: center; justify-content: center; }
.lpa1 .badge__icon svg, .lpa2 .badge__icon svg { width: 100%; height: 100%; }
.lpa1 .badge__label, .lpa2 .badge__label { font: 400 13px/1.4 var(--rp-sans); color: var(--rp-ink); margin: 0; }
.lpa1 .cta-mid__cta-group, .lpa2 .cta-mid__cta-group { display: flex; flex-direction: column; gap: 12px; }

/* FAQ */.lpa1 .faq, .lpa2 .faq { padding: 96px 24px; }
.lpa1 .faq__head, .lpa2 .faq__head { text-align: center; max-width: 540px; margin: 0 auto 48px; }
.lpa1 .faq__headline, .lpa2 .faq__headline { font: 500 28px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }
.lpa1 .faq__sub, .lpa2 .faq__sub { font: 400 16px/1.55 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }
.lpa1 .faq__list, .lpa2 .faq__list { max-width: 720px; margin: 0 auto; }
.lpa1 .faq-item, .lpa2 .faq-item { border-bottom: 0.5px solid var(--rp-gris-clair); }
.lpa1 .faq-item:first-child, .lpa2 .faq-item:first-child { border-top: 0.5px solid var(--rp-gris-clair); }
.lpa1 .faq-item__trigger, .lpa2 .faq-item__trigger { padding: 20px 0; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 60px; cursor: pointer; list-style: none; }
.lpa1 .faq-item__trigger::-webkit-details-marker, .lpa2 .faq-item__trigger::-webkit-details-marker { display: none; }
.lpa1 .faq-item__question, .lpa2 .faq-item__question { font: 500 16px/1.4 var(--rp-sans); color: var(--rp-ink); flex: 1; }
.lpa1 .faq-item__icon, .lpa2 .faq-item__icon { width: 24px; height: 24px; font: 400 24px/1 var(--rp-serif); color: var(--rp-sage); transition: transform 200ms ease-out; flex-shrink: 0; text-align: center; }
.lpa1 .faq-item[open] .faq-item__icon, .lpa2 .faq-item[open] .faq-item__icon { transform: rotate(45deg); }
.lpa1 .faq-item__answer, .lpa2 .faq-item__answer { padding: 0 0 24px; font: 400 16px/1.6 var(--rp-sans); color: var(--rp-ink); }
.lpa1 .faq-item__answer p:not(:last-child), .lpa2 .faq-item__answer p:not(:last-child) { margin: 0 0 12px; }

/* CTA FINAL */.lpa1 .cta-final, .lpa2 .cta-final { padding: 96px 24px; background: var(--rp-ink); color: var(--rp-bg); text-align: center; }
.lpa1 .cta-final__inner, .lpa2 .cta-final__inner { max-width: 680px; margin: 0 auto; }
.lpa1 .cta-final__eyebrow, .lpa2 .cta-final__eyebrow { font: 400 12px/1 var(--rp-mono); letter-spacing: 0.16em; text-transform: uppercase; color: var(--rp-bg); opacity: 0.7; margin: 0 0 24px; }
.lpa1 .cta-final__headline, .lpa2 .cta-final__headline { font: 500 32px/1.1 var(--rp-serif); color: var(--rp-bg); margin: 0 0 24px; }
.lpa1 .cta-final__sub, .lpa2 .cta-final__sub { font: 400 17px/1.55 var(--rp-sans); color: var(--rp-bg); opacity: 0.85; margin: 0 auto 48px; max-width: 580px; }
.lpa1 .cta-final__cta-group, .lpa2 .cta-final__cta-group { display: flex; flex-direction: column; gap: 12px; max-width: 520px; margin: 0 auto; }
.lpa1 .cta-final__microcopy, .lpa2 .cta-final__microcopy { font: 400 13px/1.5 var(--rp-sans); color: var(--rp-bg); opacity: 0.7; margin: 0; text-align: center; }
.lpa1 .cta-final__legal, .lpa2 .cta-final__legal { font: 400 11px/1.4 var(--rp-mono); letter-spacing: 0.05em; color: var(--rp-bg); opacity: 0.55; margin: 64px auto 0; max-width: 540px; }
.lpa1 .cta-final__wordmark, .lpa2 .cta-final__wordmark { font: 500 18px/1 var(--rp-serif); letter-spacing: 0.04em; color: var(--rp-bg); opacity: 0.4; text-align: center; margin: 48px 0 0; }

/* STICKY CTA */.lpa1 .sticky-cta, .lpa2 .sticky-cta, .lpa2 .sticky-cta {
  position: fixed; bottom: 0; left: 0; right: 0; height: 64px;
  background: var(--rp-surface); border-top: 0.5px solid var(--rp-gris-clair);
  z-index: 50; padding: 8px 16px; display: flex; align-items: center;
  transform: translateY(100%); transition: transform 250ms ease-out;
}
.lpa1 .sticky-cta[data-visible], .lpa2 .sticky-cta[data-visible], .lpa2 .sticky-cta[data-visible] { transform: translateY(0); }
.lpa1 .sticky-cta__cta, .lpa2 .sticky-cta__cta, .lpa2 .sticky-cta__cta {
  width: 100%; height: 48px; background: var(--rp-bleu-edito); color: var(--rp-bg);
  font: 500 15px/1 var(--rp-sans); letter-spacing: 0.01em; border: none; border-radius: 4px;
  display: inline-flex; align-items: center; justify-content: center; text-decoration: none;
}
@media (min-width: 768px) {.lpa1 .sticky-cta, .lpa2 .sticky-cta, .lpa2 .sticky-cta { display: none; }
}/* ANIMATIONS */.lpa1 .reveal, .lpa2 .reveal, .lpa2 .reveal, .rphome .reveal, .rppdp .reveal, .rppage .reveal {
  opacity: 0; transform: translateY(16px);
  transition: opacity 700ms ease-out, transform 700ms ease-out;
}
.lpa1 .reveal.is-visible, .lpa2 .reveal.is-visible, .lpa2 .reveal.is-visible, .rphome .reveal.is-visible, .rppdp .reveal.is-visible, .rppage .reveal.is-visible {
  opacity: 1; transform: translateY(0);
}

/* RESPONSIVE LP A1 — Desktop */@media (min-width: 768px) {.lpa1 .hero, .lpa2 .hero { display: grid; grid-template-columns: 55% 45%; gap: 64px; padding: 96px 64px; min-height: auto; align-items: center; }
.lpa1 .hero__inner, .lpa2 .hero__inner { display: flex; flex-direction: column; gap: 32px; }
.lpa1 .hero__photo, .lpa2 .hero__photo { max-height: 80vh; }
.lpa1 .hero__headline, .lpa2 .hero__headline { font-size: 56px; }
.lpa1 .hero__body, .lpa2 .hero__body { font-size: 19px; }
.lpa1 .hero__cta-group, .lpa2 .hero__cta-group { flex-direction: row; align-items: center; }
.lpa1 .cta-primary, .lpa2 .cta-primary { width: auto; padding: 18px 32px; }
.lpa1 .story__headline, .lpa2 .story__headline { font-size: 36px; }
.lpa1 .story__pullquote, .lpa2 .story__pullquote { font-size: 26px; }
.lpa1 .mecanisme__headline, .lpa2 .mecanisme__headline { font-size: 42px; }
.lpa1 .mecanisme__cards, .lpa2 .mecanisme__cards { flex-direction: row; gap: 24px; }
.lpa1 .mecanisme-card, .lpa2 .mecanisme-card { flex: 1; }
.lpa1 .mecanisme-card__media, .lpa2 .mecanisme-card__media { aspect-ratio: 1 / 1; max-height: 280px; }
.lpa1 .compare__headline, .lpa2 .compare__headline, .lpa1 .voices__headline, .lpa2 .voices__headline, .lpa1 .timeline__headline, .lpa2 .timeline__headline, .lpa1 .faq__headline, .lpa2 .faq__headline { font-size: 36px; }
.lpa1 .voices__grid, .lpa2 .voices__grid { flex-direction: row; }
.lpa1 .voice-card, .lpa2 .voice-card { flex: 1; }
.lpa1 .cta-mid__headline, .lpa2 .cta-mid__headline { font-size: 40px; }
.lpa1 .cta-mid__badges, .lpa2 .cta-mid__badges { grid-template-columns: repeat(4, 1fr); }
.lpa1 .cta-mid__cta-group, .lpa2 .cta-mid__cta-group { flex-direction: row; justify-content: center; align-items: center; }
.lpa1 .cta-final__headline, .lpa2 .cta-final__headline { font-size: 48px; }
}/* PROGRESSIVE ENHANCEMENT — reduced motion */@media (prefers-reduced-motion: reduce) {.lpa1 *, .lpa2 *, .lpa2 *, .rphome *, .rppdp *, .rppage *, .lpa1 *::before, .lpa2 *::before, .lpa2 *::before, .rphome *::before, .rppdp *::before, .rppage *::before, .lpa1 *::after, .lpa2 *::after, .lpa2 *::after, .rphome *::after, .rppdp *::after, .rppage *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}/* ==============================================================
   6. PLACEHOLDER for LP A2, Home, PDP, Tier 2 — to extend later
   ============================================================== *//* TODO: ajouter les styles .lpa2, .rphome, .rppdp, .rppage au fil des refontes *//* ==============================================================
   PDP — .rppdp namespaced styles (added 2026-05-22)
   ============================================================== */

.rppdp img { max-width: 100%; height: auto; display: block; }.rppdp button { font: inherit; cursor: pointer; }.rppdp a { color: inherit; }.rppdp .eyebrow { font: 400 12px/1 var(--rp-mono); letter-spacing: 0.16em; text-transform: uppercase; color: var(--rp-gris-froid); margin: 0; }.rppdp .eyebrow--accent { color: var(--rp-bleu-edito); }.rppdp .source { font: 400 11px/1.4 var(--rp-mono); letter-spacing: 0.05em; color: var(--rp-gris-froid); margin: 0; }.rppdp .legal-mention { font: 400 11px/1.4 var(--rp-mono); letter-spacing: 0.05em; color: var(--rp-gris-froid); margin: 0; text-align: center; }.rppdp .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }.rppdp .container--narrow { max-width: 720px; }.rppdp .section { padding: 80px 0; }.rppdp /* =============== ANNOUNCEMENT BAR =============== */
    .announcement {
      background: var(--rp-ink);
      color: var(--rp-bg);
      padding: 10px 16px;
      text-align: center;
      font: 500 13px/1.4 var(--rp-sans);
      letter-spacing: 0.01em;
    }.rppdp .announcement strong { font-weight: 500; color: var(--rp-bg); }.rppdp /* =============== HEADER (simplified) =============== */
    .header {
      background: var(--rp-bg);
      border-bottom: 0.5px solid var(--rp-gris-clair);
      padding: 16px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: sticky;
      top: 0;
      z-index: 30;
    }.rppdp .header__wordmark {
      font: 500 16px/1 var(--rp-serif);
      letter-spacing: 0.04em;
      color: var(--rp-ink);
      text-decoration: none;
    }.rppdp .header__nav { display: none; }.rppdp .header__cart {
      width: 44px; height: 44px;
      display: inline-flex; align-items: center; justify-content: center;
      color: var(--rp-ink); text-decoration: none;
    }.rppdp .header__cart-count {
      position: absolute;
      transform: translate(8px, -10px);
      background: var(--rp-bleu-edito);
      color: var(--rp-bg);
      font: 500 11px/1 var(--rp-mono);
      padding: 3px 6px;
      border-radius: 10px;
      min-width: 18px;
      text-align: center;
    }.rppdp /* =============== SECTION 1 — MAIN PRODUCT =============== */
    .product {
      padding: 32px 0;
      background: var(--rp-bg);
    }.rppdp .product__grid {
      display: flex;
      flex-direction: column;
      gap: 32px;
      padding: 0 24px;
    }.rppdp /* Gallery */
    .gallery { position: relative; }.rppdp .gallery__main {
      aspect-ratio: 1 / 1;
      background: var(--rp-surface);
      border-radius: 12px;
      overflow: hidden;
      border: 0.5px solid var(--rp-gris-clair);
    }.rppdp .gallery__main img { width: 100%; height: 100%; object-fit: cover; }.rppdp .gallery__thumbs {
      display: flex;
      gap: 8px;
      margin-top: 12px;
      overflow-x: auto;
      padding-bottom: 4px;
      scrollbar-width: thin;
    }.rppdp .gallery__thumb {
      flex: 0 0 64px;
      width: 64px;
      height: 64px;
      border-radius: 8px;
      overflow: hidden;
      border: 1.5px solid transparent;
      cursor: pointer;
      background: var(--rp-surface);
      padding: 0;
    }.rppdp .gallery__thumb[data-active] { border-color: var(--rp-bleu-edito); }.rppdp .gallery__thumb img { width: 100%; height: 100%; object-fit: cover; }.rppdp /* Info block */
    .product__info { display: flex; flex-direction: column; gap: 16px; }.rppdp .product__eyebrow { margin: 0; }.rppdp .product__title {
      font: 500 32px/1.1 var(--rp-serif);
      color: var(--rp-ink);
      margin: 0;
      letter-spacing: -0.005em;
    }.rppdp .product__subtitle {
      font: 400 18px/1.4 var(--rp-sans);
      color: var(--rp-ink);
      margin: 0;
    }.rppdp .product__rating {
      display: flex;
      align-items: center;
      gap: 12px;
      font: 400 13px/1 var(--rp-mono);
      color: var(--rp-gris-froid);
    }.rppdp .stars { display: inline-flex; gap: 2px; color: var(--rp-bleu-edito); }.rppdp .product__price-block {
      display: flex;
      align-items: baseline;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 8px;
    }.rppdp .product__price-current {
      font: 500 32px/1 var(--rp-serif);
      color: var(--rp-ink);
    }.rppdp .product__price-compare {
      font: 400 18px/1 var(--rp-serif);
      color: var(--rp-gris-froid);
      text-decoration: line-through;
    }.rppdp .product__offer {
      width: 100%;
      font: 400 12px/1 var(--rp-mono);
      color: var(--rp-bleu-edito);
      letter-spacing: 0.05em;
      margin-top: 4px;
    }.rppdp .product__description {
      font: 400 16px/1.6 var(--rp-sans);
      color: var(--rp-ink);
      margin: 0;
    }.rppdp .product__badges {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
      margin: 8px 0;
    }.rppdp .badge {
      display: flex;
      gap: 12px;
      align-items: flex-start;
    }.rppdp .badge__icon {
      width: 24px; height: 24px;
      color: var(--rp-bleu-edito);
      flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
    }.rppdp .badge__icon svg { width: 100%; height: 100%; }.rppdp .badge__text { display: flex; flex-direction: column; gap: 2px; }.rppdp .badge__label { font: 500 14px/1.3 var(--rp-sans); color: var(--rp-ink); margin: 0; }.rppdp .badge__sublabel { font: 400 12px/1.3 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }.rppdp .cta-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-height: 56px;
      padding: 16px 24px;
      background: var(--rp-ink);
      color: var(--rp-bg);
      font: 500 15px/1 var(--rp-sans);
      letter-spacing: 0.01em;
      border: none;
      border-radius: 4px;
      text-decoration: none;
      transition: opacity 200ms ease-out, transform 100ms ease-out;
    }.rppdp .cta-primary:hover { opacity: 0.92; }.rppdp .cta-primary:active { opacity: 0.85; transform: translateY(1px); }.rppdp .cta-primary:focus-visible { outline: 2px solid var(--rp-bleu-edito); outline-offset: 2px; }.rppdp .cta-primary--accent { background: var(--rp-bleu-edito); }.rppdp .cta-primary--inverse { background: var(--rp-bg); color: var(--rp-ink); }.rppdp .cta-microcopy {
      font: 400 13px/1.5 var(--rp-sans);
      color: var(--rp-gris-froid);
      margin: 8px 0 0;
      text-align: center;
    }.rppdp .product__pay {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 8px;
      flex-wrap: wrap;
    }.rppdp .pay-icon {
      height: 22px;
      width: auto;
      opacity: 0.6;
      filter: grayscale(100%);
    }.rppdp .product__pay-note {
      font: 400 11px/1 var(--rp-mono);
      color: var(--rp-gris-froid);
      width: 100%;
      letter-spacing: 0.05em;
    }.rppdp .product__links {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-top: 16px;
      padding-top: 16px;
      border-top: 0.5px solid var(--rp-gris-clair);
    }.rppdp .product__link {
      font: 500 14px/1.5 var(--rp-sans);
      color: var(--rp-bleu-edito);
      text-decoration: underline;
      text-underline-offset: 4px;
    }.rppdp .product__legal {
      font: 400 11px/1.4 var(--rp-mono);
      letter-spacing: 0.05em;
      color: var(--rp-gris-froid);
      margin: 16px 0 0;
      padding-top: 16px;
      border-top: 0.5px solid var(--rp-gris-clair);
    }.rppdp /* =============== SECTION 2 — MÉCANISME 3 CARDS =============== */
    .mecanisme {
      padding: 96px 24px;
      background: var(--rp-bg);
    }.rppdp .mecanisme__head { text-align: center; max-width: 720px; margin: 0 auto 48px; }.rppdp .mecanisme__eyebrow { margin: 0 0 16px; }.rppdp .mecanisme__headline { font: 500 28px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }.rppdp .mecanisme__sub { font: 400 17px/1.55 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }.rppdp .mecanisme__cards {
      display: flex;
      flex-direction: column;
      gap: 24px;
    }.rppdp .mc-card {
      background: var(--rp-surface);
      border: 0.5px solid var(--rp-gris-clair);
      border-radius: 12px;
      overflow: hidden;
    }.rppdp .mc-card__media {
      aspect-ratio: 4 / 5;
      max-height: 380px;
      display: flex; align-items: center; justify-content: center;
      background: var(--rp-bg);
      overflow: hidden;
    }.rppdp .mc-card__media img { max-width: 100%; max-height: 100%; object-fit: contain; padding: 24px; }.rppdp .mc-card__
    .mc-card__eyebrow { font: 400 11px/1 var(--rp-mono); letter-spacing: 0.16em; color: var(--rp-bleu-edito); margin: 0 0 16px; }.rppdp .mc-card__title { font: 500 22px/1.2 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }.rppdp .mc-card__text { font: 400 16px/1.6 var(--rp-sans); color: var(--rp-ink); margin: 0; }.rppdp .mc-card__source { margin: 12px 0 0; font: 400 11px/1.4 var(--rp-mono); letter-spacing: 0.05em; color: var(--rp-gris-froid); }.rppdp .mecanisme__cta { display: block; text-align: center; margin: 48px auto 0; font: 500 16px/1.5 var(--rp-sans); color: var(--rp-bleu-edito); text-decoration: underline; text-underline-offset: 4px; }.rppdp /* =============== SECTION 3 — TIMELINE + MID CTA =============== */
    .timeline { padding: 96px 24px; background: var(--rp-surface); }.rppdp .timeline__head { text-align: center; max-width: 540px; margin: 0 auto 48px; }.rppdp .timeline__eyebrow { margin: 0 0 16px; }.rppdp .timeline__headline { font: 500 28px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }.rppdp .timeline__sub { font: 400 16px/1.55 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }.rppdp .timeline__steps {
      position: relative;
      max-width: 720px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 32px;
      list-style: none;
      padding: 0;
    }.rppdp .timeline__steps::before {
      content: '';
      position: absolute;
      top: 24px; bottom: 24px; left: 23px;
      width: 0.5px;
      background: var(--rp-gris-clair);
    }.rppdp .ts {
      display: flex;
      gap: 24px;
      align-items: flex-start;
    }.rppdp .ts__icon {
      flex-shrink: 0;
      width: 48px; height: 48px;
      border-radius: 50%;
      background: var(--rp-bg);
      border: 0.5px solid var(--rp-gris-clair);
      display: flex; align-items: center; justify-content: center;
      color: var(--rp-sage);
      position: relative; z-index: 1;
    }.rppdp .ts__
    .ts__eyebrow { font: 400 11px/1 var(--rp-mono); letter-spacing: 0.16em; color: var(--rp-sage); margin: 0 0 8px; }.rppdp .ts__title { font: 500 20px/1.2 var(--rp-serif); color: var(--rp-ink); margin: 0 0 12px; }.rppdp .ts__text { font: 400 16px/1.6 var(--rp-sans); color: var(--rp-ink); margin: 0; }.rppdp .mid-cta {
      max-width: 540px;
      margin: 64px auto 0;
      padding: 32px 24px;
      background: var(--rp-bg);
      border: 0.5px solid var(--rp-gris-clair);
      border-radius: 12px;
      text-align: center;
    }.rppdp .mid-cta__eyebrow { font: 400 11px/1 var(--rp-mono); letter-spacing: 0.16em; color: var(--rp-bleu-edito); margin: 0 0 16px; }.rppdp .mid-cta__price { display: flex; justify-content: center; align-items: baseline; gap: 8px; margin-bottom: 16px; }.rppdp .mid-cta__price-current { font: 500 28px/1 var(--rp-serif); color: var(--rp-ink); }.rppdp .mid-cta__price-compare { font: 400 16px/1 var(--rp-serif); color: var(--rp-gris-froid); text-decoration: line-through; }.rppdp /* =============== SECTION 4 — HOTSPOTS =============== */
    .hotspots {
      padding: 96px 24px;
      background: var(--rp-bg);
    }.rppdp .hotspots__head { text-align: center; max-width: 540px; margin: 0 auto 48px; }.rppdp .hotspots__eyebrow { margin: 0 0 16px; }.rppdp .hotspots__headline { font: 500 28px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }.rppdp .hotspots__sub { font: 400 16px/1.55 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }.rppdp .hotspots__container {
      position: relative;
      max-width: 600px;
      margin: 0 auto;
      aspect-ratio: 1 / 1;
      background: var(--rp-surface);
      border-radius: 16px;
      overflow: hidden;
      border: 0.5px solid var(--rp-gris-clair);
    }.rppdp .hotspots__image {
      width: 100%; height: 100%;
      object-fit: cover;
    }.rppdp .hotspot-btn {
      position: absolute;
      width: 36px; height: 36px;
      border-radius: 50%;
      background: var(--rp-bg);
      border: 1px solid var(--rp-ink);
      color: var(--rp-ink);
      font: 500 16px/1 var(--rp-sans);
      display: flex; align-items: center; justify-content: center;
      cursor: pointer;
      box-shadow: 0 2px 8px rgba(15,20,25,0.15);
      transition: transform 150ms ease-out;
      animation: pulse 2s ease-in-out infinite;
    }.rppdp .hotspot-btn:hover { transform: scale(1.1); }.rppdp .hotspot-btn[aria-expanded="true"] {
      background: var(--rp-bleu-edito);
      color: var(--rp-bg);
      border-color: var(--rp-bleu-edito);
      animation: none;
    }@keyframes pulse {
      0%, 100% { box-shadow: 0 2px 8px rgba(15,20,25,0.15), 0 0 0 0 rgba(30,58,95,0.3); }
      50% { box-shadow: 0 2px 8px rgba(15,20,25,0.15), 0 0 0 8px rgba(30,58,95,0); }
    }@media (prefers-reduced-motion: reduce) {
      .hotspot-btn { animation: none; }
    }.rppdp .hotspot-popover {
      position: absolute;
      max-width: 280px;
      background: var(--rp-surface);
      border: 0.5px solid var(--rp-gris-clair);
      border-radius: 12px;
      padding: 16px;
      box-shadow: 0 4px 24px rgba(15,20,25,0.15);
      opacity: 0;
      pointer-events: none;
      transform: translateY(8px);
      transition: opacity 200ms ease-out, transform 200ms ease-out;
      z-index: 5;
    }.rppdp .hotspot-popover[data-open] {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }.rppdp .hotspot-popover__title { font: 500 16px/1.3 var(--rp-serif); color: var(--rp-ink); margin: 0 0 8px; }.rppdp .hotspot-popover__
    .hotspot-popover__close {
      position: absolute;
      top: 4px; right: 4px;
      width: 28px; height: 28px;
      background: transparent;
      border: none;
      color: var(--rp-gris-froid);
      font-size: 18px;
    }.rppdp /* =============== SECTION 5 — COMPARATIF CARDS =============== */
    .compare {
      padding: 96px 24px;
      background: var(--rp-surface);
    }.rppdp .compare__head { text-align: center; max-width: 600px; margin: 0 auto 48px; }.rppdp .compare__eyebrow { margin: 0 0 16px; }.rppdp .compare__headline { font: 500 28px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }.rppdp .compare__sub { font: 400 16px/1.55 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }.rppdp .compare__cards {
      display: flex;
      flex-direction: column;
      gap: 16px;
      max-width: 720px;
      margin: 0 auto;
    }.rppdp .cc {
      background: var(--rp-bg);
      border: 0.5px solid var(--rp-gris-clair);
      border-radius: 12px;
      padding: 24px;
      display: flex; flex-direction: column; gap: 16px;
    }.rppdp .cc--target {
      background: var(--rp-surface);
      border: 1px solid var(--rp-bleu-edito);
      padding: 32px 24px;
      box-shadow: 0 2px 16px rgba(30,58,95,0.05);
    }.rppdp .cc__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }.rppdp .cc__name { font: 500 22px/1.2 var(--rp-serif); color: var(--rp-ink); margin: 0; }.rppdp .cc__price { font: 400 13px/1.3 var(--rp-mono); color: var(--rp-gris-froid); margin: 0; }.rppdp .cc__badge {
      display: inline-flex; align-items: center; align-self: flex-start;
      padding: 8px 12px;
      border-radius: 4px;
      font: 500 13px/1.2 var(--rp-sans);
    }.rppdp .cc__badge--positive { background: var(--rp-bleu-edito); color: var(--rp-bg); }.rppdp .cc__badge--warning { background: #F5F5F2; border: 0.5px solid var(--rp-gris-clair); color: var(--rp-ink); }.rppdp .cc__badge--negative { background: #F5F5F2; border: 0.5px solid var(--rp-gris-clair); color: var(--rp-ink); }.rppdp .cc__verdict { font: italic 400 16px/1.5 var(--rp-serif); color: var(--rp-ink); margin: 0; }.rppdp .cc__criteria { display: flex; flex-direction: column; gap: 12px; margin: 0; }.rppdp .cc__criterion { display: flex; flex-direction: column; gap: 2px; }.rppdp .cc__criterion dt { font: 400 11px/1 var(--rp-mono); color: var(--rp-gris-froid); letter-spacing: 0.08em; text-transform: uppercase; }.rppdp .cc__criterion dd { font: 400 14px/1.4 var(--rp-sans); color: var(--rp-ink); margin: 0; }.rppdp .cc__mention { font: 400 11px/1.4 var(--rp-mono); letter-spacing: 0.05em; color: var(--rp-gris-froid); margin: 8px 0 0; }.rppdp .compare__cta { display: block; text-align: center; margin: 48px auto 0; font: 500 14px/1.5 var(--rp-sans); color: var(--rp-bleu-edito); text-decoration: underline; text-underline-offset: 4px; }.rppdp /* =============== SECTION 6 — TÉMOIGNAGES =============== */
    .voices { padding: 96px 24px; background: var(--rp-bg); }.rppdp .voices__head { text-align: center; max-width: 600px; margin: 0 auto 48px; }.rppdp .voices__eyebrow { margin: 0 0 16px; }.rppdp .voices__headline { font: 500 28px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }.rppdp .voices__sub { font: 400 16px/1.55 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }.rppdp .voices__grid {
      display: flex;
      flex-direction: column;
      gap: 24px;
      max-width: 800px;
      margin: 0 auto;
    }.rppdp .vc {
      background: var(--rp-surface);
      border: 0.5px solid var(--rp-gris-clair);
      border-radius: 12px;
      padding: 32px 24px;
      display: flex; flex-direction: column; gap: 20px;
    }.rppdp .vc__quote { font: italic 400 18px/1.5 var(--rp-serif); color: var(--rp-ink); margin: 0; }.rppdp .vc__meta { display: flex; flex-direction: column; gap: 4px; }.rppdp .vc__name { font: 500 14px/1.4 var(--rp-sans); color: var(--rp-ink); margin: 0; }.rppdp .vc__detail { font: 400 12px/1.4 var(--rp-mono); letter-spacing: 0.05em; color: var(--rp-gris-froid); margin: 0; }.rppdp .voices__legal { text-align: center; margin-top: 32px; }.rppdp /* =============== SECTION 8 — MINI-FAQ BOFU =============== */
    .faq { padding: 96px 24px; background: var(--rp-surface); }.rppdp .faq__head { text-align: center; max-width: 540px; margin: 0 auto 48px; }.rppdp .faq__eyebrow { margin: 0 0 16px; }.rppdp .faq__headline { font: 500 28px/1.1 var(--rp-serif); color: var(--rp-ink); margin: 0 0 16px; }.rppdp .faq__sub { font: 400 16px/1.55 var(--rp-sans); color: var(--rp-gris-froid); margin: 0; }.rppdp .faq__list { max-width: 720px; margin: 0 auto; }.rppdp .faq-item { border-bottom: 0.5px solid var(--rp-gris-clair); }.rppdp .faq-item:first-child { border-top: 0.5px solid var(--rp-gris-clair); }.rppdp .faq-item__trigger {
      padding: 20px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      min-height: 60px;
      cursor: pointer;
      list-style: none;
    }.rppdp .faq-item__trigger::-webkit-details-marker { display: none; }.rppdp .faq-item__question { font: 500 16px/1.4 var(--rp-sans); color: var(--rp-ink); flex: 1; }.rppdp .faq-item__icon { width: 24px; height: 24px; font: 400 24px/1 var(--rp-serif); color: var(--rp-sage); transition: transform 200ms ease-out; flex-shrink: 0; text-align: center; }.rppdp .faq-item[open] .faq-item__icon { transform: rotate(45deg); }.rppdp .faq-item__answer { padding: 0 0 24px; font: 400 16px/1.6 var(--rp-sans); color: var(--rp-ink); }.rppdp .faq-item__answer p:not(:last-child) { margin: 0 0 12px; }.rppdp .faq-item__answer ul { padding-left: 20px; margin: 12px 0; }.rppdp .faq-item__answer li { margin-bottom: 4px; }.rppdp .faq__cta { display: block; text-align: center; margin: 48px auto 0; font: 500 14px/1.5 var(--rp-sans); color: var(--rp-bleu-edito); text-decoration: underline; text-underline-offset: 4px; }.rppdp /* =============== SECTION 9 — CLOSE FINAL =============== */
    .close {
      padding: 96px 24px;
      background: var(--rp-ink);
      color: var(--rp-bg);
    }.rppdp .close__inner { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 32px; align-items: center; text-align: center; }.rppdp .close__visual {
      width: 100%;
      max-width: 420px;
      aspect-ratio: 4 / 5;
      border-radius: 12px;
      overflow: hidden;
      background: var(--rp-gris-clair);
    }.rppdp .close__visual img { width: 100%; height: 100%; object-fit: cover; }.rppdp .close__eyebrow { font: 400 12px/1 var(--rp-mono); letter-spacing: 0.16em; text-transform: uppercase; color: var(--rp-bg); opacity: 0.7; margin: 0; }.rppdp .close__headline { font: 500 32px/1.1 var(--rp-serif); color: var(--rp-bg); margin: 0; }.rppdp .close__sub { font: 400 17px/1.55 var(--rp-sans); color: var(--rp-bg); opacity: 0.85; margin: 0; max-width: 580px; }.rppdp .close__price { display: flex; justify-content: center; align-items: baseline; gap: 12px; }.rppdp .close__price-current { font: 500 36px/1 var(--rp-serif); color: var(--rp-bg); }.rppdp .close__price-compare { font: 400 18px/1 var(--rp-serif); color: var(--rp-bg); opacity: 0.5; text-decoration: line-through; }.rppdp .close__cta-group { width: 100%; max-width: 420px; }.rppdp .close__microcopy { font: 400 13px/1.5 var(--rp-sans); color: var(--rp-bg); opacity: 0.7; margin: 8px 0 0; text-align: center; }.rppdp .close__engagements {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 24px;
      margin-top: 32px;
      padding-top: 32px;
      border-top: 0.5px solid rgba(250,250,247,0.15);
      width: 100%;
    }.rppdp .close__engagement {
      display: flex; flex-direction: column; align-items: center; gap: 8px;
    }.rppdp .close__eng-icon { color: var(--rp-sage); width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; }.rppdp .close__eng-title { font: 500 14px/1.3 var(--rp-sans); color: var(--rp-bg); margin: 0; }.rppdp .close__eng-
    .close__legal { font: 400 11px/1.4 var(--rp-mono); letter-spacing: 0.05em; color: var(--rp-bg); opacity: 0.55; margin: 32px 0 0; max-width: 540px; }.rppdp /* =============== STICKY ATC =============== */
    .sticky-atc {
      position: fixed;
      bottom: 0; left: 0; right: 0;
      height: 72px;
      background: var(--rp-surface);
      border-top: 0.5px solid var(--rp-gris-clair);
      z-index: 50;
      padding: 12px 16px;
      display: flex;
      align-items: center;
      gap: 16px;
      transform: translateY(100%);
      transition: transform 250ms ease-out;
      box-shadow: 0 -4px 16px rgba(15,20,25,0.04);
    }.rppdp .sticky-atc[data-visible] { transform: translateY(0); }.rppdp .sticky-atc__price {
      display: flex; flex-direction: column; flex-shrink: 0;
    }.rppdp .sticky-atc__price-current { font: 500 22px/1 var(--rp-serif); color: var(--rp-ink); }.rppdp .sticky-atc__price-compare { font: 400 12px/1 var(--rp-serif); color: var(--rp-gris-froid); text-decoration: line-through; margin-top: 2px; }.rppdp .sticky-atc__cta {
      flex: 1;
      height: 48px;
      background: var(--rp-ink);
      color: var(--rp-bg);
      font: 500 15px/1 var(--rp-sans);
      letter-spacing: 0.01em;
      border: none;
      border-radius: 4px;
      display: inline-flex; align-items: center; justify-content: center;
      text-decoration: none;
    }@media (min-width: 768px) {
      .sticky-atc { display: none; }
      
    }.rppdp /* =============== TRUSTPILOT (hidden V1) =============== */
    .trustpilot-hidden { display: none; }.rppdp /* =============== ANIMATIONS =============== */
    .reveal { opacity: 0; transform: translateY(16px); transition: opacity 700ms ease-out, transform 700ms ease-out; }.rppdp .reveal.is-visible { opacity: 1; transform: translateY(0); }@media (prefers-reduced-motion: reduce) {
      
    }.rppdp /* =============== DESKTOP =============== */
    @media (min-width: 768px) {
      .header__nav {
        display: flex;
        gap: 32px;
        font: 400 14px/1 var(--rp-sans);
      }
      .header__nav a { color: var(--rp-ink); text-decoration: none; }
      .product__grid {
        flex-direction: row;
        gap: 64px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 64px;
        align-items: flex-start;
      }
      .gallery { flex: 1 1 50%; position: sticky; top: 80px; }
      .product__info { flex: 1 1 50%; max-width: 480px; }
      .product__title { font-size: 40px; }

      .mecanisme__headline,
      .compare__headline,
      .voices__headline,
      .timeline__headline,
      .faq__headline { font-size: 36px; }

      .mecanisme__cards { flex-direction: row; }
      .mc-card { flex: 1; }
      .mc-card__media { aspect-ratio: 1 / 1; max-height: 260px; }

      .voices__grid { display: grid; grid-template-columns: 1fr 1fr; }
      .voices__grid .vc:first-child { grid-column: 1 / 3; }

      .close__headline { font-size: 44px; }
      .close__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; text-align: left; gap: 64px; }
      .close__inner > .close__visual { grid-row: 1 / 4; }
      .close__price, .close__cta-group { justify-content: flex-start; align-items: flex-start; }
      .close__engagements { grid-column: 1 / 3; grid-template-columns: repeat(3, 1fr); border-top-color: rgba(250,250,247,0.15); }
      .close__legal { grid-column: 1 / 3; text-align: left; margin-left: 0; }
    }