/* NBC — original dark visual identity, isolated for systeme.io embeds. */
.nbc {
  --noir: #0b0b0d;
  --panel: #121114;
  --or: #c9a876;
  --or-clair: #e8c77f;
  --ivoire: #f6f2ec;
  --texte: #e9e4dc;
  --doux: #a49f97;
  --ligne: rgba(201,168,118,.24);
  background: radial-gradient(ellipse at 78% 3%,rgba(201,168,118,.09),transparent 35%),radial-gradient(ellipse at 12% 52%,rgba(201,168,118,.04),transparent 35%),var(--noir);
  color: var(--texte);
  font: 400 17px/1.7 Inter,Arial,sans-serif;
  overflow-wrap: anywhere;
  text-align: left;
  width: 100%;
  position: relative;
  isolation: isolate;
  -webkit-font-smoothing: antialiased;
}
.nbc * { box-sizing: border-box; }
.nbc h1,.nbc h2,.nbc h3,.nbc p,.nbc ul,.nbc ol { margin: 0 0 22px; }
.nbc h1,.nbc h2,.nbc h3,.nbc blockquote { font-family: 'Cormorant Garamond',Georgia,serif; font-weight: 500; line-height: 1.12; letter-spacing: .005em; color: var(--ivoire); }
.nbc h1 { font-size: clamp(38px,5vw,62px); max-width: 840px; }
.nbc h2 { font-size: clamp(31px,3.6vw,44px); }
.nbc h3 { font-size: 29px; }
.nbc h1 em { font-weight: 400; color: var(--or); }
.nbc a { color: inherit; text-underline-offset: 5px; }
.nbc a:hover { text-decoration-thickness: 2px; }
.nbc p { max-width: 720px; }
.nbc .section { max-width: 824px; padding: 70px 22px; margin: auto; scroll-margin-top: 104px; }
.nbc .section+.section { border-top: 1px solid var(--ligne); }
.nbc .hero { max-width: 1004px; padding-top: 80px; padding-bottom: 76px; }
.nbc .hero-copy { max-width: 680px; }
.nbc .hero-copy p { margin-bottom: 12px; }
.nbc .eyebrow { font: 500 11px/1.65 Inter,Arial,sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--or); margin-bottom: 22px; }
.nbc .hero>.eyebrow { display: inline-block; border: 1px solid var(--ligne); border-radius: 30px; padding: 8px 14px; background: rgba(201,168,118,.045); }
.nbc .topics { font-weight: 500; color: var(--or); border-left: 2px solid var(--or); padding-left: 18px; margin-top: 28px; }
.nbc .date-line { font-size: 14px; color: var(--or); padding: 14px 0; border-top: 1px solid var(--ligne); border-bottom: 1px solid var(--ligne); max-width: 520px; }
.nbc .promise { margin-top: 24px; }
.nbc .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; gap: 12px; padding: 16px 25px; background: linear-gradient(125deg,var(--or-clair),var(--or)); color: var(--noir); border: 1px solid var(--or); text-decoration: none; font: 600 14px/1.5 Inter,Arial,sans-serif; text-align: center; border-radius: 4px; cursor: pointer; max-width: 100%; white-space: normal; }
.nbc .btn:hover { background: var(--or-clair); }
.nbc .btn:disabled { background: #24201c; color: #c6b9a7; border-color: #695842; cursor: default; }
.nbc :focus-visible { outline: 3px solid var(--or-clair); outline-offset: 5px; }
.nbc .price { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 24px 0; }
.nbc .price strong { font: 500 36px/1.1 'Cormorant Garamond',Georgia,serif; color: var(--ivoire); }
.nbc .price span { font-size: 12px; color: var(--or); }
.nbc .price small { display: block; font-size: 12px; color: var(--doux); }
.nbc .featured { max-width: 960px; background: linear-gradient(120deg,rgba(201,168,118,.075),transparent 75%),var(--panel); border: 1px solid var(--ligne); border-left: 3px solid var(--or); border-radius: 6px; padding: 44px; }
.nbc .featured h2 { max-width: 800px; }
.nbc #dates { max-width: 1004px; }
.nbc .workshops { display: grid; gap: 18px; margin-top: 34px; }
.nbc .workshop-card { display: grid; grid-template-columns: 88px minmax(0,1fr) 174px; align-items: start; gap: 24px; padding: 28px 24px; border: 1px solid var(--ligne); border-radius: 6px; background: rgba(18,17,20,.8); }
.nbc .card-date { color: var(--or); text-align: center; padding-right: 20px; border-right: 1px solid var(--ligne); }
.nbc .card-date strong { display: block; font: 500 42px/1 'Cormorant Garamond',Georgia,serif; }
.nbc .card-date span { display: block; font-size: 10px; letter-spacing: .07em; text-transform: uppercase; margin-top: 8px; }
.nbc .card-date small { color: var(--doux); font-size: 11px; }
.nbc .workshop-card h3 { font-size: 29px; margin-bottom: 12px; }
.nbc .workshop-card h3 a { text-decoration: none; }
.nbc .workshop-card p { font-size: 14px; margin-bottom: 0; color: var(--doux); }
.nbc .card-action { display: flex; flex-direction: column; align-items: flex-start; }
.nbc .card-action .price { margin: 0 0 18px; gap: 10px; }
.nbc .card-action .price strong { font-size: 30px; }
.nbc .card-action .price span { width: 100%; }
.nbc .card-action .text-link { border: 1px solid var(--ligne); border-radius: 4px; padding: 9px 12px; text-decoration: none; font-size: 12px; }
.nbc .text-link { display: inline-flex; align-items: center; min-height: 44px; gap: 12px; font-size: 14px; font-weight: 500; color: var(--or); }
.nbc .insight { background: linear-gradient(120deg,rgba(201,168,118,.055),transparent); }
.nbc blockquote { font-size: clamp(28px,3.2vw,38px); margin: 32px 0; color: var(--or); border-left: 2px solid var(--or); padding-left: 24px; }
.nbc .steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; padding-left: 0; margin: 34px 0; list-style: none; counter-reset: steps; }
.nbc .steps article,.nbc .steps li { border-top: 1px solid var(--ligne); padding-top: 22px; }
.nbc .steps li:before,.nbc .step-number { counter-increment: steps; content: '0' counter(steps); display: block; color: var(--or); font: 500 32px/1.4 'Cormorant Garamond',Georgia,serif; margin-bottom: 18px; }
.nbc .steps h3 { font: 500 12px/1.5 Inter,Arial,sans-serif; letter-spacing: .07em; color: var(--ivoire); }
.nbc .steps p,.nbc .steps li { font-size: 15px; }
.nbc .author { display: flex; gap: 38px; align-items: flex-start; }
.nbc .author img { width: 180px; height: 220px; object-fit: cover; border: 1px solid var(--ligne); border-radius: 5px; }
.nbc .proof { font-weight: 500; font-size: 14px; color: var(--or); }
.nbc .situations { padding-left: 24px; }
.nbc .situations li { padding-left: 8px; margin-bottom: 16px; }
.nbc .situations li::marker { color: var(--or); }
.nbc details { border-bottom: 1px solid var(--ligne); padding: 8px 0; }
.nbc summary { padding: 16px 0; min-height: 48px; cursor: pointer; font-weight: 500; color: var(--ivoire); list-style: none; display: flex; justify-content: space-between; gap: 20px; }
.nbc summary::-webkit-details-marker { display: none; }
.nbc summary::after { content: '+'; color: var(--or); font-size: 22px; line-height: 1; flex: none; }
.nbc details[open]>summary::after { content: '−'; }
.nbc details p { padding: 0 0 12px; font-size: 15px; color: var(--doux); }
.nbc .faq { margin-top: 16px; }
.nbc .offer { background: linear-gradient(140deg,rgba(201,168,118,.07),transparent),var(--panel); border: 1px solid var(--ligne); border-radius: 6px; padding: 44px; }
.nbc .offer .faq { margin-top: 56px; }
.nbc .final-links a { padding: 22px 0; border-bottom: 1px solid var(--ligne); display: flex; gap: 24px; align-items: center; text-decoration: none; font-family: 'Cormorant Garamond',Georgia,serif; font-size: 26px; line-height: 1.25; color: var(--ivoire); }
.nbc .final-links a span:first-child { font: 400 12px/1.5 Inter,Arial,sans-serif; min-width: 170px; color: var(--or); }
.nbc .waitlist { margin-top: 50px; scroll-margin-top: 104px; }
.nbc .pending { font-size: 14px; color: var(--doux); }
.nbc .footer { border-top: 1px solid var(--ligne); background: var(--noir); color: var(--doux); padding: 40px max(22px,calc((100% - 780px)/2)); font-size: 12px; }
.nbc .footer p { max-width: 900px; }
.nbc .footer a { display: inline-block; min-height: 44px; color: var(--or); }
.nbc .topbar { position: sticky; top: 0; z-index: 100; width: 100%; padding: 14px max(22px,calc((100% - 960px)/2)); border-bottom: 1px solid var(--ligne); display: flex; align-items: center; justify-content: space-between; gap: 16px; background: rgba(11,11,13,.97); }
.nbc .topbar .btn { min-height: 44px; padding: 10px 16px; font-size: 12px; }
.nbc .brand { display: flex; gap: 12px; align-items: center; text-decoration: none; font: 500 36px/1 Georgia,serif; color: var(--or); }
.nbc .brand span { font: 500 8px/1.5 Inter,Arial,sans-serif; letter-spacing: .13em; color: var(--ivoire); }
.nbc .sticky { display: none; }
.nbc .other { padding-top: 26px; padding-bottom: 26px; }
.nbc .sr-only,.nbc .skip:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.nbc .skip:focus { display: block; padding: 20px; }
.nbc .closing { padding-bottom: 70px; }
@media(max-width:1004px) {
  .nbc .featured { margin-left: 22px; margin-right: 22px; }
}
@media(max-width:700px) {
  .nbc { font-size: 16px; }
  .nbc .section { padding: 44px 22px; }
  .nbc .hero { padding-top: 44px; }
  .nbc h1 { font-size: 38px; }
  .nbc .topbar { padding: 12px 16px; }
  .nbc .brand { font-size: 28px; gap: 8px; }
  .nbc .brand span { font-size: 7px; }
  .nbc .topbar .btn { width: auto; }
  .nbc .hero>.eyebrow { font-size: 9px; letter-spacing: .09em; }
  .nbc .workshop-card { grid-template-columns: 1fr; gap: 20px; padding: 24px 20px; }
  .nbc .card-date { display: flex; align-items: baseline; gap: 10px; border-right: 0; border-bottom: 1px solid var(--ligne); padding: 0 0 16px; text-align: left; }
  .nbc .card-date strong { font-size: 36px; }
  .nbc .card-date span { font-size: 11px; }
  .nbc .card-action { width: 100%; }
  .nbc .card-action .price { flex-direction: row; margin: 0 0 16px; }
  .nbc .card-action .price span { width: auto; }
  .nbc .card-action .text-link { justify-content: center; width: 100%; }
  .nbc .steps { grid-template-columns: 1fr; gap: 12px; }
  .nbc .steps li { padding-bottom: 18px; }
  .nbc .author { flex-direction: column; }
  .nbc .author img { width: 120px; height: 140px; }
  .nbc .final-links a { flex-wrap: wrap; gap: 6px; font-size: 24px; }
  .nbc .final-links a span:first-child { width: 100%; }
  .nbc .btn { width: 100%; }
  .nbc:has(.sticky) { padding-bottom: calc(84px + env(safe-area-inset-bottom,0px)); }
  .nbc .sticky { display: block; position: fixed; bottom: 0; left: 0; right: 0; background: var(--noir); border-top: 1px solid var(--ligne); padding: 10px 16px calc(10px + env(safe-area-inset-bottom,0px)); z-index: 1000; }
  .nbc .sticky .btn { min-height: 48px; padding: 12px; }
  .nbc .price { gap: 12px; }
  .nbc .featured { margin: 0 16px; padding: 30px 22px; }
  .nbc .offer { margin: 0 16px; padding: 30px 22px; }
}

/* ===================================================================
   REFONTE 2026 — écosystème éditorial (page mère + pages filles)
   Réutilise les tokens et l'isolation .nbc ci-dessus.
   =================================================================== */

/* Rythme et lisibilité */
.nbc .lede { font-size: clamp(17px,2vw,20px); color: var(--ivoire); max-width: 700px; }
.nbc .hero .lede { margin-bottom: 18px; }
.nbc .hero .topics { font-size: 14px; }
.nbc .hook { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(22px,2.6vw,28px); line-height: 1.28; color: var(--or); max-width: 640px; margin-bottom: 20px; }
.nbc .promise { font-size: 17px; color: var(--ivoire); border-left: 2px solid var(--or); padding-left: 18px; }
.nbc .hero-cta { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 26px; }
.nbc .hero-sig { font-size: 12.5px; color: var(--doux); margin-top: 18px; }

/* Section « Le problème » — mise en scène */
.nbc .problem .mini-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 26px; }
.nbc .problem .mini-list li { border: 1px solid var(--ligne); border-radius: 30px; padding: 8px 16px; font-size: 14px; color: var(--doux); background: rgba(201,168,118,.04); margin: 0; }
.nbc .pivot { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(24px,3vw,34px); line-height: 1.2; color: var(--ivoire); border-left: 3px solid var(--or); padding-left: 22px; margin: 28px 0; max-width: 760px; }
.nbc .pivot-questions { list-style: none; padding: 0; margin: 0 0 26px; display: grid; gap: 0; }
.nbc .pivot-questions li { padding: 16px 0; border-bottom: 1px solid var(--ligne); font-size: 16px; color: var(--texte); margin: 0; }
.nbc .pivot-questions li:first-child { border-top: 1px solid var(--ligne); }

/* Chaîne doctrinale SITUATION → ANTICIPATION → DÉCISION → CONSÉQUENCE */
.nbc .chain { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin: 34px 0 14px; }
.nbc .chain-step { flex: 1 1 auto; min-width: 140px; border: 1px solid var(--ligne); border-top: 2px solid var(--or); border-radius: 5px; padding: 16px 14px; background: rgba(18,17,20,.7); font: 500 12px/1.4 Inter,Arial,sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--ivoire); display: flex; align-items: center; }
.nbc .chain-arrow { align-self: center; color: var(--or); font-size: 18px; flex: none; }
.nbc .chain-caption { font-size: 13.5px; color: var(--doux); max-width: 640px; }

/* Grille des ateliers */
.nbc .dates { max-width: 1004px; }
.nbc .card-cat { font: 500 10px/1.5 Inter,Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--or); margin-bottom: 10px; }
.nbc .card-hook { font-size: 15px; color: var(--texte); margin-bottom: 8px; }
.nbc .card-desc { font-size: 13.5px; color: var(--doux); margin-bottom: 0; }
.nbc .workshop-card h3 { margin-bottom: 6px; }

/* Badges de statut */
.nbc .status { display: inline-block; font: 500 11px/1 Inter,Arial,sans-serif; letter-spacing: .05em; text-transform: uppercase; padding: 7px 11px; border-radius: 4px; border: 1px solid var(--ligne); color: var(--doux); margin: 0 0 14px; }
.nbc .status--open { color: var(--or-clair); border-color: rgba(201,168,118,.5); background: rgba(201,168,118,.08); }
.nbc .status--full { color: #d9a89a; border-color: #6b4a41; }
.nbc .status--done { opacity: .7; }
.nbc .status--replay { color: var(--or); }

/* Ligne d'infos pratiques (près des CTA) */
.nbc .meta { list-style: none; padding: 0; margin: 18px 0; display: flex; flex-wrap: wrap; gap: 8px 18px; }
.nbc .meta li { font-size: 13px; color: var(--doux); margin: 0; position: relative; padding-left: 16px; }
.nbc .meta li::before { content: '·'; position: absolute; left: 4px; color: var(--or); }

/* Scène (page fille) */
.nbc .scene { background: linear-gradient(160deg,rgba(201,168,118,.05),transparent 60%); }
.nbc .scene-copy { max-width: 660px; }
.nbc .scene-copy p { font-size: 17px; color: var(--texte); }
.nbc .scene-copy p:first-child { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(21px,2.4vw,26px); color: var(--ivoire); line-height: 1.3; }

/* Étapes / process */
.nbc .steps--process article { border-top-color: var(--or); }
.nbc .steps--process h3 { font-size: 15px; text-transform: none; letter-spacing: 0; font-family: 'Cormorant Garamond',Georgia,serif; }

/* Concepts NBC (grilles de lecture) */
.nbc .concepts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin: 32px 0 22px; }
.nbc .concepts--detailed { grid-template-columns: 1fr; gap: 0; }
.nbc .concept { border: 1px solid var(--ligne); border-top: 2px solid var(--or); border-radius: 6px; padding: 26px 22px; background: rgba(18,17,20,.7); }
.nbc .concepts--detailed .concept { border: 0; border-top: 1px solid var(--ligne); border-radius: 0; background: none; padding: 30px 0; }
.nbc .concepts--detailed .concept:first-child { border-top: 0; }
.nbc .concept-num { display: block; font: 500 26px/1 'Cormorant Garamond',Georgia,serif; color: var(--or); margin-bottom: 14px; }
.nbc .concept-q { font-family: 'Cormorant Garamond',Georgia,serif; font-size: 20px; color: var(--ivoire); line-height: 1.25; margin-bottom: 8px; }
.nbc .concept h3 { font: 500 12px/1.5 Inter,Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--or); margin-bottom: 12px; }
.nbc .concept p { font-size: 14.5px; color: var(--doux); margin-bottom: 12px; }
.nbc .concept-sharp { color: var(--texte); font-style: italic; border-left: 2px solid var(--or); padding-left: 14px; }
.nbc .concept-related { margin-top: 18px; padding: 18px; border: 1px solid var(--ligne); border-radius: 5px; background: rgba(201,168,118,.04); }
.nbc .concept-related h4 { font: 500 11px/1.5 Inter,Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--or); margin: 0 0 10px; }
.nbc .concept-inner { color: var(--texte); }
.nbc .concept-note { font-size: 13.5px; color: var(--doux); }

/* Encadré rigueur */
.nbc .rigor { margin-top: 26px; padding: 22px; border: 1px dashed var(--ligne); border-radius: 6px; }
.nbc .rigor ul { list-style: none; padding: 0; margin: 0 0 14px; display: grid; gap: 8px; }
.nbc .rigor li { font-size: 13px; color: var(--doux); margin: 0; }
.nbc .rigor li strong { color: var(--or); }
.nbc .rigor p { font-size: 14px; color: var(--texte); margin-bottom: 10px; }
.nbc .rigor p:last-child { margin-bottom: 0; color: var(--doux); }

/* Preuve sociale */
.nbc .proof-sub { font: 500 12px/1.5 Inter,Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--or); margin: 34px 0 18px; }
.nbc .tm-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.nbc .tm { margin: 0; border: 1px solid var(--ligne); border-radius: 6px; padding: 24px; background: rgba(18,17,20,.7); }
.nbc .tm-quote { font-family: 'Cormorant Garamond',Georgia,serif; font-size: 20px; line-height: 1.3; color: var(--ivoire); border: 0; padding: 0; margin: 0 0 14px; }
.nbc .tm-result-head { font-family: 'Cormorant Garamond',Georgia,serif; font-size: 26px; color: var(--or); margin: 0 0 12px; }
.nbc .tm figcaption { font-size: 13px; color: var(--doux); display: flex; flex-direction: column; gap: 4px; }
.nbc .tm-name { color: var(--or); font-weight: 500; letter-spacing: .04em; text-transform: uppercase; font-size: 11px; }
.nbc .tm-video { position: relative; padding-top: 56.25%; margin-bottom: 16px; border-radius: 5px; overflow: hidden; }
.nbc .tm-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.nbc .tm-disclaimer { font-size: 12px; color: var(--doux); margin-top: 16px; }
.nbc .proof-stat { font-weight: 500; font-size: 15px; color: var(--or); margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--ligne); }

@media(max-width:820px) {
  .nbc .concepts { grid-template-columns: 1fr; }
  .nbc .tm-grid { grid-template-columns: 1fr; }
}
@media(max-width:700px) {
  .nbc h1 { font-size: 31px; line-height: 1.15; }
  .nbc .hero .promise { font-size: 16px; }
  .nbc .scene-copy p, .nbc .scene-copy p:first-child { font-size: 16px; }
  .nbc .scene-copy p:first-child { font-size: 20px; }
  .nbc .chain-step { min-width: 0; flex-basis: 100%; }
  .nbc .chain-arrow { transform: rotate(90deg); align-self: flex-start; margin-left: 20px; }
  .nbc .pivot-questions li { font-size: 15.5px; }
  .nbc .hero-cta .btn, .nbc .hero-cta { width: 100%; }
  .nbc .concept, .nbc .tm { padding: 20px 18px; }
}


/* ===================================================================
   V2 — plus visuel, plus vivant, tons chauds. Toujours noir/or/premium.
   =================================================================== */
.nbc {
  --brun: #2c2118;
  --caramel: #c98a5b;
  --creme: #efe6d6;
  --bronze: #9c7a4a;
  --panel-warm: #171310;
}
.nbc .section { max-width: 880px; }
.nbc .section h2 { max-width: 720px; }
.nbc p { max-width: 660px; }

/* --- Hero en deux colonnes (texte + mockup) --- */
.nbc .hero--split { max-width: 1080px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
.nbc .hero--split .hero-main { min-width: 0; }
.nbc .hero-topics { font: 500 15px/1.6 Inter,Arial,sans-serif; color: var(--or); border-left: 2px solid var(--or); padding-left: 16px; margin: 18px 0; }
.nbc .hero .lede { font-size: clamp(16px,1.9vw,19px); color: var(--texte); max-width: 560px; }
.nbc .hero-micro { display: block; font-size: 12.5px; color: var(--doux); margin-top: 12px; letter-spacing: .02em; }
.nbc .hero--split .hero-cta { align-items: flex-start; }
.nbc .hook { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(21px,2.5vw,27px); line-height: 1.28; color: var(--or); max-width: 600px; margin: 0 0 16px; }
.nbc .hero-copy p, .nbc .lead-line { max-width: 580px; }
.nbc .promise { font-size: 16px; color: var(--ivoire); border-left: 2px solid var(--or); padding-left: 16px; }
.nbc .promise span { display: block; color: var(--doux); font-size: 14px; margin-top: 6px; }
.nbc .hero-sig { font-size: 12px; color: var(--doux); margin-top: 16px; }

/* --- Figures / placeholders illustrés --- */
.nbc .fig { margin: 0; border-radius: 8px; overflow: hidden; }
.nbc .fig img { display: block; width: 100%; height: auto; }
.nbc .fig--placeholder { display: grid; place-items: center; padding: 30px; background:
  radial-gradient(ellipse at 30% 20%, rgba(201,168,118,.10), transparent 60%),
  linear-gradient(160deg, var(--panel-warm), var(--noir));
  border: 1px solid var(--ligne); color: var(--bronze); }
.nbc .fig--placeholder svg { width: min(240px,70%); height: auto; opacity: .85; }
.nbc .fig--placeholder figcaption { margin-top: 14px; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--doux); text-align: center; max-width: 260px; }
.nbc .fig--hero { align-self: stretch; min-height: 260px; }
.nbc .fig--mockup { min-height: 300px; }
.nbc .fig--band { max-width: 420px; }
.nbc .fig--author { width: 220px; flex: none; }

/* --- Bandeau preuve (tôt dans la page) --- */
.nbc .proof-strip { text-align: center; background: linear-gradient(180deg, rgba(201,168,118,.05), transparent); }
.nbc .proof-strip .proof-stat { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(26px,3.4vw,40px); color: var(--ivoire); margin: 0 auto 18px; border: 0; padding: 0; }
.nbc .proof-lines { list-style: none; padding: 0; margin: 0 auto 14px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px; max-width: 640px; }
.nbc .proof-lines li { font-size: 14px; color: var(--or); margin: 0; position: relative; }
.nbc .proof-lines li+li::before { content: '·'; position: absolute; left: -15px; color: var(--bronze); }
.nbc .proof-strip-note { font-size: 12px; color: var(--doux); margin: 0 auto; }

/* --- Cartes ateliers (problème dominant) --- */
.nbc .dates { max-width: 1080px; }
.nbc .workshops { grid-template-columns: repeat(2,minmax(0,1fr)); }
.nbc .workshop-card { display: block; border: 1px solid var(--ligne); border-radius: 8px; padding: 26px 24px; background:
  linear-gradient(165deg, rgba(201,168,118,.06), transparent 55%), rgba(18,17,20,.82); }
.nbc .card-head { display: flex; justify-content: space-between; align-items: baseline; color: var(--doux); }
.nbc .card-num { font: 500 20px/1 'Cormorant Garamond',Georgia,serif; color: var(--or); }
.nbc .card-date { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.nbc .card-problem { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(24px,3vw,32px); color: var(--ivoire); margin: 14px 0 4px; line-height: 1.05; }
.nbc .card-cat { font: 500 10px/1.5 Inter,Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--or); margin-bottom: 14px; }
.nbc .workshop-card h3 { font-size: 20px; line-height: 1.25; margin: 0 0 10px; }
.nbc .workshop-card h3 a { text-decoration: none; }
.nbc .card-micro { font-size: 13.5px; color: var(--doux); margin-bottom: 18px; }
.nbc .card-action { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.nbc .card-action .price { margin: 0; }
.nbc .card-action .price strong { font-size: 24px; }
.nbc .card-action .text-link { margin-left: auto; min-height: 40px; }

/* Prochain atelier mis en avant */
.nbc .dates [data-featured] { margin-bottom: 22px; }
.nbc .featured { background: linear-gradient(120deg, rgba(201,168,118,.09), transparent 70%), var(--panel-warm); border: 1px solid var(--ligne); border-left: 3px solid var(--or); border-radius: 8px; padding: 32px; }
.nbc .featured .eyebrow { margin-bottom: 10px; }
.nbc .featured-problem { font: 500 12px/1.4 Inter,Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--or); margin-bottom: 6px; }
.nbc .featured h3 { font-size: clamp(22px,2.6vw,28px); margin: 0 0 10px; }

/* --- Section bascule « Arrête de corriger le mauvais problème » --- */
.nbc .bascule-sec { text-align: left; }
.nbc .bascule { list-style: none; padding: 0; margin: 26px 0; display: grid; gap: 0; max-width: 640px; }
.nbc .bascule li { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--ligne); }
.nbc .bascule li:first-child { border-top: 1px solid var(--ligne); }
.nbc .b-fact { color: var(--ivoire); font-weight: 500; }
.nbc .b-reflex { color: var(--doux); }
.nbc .b-arrow { color: var(--bronze); }
.nbc .bascule-sec .pivot { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(23px,2.9vw,32px); line-height: 1.2; color: var(--or); border-left: 3px solid var(--or); padding-left: 20px; margin: 24px 0 14px; }

/* --- Bandeaux statement (manifeste, pivot pages filles) --- */
.nbc .band { text-align: center; background:
  radial-gradient(ellipse at 50% 0%, rgba(201,168,118,.10), transparent 60%), var(--panel-warm);
  border-top: 1px solid var(--ligne); border-bottom: 1px solid var(--ligne); }
.nbc .band--tall { padding-top: 76px; padding-bottom: 76px; }
.nbc .band-kicker { font-size: 13px; letter-spacing: .04em; color: var(--doux); margin: 0 auto 14px; max-width: 520px; }
.nbc .band-sub { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(20px,2.4vw,26px); color: var(--texte); margin: 0 auto 6px; max-width: 620px; }
.nbc .band-line { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(24px,3.4vw,38px); line-height: 1.2; color: var(--ivoire); margin: 6px auto 0; max-width: 720px; }
.nbc .band-note { font-size: 12.5px; color: var(--doux); margin: 20px auto 0; max-width: 560px; }

/* --- Cartographie NBC™ (SVG) --- */
.nbc .diagram { margin: 30px 0 8px; }
.nbc .diagram svg { width: 100%; height: auto; overflow: visible; }
.nbc .dg-dot { fill: var(--or); }
.nbc .dg-link { stroke: var(--bronze); stroke-width: 2; stroke-dasharray: 2 6; stroke-linecap: round; }
.nbc .dg-num { fill: var(--bronze); font: 500 13px 'Cormorant Garamond',Georgia,serif; text-anchor: middle; }
.nbc .dg-label { fill: var(--creme); font: 500 11px Inter,Arial,sans-serif; letter-spacing: .06em; text-anchor: middle; }
.nbc .diagram figcaption { font-size: 13px; color: var(--doux); margin-top: 10px; max-width: 620px; }

/* --- Bande accompagnement (photo + phrase) --- */
.nbc .band-photo { display: flex; align-items: center; gap: 40px; }
.nbc .band-photo p { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(20px,2.4vw,26px); color: var(--ivoire); line-height: 1.3; }

/* --- Mécanisme invisible / insight lines --- */
.nbc .insight-lines { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 0; }
.nbc .insight-lines li { padding: 14px 0; border-bottom: 1px solid var(--ligne); font-size: 16px; color: var(--texte); margin: 0; }
.nbc .insight-lines li:first-child { border-top: 1px solid var(--ligne); }

/* --- Ce qu'on va décrypter (liste numérotée) --- */
.nbc .decrypt { list-style: none; padding: 0; margin: 30px 0 0; counter-reset: d; display: grid; gap: 2px; }
.nbc .decrypt li { counter-increment: d; display: grid; grid-template-columns: 44px 1fr; gap: 6px 18px; padding: 20px 0; border-top: 1px solid var(--ligne); }
.nbc .decrypt li::before { content: counter(d,decimal-leading-zero); grid-row: span 2; color: var(--or); font: 500 22px/1 'Cormorant Garamond',Georgia,serif; }
.nbc .decrypt strong { color: var(--ivoire); font-weight: 500; font-size: 16px; }
.nbc .decrypt span { color: var(--doux); font-size: 14.5px; }

/* --- Ce que tu repars faire --- */
.nbc .outcomes { padding-left: 24px; }
.nbc .outcomes li { padding-left: 8px; margin-bottom: 14px; color: var(--texte); }
.nbc .outcomes li::marker { color: var(--or); }

/* --- Concepts : mention extra (nommés, non définis) --- */
.nbc .concept-extra { font-size: 13.5px; color: var(--doux); margin-top: 18px; font-style: italic; }

/* --- Témoignages V2 : label, vedette, bandeau résultats --- */
.nbc .proof { background: linear-gradient(180deg, rgba(156,122,74,.06), transparent 40%); }
.nbc .tm-label { display: inline-block; font: 500 10px/1 Inter,Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--bronze); border: 1px solid var(--ligne); border-radius: 20px; padding: 6px 12px; margin-bottom: 16px; }
.nbc .tm { margin: 0; border: 1px solid var(--ligne); border-radius: 8px; padding: 26px; background: rgba(18,17,20,.8); }
.nbc .tm--featured { background: linear-gradient(150deg, rgba(201,168,118,.10), transparent 60%), var(--panel-warm); border-left: 3px solid var(--or); padding: 32px; margin-bottom: 24px; }
.nbc .tm--featured .tm-quote { font-size: clamp(22px,2.6vw,30px); }
.nbc .tm-quote { font-family: 'Cormorant Garamond',Georgia,serif; font-size: 20px; line-height: 1.3; color: var(--ivoire); border: 0; padding: 0; margin: 0 0 14px; }
.nbc .tm-result-head { font-family: 'Cormorant Garamond',Georgia,serif; font-size: 24px; color: var(--or); margin: 0 0 10px; }
.nbc .tm figcaption { font-size: 13px; color: var(--doux); display: flex; flex-direction: column; gap: 4px; }
.nbc .tm-name { color: var(--or); font-weight: 500; letter-spacing: .05em; text-transform: uppercase; font-size: 11px; }
.nbc .tm-video { position: relative; padding-top: 56.25%; margin-bottom: 18px; border-radius: 6px; overflow: hidden; }
.nbc .tm-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.nbc .tm-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.nbc .tm--result { background: none; border: 0; border-top: 1px solid var(--ligne); border-radius: 0; padding: 20px 0; }
.nbc .results-banner { display: flex; flex-wrap: wrap; gap: 14px; margin: 4px 0 24px; }
.nbc .rb-item { flex: 1 1 180px; border: 1px solid var(--ligne); border-radius: 8px; padding: 18px; background: rgba(201,168,118,.05); }
.nbc .rb-item strong { display: block; font: 500 22px/1.1 'Cormorant Garamond',Georgia,serif; color: var(--or); }
.nbc .rb-item span { font-size: 11px; letter-spacing: .05em; text-transform: uppercase; color: var(--doux); }
.nbc .tm-disclaimer { font-size: 12px; color: var(--doux); margin-top: 16px; }

/* --- Auteur --- */
.nbc .author .fig--author { border: 1px solid var(--ligne); border-radius: 8px; }

@media(max-width:900px) {
  .nbc .hero--split { grid-template-columns: 1fr; gap: 30px; }
  .nbc .fig--hero { order: -1; min-height: 200px; }
  .nbc .workshops { grid-template-columns: 1fr; }
  .nbc .concepts { grid-template-columns: 1fr; }
  .nbc .tm-grid { grid-template-columns: 1fr; }
  .nbc .band-photo { flex-direction: column; gap: 22px; text-align: center; }
  .nbc .band-photo .fig--band { max-width: 320px; }
}
@media(max-width:700px) {
  .nbc h1 { font-size: 30px; line-height: 1.14; }
  .nbc .bascule li { grid-template-columns: 1fr; gap: 4px; text-align: left; }
  .nbc .bascule .b-arrow { display: none; }
  .nbc .bascule .b-reflex::before { content: '→ '; color: var(--bronze); }
  .nbc .proof-lines { gap: 8px 20px; }
  .nbc .decrypt li { grid-template-columns: 32px 1fr; }
  .nbc .results-banner .rb-item { flex-basis: 100%; }
  .nbc .tm--featured, .nbc .tm { padding: 20px 18px; }
  .nbc .hero-cta .btn, .nbc .hero-cta { width: 100%; }
}