/* Designs alternatifs de la page de présentation, choisis dans Plateforme → Page de présentation.
   Chargé seulement si le design n'est pas « actuel ». Le contenu et les formulaires restent ceux de landing.css. */
.d-a, .d-b, .d-c { --serif: 'DejaVu Serif', Georgia, 'Times New Roman', serif; }
.d-a .journey, .d-b .journey, .d-c .journey { display: none; }
.d-a .hero__shot, .d-b .hero__shot, .d-c .hero__shot { display: block; margin: 0; }
.hero__shot img { display: block; width: 100%; height: auto; }
.d-a .btn, .d-b .btn { border-radius: 999px; }
.d-a .btn--solid, .d-b .btn--solid { box-shadow: none; }

/* ---------- A · Clinique claire ---------- */
.d-a .hero { grid-template-columns: 1fr; text-align: center; padding-bottom: 0; gap: 2.4rem; }
.d-a .hero h1 { max-width: 15em; margin-left: auto; margin-right: auto; letter-spacing: -.03em; }
.d-a .hero__lead, .d-a .hero__note { margin-left: auto; margin-right: auto; }
.d-a .hero__cta { justify-content: center; }
.d-a .hero__shot { width: min(1000px, 100%); margin: 0 auto; border: 1px solid var(--line); border-bottom: 0; border-radius: 16px 16px 0 0; overflow: hidden; background: #fff; box-shadow: 0 30px 80px rgba(8, 63, 59, .25); }
.d-a .section__head { margin-left: auto; margin-right: auto; text-align: center; }
.d-a .areas { border: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); gap: 1.2rem; max-width: 72rem; margin: 0 auto; }
.d-a .areas__row { display: block; padding: 1.4rem; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 6px 20px rgba(8, 63, 59, .06); }
.d-a .areas dt { margin-bottom: .6rem; color: var(--teal); }
.d-a .strengths { margin: 0 auto; gap: 1.2rem; }
.d-a .strengths li { padding: 1.4rem; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 6px 20px rgba(8, 63, 59, .06); }
.d-a .strengths h3 { color: var(--teal); }
.d-a .plan, .d-a .shot__frame { border-radius: 18px; }

/* ---------- B · Nuit et or ---------- */
.d-b { --ink: #EAF4F1; --muted: #B9D3CE; --deep: #EAF4F1; --mint: #0B2E2B; --paper: #06201E; --line: #16423e; --teal: #E8B04A; background: #06201E; }
.d-b .nav { background: rgba(6, 32, 30, .92); }
.d-b .nav__brand img { filter: brightness(0) invert(1); }
.d-b .btn--solid { color: #06201E; }
.d-b .btn--solid:hover { background: #F2C36F; }
.d-b .btn--line:hover, .d-b .btn--ghost:hover { background: rgba(232, 176, 74, .12); }
.d-b .hero { background: radial-gradient(900px 500px at 85% 20%, rgba(15, 118, 110, .35), transparent); }
.d-b .hero h1, .d-b .section__head h2, .d-b .contact h2 { font-family: var(--serif); font-weight: 400; letter-spacing: 0; }
.d-b .hero__shot { border-radius: 14px; overflow: hidden; border: 1px solid #1d5a54; box-shadow: 0 40px 90px rgba(0, 0, 0, .55); transform: perspective(1400px) rotateY(-6deg); }
.d-b .section { border-top: 1px solid #12403c; }
.d-b .section--tint, .d-b .section--offers { background: transparent; }
.d-b .areas dd span { background: #0B2E2B; border: 1px solid #16423e; }
.d-b .areas dt, .d-b .strengths h3, .d-b .plan__head h3 { color: #E8B04A; }
.d-b .strengths li { border-top: 2px solid #E8B04A; padding-top: 1rem; }
.d-b .plan, .d-b .cycle, .d-b .shot__frame { background: #082a27; border-color: #16423e; }
.d-b .plan__amount strong { color: #fff; }
.d-b .plan__perks li::before { background: #0B2E2B; }
.d-b .cycle label { color: #B9D3CE; }
.d-b #cycle-m:checked ~ .toggles label[for="cycle-m"], .d-b #cycle-a:checked ~ .toggles label[for="cycle-a"],
.d-b #lvl-s:checked ~ .toggles label[for="lvl-s"], .d-b #lvl-p:checked ~ .toggles label[for="lvl-p"] { color: #06201E; background: #E8B04A; }
.d-b .shot__dots { background: #0B2E2B; border-color: #16423e; }
.d-b .contact { background: #0B2E2B; border-top: 1px solid #12403c; }
.d-b .contact p, .d-b .contact__list span { color: #B9D3CE; }
.d-b .ask { --deep: #083F3B; --ink: #12201E; --muted: #4B605D; --teal: #0F766E; --mint: #EAF4F1; --line: #D5E4E0; }
.d-b .ask .btn--solid { color: #fff; }
.d-b .foot__links a { color: #E8B04A; }

/* ---------- C · Éditorial ---------- */
.d-c { --paper: #FAF6EE; --mint: #F1EADB; --line: #D9D1BD; --ink: #1B2B28; --deep: #1B2B28; background: #FAF6EE; }
.d-c .nav { background: rgba(250, 246, 238, .94); border-color: #E3DCCB; }
.d-c .btn { border-radius: 999px; }
.d-c .btn--ghost { border-color: #1B2B28; }
.d-c .hero { background: none; align-items: center; }
.d-c .hero h1, .d-c .section__head h2, .d-c .contact h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -.01em; color: #1B2B28; }
.d-c .hero h1 { font-size: clamp(2.2rem, 4.6vw, 3.6rem); line-height: 1.1; }
.d-c .hero__shot { border: 6px solid #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 50px rgba(27, 43, 40, .25); transform: rotate(1.2deg); }
.d-c .section--tint, .d-c .section--offers { background: #F1EADB; }
.d-c .areas { border-top-color: #1B2B28; }
.d-c .areas dt, .d-c .strengths h3, .d-c .plan__head h3 { font-family: var(--serif); font-weight: 400; color: #1B2B28; }
.d-c .areas dd span { background: none; padding: 0; border-radius: 0; color: var(--muted); }
.d-c .areas dd span:not(:last-child)::after { content: " ·"; }
.d-c .shot__frame { border: 6px solid #fff; box-shadow: 0 14px 36px rgba(27, 43, 40, .18); }
.d-c .plan { border-radius: 14px; }
.d-c .contact { background: #0F766E; }
.d-c .contact h2 { color: #fff; }
.d-c .ask { --deep: #083F3B; --ink: #12201E; }

@media (max-width: 900px) {
  .d-b .hero__shot, .d-c .hero__shot { transform: none; }
  .d-a .hero__shot { border-radius: 12px 12px 0 0; }
}