/* ════════════════════════════════════════════════════════════
   PRIVATE CLASSES — LAOS  (desktop first)
   Page narrative :
     Hero → Stats → My Journey → Testimonials →
     Chapter 01 Conditioning → Chapter 02 Footwork →
     Pricing → FAQ → Chapter 03 The Tools → Final CTA

   Navbar + footer = systeme commun (navbar.css / footer.css).
   Les photos ne sont pas encore posees : chaque emplacement image
   est un .pc-photo / __bg avec un data-img reserve pour plus tard.

   Palette : or #B38A47 · rouge #CC2200 · bleu #1a4fa0
             bg #101010 · text #F0F0F0 · panneau #1A1A1A
   Regles : max-width 900px · texte 640px · 5rem mini entre sections
            separateurs 1px #1a1a1a · border-radius max 4px
   ════════════════════════════════════════════════════════════ */

.pc {
  --pc-maroon: #CC2200;
  --pc-gold:   #B38A47;
  --pc-accent: #1a4fa0;
  --pc-panel:  #1A1A1A;
  --pc-line:   #1a1a1a;
  --pc-muted:  #9A9A9A;
  --pc-body:   #C9C9C9;
  --pc-max:    900px;
  --pc-read:   640px;
  padding-top: 0;
}

/* ─── BOUTONS COMMUNS ──────────────────────────────────────── */
.pc-btn {
  display: inline-block;
  font-family: 'Cinzel', serif;
  font-size: 14px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  padding: 15px 38px;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: background .2s, color .2s, border-color .2s;
}
.pc-btn--maroon {
  background: var(--pc-maroon);
  color: #FFFFFF;
  border-color: var(--pc-maroon);
}
.pc-btn--maroon:hover {
  background: #a01a45;
  color: #FFFFFF;
  border-color: #a01a45;
}
.pc-btn--outline {
  background: transparent;
  color: var(--pc-gold);
  border-color: var(--pc-gold);
}
.pc-btn--outline:hover {
  background: var(--pc-gold);
  color: #101010;
}

/* ─── EYEBROW (petit label au dessus des titres) ───────────── */
.pc-eyebrow {
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}
.pc-eyebrow--accent { color: var(--pc-accent); }
.pc-eyebrow--maroon { color: var(--pc-maroon); }

/* ─── SEPARATEUR DECORATIF (ligne maroon + losange) ────────── */
.pc-divider {
  display: block;
  position: relative;
  width: 120px;
  height: 1px;
  background: var(--pc-maroon);
  margin: 26px 0;
}
.pc-divider::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  background: var(--pc-maroon);
  transform: translate(-2px, -50%) rotate(45deg);
}
.pc-divider--center { margin-left: auto; margin-right: auto; }
.pc-divider--center::after { left: 50%; transform: translate(-50%, -50%) rotate(45deg); }

/* ─── PLACEHOLDER PHOTO (en attendant les vraies images) ───── */
.pc-photo {
  width: 100%;
  height: 100%;
  background: #161616;
  background-image:
    repeating-linear-gradient(45deg, #1b1b1b 0 12px, #161616 12px 24px);
  border: 1px solid rgba(179, 138, 71, 0.18);
  border-radius: 4px;
}
.pc-photo--portrait { aspect-ratio: 3 / 4; }
/* quand la vraie image est chargee (js) : on retire le motif placeholder */
.pc-photo.is-loaded {
  background-color: transparent;
  background-image: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* ════════════════════ 2. HERO ════════════════════ */
/* Photo : action a gauche, zone sombre a droite.
   Le contenu (titre + sous-titre + CTA) est donc cale a droite. */
.pc-hero {
  position: relative;
  height: 85vh;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  padding: 0 clamp(24px, 6vw, 96px);
  overflow: hidden;
}
.pc-hero__bg {
  position: absolute;
  inset: 0;
  background: #0d0d0d center / cover no-repeat;
}
/* degrade : laisse respirer la gauche, assombrit la droite pour le texte */
.pc-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(10,10,10,0.20) 0%,
    rgba(10,10,10,0.30) 42%,
    rgba(10,10,10,0.82) 74%,
    rgba(10,10,10,0.92) 100%);
}
.pc-hero__inner {
  position: relative;
  max-width: 460px;
}
.pc-hero__title {
  font-family: 'Cinzel Decorative', serif;
  font-size: clamp(40px, 6vw, 76px);
  line-height: 1.15;
  color: var(--pc-gold);
  margin-bottom: 26px;
}
.pc-hero__subtitle {
  font-family: 'Cinzel', serif;
  font-style: italic;
  font-size: clamp(14px, 1.6vw, 18px);
  color: #CFCFCF;
  letter-spacing: 0.02em;
  margin-bottom: 42px;
}

/* ════════════════════ 3. BANDE HORAIRES ════════════════════ */
.pc-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 860px;
  margin: 0 auto;
  border-top: 1px solid rgba(204, 34, 0, 0.55);
}
.pc-stats__group {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.pc-stats__item {
  text-align: center;
  padding: 30px 16px;
  border-left: 1px solid var(--pc-line);
}
.pc-stats__group .pc-stats__item:first-child { border-left: none; }
/* fin trait vertical de chaque cote de la pastille, comme entre les cases */
.pc-stats__group:first-child { border-right: 1px solid var(--pc-line); }
.pc-stats__group:last-child  { border-left:  1px solid var(--pc-line); }

/* ─── Pastille de geolocalisation centrale ─── */
.pc-stats__pin {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 18px;
  padding: 8px 16px;
  border: 1px solid rgba(179, 138, 71, 0.38);
  border-radius: 999px;
  background: rgba(204, 34, 0, 0.14);
  color: var(--pc-gold);
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background .2s, border-color .2s, color .2s;
}
.pc-stats__pin:hover {
  background: rgba(204, 34, 0, 0.28);
  border-color: var(--pc-gold);
  color: var(--pc-gold);
}
.pc-stats__pinicon { flex: 0 0 auto; }
.pc-stats__value {
  display: block;
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: clamp(15px, 1.5vw, 19px);
  letter-spacing: 0.04em;
  color: #F4F4F4;
  line-height: 1.3;
  margin-bottom: 10px;
}
.pc-stats__label {
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 10px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--pc-muted);
}

/* ════════════════════ 4. MY JOURNEY ════════════════════ */
.pc-journey {
  display: grid;
  grid-template-columns: 60% 40%;
  gap: 64px;
  align-items: center;
  max-width: var(--pc-max);
  margin: 0 auto;
  padding: 6rem 24px;
}
.pc-journey__title {
  font-family: 'Cinzel', serif;
  font-style: italic;
  font-size: clamp(30px, 4vw, 46px);
  color: var(--pc-gold);
  margin: 14px 0 30px;
}
.pc-journey__quote {
  font-family: 'Cinzel', serif;
  font-style: italic;
  font-size: clamp(20px, 2.6vw, 28px);
  line-height: 1.5;
  color: var(--pc-gold);
  border-left: 3px solid var(--pc-maroon);
  padding-left: 26px;
  margin-bottom: 34px;
}
.pc-journey__body {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.9;
  color: var(--pc-body);
  max-width: var(--pc-read);
  margin-bottom: 18px;
}
.pc-journey__badge {
  display: inline-block;
  margin-top: 18px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.02em;
  color: #D8D8D8;
  background: var(--pc-panel);
  border: 1px solid #262626;
  border-radius: 4px;
  padding: 9px 16px;
}
.pc-journey__media { width: 100%; }

/* ════════════════════ 5. TEMOIGNAGES ════════════════════ */
.pc-testimonials {
  background: var(--pc-panel);
  border-top: 1px solid var(--pc-line);
  border-bottom: 1px solid var(--pc-line);
  padding: 6rem 24px;
}
.pc-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  max-width: var(--pc-max);
  margin: 0 auto;
}
.pc-quote { position: relative; padding-top: 42px; }
.pc-quote::before {
  content: '\201C';
  position: absolute;
  top: -10px;
  left: -4px;
  font-family: 'Cinzel Decorative', serif;
  font-size: 78px;
  line-height: 1;
  color: var(--pc-gold);
}
.pc-quote__text {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  line-height: 1.85;
  color: #E2E2E2;
  margin-bottom: 22px;
}
.pc-quote__author {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  color: #FFFFFF;
}
.pc-quote__country {
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: var(--pc-muted);
  margin-top: 2px;
}

/* ════════════════════ CHAPITRES (commun) ════════════════════ */
.pc-chapter { position: relative; overflow: hidden; }

.pc-chapter__watermark {
  position: absolute;
  font-family: 'Cinzel Decorative', serif;
  font-size: clamp(180px, 26vw, 340px);
  line-height: 0.8;
  color: rgba(204, 34, 0, 0.05);
  z-index: 0;
  pointer-events: none;
  user-select: none;
}
.pc-chapter__content { position: relative; z-index: 1; }
.pc-chapter__title {
  font-family: 'Cinzel', serif;
  font-size: clamp(34px, 4.4vw, 54px);
  text-transform: uppercase;
  color: #FFFFFF;
  margin-top: 12px;
}
.pc-chapter__text {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.9;
  color: var(--pc-body);
  max-width: var(--pc-read);
}
/* lignes editoriales empilees (ex. Conditioning) : un peu d'air entre elles */
.pc-chapter__text:not(:last-child) { margin-bottom: 1.05rem; }

/* ─── 6. CHAPITRE 01 : split photo gauche / texte droite ───── */
.pc-chapter--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  max-width: var(--pc-max);
  margin: 0 auto;
  padding: 6rem 24px;
  align-items: stretch;
}
.pc-chapter--split .pc-chapter__media { min-height: 440px; }
.pc-chapter--split .pc-chapter__body {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0 56px;
}
.pc-chapter--split .pc-chapter__watermark {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: rgba(26, 79, 160, 0.20); /* vert, un peu plus visible */
}

/* ─── 7. CHAPITRE 02 : photo full bg + scrim gauche ────────── */
.pc-chapter--overlay {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
}
.pc-chapter--overlay .pc-chapter__bg {
  position: absolute;
  inset: 0;
  background: #111 center / cover no-repeat;
}
.pc-chapter--overlay .pc-chapter__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10,10,10,1) 0%, rgba(10,10,10,0.92) 30%, rgba(10,10,10,0) 75%);
}
.pc-chapter--overlay .pc-chapter__body {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 960px;          /* legerement plus large : decale le texte un peu a gauche */
  margin: 0 auto;
  padding: 5rem 24px;
}
.pc-chapter--overlay .pc-chapter__content { max-width: 460px; }
.pc-chapter--overlay .pc-chapter__watermark {
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  color: rgba(26, 79, 160, 0.16); /* orange safran, un peu plus visible */
}

/* ─── 10. CHAPITRE 03 : centre, sans photo ─────────────────── */
.pc-chapter--center {
  text-align: center;
  max-width: var(--pc-max);
  margin: 0 auto;
  padding: 6rem 24px;
}
.pc-chapter--center .pc-chapter__watermark {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pc-chapter--center .pc-chapter__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: var(--pc-read);
  margin: 0 auto;
}
.pc-chapter--center .pc-chapter__text { margin-bottom: 36px; }

/* ════════════ CHAPITRE 03 — BEYOND TECHNIQUE ════════════
   Spread editorial premium (desktop). Volontairement plus large
   que --pc-max et avec coins arrondis + ombre douce sur les cards,
   en derogation assumee des regles globales (radius 4px / no shadow)
   demandee specifiquement pour cette section.
   ──────────────────────────────────────────────────────── */
.pc-beyond {
  max-width: 1160px;
  margin: 0 auto;
  padding: 8rem 32px;
}

/* ─── En-tete editorial : watermark 03 integre derriere le titre ─ */
.pc-beyond__head {
  position: relative;
  text-align: center;
  margin-bottom: 5.5rem;
  padding-top: 64px;
}
.pc-beyond__watermark {
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Cinzel Decorative', serif;
  font-size: clamp(180px, 22vw, 300px);
  line-height: 1;
  color: rgba(204, 34, 0, 0.15); /* rouge, un peu plus visible */
  z-index: 0;
  pointer-events: none;
  user-select: none;
}
.pc-beyond__head .pc-eyebrow,
.pc-beyond__head .pc-beyond__heading,
.pc-beyond__head .pc-divider,
.pc-beyond__head .pc-beyond__lead {
  position: relative;
  z-index: 1;
}
.pc-beyond__heading {
  font-family: 'Cinzel', serif;
  font-size: clamp(40px, 5vw, 62px);
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-top: 14px;
}
.pc-beyond__lead {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 1.95;
  color: var(--pc-body);
  max-width: 720px;
  margin: 28px auto 0;
}

/* ─── Grille 3 x 2 ──────────────────────────────────────────── */
.pc-beyond__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* ─── Card "page de chapitre a collectionner" ───────────────── */
.pc-beyond__card {
  position: relative;
  overflow: hidden;
  background: #15161A;             /* charcoal profond, distinct du bg page */
  border: 1px solid rgba(179, 138, 71, 0.16);
  border-radius: 19px;
  padding: 48px 42px 46px;
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.45);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.pc-beyond__card:hover {
  transform: translateY(-7px);
  border-color: rgba(179, 138, 71, 0.42);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.55),
              0 0 0 1px rgba(179, 138, 71, 0.18),
              0 0 34px rgba(179, 138, 71, 0.08);
}

/* Grand numero filigrane a l'interieur de la card */
.pc-beyond__num {
  position: absolute;
  top: 8px;
  right: 22px;
  font-family: 'Cinzel Decorative', serif;
  font-size: 120px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.04);
  z-index: 0;
  pointer-events: none;
  user-select: none;
}

.pc-beyond__body { position: relative; z-index: 1; }
.pc-beyond__title {
  font-family: 'Cinzel', serif;
  font-size: 24px;
  letter-spacing: 0.04em;
  color: var(--pc-gold);
  margin-bottom: 18px;
}
.pc-beyond__rule {
  display: block;
  width: 46px;
  height: 2px;
  background: linear-gradient(90deg, var(--pc-gold), rgba(179, 138, 71, 0));
  margin-bottom: 20px;
}
.pc-beyond__text {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.85;
  color: var(--pc-body);
}

/* ════════════════════ 8. PRICING ════════════════════ */
.pc-pricing {
  max-width: var(--pc-max);
  margin: 0 auto;
  padding: 6rem 24px;
  text-align: center;
  border-top: 1px solid var(--pc-line);
}
.pc-pricing__eyebrow { margin-bottom: 14px; }
.pc-pricing__title {
  font-family: 'Cinzel', serif;
  font-size: clamp(28px, 3.6vw, 42px);
  color: var(--pc-gold);
  margin-bottom: 44px;
}
.pc-pricing__tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 44px;
}
.pc-tab {
  font-family: 'Cinzel', serif;
  font-size: 14px;
  letter-spacing: 0.06em;
  color: var(--pc-body);
  background: transparent;
  border: 1px solid #2a2a2a;
  border-radius: 4px;
  padding: 12px 26px;
  cursor: pointer;
  transition: color .2s, border-color .2s, background .2s;
}
.pc-tab:hover { color: var(--pc-gold); border-color: #3a3a3a; }
.pc-tab.is-active {
  color: #FFFFFF;
  border-color: var(--pc-gold);
  background: var(--pc-panel);
}
.pc-pricing__price {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-bottom: 52px;
}
.pc-pricing__usd {
  font-family: 'Cinzel Decorative', serif;
  font-size: clamp(48px, 8vw, 86px);
  line-height: 1;
  color: #FFFFFF;
}
.pc-pricing__kip {
  font-family: 'Cinzel', serif;
  font-size: 16px;
  letter-spacing: 0.06em;
  color: var(--pc-accent);
}
.pc-pricing__included {
  font-family: 'Cinzel', serif;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pc-muted);
  margin-bottom: 26px;
}
.pc-pricing__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.pc-incl {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #E2E2E2;
  background: var(--pc-panel);
  border: 1px solid #232323;
  border-radius: 4px;
  padding: 22px 16px;
}

/* ════════════════════ 9. FAQ ════════════════════ */
.pc-faq {
  max-width: var(--pc-read);
  margin: 0 auto;
  padding: 6rem 24px;
  text-align: center;
  border-top: 1px solid var(--pc-line);
}
.pc-faq__eyebrow { margin-bottom: 14px; }
.pc-faq__title {
  font-family: 'Cinzel', serif;
  font-size: clamp(28px, 3.6vw, 42px);
  color: var(--pc-gold);
  margin-bottom: 40px;
}
.pc-faq__tabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 36px;
}
.pc-faq__tab {
  font-family: 'Cinzel', serif;
  font-size: 14px;
  letter-spacing: 0.06em;
  color: var(--pc-body);
  background: transparent;
  border: 1px solid #2a2a2a;
  border-radius: 4px;
  padding: 11px 24px;
  cursor: pointer;
  transition: color .2s, border-color .2s, background .2s;
}
.pc-faq__tab:hover { color: var(--pc-gold); border-color: #3a3a3a; }
.pc-faq__tab.is-active {
  color: #FFFFFF;
  border-color: var(--pc-gold);
  background: var(--pc-panel);
}
.pc-faq__panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: left;
}
/* indispensable : sans ca, display:flex ecrase l'attribut [hidden]
   et les deux panneaux (Training + Pricing) restent visibles en meme temps */
.pc-faq__panel[hidden] { display: none; }
.pc-faq__group {
  font-family: 'Cinzel', serif;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pc-accent);
  margin-top: 18px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--pc-line);
}
.pc-faq__group:first-child { margin-top: 0; }
.pc-faq__item {
  background: var(--pc-panel);
  border: 1px solid #1f1f1f;
  border-radius: 4px;
  overflow: hidden;
}
.pc-faq__q {
  position: relative;
  list-style: none;
  cursor: pointer;
  font-family: 'Cinzel', serif;
  font-size: 15px;
  letter-spacing: 0.02em;
  color: #F0F0F0;
  padding: 20px 52px 20px 22px;
  transition: color .2s;
}
.pc-faq__q:hover { color: var(--pc-gold); }
.pc-faq__q::-webkit-details-marker { display: none; }
.pc-faq__q::after {
  content: '+';
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: var(--pc-gold);
  transition: transform .2s;
}
.pc-faq__item[open] .pc-faq__q::after { transform: translateY(-50%) rotate(45deg); }
.pc-faq__a {
  padding: 0 22px 20px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.85;
  color: var(--pc-body);
}

/* ════════════ DUO : THE TOOLS + FAQ cote a cote ════════════
   Bloc volontairement plus large que les sections centrees, pour
   casser la monotonie. Gauche = panneau charcoal (echo des cards
   Beyond Technique = harmonie) ; droite = FAQ alignee a gauche. */
.pc-duo {
  max-width: 1240px;
  margin: 0 auto;
  padding: 6rem 24px;
  display: grid;
  grid-template-columns: 6fr 5fr;
  gap: 52px;
  align-items: stretch;
  border-top: 1px solid var(--pc-line);
}

/* ─── Colonne gauche : The Tools (panneau) ─── */
.pc-duo__tools {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #15161A;
  border: 1px solid rgba(179, 138, 71, 0.14);
  border-radius: 19px;
  padding: 64px 54px;
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.45);
}
.pc-duo__tools .pc-chapter__watermark {
  bottom: 24px;
  right: 28px;
  font-size: clamp(150px, 12vw, 210px);
  color: rgba(26, 79, 160, 0.20); /* vert visible, comme le 01 */
}
.pc-duo__tools-inner { position: relative; z-index: 1; }
.pc-duo__tools .pc-chapter__title { margin-top: 12px; }
.pc-duo__tools .pc-chapter__text { margin: 0 0 0.9rem; }
.pc-duo__tools .pc-chapter__text:last-of-type { margin-bottom: 32px; }

/* ─── Colonne droite : FAQ en mode colonne (neutralise le centrage) ─── */
.pc-faq--in-duo {
  max-width: none;
  margin: 0;
  padding: 0;
  border-top: none;
  text-align: left;
}
.pc-faq--in-duo .pc-faq__eyebrow,
.pc-faq--in-duo .pc-faq__title { text-align: left; }
.pc-faq--in-duo .pc-faq__title { margin-bottom: 28px; }
.pc-faq--in-duo .pc-faq__tabs { justify-content: flex-start; }

/* ════════════════════ 11. FINAL CTA ════════════════════ */
/* Photo : ring a gauche, zone sombre a droite -> contenu cale a droite. */
.pc-final {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  min-height: 72vh;
  padding: 6rem clamp(24px, 6vw, 96px);
}
.pc-final__bg {
  position: absolute;
  inset: 0;
  background: #0d0d0d center / cover no-repeat;
}
.pc-final__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(10,10,10,0.15) 0%,
    rgba(10,10,10,0.35) 45%,
    rgba(10,10,10,0.85) 74%,
    rgba(10,10,10,0.95) 100%);
}
.pc-final__inner {
  position: relative;
  z-index: 1;
  max-width: 460px;
  margin: 0;
}
.pc-final__title {
  font-family: 'Cinzel Decorative', serif;
  font-size: clamp(34px, 5vw, 58px);
  color: var(--pc-gold);
  margin-bottom: 24px;
}
.pc-final__text {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.9;
  color: #D8D8D8;
  margin-bottom: 40px;
}
.pc-final__map {
  display: block;
  margin-top: 22px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: var(--pc-muted);
}
.pc-final__map:hover { color: var(--pc-gold); }

/* ════════════════════ RESPONSIVE (repli mobile minimal) ═════ */
@media (max-width: 820px) {
  .pc-hero { justify-content: center; text-align: center; }
  .pc-hero__inner { max-width: 560px; }
  .pc-hero__overlay { background: rgba(10, 10, 10, 0.66); }

  .pc-final { justify-content: center; text-align: center; min-height: auto; padding: 5rem 24px; }
  .pc-final__inner { max-width: 560px; margin: 0 auto; }
  .pc-final__scrim { background: rgba(10, 10, 10, 0.8); }

  .pc-stats { flex-direction: column; }
  .pc-stats__group { width: 100%; border: none; }
  .pc-stats__pin { margin: 16px 0; }

  .pc-journey { grid-template-columns: 1fr; gap: 40px; }
  .pc-journey__media { max-width: 380px; }

  .pc-testimonials__grid { grid-template-columns: 1fr; gap: 56px; }

  .pc-chapter--split { grid-template-columns: 1fr; }
  .pc-chapter--split .pc-chapter__media { min-height: 320px; }
  .pc-chapter--split .pc-chapter__body { padding: 40px 0 0; }

  .pc-chapter--overlay .pc-chapter__scrim {
    background: linear-gradient(180deg, rgba(10,10,10,0.4) 0%, rgba(10,10,10,0.92) 100%);
  }
  .pc-chapter--overlay .pc-chapter__content { max-width: none; }

  .pc-pricing__grid { grid-template-columns: 1fr; }

  .pc-duo { grid-template-columns: 1fr; gap: 40px; }
  .pc-duo__tools { padding: 48px 32px; }

  .pc-beyond { padding: 5rem 24px; }
  .pc-beyond__grid { grid-template-columns: 1fr; gap: 18px; }
  .pc-beyond__card { padding: 36px 30px; }
}
