:root{
    --nuit:#102744; --dore:#B8915F; --dore-clair:#CDA877;
    --creme:#F2E8DC; --casse:#FAF7F2; --encre:#293241;--beige:#F2E8DC;
    --nuit-70:rgba(16,39,68,.72);--vert-dispo:#5c7a5c;--gris-attente:#9a9186;
    --serif:"Cormorant Garamond",Georgia,serif;
    --caps:"Cinzel",Georgia,serif;
    --sans:"Montserrat",-apple-system,"Segoe UI",sans-serif;
    --bleu-nuit:#102744;
    --dore:#B8915F;
    --beige:#F2E8DC;
    --blanc-casse:#FAF7F2;
     --navy:#1b2a4a;
    --navy-dark:#12203a;
    --gold:#b08d57;
    --gold-light:#d4b483;
    --cream:#faf7f2;
    --text:#2b2b2b;
    --muted:#5a5a5a;
    --gold-dark: #B8922A;
    --border:#e4dccb;
     --beige-luxe: #F5EFE6;
    --beige-clair: #FAF7F2;
    --or-doux: #C9A96E;
    --or-chaud: #B8922A;
    --bleu-nuit: #1A1F2E;
    --blanc-casse: #FDFAF6;
    --brun-elegant: #5C4A3A;
    --brun-doux: #8B7355;
    --taupe: #9C8B7A;
    --gris-perle: #E8E2D9;
    --font-titre: 'Cormorant Garamond', serif;
    --font-corps: 'Jost', sans-serif;
    --font-accent: 'Playfair Display', serif;
  }
  .bleu-nuit{
      background-color: var(--nuit) !important;
  }
  .em{ 
  font-family: var(--serif);
  font-style: italic;
  color: var(--dore-clair);
  font-size:1rem;
  }
  *{ 
      margin:0;
      padding:0;
      box-sizing:border-box
  }
  html{ 
      scroll-behavior:smooth
  }
  body{ 
      font-family:var(--sans);
      color:var(--encre);
      background:var(--casse);
      font-weight:300;
      line-height:1.75;
      -webkit-font-smoothing:antialiased
  }
  .wrap{ 
      max-width:1160px;
      margin:0 auto;
      padding:0 clamp(1.5rem,5vw,4rem)
  }
  section{ 
      padding:clamp(3.5rem,8vw,7rem) 0
  }

  .eyebrow{ 
      font-family:var(--caps);
      text-transform:uppercase;
      letter-spacing:.26em;
      font-size:.7rem;
      font-weight:600;
      color:var(--dore)
  }
   h1.page-title{
    font-family:'Cormorant Garamond', serif; text-align:center;
    font-size:34px; font-weight:500; color:var(--navy); margin:0 0 8px;
  }
  p.page-sub{
    text-align:center; color:var(--taupe); font-size:15px; margin:0 0 48px;
    letter-spacing:.02em;
  }
  .wrap{
    display:flex; gap:40px; max-width:1080px; margin:0 auto; align-items:flex-start;
    flex-wrap:wrap; justify-content:center;
  }
  .col{ flex:1 1 460px; max-width:480px; }
  .col-label{
    text-align:center; font-family:'Jost',sans-serif; font-weight:600; font-size:12px;
    letter-spacing:.18em; text-transform:uppercase; margin-bottom:16px;
  }
  .col-label.avant{ color:var(--taupe-2); }
  .col-label.apres{ color:var(--gold-dark); }

  .card{
    background:var(--ivoire); border-radius:4px; overflow:hidden;
    box-shadow:0 12px 32px rgba(15,20,33,0.10);
  }

  /* ---- top visual block ---- */
  .visual{
    background:linear-gradient(160deg, var(--navy) 0%, var(--navy-dark) 100%);
    height:260px; position:relative; display:flex; flex-direction:column;
    align-items:center; justify-content:center; text-align:center; color:#fff;
  }
  .visual .letter{ font-family:'Cormorant Garamond',serif; font-size:64px; color:var(--gold); line-height:1; }
  .visual .title{ font-family:'Cormorant Garamond',serif; font-style:italic; font-size:22px; margin-top:10px; }
  .visual .rule{ width:36px; height:1px; background:rgba(255,255,255,0.35); margin:14px 0 10px; }
  .visual .tag{ font-size:10px; letter-spacing:.22em; color:rgba(255,255,255,0.55); text-transform:uppercase; }

  /* ---- APRES: video thumbnail visual ---- */
  .visual.video{
    background:
      linear-gradient(180deg, rgba(15,20,33,0.15) 0%, rgba(15,20,33,0.65) 100%),
      radial-gradient(circle at 30% 25%, #2b3346 0%, var(--navy-dark) 70%);
    cursor:pointer;
  }
  .visual.video .placeholder-note{
    position:absolute; top:10px; left:10px; background:rgba(255,255,255,0.12);
    color:rgba(255,255,255,0.65); font-size:9px; letter-spacing:.08em;
    padding:4px 8px; border-radius:2px; text-transform:uppercase;
  }
  .play-btn{
    width:64px; height:64px; border-radius:50%;
    background:var(--gold);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 24px rgba(0,0,0,0.35);
    transition:transform .2s ease;
  }
  .visual.video:hover .play-btn{ transform:scale(1.08); }
  .play-btn::after{
    content:''; width:0; height:0;
    border-top:11px solid transparent; border-bottom:11px solid transparent;
    border-left:18px solid var(--navy-dark); margin-left:5px;
  }
  .video-label{
    font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.16em;
    text-transform:uppercase; color:#fff; margin-top:14px; opacity:.9;
  }
  .duration-badge{
    position:absolute; bottom:10px; right:10px; background:rgba(15,20,33,0.75);
    color:#fff; font-size:11px; padding:3px 8px; border-radius:2px;
    letter-spacing:.04em; font-family:'Jost',sans-serif;
  }

  /* ---- body ---- */
  .body{ padding:26px 26px 24px; }
  .pilier-label{
    font-size:11px; letter-spacing:.16em; text-transform:uppercase;
    color:var(--gold-dark); font-weight:600; margin-bottom:10px;
  }
  .headline{
    font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:500;
    margin:0 0 6px;
  }
  .headline em{ color:var(--gold-dark); font-style:italic; }
  .sub{
    font-family:'Cormorant Garamond',serif; font-style:italic; color:var(--taupe);
    font-size:15px; margin:0 0 12px;
  }
  .desc{ font-size:13.5px; line-height:1.6; color:#3a3f4c; margin:0 0 18px; }

  .meta-row{
    display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap;
  }
  .pill{
    border:1px solid var(--gold-dark); color:var(--gold-dark); font-size:10.5px;
    letter-spacing:.08em; padding:4px 12px; border-radius:20px; text-transform:uppercase;
    font-weight:500;
  }
  .meta-text{ font-size:12px; color:var(--taupe-2); }

  /* old-style ghost video button (AVANT only) */
  .ghost-video-btn{
    margin-left:auto; display:inline-flex; align-items:center; gap:6px;
    border:1px solid var(--pearl); color:var(--navy); font-size:11px;
    letter-spacing:.06em; padding:7px 14px; border-radius:2px; text-transform:uppercase;
    background:#fff;
  }

  .cta{
    display:block; width:100%; text-align:center; padding:14px; margin-bottom:10px;
    font-size:13px; letter-spacing:.08em; text-transform:uppercase; border-radius:2px;
    font-weight:500; text-decoration:none;
  }
  .cta.primary{ background:var(--gold-dark); color:#fff; }
  .cta.secondary{ background:var(--taupe); color:#fff; }

  .note{
    max-width:1080px; margin:44px auto 0; background:#fff; border-left:3px solid var(--gold-dark);
    padding:20px 24px; font-size:13.5px; line-height:1.7; color:#3a3f4c; border-radius:2px;
  }
  .note b{ color:var(--navy); }

  p{ 
      font-size:1.3rem
  }
  .node{  
      display:flex;
      align-items:center;
      justify-content:center;
      margin:1.4rem 0
  }
  .node .l{ 
      height:1px;
      width:min(110px,20vw);
      background:linear-gradient(90deg,transparent,var(--dore))
  }
  .node .l.r{ 
      background:linear-gradient(90deg,var(--dore),transparent)
  }
  .node .d{ 
      width:28px;
      height:5px;
      background:var(--dore);
      margin:0 13px;
      border-radius:1px
  }
 
  .btn{ 
      display:inline-block;
      font-family:var(--caps);
      text-transform:uppercase;
      letter-spacing:.18em;
      font-size:.72rem;
      font-weight:500;
      text-decoration:none;
      cursor:pointer;
      padding:1.05rem 2.3rem;
      border-radius:3px;
      border:1px solid var(--nuit);
      transition:all .35s ease;
  }
  .btn-primary{ 
      background:var(--nuit);
      color:var(--casse);
      border-color: unset;
  }
  .btn-primary:hover{ 
      background:var(--dore);
      border-color:var(--dore);
      color:#fff;
  }
  .btn-ghost{ 
      background:transparent;
      color:var(--nuit)
  }
  .btn-ghost:hover{
      background:var(--nuit);
      color:var(--casse)
  }
  .btn-gold{ 
      background:var(--dore);
      border-color:var(--dore);
      color:#fff;
  }
  .btn-gold:hover{ 
      background:#fff;
      color:var(--nuit);
      border-color:#fff;
  }

  /* HERO */
  header.hero{ 
      position:relative;
      overflow:hidden;
      text-align:center;
      /*margin-top: 92px;*/
      background:linear-gradient(165deg,var(--creme) 0%, #F6EEE2 55%, var(--casse) 100%);
      padding:clamp(3.5rem,12vh,8rem) 0 clamp(3rem,7vh,5rem)
  }
  .hero svg{ 
      position:absolute;
      opacity:.45;
      pointer-events:none
  }
  .hero svg.tl{ 
      top:-30px;
      left:-50px;
      width:300px;
      height:300px
  }
  .hero svg.br{ 
      bottom:-50px;
      right:-40px;
      width:340px;
      height:340px
  }
  .hero .eyebrow{ 
      display:block;
      margin-bottom:1.5rem
  }
  .hero h1{ 
      font-family:var(--serif);
      font-weight:500;
      color:var(--nuit);
      font-size:clamp(2.4rem,6vw,4.4rem);
      line-height:1.04;
      max-width:14ch;
      margin:0 auto
  }
  .hero h1 em{ 
      font-style:italic;
      color:var(--dore)
  }
  .hero .sub{ 
      max-width:600px;
      margin:1.8rem auto 0;
      font-size:1.3rem;
      color:var(--nuit-70)
  }
  .hero .cta-row{ 
      display:flex;
      gap:.7rem;
      justify-content:center;
      flex-wrap:wrap;
      margin-top:2.4rem
  }

  /* PROOF BAR */
  .proof{ 
      background:var(--casse);
      border-top:1px solid rgba(184,145,95,.3);
      border-bottom:1px solid rgba(184,145,95,.3)
  }
  .proof .wrap{ 
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
      gap:.5rem 1.4rem;
      padding:1.2rem clamp(1.5rem,5vw,4rem)
  }
  .proof span{ 
      font-family:var(--caps);
      text-transform:uppercase;
      letter-spacing:.18em;
      font-size:0.8rem;color:var(--nuit)}
  .proof i{ 
      width:5px;
      height:5px;
      background:var(--dore);
      border-radius:50%;
      display:inline-block
  }
  @media(max-width:640px){
      .proof i{ 
          display:none;
      }
  }

  /* TEASER — Helena + video */
  .teaser-grid{ 
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:clamp(2rem,5vw,4.5rem);
      align-items:center
  }
  .teaser-text .eyebrow{ 
      display:block;
      margin-bottom:1rem
  }
  .teaser-text h2{ 
      margin-bottom:1.3rem
  }
  .teaser-text p{ 
      margin-bottom:1.3rem;
      color:var(--encre)
  }
  .teaser-text .lead{ 
      color:var(--nuit);
      font-weight:500;
      font-family:var(--serif);
      font-style:italic;
      font-size:1.3rem;
      line-height:1.4
  }
  .link-gold{ 
      display:inline-block;
      margin-top:.5rem;
      font-family:var(--caps);
      text-transform:uppercase;
      letter-spacing:.2em;
      font-size:.72rem;
      color:var(--nuit);
      text-decoration:none;
      border-bottom:1px solid var(--dore);
      padding-bottom:4px;
      transition:color .3s
  }
  .link-gold:hover{ 
      color:var(--dore)
  }
  .portrait{ 
      position:relative;
      aspect-ratio:4/5;
      border-radius:3px;
      border:1px solid rgba(184,145,95,.5);
      background:radial-gradient(120% 120% at 30% 20%,#fff7ec,var(--creme) 55%,#EADCC9);
      display:flex;align-items:center;justify-content:center;text-align:center;
      box-shadow:0 30px 60px -32px rgba(16,39,68,.35)
  }
  .portrait::after{ 
      content:"";
      position:absolute;
      inset:14px;
      border:1px solid rgba(184,145,95,.4)
  }
  .portrait .ph{ 
      padding:1.5rem;
      z-index:1
  }
  .portrait .play{ 
      width:66px;
      height:66px;
      border-radius:50%;
      background:var(--nuit);
      color:var(--dore-clair);
      display:flex;
      align-items:center;
      justify-content:center;
      margin:0 auto 1rem;
      font-size:1.3rem;
      box-shadow:0 12px 30px -10px rgba(16,39,68,.5)
  }
  .portrait .cap{ 
      font-family:var(--caps);
      text-transform:uppercase;
      letter-spacing:.2em;
      font-size:.6rem;
      color:var(--nuit-70)
  }
  .portrait .note{ 
      font-size:.72rem;
      color:var(--nuit-70);
      margin-top:.5rem;
      max-width:210px;
      margin-inline:auto
  }

  /* POUR QUI */
  .pourqui{ 
      background:var(--creme)
  }
  .pourqui .inner{  
      max-width:780px;
      margin:0 auto;
      text-align:center
  }
  .pourqui h2{ 
      margin-bottom:1.2rem
  }
  .pourqui p{ 
      color:var(--nuit-70);
      font-size:1.3rem
  }
  .pourqui .strong{ 
      color:var(--nuit);
      font-weight:500
  }

  /* MÉTHODE — navy moment */
  .methode{ 
      background:var(--nuit);
      color:var(--casse);
      position:relative;
      overflow:hidden;
      text-align:center
  }
  .methode svg{ 
      position:absolute;
      opacity:.14;
      pointer-events:none
  }
  .methode svg.tl{ 
      top:-50px;
      left:-40px;
      width:280px;
      height:280px
  }
  .methode svg.br{ 
      bottom:-60px;
      right:-40px;
      width:320px;
      height:320px
  }
  .methode .eyebrow{ 
      color:var(--dore-clair)
  }
  .methode h2{ 
      color:#fff;
      margin:.6rem 0 .5rem
  }
  .methode .intro{ 
      max-width:600px;
      margin:0 auto;
      color:rgba(250,247,242,.82);
      font-size:1.3rem
  }
  .pillars{ 
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:1rem;
      margin:2.8rem 0 1rem
  }
  .pillar .circle{ 
      width:56px;
      height:56px;
      border-radius:50%;
      border:1px solid var(--dore);
      color:var(--dore-clair);
      display:flex;
      align-items:center;
      justify-content:center;
      font-family:var(--serif);
      font-size:1.7rem;
      font-weight:600;
      margin:0 auto .7rem
  }
  .pillar .name{ 
      font-family:var(--caps);
      text-transform:uppercase;
      letter-spacing:.12em;
      font-size:.6rem;
      color:rgba(250,247,242,.85)
  }
  .methode .credo{ 
      font-family:var(--serif);
      font-style:italic;
      font-size:clamp(1.4rem,3vw,2rem);
      color:#fff;
      line-height:1.3;
      max-width:680px;
      margin:2.6rem auto 0
  }
  .methode .credo b{ 
      color:var(--dore-clair);
      font-weight:500
  }
  @media(max-width:720px){ 
      .pillars{ 
          grid-template-columns:repeat(3,1fr);
          gap:1.4rem
      }
  }
  /* 3 PORTES */
  .portes .head{ 
      text-align:center;
      max-width:600px;
      margin:0 auto clamp(2.4rem,5vw,3.4rem)
  }
  .portes .head .eyebrow{ 
      display:block;
      margin-bottom:.9rem
  }
  .cards{ 
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1.4rem
  }
  .card{ 
      background:#fff;
      border:1px solid rgba(184,145,95,.35);
      border-radius:4px;
      padding:2.4rem 1.9rem;
      display:flex;
      flex-direction:column;
      transition:transform .4s,box-shadow .4s,border-color .4s
  }
  .card:hover{ 
      transform:translateY(-6px);
      box-shadow:0 30px 55px -30px rgba(16,39,68,.4);
      border-color:var(--dore)
  }
  .card .k{ 
      font-family:var(--caps);
      text-transform:uppercase;
      letter-spacing:.16em;
      font-size:.6rem;
      color:var(--dore);
      margin-bottom:1rem
  }
  .card h3{ 
      font-family:var(--serif);
      color:var(--nuit);
      font-size:1.6rem;
      /*font-weight:600;*/
      line-height:1.15;
      margin-bottom:.7rem
  } 
  .card p{ 
      font-size: 1.2rem;
      color:var(--encre);
      flex:1;margin-bottom:1.5rem
  }
  .card .go{  
      font-family:var(--caps);
      text-transform:uppercase;
      letter-spacing:.16em;
      font-size:.66rem;
      color:var(--nuit);
      text-decoration:none;
      border-bottom:1px solid var(--dore);
      padding-bottom:3px;
      align-self:flex-start;
      transition:color .3s
  }
  .card .go:hover{ 
      color:var(--dore)
  }
  .card.feat{ 
      background:linear-gradient(180deg,#fff,var(--creme));
      border-color:var(--dore)
  }
  /* CAHIERS */
  .cahiers{ 
      background:var(--creme)
  }
  .cahiers-grid{ 
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:clamp(2rem,5vw,4rem);
      align-items:center
  }
  .book{ 
      aspect-ratio:3/4;
      background:var(--nuit);
      border-radius:4px;
      position:relative;
      box-shadow:0 30px 60px -28px rgba(16,39,68,.55);
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:2rem;overflow:hidden
  }
  .book::before{  
      content:"";
      position:absolute;
      inset:10px;
      border:1px solid rgba(184,145,95,.5)
  }
  .book .bk-e{ 
      font-family:var(--caps);
      text-transform:uppercase;
      letter-spacing:.2em;
      font-size:.5rem;
      color:var(--dore-clair);
      z-index:1
  }
  .book .bk-t{
      font-family:var(--serif);
      color:#fff;
      font-size:1.35rem;
      line-height:1.2;
      margin:1rem 0;
      z-index:1
  }
  .book .bk-t em{ 
      font-style:italic;
      color:var(--dore-clair)
  }
  .book .bk-s{ 
      font-family:var(--serif);
      font-style:italic;
      color:var(--dore-clair);
      font-size:.7rem;
      z-index:1
  }
  .cahiers-text .eyebrow{ 
      display:block;
      margin-bottom:.9rem
  }
  .cahiers-text h2{ 
      margin-bottom:1.3rem
  }
  .cahiers-text p{ 
      color:var(--encre);
      margin-bottom:1.3rem
  }
  /* TÉMOIGNAGES */
  .temoins{ 
      text-align:center
  }
  .temoins .head{ 
      max-width:600px;
      margin:0 auto clamp(2rem,4vw,3rem)
  }
  .temoins .head .eyebrow{ 
      display:block;
      margin-bottom:.8rem
  }
  .quotes{ 
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1.4rem
  }
  .quote{ 
      background:#fff;
      border:1px solid rgba(184,145,95,.3);
      border-radius:4px;padding:2rem 1.7rem;
      text-align:left
  }
  .quote .stars{ color:var(--dore);letter-spacing:.15em;font-size:.8rem;margin-bottom:.8rem}
  .quote p{ font-family:var(--serif);font-style:italic;color:var(--nuit);font-size:1.15rem;line-height:1.4;margin-bottom:1rem}
  .quote .who{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.14em;font-size:.58rem;color:var(--nuit-70)}
  .temoins .band{ margin-top:2.4rem;font-family:var(--caps);text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;color:var(--nuit)}
  .temoins .band b{ color:var(--dore)}
  /* FINAL CTA — navy */
  .final{ background:var(--nuit);color:var(--casse);text-align:center;position:relative;overflow:hidden}
  .final svg{  position:absolute;opacity:.14;pointer-events:none}
  .final svg.tl{ top:-40px;left:-30px;width:260px;height:260px}
  .final h2{ color: var(--nuit);margin:.6rem 0 1rem}
  .final p{ max-width:520px;margin:0 auto 2.2rem;color:rgba(250,247,242,.82)}
  .final .sig{ font-family:var(--serif);font-style:italic;color:var(--dore-clair);font-size:1.2rem;margin-top:2rem}
  /* FOOTER */
  footer{ background:#0c1d34;color:rgba(250,247,242,.75);padding:clamp(3rem,6vw,4.5rem) 0 2.4rem;font-size:.86rem}
  footer .f-top{ display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}
  footer .brand{  font-family:var(--caps);letter-spacing:.2em;/*text-transform:uppercase;*/font-size:.95rem;color:var(--casse)}
  footer .brand small{ display:block;font-family:var(--sans);letter-spacing:.03em;text-transform:none;font-size:.74rem;color:var(--dore-clair);margin-top:.5rem}
  footer .cols{ display:flex;gap:3rem;flex-wrap:wrap}
  footer h5{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.18em;font-size:.64rem;color:var(--dore-clair);margin-bottom:.9rem}
  footer a{font-size: 17px; display:block;color:rgba(250,247,242,.75);text-decoration:none;margin-bottom:.5rem;transition:color .3s}
  footer a:hover{ color:var(--dore-clair)}
  footer .f-bottom{ margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid rgba(184,145,95,.25);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.72rem;color:rgba(250,247,242,.5);font-size: 16px;}
  footer p{
      font-size: 17px !important;
  }
  .reveal{ opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}
  /*.reveal.in{ opacity:1;transform:none}*/
  a:focus-visible,.btn:focus-visible{ outline:2px solid var(--dore);outline-offset:3px}
  .brand p{ 
        /*text-transform: lowercase;*/
        font-family: var(--sans);
        letter-spacing: 0;
        font-weight: 300;
        color: rgba(250,247,242,.75) !important
  }
  footer .fab, footer .fas{
      margin-right: 10px;
      color: var(--dore-clair);
  }
  .cols .fab ,   .cols .fas{
      color: var(--dore-clair);
      margin-right: 8px;
  }
  .techwix-choose-us-section-02.section-padding-02{
     background: var(--nuit)!important; 
  }
  .section-title .title{
      color: #fff !important;
  }
  .techwix-choose-us-section-02 .choose-us-left .text{
      color: rgba(250,247,242,.82)!important;
  font-size: 1.03rem!important;
  }
  .main-wrapper{
      background: linear-gradient(165deg,var(--creme) 0%, #F6EEE2 55%, var(--casse) 100%);
  }
.about-list ul li i {
  font-size: 16px;
 color: var(--dore-clair);
  margin-right: 10px;
}
  @media(max-width:820px){
    .teaser-grid,.cahiers-grid{ grid-template-columns:1fr}
    .portrait { max-width:360px;margin:0 auto}
    .cards,.quotes{ grid-template-columns:1fr}
    .book{ max-width:280px;margin:0 auto}
  }
  @media(prefers-reduced-motion:reduce){ *{ animation:none!important}.reveal{ opacity:1;transform:none;transition:none}html{ scroll-behavior:auto}}
quiz-wrapper {
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin: 0 auto;
    padding: 40px 24px 80px;
  }
  .header {
    text-align: center;
    margin-bottom: 48px;
    animation: fadeDown 0.8s ease both;
  }
  .brand-line {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--dore);
    margin-bottom: 20px;
  }
  .header h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(32px, 6vw, 52px);
    font-weight: 300;
    line-height: 1.15;
    color: var(--bleu-nuit);
    margin-bottom: 16px;
  }
  .header h1 em { font-style: italic; color: var(--dore); }
  .header p{
    font-size: 13px;
    color: var(--texte-light);
    line-height: 1.7;
    max-width: 480px;
    margin: 0 auto;
  }
  .progress-container { margin-bottom: 36px; }
  .progress-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .progress-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--texte-light);
  }
  .progress-count {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    color: var(--dore);
  }
  .progress-bar {
    height: 2px;
    background: rgba(16,39,68,0.1);
    border-radius: 2px;
  }
  .progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--dore), var(--dore-light));
    border-radius: 2px;
    transition: width 0.5s cubic-bezier(0.4,0,0.2,1);
  }
  .question-card {
    background: var(--blanc);
    border-radius: 20px;
    padding: 40px 36px;
    box-shadow: 0 4px 40px rgba(16,39,68,0.08);
    animation: slideUp 0.5s ease both;
    position: relative;
    overflow: hidden;
  }
  .question-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dore), transparent);
  }
  .question-number {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--dore);
    margin-bottom: 14px;
  }
  .question-text {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(20px, 3.5vw, 26px);
    font-weight: 400;
    line-height: 1.4;
    color: var(--bleu-nuit);
    margin-bottom: 32px;
  }
  .options { display: flex; flex-direction: column; gap: 12px; }
  .option {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    border-radius: 12px;
    border: 1.5px solid rgba(16,39,68,0.1);
    background: transparent;
    cursor: pointer;
    transition: all 0.25s ease;
    text-align: left;
    width: 100%;
    font-family: inherit;
  }
  .option:hover { border-color: var(--dore); background: rgba(184,145,95,0.05); transform: translateX(3px); }
  .option.selected { border-color: var(--dore); background: linear-gradient(135deg,rgba(184,145,95,0.1),rgba(184,145,95,0.05)); transform: translateX(3px); }
  .option.neutral { border-style: dashed; border-color: rgba(16,39,68,0.12); }
  .option-letter {
    width: 30px; height: 30px; min-width: 30px;
    border-radius: 50%;
    background: var(--beige);
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700;
    color: var(--bleu-nuit);
    transition: all 0.25s;
  }
  .option.selected .option-letter { background: var(--dore); color: white; }
  .option-text { font-size: 13.5px; line-height: 1.6; color: var(--texte); padding-top: 5px; }
  .option.neutral .option-text { color: var(--texte-light); font-style: italic; }
  .nav-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
  }
  .btn-prev {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 600;
    letter-spacing: 1.5px; text-transform: uppercase;
    color: var(--texte-light);
    background: none; border: none; cursor: pointer;
    padding: 12px 0;
    transition: color 0.2s;
  }
  .btn-prev:hover { color: var(--bleu-nuit); }
  .btn-prev:disabled { opacity: 0.3; pointer-events: none; }
  .btn-next {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 600;
    letter-spacing: 2px; text-transform: uppercase;
    color: white;
    background: var(--bleu-nuit);
    border: none; cursor: pointer;
    padding: 14px 32px;
    border-radius: 100px;
    transition: all 0.25s;
    margin-left: auto;
  }
  .btn-next:hover { background: var(--dore); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(184,145,95,0.3); }
  .btn-next:disabled { opacity: 0.35; pointer-events: none; }
  /* CAPTURE */
  .capture-card {
    background: var(--blanc);
    border-radius: 20px;
    padding: 48px 36px;
    box-shadow: 0 4px 40px rgba(16,39,68,0.08);
    text-align: center;
    position: relative;
    overflow: hidden;
    animation: slideUp 0.5s ease both;
  }
  .capture-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dore), var(--dore-light));
  }
  .capture-input {
    width: 100%;
    padding: 15px 20px;
    border: 1.5px solid rgba(16,39,68,0.15);
    border-radius: 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: var(--texte);
    background: var(--beige);
    margin-bottom: 12px;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s;
  }
  .capture-input:focus { border-color: var(--dore); }
  /* RÉSULTAT */
  .result-screen { display: none; animation: fadeIn 0.8s ease both; }
  .result-screen.active { display: block; }
  .result-badge { text-align: center; margin-bottom: 36px; }
  .result-icon {
    width: 80px; height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--bleu-nuit), #1a3d6e);
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 20px;
    font-size: 32px;
    box-shadow: 0 12px 40px rgba(16,39,68,0.2);
  }
  .result-profile-label {
    font-size: 10px; font-weight: 600;
    letter-spacing: 4px; text-transform: uppercase;
    color: var(--dore); margin-bottom: 12px;
  }
  .result-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(36px, 7vw, 58px);
    font-weight: 300;
    color: var(--bleu-nuit);
    line-height: 1.1; margin-bottom: 8px;
  }
  .result-subtitle {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px; font-style: italic;
    color: var(--dore);
  }
  .result-card {
    background: var(--blanc);
    border-radius: 20px;
    padding: 40px 36px;
    box-shadow: 0 4px 40px rgba(16,39,68,0.08);
    margin-bottom: 24px;
    position: relative; overflow: hidden;
  }
  .result-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dore), var(--dore-light));
  }
  .result-row {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 20px 28px;
    margin-bottom: 20px;
  }
  .result-row:last-child { margin-bottom: 0; }
  .result-row-label {
    font-size: 10px; font-weight: 700;
    letter-spacing: 2px; text-transform: uppercase;
    color: var(--dore); padding-top: 3px;
  }
  .result-row-value { font-size: 14px; color: var(--texte); line-height: 1.65; }
  .scores-card {
    background: var(--blanc);
    border-radius: 16px;
    padding: 28px 32px;
    margin-bottom: 24px;
    box-shadow: 0 2px 20px rgba(16,39,68,0.05);
  }
  .scores-title {
    font-size: 10px; font-weight: 600;
    letter-spacing: 3px; text-transform: uppercase;
    color: var(--texte-light); margin-bottom: 20px;
  }
  .score-item { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
  .score-name { font-size: 12px; font-weight: 600; color: var(--bleu-nuit); width: 145px; min-width: 145px; }
  .score-bar-wrap { flex: 1; height: 6px; background: var(--beige); border-radius: 6px; overflow: hidden; }
  .score-bar-fill { height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--bleu-nuit), var(--dore)); transition: width 1s cubic-bezier(0.4,0,0.2,1); }
  .score-val { font-family: 'Cormorant Garamond', serif; font-size: 18px; color: var(--dore); width: 28px; text-align: right; }
  .cta-block {
    text-align: center;
    background: linear-gradient(135deg, var(--bleu-nuit), #1a3d6e);
    border-radius: 20px;
    padding: 44px 36px;
    color: white;
    margin-bottom: 24px;
  }
  .cta-block h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px; font-weight: 300;
    margin-bottom: 12px; line-height: 1.3;
  }
  .cta-block p { font-size: 13px; opacity: 0.75; margin-bottom: 28px; line-height: 1.7; }
  .cta-buttons { display: flex; flex-direction: column; gap: 12px; max-width: 340px; margin: 0 auto; }
  .cta-btn-primary {
    display: block; padding: 16px 24px;
    background: var(--dore); color: white;
    text-decoration: none; border-radius: 100px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 600;
    letter-spacing: 2px; text-transform: uppercase;
    transition: all 0.25s; cursor: pointer; border: none; width: 100%;
  }
  .cta.secondary {
  background: var(--taupe);
  color: #fff;
}
.cta {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px;
  margin-bottom: 10px;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 2px;
  font-weight: 500;
  text-decoration: none;
}
.cta.primary {
  background: var(--gold-dark);
  color: #fff;
}
  .cta-btn-primary:hover { background: var(--dore-light); transform: translateY(-2px); }
  .cta-btn-secondary {
    display: block; padding: 14px 24px;
    background: transparent; color: white;
    border-radius: 100px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 500;
    border: 1.5px solid rgba(255,255,255,0.3);
    transition: all 0.25s; cursor: pointer; width: 100%;
  }
  .cta-btn-secondary:hover { border-color: rgba(255,255,255,0.6); }
  .footer-note { text-align: center; font-size: 11px; color: var(--texte-light); padding-top: 8px; }
  .footer-note a { color: var(--dore); text-decoration: none; }

  /* INTRO */
  .intro-card {
    background: var(--blanc);
    border-radius: 20px;
    padding: 48px 40px;
    box-shadow: 0 4px 40px rgba(16,39,68,0.08);
    margin-bottom: 24px;
    position: relative; overflow: hidden;
    text-align: center;
  }
  .intro-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dore), var(--dore-light));
  }
  .intro-profiles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 32px 0;
    text-align: left;
  }
  .intro-profile-item {
    background: var(--beige);
    border-radius: 12px;
    padding: 16px;
    border-left: 3px solid var(--dore);
  }
  .intro-profile-name {
    font-size: 11px; font-weight: 700;
    letter-spacing: 1.5px; text-transform: uppercase;
    color: var(--bleu-nuit); margin-bottom: 4px;
  }
  .intro-profile-desc { 
      font-size: 12px; 
      color: var(--texte-light);
      line-height: 1.5;
  }
  .intro-quote {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px; font-style: italic;
    color: var(--bleu-nuit); line-height: 1.6;
    margin: 28px 0;
    padding: 0 16px;
    border-left: 2px solid var(--dore);
    text-align: left;
  }
  .btn-start {
    display: inline-block;
    padding: 18px 48px;
    background: var(--bleu-nuit); color: white;
    border: none; border-radius: 100px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 600;
    letter-spacing: 3px; text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 8px 30px rgba(16,39,68,0.2);
  }
  .btn-start:hover { background: var(--dore); transform: translateY(-3px); }
  .social-proof {
    font-size: 12px; color: var(--texte-light);
    margin-top: 20px;
    display: flex; align-items: center; justify-content: center; gap: 8px;
  }
  .social-proof::before, .social-proof::after { content: '✦'; color: var(--dore); font-size: 10px; }
  @keyframes fadeDown { from { opacity:0; transform:translateY(-20px); } to { opacity:1; transform:translateY(0); } }
  @keyframes slideUp { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
  @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  .hidden { display: none !important; }
  @media (max-width: 520px) {
    .quiz-wrapper { padding: 24px 16px 60px; }
    .question-card, .result-card, .cta-block, .intro-card, .capture-card { padding: 28px 22px; }
    .result-row { grid-template-columns: 1fr; gap: 4px; }
    .intro-profiles { grid-template-columns: 1fr; }
    .btn-next { width: 100%; text-align: center; }
  }
  /* INTRO stratégique */
  .intro{text-align:center}
  .intro .eyebrow{display:block;margin-bottom:1rem}
  .intro .big{font-family:var(--serif);color:var(--nuit);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:500;line-height:1.35;max-width:760px;margin:0 auto 1.4rem}
  .intro p{max-width:720px;margin:0 auto .9rem;color:var(--encre)}
  .intro .three{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem;text-align:center}
  .intro .three .t{padding:1.3rem 1rem}
  .intro .three .sym{font-size:1.4rem;color:var(--dore);margin-bottom:.5rem}
  .intro .three h3{font-family:var(--serif);color:var(--nuit);font-size:1.3rem/*;font-weight:600*/;margin-bottom:.3rem}
  .intro .three p{font-size:.88rem;margin:0}
  /* MÉTHODE navy */
  .methode{background:var(--nuit);color:var(--casse);position:relative;overflow:hidden}
  .methode svg{position:absolute;opacity:.12;pointer-events:none}
  .methode svg.tl{top:-50px;left:-40px;width:300px;height:300px}
  .methode svg.br{bottom:-50px;right:-40px;width:320px;height:320px}
  .methode .head{text-align:center;max-width:720px;margin:0 auto clamp(2.4rem,4vw,3.2rem)}
  .methode .eyebrow{color:var(--dore-clair)}
  .methode h2{color:#fff;margin:.6rem 0 .7rem}
  .methode .intro-t{color:rgba(250,247,242,.85);font-size:1.05rem}
  .moves{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem 2rem}
  .move{display:flex;gap:1rem;align-items:flex-start}
  .move .circle{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1px solid var(--dore);color:var(--dore-clair);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.5rem;font-weight:600}
  .move .nm{font-family:var(--caps);text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;color:#fff;margin-bottom:.3rem}
  .move .ds{font-size:.85rem;color:rgba(250,247,242,.75);line-height:1.5}
  .methode .base{text-align:center;font-family:var(--serif);font-style:italic;color:var(--dore-clair);font-size:1.15rem;margin-top:2.6rem}
  /* ACCOMPAGNEMENTS (blocs Pour vous si) */
  .acc .head{text-align:center;max-width:720px;margin:0 auto clamp(2rem,4vw,3rem)}
  .acc .head .eyebrow{display:block;margin-bottom:.8rem}
  .block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding:clamp(2rem,4vw,3rem) 0;border-top:1px solid rgba(184,145,95,.3)}
  .block:last-of-type{border-bottom:1px solid rgba(184,145,95,.3)}
  .block.rev .txt{order:2}
  .block .badge{font-family:var(--caps);text-transform:uppercase;letter-spacing:.14em;font-size:.58rem;color:var(--dore);margin-bottom:.6rem}
  /*.block h3{font-family:var(--serif);color:var(--nuit);font-size:1.9rem;font-weight:600;line-height:1.1;margin-bottom:.4rem}*/
  .block .sub{font-family:var(--serif);font-style:italic;color:var(--nuit-70);font-size:1.15rem;margin-bottom:1rem}
  .block .txt p{font-size:.95rem;color:var(--encre);margin-bottom:1rem}
  .block .fmt{font-family:var(--caps);text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;color:var(--nuit-70);margin-bottom:1.2rem}
  .forvous{background:#fff;border:1px solid rgba(184,145,95,.35);border-radius:5px;padding:1.8rem 1.6rem}
  .forvous .fv-t{font-family:var(--caps);text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;color:var(--dore);font-weight:600;margin-bottom:1rem}
  .forvous ul{list-style:none}
  .forvous li{font-size:.92rem;color:var(--encre);padding:.35rem 0 .35rem 1.5rem;position:relative}
  .forvous li::before{content:"✦";position:absolute;left:0;color:var(--dore);font-size:.62rem;top:.6rem}
  .block .go{font-family:var(--caps);text-transform:uppercase;letter-spacing:.14em;font-size:.64rem;color:var(--nuit);text-decoration:none;border-bottom:1px solid var(--dore);padding-bottom:3px;transition:color .3s}
  .block .go:hover{color:var(--dore)}
  .price-in{font-family:var(--serif);color:var(--nuit);font-size:1.2rem;/*font-weight:600;*/margin-left:.6rem}
  .sep{background:var(--creme)}
  /* MÉTHODE formats mini */
  .formats{max-width:820px;margin:1.5rem auto 0}
  .formats .fr{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(184,145,95,.25);align-items:baseline}
  .formats .fr .nm{font-family:var(--serif);color:var(--nuit);font-size:1.2rem;/*font-weight:600*/}
  .formats .fr .ob{font-size:.85rem;color:var(--nuit-70);flex:1;padding:0 1rem}
  .formats .fr .pr{font-family:var(--serif);color:var(--nuit);/*font-weight:600*/}
  /* POSTURE */
  .posture .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
  .posture .eyebrow{display:block;margin-bottom:.9rem}
  .posture h2{margin-bottom:1rem}
  .posture p{color:var(--encre);margin-bottom:1rem}
  .posture ul{list-style:none;margin-top:.5rem}
  .posture li{padding:.5rem 0 .5rem 1.8rem;position:relative;color:var(--nuit);font-size:.95rem;border-top:1px solid rgba(184,145,95,.25)}
  .posture li:first-child{border-top:none}
  .posture li::before{content:"—";position:absolute;left:0;color:var(--dore)}
  /* FINAL */
  .final{background:var(--nuit);color:var(--casse);text-align:center;position:relative;overflow:hidden}
  .final svg{position:absolute;opacity:.12;pointer-events:none;top:-40px;left:-30px;width:260px;height:260px}
  .final .eyebrow{color:var(--dore-clair)}
  .final h2{color: var(--nuit);margin:.6rem 0 1rem}
  .final p{max-width:560px;margin:0 auto 2rem;color:rgba(250,247,242,.82)}
  .final .cta-row{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
  .final .sig{font-family:var(--serif);font-style:italic;color:var(--dore-clair);font-size:1.2rem;margin-top:2.2rem}
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}
  .reveal.in{opacity:1;transform:none}
  a:focus-visible,.btn:focus-visible{outline:2px solid var(--dore);outline-offset:3px}
  @media(max-width:900px){.moves{grid-template-columns:repeat(2,1fr)}.intro .three{grid-template-columns:1fr}}
  @media(max-width:760px){.moves{grid-template-columns:1fr}.block,.block.rev .txt,.posture .grid{grid-template-columns:1fr}.block.rev .txt{order:0}}
  @media(prefers-reduced-motion:reduce){*{animation:none!important}.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
 .wrap{  max-width:1160px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}
  .narrow{ max-width:840px}
  section{ padding:clamp(3.5rem,7vw,6.5rem) 0}
/*  .eyebrow{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.26em;font-size:.7rem;font-weight:600;color:var(--dore)}*/
/*  h2{ font-family:var(--serif);color:var(--nuit);font-weight:600;font-size:clamp(1.9rem,3.8vw,2.9rem);line-height:1.12}*/
  .node{ display:flex;align-items:center;justify-content:center;margin:1.3rem 0}
  .node .l{ height:1px;width:min(100px,18vw);background:linear-gradient(90deg,transparent,var(--dore))}
  .node .l.r{ background:linear-gradient(90deg,var(--dore),transparent)}
  .node .d{ width:26px;height:5px;background:var(--dore);margin:0 12px;border-radius:1px}
  .btn{ display:inline-block;font-family:var(--caps);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:500;text-decoration:none;cursor:pointer;padding:1.05rem 2.3rem;border-radius:3px;border:1px solid var(--nuit);transition:all .35s ease}
  .btn-primary{ background:var(--nuit);color:var(--casse)}
  .btn-primary:hover{ background:var(--dore);border-color:var(--dore);color:#fff}
  .btn-gold{ background:var(--dore);border-color:var(--dore);color:#fff}
  .btn-gold:hover{ background:#fff;color:var(--nuit);border-color:#fff}
  .btn-ghost{ background:transparent;color:var(--nuit)}
  .btn-ghost:hover{ background:var(--nuit);color:var(--casse)}
  /* HERO */
  /*header.hero{ position:relative;overflow:hidden;text-align:center;background:linear-gradient(165deg,var(--creme),#F6EEE2 55%,var(--casse));padding:clamp(4.5rem,11vh,7.5rem) 0 clamp(3rem,6vh,4.5rem)}*/
  .hero svg{ position:absolute;opacity:.45;pointer-events:none}
  .hero svg.tl{ top:-30px;left:-50px;width:280px;height:280px}
  .hero svg.br{ bottom:-50px;right:-40px;width:320px;height:320px}
  .hero .eyebrow{ display:block;margin-bottom:1.4rem}
  .hero h1{ font-family:var(--serif);font-weight:500;color:var(--nuit);font-size:clamp(2.4rem,5.8vw,4.3rem);line-height:1.05;margin:0 auto}
  .hero h1 em{ font-style:italic;color:var(--dore)}
  .hero .tagline{ font-family:var(--serif);font-style:italic;color:var(--nuit-70);font-size:1.35rem;margin-top:1rem}
  .hero .cta-row{ display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:2.3rem}
  /* CRÉDIBILITÉ strip */
  .cred{ background:var(--nuit);color:var(--casse)}
  .cred .wrap{ display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1.6rem;padding:1.3rem clamp(1.5rem,5vw,4rem);text-align:center}
  .cred span{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.16em;font-size:.64rem;color:var(--casse)}
  .cred i{ width:5px;height:5px;background:var(--dore-clair);border-radius:50%;display:inline-block}
  @media(max-width:680px){ .cred i{  display:none}}
  /* INTRO stratégique */
  .intro{  text-align:center}
  .intro .eyebrow{ display:block;margin-bottom:1rem}
  .intro .big{ font-family:var(--serif);color:var(--nuit);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:500;line-height:1.35;max-width:760px;margin:0 auto 1.4rem}
  .intro p{ max-width:720px;margin:0 auto .9rem;color:var(--encre)}
  .intro .three{ display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem;text-align:center}
  .intro .three .t{ padding:1.3rem 1rem}
  .intro .three .sym{ font-size:1.4rem;color:var(--dore);margin-bottom:.5rem}
  /*.intro .three h3{ font-family:var(--serif);color:var(--nuit);font-size:1.3rem;font-weight:600;margin-bottom:.3rem}*/
  .intro .three p{ font-size:.88rem;margin:0}
  /* MÉTHODE navy */
  .methode{ background:var(--nuit);color:var(--casse);position:relative;overflow:hidden}
  .methode svg{ position:absolute;opacity:.12;pointer-events:none}
  .methode svg.tl{ top:-50px;left:-40px;width:300px;height:300px}
  .methode svg.br{ bottom:-50px;right:-40px;width:320px;height:320px}
  .methode .head{ text-align:center;max-width:720px;margin:0 auto clamp(2.4rem,4vw,3.2rem)}
  .methode .eyebrow{  color:var(--dore-clair)}
  .methode h2{ color:#fff;margin:.6rem 0 .7rem}
  .methode .intro-t{ color:rgba(250,247,242,.85);font-size:1.05rem}
  .moves{ display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem 2rem}
  .move{ display:flex;gap:1rem;align-items:flex-start}
  .move .circle{ flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1px solid var(--dore);color:var(--dore-clair);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.5rem;font-weight:600}
  .move .nm{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;color:#fff;margin-bottom:.3rem}
  .move .ds{   font-size:.85rem;color:rgba(250,247,242,.75);line-height:1.5}
  .methode .base{ text-align:center;font-family:var(--serif);font-style:italic;color:var(--dore-clair);font-size:1.15rem;margin-top:2.6rem}
  /* ACCOMPAGNEMENTS (blocs Pour vous si) */
  .acc .head{ text-align:center;max-width:720px;margin:0 auto clamp(2rem,4vw,3rem)}
  .acc .head .eyebrow{ display:block;margin-bottom:.8rem}
  .block{ display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding:clamp(2rem,4vw,3rem) 0;border-top:1px solid rgba(184,145,95,.3)}
  .block:last-of-type{ border-bottom:1px solid rgba(184,145,95,.3)}
  .block.rev .txt{ order:2}
  .block .badge{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.14em;font-size:.58rem;color:var(--dore);margin-bottom:.6rem}
  .block h3{ font-family:var(--serif);color:var(--nuit);font-size:1.9rem;/*font-weight:600;*/line-height:1.1;margin-bottom:.4rem}
  .block .sub{ font-family:var(--serif);font-style:italic;color:var(--nuit-70);font-size:1.15rem;margin-bottom:1rem}
  .block .txt p{ font-size:.95rem;color:var(--encre);margin-bottom:1rem}
  .block .fmt{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;color:var(--nuit-70);margin-bottom:1.2rem}
  .forvous{ background:#fff;border:1px solid rgba(184,145,95,.35);border-radius:5px;padding:1.8rem 1.6rem}
  .forvous .fv-t{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;color:var(--dore);font-weight:600;margin-bottom:1rem}
  .forvous ul{ list-style:none}
  .forvous li{ font-size:.92rem;color:var(--encre);padding:.35rem 0 .35rem 1.5rem;position:relative}
  .forvous li::before{ content:"✦";position:absolute;left:0;color:var(--dore);font-size:.62rem;top:.6rem}
  .block .go{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.14em;font-size:.64rem;color:var(--nuit);text-decoration:none;border-bottom:1px solid var(--dore);padding-bottom:3px;transition:color .3s}
  .block .go:hover{ color:var(--dore)}
  /*.price-in{ font-family:var(--serif);color:var(--nuit);font-size:1.2rem;font-weight:600;margin-left:.6rem}*/
  .sep{ background:var(--creme)}
  /* MÉTHODE formats mini */
  .formats{ max-width:820px;margin:1.5rem auto 0}
  .formats .fr{ display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(184,145,95,.25);align-items:baseline}
  /*.formats .fr .nm{ font-family:var(--serif);color:var(--nuit);font-size:1.2rem;font-weight:600}*/
  .formats .fr .ob{ font-size:.85rem;color:var(--nuit-70);flex:1;padding:0 1rem}
  /* POSTURE */
  .posture .grid{ display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
  .posture .eyebrow{ display:block;margin-bottom:.9rem}
  .posture h2{ margin-bottom:1rem}
  .posture p{ color:var(--encre);margin-bottom:1rem}
  .posture ul{ list-style:none;margin-top:.5rem}
  .posture li{ padding:.5rem 0 .5rem 1.8rem;position:relative;color:var(--nuit);font-size:.95rem;border-top:1px solid rgba(184,145,95,.25)}
  .posture li:first-child{ border-top:none}
  .posture li::before{ content:"—";position:absolute;left:0;color:var(--dore)}
  /* FINAL */
  .final{ background:var(--nuit);color:var(--casse);text-align:center;position:relative;overflow:hidden}
  .final svg{ position:absolute;opacity:.12;pointer-events:none;top:-40px;left:-30px;width:260px;height:260px}
  .final h2{ color: var(--nuit);margin:.6rem 0 1rem}
  .final p{ max-width:560px;margin:0 auto 2rem;color:rgba(250,247,242,.82)}
  .final .cta-row{ display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
  .final .sig{ font-family:var(--serif);font-style:italic;color:var(--dore-clair);font-size:1.2rem;margin-top:2.2rem}
  .reveal{ opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}
  a:focus-visible,.btn:focus-visible{  outline:2px solid var(--dore);outline-offset:3px}
  @media(max-width:900px){ .moves{ grid-template-columns:repeat(2,1fr)}.intro .three{ grid-template-columns:1fr}}
  @media(max-width:760px){ .moves{ grid-template-columns:1fr}.block,.block.rev .txt,.posture .grid{ grid-template-columns:1fr}.block.rev .txt{ order:0}}
  @media(prefers-reduced-motion:reduce){ *{ animation:none!important}.reveal{ opacity:1;transform:none;transition:none}html{ scroll-behavior:auto}}
.node{display:flex;align-items:center;justify-content:center;margin:1.3rem 0}
  .node .l{height:1px;width:min(100px,18vw);background:linear-gradient(90deg,transparent,var(--dore))}
  .node .l.r{background:linear-gradient(90deg,var(--dore),transparent)}
  .node .d{width:26px;height:5px;background:var(--dore);margin:0 12px;border-radius:1px}
  .lead-in{color:var(--nuit);font-weight:500}
  .btn-primary{background:var(--nuit);color:var(--casse)}
  .btn-primary:hover{background:var(--dore);border-color:var(--dore);color:#fff}
  .btn-gold{background:var(--dore);border-color:var(--dore);color:#fff}
  .btn-gold:hover{background:#fff;color:var(--nuit);border-color:#fff}
  .btn-ghost{background:transparent;color:var(--nuit)}
  .btn-ghost:hover{background:var(--nuit);color:var(--casse)}
  /* HERO */
  /*header.hero{background:linear-gradient(165deg,var(--creme),#F6EEE2 60%,var(--casse));padding:clamp(3.5rem,8vh,5.5rem) 0}*/
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
  .hero-txt .eyebrow{display:block;margin-bottom:1rem}
  .hero-txt h1{font-family:var(--serif);font-weight:500;color:var(--nuit);font-size:clamp(2.6rem,6vw,4.6rem);line-height:1;margin-bottom:.6rem}
  .hero-txt .role{font-family:var(--serif);font-style:italic;color:var(--dore);font-size:1.35rem;line-height:1.3;margin-bottom:1.2rem}
  .hero-txt p{color:var(--nuit-70);font-size:1.05rem}
  .hero-txt .meta{font-family:var(--caps);text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;color:var(--nuit-70);margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:center}
  .hero-txt .meta i{width:4px;height:4px;background:var(--dore);border-radius:50%;display:inline-block}
  .portrait{position:relative;border-radius:4px;overflow:hidden;box-shadow:0 40px 80px -36px rgba(16,39,68,.5);border:1px solid rgba(184,145,95,.5)}
  .portrait img{display:block;width:100%;height:auto}
  .portrait::after{content:"";position:absolute;inset:12px;border:1px solid rgba(250,247,242,.5);pointer-events:none}
  /* READER-FIRST */
  .reader{text-align:center}
  .reader .narrow{margin:0 auto}
  .reader .open{font-family:var(--serif);font-style:italic;color:var(--nuit);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.35;margin-bottom:1.4rem}
  .reader p{color:var(--encre)}
  .reader .soft{color:var(--nuit-70)}
  /* STORY */
  .story{background:var(--creme)}
  .story .head{text-align:center;max-width:640px;margin:0 auto clamp(1.8rem,4vw,2.6rem)}
  .story .head .eyebrow{display:block;margin-bottom:.8rem}
  .story .body{max-width:760px;margin:0 auto}
  .story .body p{margin-bottom:1.15rem;color:var(--encre)}
  /* APPROCHE values */
  .valeurs{text-align:center}
  .valeurs .head{max-width:640px;margin:0 auto clamp(2rem,4vw,3rem)}
  .valeurs .head .eyebrow{display:block;margin-bottom:.8rem}
  .vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
  .v{padding:1.4rem 1rem}
  .v .sym{font-size:1.5rem;color:var(--dore);margin-bottom:.6rem}
  .v h3{font-family:var(--serif);color:var(--nuit);font-size:1.35rem;font-weight:600;margin-bottom:.4rem}
  .v p{font-size:.9rem;color:var(--encre)}
  /* CONVICTION navy */
  .conv{background:var(--nuit);color:var(--casse);text-align:center;position:relative;overflow:hidden}
  .conv svg{position:absolute;opacity:.13;pointer-events:none}
  .conv svg.tl{top:-50px;left:-40px;width:280px;height:280px}
  .conv svg.br{bottom:-50px;right:-40px;width:300px;height:300px}
  .conv .lead{color:rgba(250,247,242,.9);font-size:1.3rem;max-width:640px;margin:0 auto 1.6rem}
  .conv .quote-qui{font-family:var(--serif);font-size:clamp(1.7rem,4vw,2.6rem);color:#fff;line-height:1.3;max-width:720px;margin:0 auto}
  .conv .quote-qui-qui em{font-style:italic;color:var(--dore-clair)}
  .conv .sig{font-family:var(--caps);text-transform:uppercase;letter-spacing:.24em;font-size:.68rem;color:var(--dore-clair);margin-top:1.8rem}
  /* MÉTHODE + CAHIERS mini */
  .oeuvre .grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
  .oeuvre .card{background:#fff;border:1px solid rgba(184,145,95,.35);border-radius:5px;padding:2.2rem 2rem;text-align:center;transition:transform .4s,box-shadow .4s,border-color .4s}
  .oeuvre .card:hover{transform:translateY(-5px);box-shadow:0 24px 46px -28px rgba(16,39,68,.4);border-color:var(--dore)}
  .oeuvre .card .k{font-family:var(--caps);text-transform:uppercase;letter-spacing:.16em;font-size:.58rem;color:var(--dore);margin-bottom:.6rem}
  .oeuvre .card h3{font-family:var(--serif);color:var(--nuit);font-size:1.7rem;/*font-weight:600;*/margin-bottom:.5rem}
  .oeuvre .card p{font-size:.92rem;color:var(--encre);margin-bottom:1.2rem}
  .oeuvre .card a{font-family:var(--caps);text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;color:var(--nuit);text-decoration:none;border-bottom:1px solid var(--dore);padding-bottom:3px;transition:color .3s}
  .oeuvre .card a:hover{color:var(--dore)}
  /* FINAL */
  .final{background:var(--creme);text-align:center}
  .final h2{margin-bottom:1rem}
  .final p{max-width:520px;margin:0 auto 2rem;color:var(--nuit-70)}
  .final .cta-row{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
  .final .sig{font-family:var(--serif);font-style:italic;color:var(--dore);font-size:1.2rem;margin-top:2rem}
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}
  a:focus-visible,.btn:focus-visible{outline:2px solid var(--dore);outline-offset:3px}
  @media(max-width:820px){
    .hero-grid{grid-template-columns:1fr}
    .portrait{max-width:400px;margin:0 auto;order:-1}
    .vgrid{grid-template-columns:1fr}
    .oeuvre .grid{grid-template-columns:1fr}
  }
  @media(prefers-reduced-motion:reduce){*{animation:none!important}.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
  .wrap{ max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}
  section{ padding:clamp(3.2rem,6vw,5rem) 0}
/*  h2{ font-family:var(--serif);color:var(--nuit);font-weight:600;font-size:clamp(1.8rem,3.5vw,2.5rem);line-height:1.14}*/
  .node{ display:flex;align-items:center;justify-content:center;margin:1.2rem 0}
  .node .l{ height:1px;width:min(100px,18vw);background:linear-gradient(90deg,transparent,var(--dore))}
  .node .l.r{ background:linear-gradient(90deg,var(--dore),transparent)}
  .node .d{ width:26px;height:5px;background:var(--dore);margin:0 12px;border-radius:1px}
  .btn{ display:inline-block;font-family:var(--caps);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:500;text-decoration:none;cursor:pointer;padding:1.05rem 2.3rem;border-radius:3px;border:1px solid var(--nuit);transition:all .35s ease}
  .btn-primary{ background:var(--nuit);color:var(--casse)}
  .btn-primary:hover{ background:var(--dore);border-color:var(--dore);color:#fff}
  .btn-gold{ background:var(--dore);border-color:var(--dore);color:#fff;width:100%}
  .btn-gold:hover{ background:#fff;color:var(--nuit);border-color:#fff}
  .btn-ghost{ background:transparent;color:var(--nuit)}
  .btn-ghost:hover{ background:var(--nuit);color:var(--casse)}
  /* HERO */
  /*header.hero{ text-align:center;background:linear-gradient(165deg,var(--creme),#F6EEE2 60%,var(--casse));padding:clamp(3.5rem,9vh,5.5rem) 0 clamp(2.5rem,5vh,3.5rem)}*/
  .hero .eyebrow{ display:block;margin-bottom:1.3rem}
  .hero h1{ font-family:var(--serif);font-weight:500;color:var(--nuit);font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.05}
  .hero h1 em{ font-style:italic;color:var(--dore)}

  /* NEWSLETTER (TOP) navy */
  .news{ background:var(--nuit);color:var(--casse);position:relative;overflow:hidden}
  .news svg{ position:absolute;opacity:.13;pointer-events:none}
  .news svg.tl{ top:-50px;left:-40px;width:280px;height:280px}
  .news svg.br{ bottom:-50px;right:-40px;width:300px;height:300px}
  .news .box{ max-width:560px;margin:0 auto;text-align:center}
  .news .eyebrow{ color:var(--dore-clair);display:block;margin-bottom:1rem}
  .news h2{ color:#fff;margin-bottom:.8rem}
  .news .sub{ color:rgba(250,247,242,.82);font-size:1rem;margin-bottom:2rem}
  .news form{ display:grid;gap:.8rem;text-align:left}
  .news .nlabel{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;color:var(--dore-clair);margin-bottom:.35rem;display:block}
  .news input{ 
      width:100% !important;
      padding:.95rem 1rem !important;
      border:1px solid rgba(184,145,95,.5)!important;
      border-radius:4px;
      font-family:var(--sans) !important;
      font-size:1rem;
      background:rgba(250,247,242,.06) !important;
      color:#fff !important;
      font-weight:300}
  .news input::placeholder{ color:rgba(250,247,242,.45)}
  .news input:focus{ outline:2px solid var(--dore);outline-offset:1px;border-color:var(--dore)}
  .news .btn-gold{ margin-top:.6rem}
  .news .mini{ text-align:center;font-size:.75rem;color:rgba(250,247,242,.55);margin-top:1rem}
  /* CONTACT (BOTTOM) */
  .contact-grid{ display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
  .field-label{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.14em;font-size:.6rem;color:var(--dore);font-weight:600;margin-bottom:.5rem;display:block}
  .field{ width:100%;padding:.9rem 1rem !important;border:1px solid rgba(184,145,95,.5)!important;border-radius:4px!important;font-family:var(--sans)!important;font-size:.98rem;color:var(--nuit)!important;background:#fff;margin-bottom:1.2rem !important;font-weight:300}
  textarea.field{ min-height:120px;resize:vertical}
  .field:focus{ outline:2px solid var(--dore);outline-offset:1px;border-color:var(--dore)}
  .form-intro .eyebrow{ display:block;margin-bottom:.8rem}
  .form-intro h2{ margin-bottom:.7rem;font-size:clamp(1.5rem,3vw,2rem)}
  .form-intro p{ color:var(--nuit-70);font-size:.98rem;margin-bottom:1.5rem}
  .info{ background:#fff;border:1px solid rgba(184,145,95,.35);border-radius:6px;padding:1.9rem 1.7rem}
  .info .row{ display:flex;gap:1rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid rgba(184,145,95,.25);flex-wrap: nowrap;}
  .info .row:last-child{ border-bottom:none;padding-bottom:0}
  .info .row:first-child{ padding-top:0}
  .info .ic{ flex-shrink:0;width:38px;height:38px;border-radius:50%;border:1px solid var(--dore);color:var(--dore);display:flex;align-items:center;justify-content:center;font-size:1rem}
  .info .rt{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.12em;font-size:.56rem;color:var(--nuit-70);margin-bottom:.2rem}
  .info .rv{ color: var(--nuit);
  font-weight: 100;
  line-height: 1.2;
  font-family: var(--caps);
  font-size: 12px !important;
  }
  .info .rv a{ color:var(--nuit);text-decoration:none}
  .info .rv a:hover{ color:var(--dore)}
  .socials{ display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
  .socials a{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;color:var(--nuit);text-decoration:none;border:1px solid rgba(184,145,95,.5);border-radius:3px;padding:.4rem .7rem;transition:all .3s}
  .socials a:hover{ background:var(--nuit);color:var(--casse);border-color:var(--nuit)}
  /* FINAL */
  .final{ text-align:center;background:var(--creme)}
  .final .legal{ display:flex;flex-wrap:wrap;gap:.5rem .8rem;justify-content:center;align-items:center;margin-bottom:1.4rem}
  .final .legal a{ font-family:var(--caps);text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;color:var(--nuit-70);text-decoration:none;transition:color .3s}
  .final .legal a:hover{ color:var(--dore)}
  .final .legal span{ color:var(--dore);font-size:.6rem}
  .final .sig{ font-family:var(--serif);font-style:italic;color:var(--dore);font-size:1.25rem}

  .reveal{ opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}
  .reveal.in{ opacity:1;transform:none}
  a:focus-visible,.btn:focus-visible,input:focus-visible{ outline:2px solid var(--dore);outline-offset:3px}

  @media(max-width:780px){ .contact-grid{ grid-template-columns:1fr}}
  @media(prefers-reduced-motion:reduce){ *{ animation:none!important}.reveal{ opacity:1;transform:none;transition:none}html{ scroll-behavior:auto}}
h2 {
/*  font-family: var(--serif);
  color: var(--nuit);
  font-weight: 600;
  font-size: clamp(1.9rem,3.8vw,2.9rem);
  line-height: 1.1;*/
  letter-spacing: .005em;
  font-family: var(--serif);
/*  font-weight: 500;*/
  color: var(--nuit);
  font-size: clamp(2.4rem,5.5vw,2rem);
  line-height: 1.05;
}
  .banner{
    background:var(--beige);
    text-align:center;
    padding:10px;
    font-size:12px;
    letter-spacing:1px;
    color:#8a6f4d;
    text-transform:uppercase;
  }
  header{
    /*max-width:640px;*/
    /*margin:70px auto 10px auto;*/
    padding:0 24px;
    text-align:center;
  }
  h1{
    font-family:'Cormorant Garamond',serif;
    font-size:42px;
    font-weight:600;
    margin:0 0 18px 0;
  }
  .intro{
    font-size:16px;
    line-height:1.7;
    color:#3c4a5c;
    max-width:520px;
    margin:0 auto;
  }
  main{
    max-width:640px;
    margin:50px auto 0 auto;
    padding:0 24px 80px 24px;
  }
  form{
    background:#fff;
    border:1px solid #e5ddd0;
    border-radius:4px;
    padding:40px;
  }
  .fieldContact{
    margin-bottom:22px;
  }
  label{
    display:block;
    font-size:13px;
    letter-spacing:0.5px;
    color:var(--bleu-nuit);
    margin-bottom:6px;
    font-weight:500;
  }
  input, select, textarea{
    width:100%;
    padding:12px 14px;
    border:1px solid #d8cdb8;
    border-radius:3px;
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    color:var(--bleu-nuit);
    background:#fff;
  }
  textarea{
    min-height:130px;
    resize:vertical;
  }
  input:focus, select:focus, textarea:focus{
    outline:none;
    border-color:var(--dore);
  }
  .legal{
    font-size:12px;
    color:#8a8a8a;
    line-height:1.5;
    margin:18px 0 26px 0;
  }
  .legal a{
    color:var(--dore);
  }
  .buttonContact{
    background: var(--nuit);
  color: var(--casse);
    border:none;
    padding:14px 32px;
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    letter-spacing:0.5px;
    border-radius:3px;
    cursor:pointer;
    border-bottom:2px solid var(--dore);
  }
  .alt-contact{
    margin-top:56px;
    text-align:center;
  }
  .alt-title{
    font-family:'Cormorant Garamond',serif;
    font-size:26px;
    margin-bottom:10px;
  }
  .alt-sub{
    font-size:1.3rem;
    color:#5a6a7c;
    margin-bottom:22px;
  }
  .cta{
    display:inline-block;
    background:var(--dore);
    color:var(--blanc-casse);
    text-decoration:none;
    padding:13px 30px;
    border-radius:3px;
    font-size:14px;
    letter-spacing:0.5px;
    /*margin-bottom:34px;*/
  }
  .banner-note{ 
        background:#F2E8DC;
        text-align:center; 
        padding:10px;
        font-size:12px;
        letter-spacing:1px;
        color:#8a6f4d;
        text-transform:uppercase;
    }
    .helena-banner{
      background:var(--bleu-nuit);
      padding:41px 24px;
      overflow:hidden;
      position:relative;
      margin-top: 6rem ;
    }
    .helena-banner-inner{
      max-width:900px;
      margin:0 auto;
      position:relative;
      min-height:130px;
    }
    .lang-slide{
      position:absolute;
      top:0; left:0; right:0;
      opacity:0;
      transform:translateY(10px);
      transition:opacity 0.9s ease, transform 0.9s ease;
      pointer-events:none;
      text-align:center;
    }
    .lang-slide.active{
      opacity:1;
      transform:translateY(0);
      pointer-events:auto;
    }
    .lang-flag-title{
      font-size:22px;
      letter-spacing:3px;
      color:var(--dore);
      text-transform:uppercase;
      margin-bottom:6px;
    }
    .lang-method-name{
      font-family:'Cormorant Garamond',serif;
      font-style:italic;
      font-size:26px;
      color:var(--blanc-casse);
      margin-bottom:22px;
    }
    .letters-row{
      display:flex;
      justify-content:center;
      gap:22px;
      flex-wrap:wrap;
    }
    .letter-block{
      text-align:center;
      min-width:70px;
    }
    .letter-block .big{
      font-family:'Cormorant Garamond',serif;
      font-size:34px;
      color:var(--dore);
      line-height:1;
      margin-bottom:6px;
    }
    .letter-block .word{
      font-size:1.1rem;
      color:#c9d3de;
      letter-spacing:0.3px;
    }

    .dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top: 77px;
    }
    .dot{
      width:6px; height:6px; border-radius:50%;
      background:rgba(184,145,95,0.35);
      transition:background 0.3s ease;
    }
    .dot.active{ background:var(--dore); }
    @media (max-width:600px){
      .letters-row{ gap:12px; }
      .letter-block{ min-width:50px; }
      .letter-block .big{ font-size:26px; }
      .letter-block .word{ font-size:9.5px; }
      .dots{margin-top: 101px;}
    }
  .contact-details{
    font-size:17px;
    line-height:2;
    color:var(--bleu-nuit);
  }
  .contact-details a{
    color:var(--bleu-nuit);
    text-decoration:none;
    border-bottom:1px solid var(--dore);
    font-size: 17px;
  }
  .location{
    font-size:16px;
    color:#7c8a99;
    margin-top:6px;
  }
  footer.baseline{
    text-align:center;
    padding:40px 0 60px 0;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    color:var(--dore);
    font-size:15px;
  }
  /* HERO */
  #book.hero{ max-width:720px; margin:80px auto 90px auto; padding:0 24px; text-align:center;}
  .kicker{ font-size:12px; letter-spacing:3px; color:var(--dore); text-transform:uppercase; margin-bottom:16px;}
  #book.hero h1{ font-size:44px; line-height:1.2; margin-bottom:10px;}
  #book.hero p{ font-size:16px; line-height:1.8; color:#3c4a5c; margin-bottom:18px;}
  .cta{ display:inline-block; background:var(--nuit); color:var(--casse); text-decoration:none; padding:14px 34px; font-size:14px; letter-spacing:0.5px; border-radius:3px; border-bottom:2px solid var(--dore); margin-top:14px;}
  .cta.outline{ background:transparent; color:var(--nuit); border:1px solid var(--dore); border-bottom:1px solid var(--dore);}

  /* SIX PILIERS */
  .piliers{ background:var(--nuit); padding:70px 24px;}
  .piliers-inner{ max-width:1000px; margin:0 auto;}
  .piliers-title{ text-align:center; color:var(--casse); font-size:30px; margin-bottom:50px;}
  .piliers-title em{ color:var(--dore); font-style:italic;}
  .piliers-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:20px;}
  .pilier-card{ text-align:center; color:var(--casse);}
  .pilier-lettre{ font-family:'Cormorant Garamond',serif; font-size:48px; color:var(--dore); line-height:1; margin-bottom:10px;}
  .pilier-nom{ font-size:11px; letter-spacing:2px; margin-bottom:10px;}
  .pilier-desc{ font-size:12px; line-height:1.6; color:#c9d3de;}
  /* COMMENT CHOISIR */
  .choisir{ max-width:800px; margin:90px auto 0 auto; padding:0 24px;}
  .choisir h2{ text-align:center; font-size:32px; margin-bottom:44px;}
  .choisir h2 em{ color:var(--dore); font-style:italic;}
  .choisir-list{ list-style:none; padding:0; margin:0;}
  .choisir-list li{ display:flex; justify-content:space-between; align-items:center; gap:20px; padding:18px 0; border-bottom:1px solid #e5ddd0; font-size:15px; color:#3c4a5c;}
  .choisir-list .pilier-tag{ font-family:'Cormorant Garamond',serif; font-size:16px; color:var(--nuit); font-weight:600; white-space:nowrap; border-left:2px solid var(--dore); padding-left:14px;}
  /* METHODE EDITORIALE (video+cahier+accompagnement) */
  .methode-editoriale{ max-width:640px; margin:70px auto 90px auto; padding:0 24px; text-align:center;}
  .methode-editoriale h2{ font-size:26px; margin-bottom:16px;}
  .methode-editoriale h2 em{ color:var(--dore); font-style:italic;}
  .methode-editoriale p{ font-size:15px; line-height:1.8; color:#3c4a5c;}
  /* BIBLIOTHEQUE */
  .bibliotheque{ max-width:1000px; margin:0 auto 90px auto; padding:0 24px;}
  .bib-title{ text-align:center; font-size:34px; margin-bottom:70px;}
  .bib-title em{ color:var(--dore); font-style:italic;}
  .pilier-section{ margin-bottom:80px;}
  .pilier-header{ display:flex; align-items:baseline; gap:18px; border-bottom:1px solid var(--dore); padding-bottom:16px; margin-bottom:34px;}
  .pilier-header .lettre{ font-family:'Cormorant Garamond',serif; font-size:40px; color:var(--dore);}
  .pilier-header .nom{ font-size:22px; letter-spacing:1px; text-transform:uppercase;}
  .pilier-header .phrase{ font-family:'Cormorant Garamond',serif; font-style:italic; font-size:17px; color:#5a6a7c; margin-left:auto;}
  /* SIMPLE CARD GRID */
  .cards-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:28px;}
  .card{ background:#fff; border:1px solid #e5ddd0; border-radius:4px; overflow:hidden; display:flex; flex-direction:column;}
  .card-cover{ aspect-ratio:3/4; background:var(--beige); display:flex; align-items:center; justify-content:center; color:#a99a80; font-size:12px; text-align:center; padding:20px; position:relative;}
  .card-cover img{ width:100%; height:100%; object-fit:cover;}
  .status-badge{ position:absolute; top:12px; right:12px; font-size:10px; letter-spacing:0.5px; text-transform:uppercase; padding:5px 10px; border-radius:20px; color:#fff;}
  .status-dispo{ background:var(--vert-dispo);}
  .status-bientot{ background:var(--dore);}
  .status-offert{ background:var(--vert-dispo);}
  .card-body{ padding:22px; flex:1; display:flex; flex-direction:column;}
  .card-title{ font-family:'Cormorant Garamond',serif; font-size:19px; line-height:1.3; margin-bottom:10px;}
  .card-desc{ font-size:13px; line-height:1.6; color:#5a6a7c; margin-bottom:14px; flex:1;}
  .card-meta{ font-size:11px; color:#9a9186; margin-bottom:16px; letter-spacing:0.3px;}
  .card-price{ font-family:'Cormorant Garamond',serif; font-size:18px; color:var(--nuit); font-weight:600; margin-bottom:14px;}
  .card-btn{ display:block; text-align:center; background:var(--nuit); color:var(--casse); text-decoration:none; padding:11px; font-size:13px; letter-spacing:0.5px; border-radius:3px;}
  .card-btn.disabled{ background:#e5ddd0; color:#9a9186; pointer-events:none;}
  /* VIDEO BUTTON — style discret, non-YouTube */
  .video-btn{ display:block;text-align:center;margin-top:10px;padding:10px;text-decoration:none;color:var(--nuit);border:1px solid var(--dore);background:transparent;font-size:12px;letter-spacing:0.4px;border-radius:3px;}
  .video-btn:hover{ background:var(--beige);}
  /* FEATURED TWO-COLUMN (Honorer) */
  .featured{ display:grid; grid-template-columns:300px 1fr; gap:50px; background:#fff; border:1px solid #e5ddd0; border-radius:4px; padding:40px; align-items:start;}
  .featured-cover{ position:relative;width: 100%;}
  .featured-cover .cover-box{ aspect-ratio: 3/4;background: var(--beige);font-size: 12px;text-align: center;position: relative;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 12px;overflow: hidden;display: flex;align-items: flex-end;justify-content: center;padding: 20px;color: #fff;font-weight: 600;}
  .featured-cover .status-badge{ top:12px; right:12px;}
  .featured-price{ font-family:'Cormorant Garamond',serif; font-size:22px; color:var(--nuit); font-weight:600; margin:18px 0 12px 0; text-align:center;}
  .featured-content h3{ font-size:26px; margin-bottom:14px; line-height:1.3;}
  .featured-content .intro{ font-size:15px; line-height:1.75; color:#3c4a5c; margin-bottom:22px;}
  .benefits{ list-style:none; padding:0; margin:0 0 24px 0;}
  .benefits li{ font-size:14px; line-height:1.6; color:#3c4a5c; padding-left:22px; position:relative; margin-bottom:10px;}
  .benefits li::before{ content:"—"; position:absolute; left:0; color:var(--dore);}
  .video-callout{ background:var(--beige); border-left:2px solid var(--dore); padding:18px 22px; margin-bottom:26px;}
  .video-callout .vc-title{ font-family:'Cormorant Garamond',serif; font-size:16px; margin-bottom:8px;}
  .video-callout p{ font-size:13.5px; line-height:1.6; color:#5a6a7c; margin-bottom:12px;}
  .video-callout .video-btn{ display:inline-block; margin-top:0; padding:9px 22px;}
  .explorer-title{ font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:var(--dore); margin-bottom:12px;}
  .explorer-list{ list-style:none; padding:0; margin:0 0 20px 0;}
  .explorer-list li{ font-size:13.5px; line-height:1.6; color:#5a6a7c; padding:8px 0; border-bottom:1px solid #eee2d2;}
  .featured-footer{ display:flex; gap:24px; font-size:12px; color:#9a9186; letter-spacing:0.3px;}
  /* PROCHAINEMENT */
  .prochainement{ background:var(--beige); border:1px dashed var(--dore); border-radius:4px; padding:44px; text-align:center; max-width:600px; margin:0 auto;}
  .prochainement .label{ font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--dore); margin-bottom:14px;}
  .prochainement h3{ font-size:22px; margin-bottom:10px;}
  .prochainement p{ font-size:14px; line-height:1.7; color:#5a6a7c; margin-bottom:24px;}
  .prochainement .cta{ padding:11px 26px; font-size:13px;}

  /* TRANSITION */
  .transition{ background:var(--beige); padding:90px 24px; text-align:center;}
  .transition-inner{ max-width:640px; margin:0 auto;}
  .transition h2{ font-size:32px; margin-bottom:26px;}
  .transition p{ font-size:16px; line-height:1.8; color:#3c4a5c; margin-bottom:22px;}

  .baseline{ text-align:center; padding:50px 0 80px 0; background:var(--nuit);}
  .baseline p{ font-family:'Cormorant Garamond',serif; font-style:italic; color:var(--dore); font-size:20px; letter-spacing:1px; margin:0;}

  .webmaster-note{ max-width:1000px; margin:70px auto 60px auto; padding:20px 24px; background:#fff3e0; border:1px dashed #d8a657; font-size:13px; line-height:1.7; color:#6b4f1d;}
  .webmaster-note ol{ margin:8px 0 0 0; padding-left:20px;}

  @media (max-width:800px){ 
    .piliers-grid{ grid-template-columns:repeat(3,1fr); row-gap:34px;}
    .pilier-header{ flex-wrap:wrap;}
    .pilier-header .phrase{ margin-left:0;}
    .featured{ grid-template-columns:1fr;}
    .featured-cover{ max-width:260px; margin:0 auto;}
  }
  #quiSuisJe.main-wrapper{
        background:var(--blanc-casse);
  }
  #quiSuisJe .banner{ 
    background:var(--beige);
    text-align:center;
    padding:10px;
    font-size:12px;
    letter-spacing:1px;
    color:#8a6f4d;
    text-transform:uppercase;
    margin-top: 5%;
  }
  /* SECTION 1 — VERSION COURTE + PHOTO */
   #quiSuisJe .hero{ 
    max-width:1000px;
    margin:70px auto;
    padding:0 24px;
    display:flex;
    gap:60px;
    align-items:center;
  }
   #quiSuisJe .hero-text{ 
    flex:1;
  }
   #quiSuisJe .hero-photo{ 
    flex:0 0 340px;
  }
   #quiSuisJe .hero-photo .frame{ 
    border:1px solid var(--dore);
    padding:14px;
  }
   #quiSuisJe .hero-photo img{ 
    width:100%;
    display:block;
  }
   #quiSuisJe .kicker{ 
    font-size:12px;
    letter-spacing:3px;
    color:var(--dore);
    text-transform:uppercase;
    margin-bottom:14px;
  }
   #quiSuisJe h1{ 
    font-family:'Cormorant Garamond',serif;
    font-size:44px;
    font-weight:500;
    margin:0 0 14px 0;
    line-height:1.15;
  }
   #quiSuisJe .subtitle{ 
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:20px;
    color:var(--dore);
    margin-bottom:20px;
    line-height:1.4;
  }
   #quiSuisJe .hero-text p.desc{ 
    font-size:1.3rem;
    line-height:1.75;
    color:#3c4a5c;
    margin-bottom:22px;
  }
   #quiSuisJe .badges{ 
    font-size:12px;
    letter-spacing:0.5px;
    color:#7c8a99;
    text-transform:uppercase;
    margin-bottom:30px;
  }
   #quiSuisJe .cta-manifeste{ 
    display:inline-block;
    color:var(--bleu-nuit);
    border-bottom:1px solid var(--dore);
    text-decoration:none;
    font-size:14px;
    letter-spacing:0.5px;
    padding-bottom:2px;
  }
  /* SECTION 2 — MANIFESTE COMPLET */
   #quiSuisJe .manifeste-section{ 
    background:var(--beige);
    padding:80px 0 100px 0;
    margin-top:40px;
  }
   #quiSuisJe main{ 
    max-width:640px;
    margin:0 auto;
    padding:0 24px;
  }
   #quiSuisJe .manifeste-header{ 
    text-align:center;
    margin-bottom:50px;
  }
  #quiSuisJe .manifeste-header h2{ 
    font-family:'Cormorant Garamond',serif;
    font-size:38px;
    font-weight:500;
    margin:0;
  }
  #quiSuisJe .manifeste-header h2 em{ 
    font-style:italic;
    color:var(--dore);
  }
  #manifeste p strong{
    font-weight: 800;
  }
  #quiSuisJe .divider{ 
    text-align:center;
    color:var(--dore);
    font-size:20px;
    margin:44px 0;
    letter-spacing:4px;
  }
  #quiSuisJe p{ 
    font-size:1.3rem;
    line-height:1.85;
    color:#2c3a4a;
    margin:0 0 22px 0;
  }
  #quiSuisJe p.emphasis{ 
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:22px;
    color:var(--bleu-nuit);
    line-height:1.6;
    text-align:center;
    margin:36px 0;
  }
  #quiSuisJe .closing{ 
    text-align:center;
    margin-top:50px;
  }
  #quiSuisJe .closing .final{ 
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:24px;
    color:var(--bleu-nuit);
    line-height:1.6;
  }
  #quiSuisJe .baseline{ 
    text-align:center;
    padding:50px 0 80px 0;
    background:var(--bleu-nuit);
  }
  #quiSuisJe .baseline p{ 
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    color:var(--dore);
    font-size:20px;
    letter-spacing:1px;
    margin:0;
  }
  @media (max-width:800px){ 
    #quiSuisJe .hero{ flex-direction:column-reverse;}
    #quiSuisJe .hero-photo{ flex:0 0 auto; width:100%; max-width:300px;}
  }
  .cta-row {
  display: flex;
  gap: .7rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 2.3rem;
}

#accompagnement .kicker{ font-size:11px; letter-spacing:2.5px; color:var(--dore); text-transform:uppercase; margin-bottom:16px;}
  #accompagnement .hero h1{ font-size:32px; line-height:1.3; margin-bottom:14px; font-weight:500;}
  #accompagnement .hero p{ font-size:1.3rem; line-height:1.7; color:#4a5a6c; max-width:560px; margin:0 auto;}

  /* VERTICAL CARDS */
  #accompagnement .cards-section{ margin:50px auto 80px auto;}
  #accompagnement .cards-grid{ display:grid; grid-template-columns:repeat(5, 1fr); gap:22px; align-items:stretch;}
  @media (max-width:980px){  #accompagnement .cards-grid{ grid-template-columns:repeat(2, 1fr);} }
  @media (max-width:620px){  #accompagnement .cards-grid{ grid-template-columns:1fr;} }

  #accompagnement .card{ 
    background:#fff; border:1px solid #e7ddc9; border-radius:8px;
    padding:30px 24px; display:flex; flex-direction:column; text-align:center;
    position:relative;overflow: unset;
  }
  #accompagnement .card.recommended{  border:1px solid var(--dore); box-shadow:0 8px 26px rgba(184,145,95,0.15); background:linear-gradient(180deg,#fffdf9,#fff); }
  #accompagnement .badge{ 
    position:absolute; top:-12px; left:50%; transform:translateX(-50%);
    background:var(--dore); color:#fff; font-size:10px; letter-spacing:0.8px;
    padding:5px 14px; border-radius:20px; white-space:nowrap;
  }
  #accompagnement .card-title{ font-size:19px; font-weight:600; line-height:1.3; margin-bottom:14px; min-height:50px;}
  #accompagnement .card-price{ font-family:'Cormorant Garamond',serif; font-size:40px; font-weight:600; color:var(--bleu-nuit); line-height:1;}
  #accompagnement .card-price .unit{ font-size:13px; font-family:'Montserrat',sans-serif; color:#9a9186; font-weight:400;}
  #accompagnement .card-format{ font-size:11.5px; letter-spacing:0.3px; color:var(--dore); text-transform:uppercase; margin:8px 0 18px 0;}
  #accompagnement .card-intro{ font-size:16px; line-height:1.6; color:#4a5a6c; margin-bottom:18px; min-height:60px;}
  #accompagnement .card ul{ list-style:none; padding:0; margin:0 0 22px 0; text-align:left;}
  #accompagnement .card li{ font-size:15.5px; line-height:1.5; color:#3c4a5c; padding-left:18px; position:relative; margin-bottom:9px;}
  #accompagnement .card li::before{ content:"✓"; position:absolute; left:0; color:var(--dore); font-weight:700;}
  #accompagnement .card-btn{ 
    display:block; text-align:center; text-decoration:none; margin-top:auto;
    padding:13px;letter-spacing:0.4px; border-radius:4px;
    background:var(--bleu-nuit); color:var(--blanc-casse);font-size: 16px;
  }
  #accompagnement .card.recommended .card-btn{  background:var(--dore); }
  /* METHODE SECTION */
  #accompagnement .methode-section{ background:var(--beige); padding:60px 0;}
  #accompagnement .methode-inner{ max-width:820px; margin:0 auto; padding:0 32px; text-align:center;}
  #accompagnement .methode-inner h2{ font-size:28px; margin-bottom:14px;}
  #accompagnement .methode-inner > p{ font-size:1.3rem; line-height:1.7; color:#4a5a6c; margin-bottom:40px;}
  #accompagnement .mouvements-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; text-align:left;}
  @media (max-width:700px){ #accompagnement  .mouvements-grid{ grid-template-columns:1fr;} }
  #accompagnement .mouvement h4{ font-family:'Cormorant Garamond',serif; font-style:italic; font-size:25px; color:var(--bleu-nuit); margin-bottom:8px; font-weight:600;}
  #accompagnement  .mouvement p{ font-size:1.3rem; line-height:1.55; color:#5a6a7c; margin:0;}

  /* COMMENT CHOISIR */
  #accompagnement .choisir{ max-width:780px; margin:70px auto; padding:0 32px;}
  #accompagnement .choisir h2{ text-align:center; font-size:27px; margin-bottom:8px;}
  #accompagnement .choisir-sub{ text-align:center; font-size:16px; color:#9a9186; margin-bottom:34px;}
  #accompagnement .choisir-row{ 
    display:flex; justify-content:space-between; align-items:center; gap:20px;
    padding:16px 0; border-bottom:1px solid #e7ddc9; font-size:1.3rem; color:#3c4a5c;
  }
  #accompagnement .choisir-row .rep{ font-family:'Cormorant Garamond',serif; font-size:1.3rem; color:var(--bleu-nuit); font-weight:600; text-align:right; white-space:nowrap;}
  /* POSTURE */
  #accompagnement .posture{ max-width:680px; margin:70px auto; padding:0 32px; text-align:center;}
  #accompagnement .posture h2{ font-size:24px; margin-bottom:10px;}
  #accompagnement .posture-sub{ font-size:1.3rem; color:#4a5a6c; margin-bottom:28px; line-height:1.6;}
  #accompagnement .posture-list{ list-style:none; padding:0; margin:0; display:inline-block; text-align:left;}
  #accompagnement .posture-list li{ font-size:1.3rem; color:#3c4a5c; padding-left:20px; position:relative; margin-bottom:10px;}
  #accompagnement .posture-list li::before{ content:"—"; position:absolute; left:0; color:var(--dore);}

  /* CTA FINAL */
  #accompagnement .cta-final{ background:var(--bleu-nuit); padding:64px 32px; text-align:center;}
  #accompagnement .cta-final h2{ color:#fff; font-size:27px; margin-bottom:12px;}
  #accompagnement .cta-final p{ color:#c9d3de; font-size:1.3rem; margin-bottom:30px;}
  #accompagnement .cta-buttons{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}
  #accompagnement .btn-primary, .btn-outline{  text-decoration:none; padding:13px 28px; font-size:15px; letter-spacing:0.3px; border-radius:4px; }
  /*#accompagnement .btn-primary{ background:var(--dore); color:#fff;}*/
  #accompagnement .btn-outline{ border:1px solid var(--dore-light); color:#fff;}

  #accompagnement .webmaster-note{ max-width:1180px; margin:40px auto; padding:16px 24px; background:#fff3e0; border:1px dashed #d8a657; font-size:12.5px; line-height:1.6; color:#6b4f1d;margin-top: 6%; }
 #confidentialite .page{
    max-width:860px;
    margin:0 auto;
    padding:40px 32px 80px;
  }
  #confidentialite header.hero{
    text-align:center;
    padding:40px 20px 30px;
    margin-top: 10%;
  }
  
 
  #confidentialite p.subtitle{
    font-style:italic;
    color:var(--dore);
    font-size:16px;
    margin:0 0 4px;
  }
 #confidentialite p.compliance{
    font-size:13px;
    color:var(--muted);
    margin:0;
    letter-spacing:0.3px;
  }
  #confidentialite .introConfidentialite{
    background:#fff;
    border:1px solid var(--border);
    border-radius:8px;
    padding:22px 26px;
    margin:30px 0;
    font-size:15px;
  }
  #confidentialite .introConfidentialite strong{ color:var(--navy);}
  #confidentialite .updated{
    font-weight:700;
    color:var(--navy);
  }
  #confidentialite .updated .date{
    color:var(--dore);
  }
  #confidentialite section{
    margin:34px 0;
  }
  #confidentialite h2{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--navy);
    font-size:19px;
    letter-spacing:1px;
    border-bottom:2px solid var(--dore);
    padding-bottom:10px;
    margin-bottom:16px;
  }
  #confidentialite h2 .num{
    color:var(--dore);
  }
  #confidentialite p{
    font-size:15px;
    margin:10px 0;
  }
  #confidentialite table{
    width:100%;
    border-collapse:collapse;
    margin:14px 0 6px;
    font-size:14.5px;
    background:#fff;
    box-shadow:0 1px 4px rgba(0,0,0,0.04);
  }
  #confidentialite thead th{
    background:var(--navy);
    color:#fff;
    text-align:left;
    padding:12px 14px;
    font-weight:600;
    letter-spacing:0.3px;
  }
  #confidentialite tbody td{
    padding:12px 14px;
    border-bottom:1px solid var(--border);
    vertical-align:top;
  }
  #confidentialite tbody tr:nth-child(even){
    background:#fbf9f4;
  }
  #confidentialite ul{
    margin:10px 0;
    padding-left:22px;
  }
  #confidentialite li{
    margin:6px 0;
    font-size:15px;
  }
  #confidentialite a{
    /*color:var(--navy);*/
    /*text-decoration:underline;*/
  }
 #confidentialite  a:hover{
    color:var(--dore);
  }
  #confidentialite .contact-box{
    text-align:center;
    background:var(--navy);
    color:#f2ede1;
    border-radius:8px;
    padding:28px;
    margin-top:50px;
    margin-bottom: 40px;
  }
  #confidentialite .contact-box p{
    color:#f2ede1;
    margin:6px 0;
  }
  #confidentialite .contact-box a{
    color:var(--dore);
    font-weight:700;
  }

  #confidentialite hr.sep{
    border:none;
    border-top:1px solid var(--border);
    margin:36px 0;
  }
  
  #accompagnement  .banner{ background:var(--beige); text-align:center; padding:10px; font-size:12px; letter-spacing:1px; color:#8a6f4d; text-transform:uppercase;}
  h1,h2,h3{ font-family:'Cormorant Garamond',serif; font-weight:500; margin:0;}
  #accompagnement .wrap{ max-width:1180px; margin:0 auto; padding:0 32px;}

  /* HERO */
  #accompagnement .hero{ max-width:680px; margin:38px auto 50px auto; padding:0 32px; text-align:center;}
  
  .quiz-wrapper {
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin: 0 auto;
    padding: 40px 24px 80px;
  }
  .header {
    text-align: center;
    margin-bottom: 48px;
    animation: fadeDown 0.8s ease both;
  }
  .brand-line {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--dore);
    margin-bottom: 20px;
  }
  .header h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(32px, 6vw, 52px);
    font-weight: 300;
    line-height: 1.15;
    color: var(--bleu-nuit);
    margin-bottom: 16px;
  }
  .header h1 em { font-style: italic; color: var(--dore); }
  .header p {
    font-size: 13px;
    color: var(--texte-light);
    line-height: 1.7;
    max-width: 480px;
    margin: 0 auto;
  }
  .progress-container { margin-bottom: 36px; }
  .progress-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .progress-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--texte-light);
  }
  .progress-count {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    color: var(--dore);
  }
  .progress-bar {
    height: 2px;
    background: rgba(16,39,68,0.1);
    border-radius: 2px;
  }
  .progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--dore), var(--dore-light));
    border-radius: 2px;
    transition: width 0.5s cubic-bezier(0.4,0,0.2,1);
  }
  .question-card {
    background: var(--blanc);
    border-radius: 20px;
    padding: 40px 36px;
    box-shadow: 0 4px 40px rgba(16,39,68,0.08);
    animation: slideUp 0.5s ease both;
    position: relative;
    overflow: hidden;
  }
  .question-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dore), transparent);
  }
  .question-number {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--dore);
    margin-bottom: 14px;
  }
  .question-text {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(20px, 3.5vw, 26px);
    font-weight: 400;
    line-height: 1.4;
    color: var(--bleu-nuit);
    margin-bottom: 32px;
  }
  .options { display: flex; flex-direction: column; gap: 12px; }
  .option {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    border-radius: 12px;
    border: 1.5px solid rgba(16,39,68,0.1);
    background: transparent;
    cursor: pointer;
    transition: all 0.25s ease;
    text-align: left;
    width: 100%;
    font-family: inherit;
  }
  .option:hover { border-color: var(--dore); background: rgba(184,145,95,0.05); transform: translateX(3px); }
  .option.selected { border-color: var(--dore); background: linear-gradient(135deg,rgba(184,145,95,0.1),rgba(184,145,95,0.05)); transform: translateX(3px); }
  .option.neutral { border-style: dashed; border-color: rgba(16,39,68,0.12); }
  .option-letter {
    width: 30px; height: 30px; min-width: 30px;
    border-radius: 50%;
    background: var(--beige);
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700;
    color: var(--bleu-nuit);
    transition: all 0.25s;
  }
  .option.selected .option-letter { background: var(--dore); color: white; }
  .option-text { font-size: 13.5px; line-height: 1.6; color: var(--texte); padding-top: 5px; }
  .option.neutral .option-text { color: var(--texte-light); font-style: italic; }
  .nav-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
  }
  .btn-prev {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 600;
    letter-spacing: 1.5px; text-transform: uppercase;
    color: var(--texte-light);
    background: none; border: none; cursor: pointer;
    padding: 12px 0;
    transition: color 0.2s;
  }
  .btn-prev:hover { color: var(--bleu-nuit); }
  .btn-prev:disabled { opacity: 0.3; pointer-events: none; }
  .btn-next {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 600;
    letter-spacing: 2px; text-transform: uppercase;
    color: white;
    background: var(--bleu-nuit);
    border: none; cursor: pointer;
    padding: 14px 32px;
    border-radius: 100px;
    transition: all 0.25s;
    margin-left: auto;
  }
  .btn-next:hover { background: var(--dore); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(184,145,95,0.3); }
  .btn-next:disabled { opacity: 0.35; pointer-events: none; }

  /* CAPTURE */
  .capture-card {
    background: var(--blanc);
    border-radius: 20px;
    padding: 48px 36px;
    box-shadow: 0 4px 40px rgba(16,39,68,0.08);
    text-align: center;
    position: relative;
    overflow: hidden;
    animation: slideUp 0.5s ease both;
  }
  .capture-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dore), var(--dore-light));
  }
  .capture-input {
    width: 100%;
    padding: 15px 20px;
    border: 1.5px solid rgba(16,39,68,0.15);
    border-radius: 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: var(--texte);
    background: var(--beige);
    margin-bottom: 12px;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s;
  }
  .capture-input:focus { border-color: var(--dore); }

  /* RÉSULTAT */
  .result-screen { display: none; animation: fadeIn 0.8s ease both; }
  .result-screen.active { display: block; }
  .result-badge { text-align: center; margin-bottom: 36px; }
  .result-icon {
    width: 80px; height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--bleu-nuit), #1a3d6e);
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 20px;
    font-size: 32px;
    box-shadow: 0 12px 40px rgba(16,39,68,0.2);
  }
  .result-profile-label {
    font-size: 10px; font-weight: 600;
    letter-spacing: 4px; text-transform: uppercase;
    color: var(--dore); margin-bottom: 12px;
  }
  .result-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(36px, 7vw, 58px);
    font-weight: 300;
    color: var(--bleu-nuit);
    line-height: 1.1; margin-bottom: 8px;
  }
  .result-subtitle {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px; font-style: italic;
    color: var(--dore);
  }
  .result-card {
    background: var(--blanc);
    border-radius: 20px;
    padding: 40px 36px;
    box-shadow: 0 4px 40px rgba(16,39,68,0.08);
    margin-bottom: 24px;
    position: relative; overflow: hidden;
  }
  .result-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dore), var(--dore-light));
  }
  .result-row {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 20px 28px;
    margin-bottom: 20px;
  }
  .result-row:last-child { margin-bottom: 0; }
  .result-row-label {
    font-size: 10px; font-weight: 700;
    letter-spacing: 2px; text-transform: uppercase;
    color: var(--dore); padding-top: 3px;
  }
  .result-row-value { font-size: 14px; color: var(--texte); line-height: 1.65; }
  .scores-card {
    background: var(--blanc);
    border-radius: 16px;
    padding: 28px 32px;
    margin-bottom: 24px;
    box-shadow: 0 2px 20px rgba(16,39,68,0.05);
  }
  .scores-title {
    font-size: 10px; font-weight: 600;
    letter-spacing: 3px; text-transform: uppercase;
    color: var(--texte-light); margin-bottom: 20px;
  }
  .score-item { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
  .score-name { font-size: 12px; font-weight: 600; color: var(--bleu-nuit); width: 145px; min-width: 145px; }
  .score-bar-wrap { flex: 1; height: 6px; background: var(--beige); border-radius: 6px; overflow: hidden; }
  .score-bar-fill { height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--bleu-nuit), var(--dore)); transition: width 1s cubic-bezier(0.4,0,0.2,1); }
  .score-val { font-family: 'Cormorant Garamond', serif; font-size: 18px; color: var(--dore); width: 28px; text-align: right; }
  .cta-block {
    text-align: center;
    background: linear-gradient(135deg, var(--bleu-nuit), #1a3d6e);
    border-radius: 20px;
    padding: 44px 36px;
    color: white;
    margin-bottom: 24px;
  }
  .cta-block h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px; font-weight: 300;
    margin-bottom: 12px; line-height: 1.3;
  }
  .cta-block p { font-size: 13px; opacity: 0.75; margin-bottom: 28px; line-height: 1.7; }
  .cta-buttons { display: flex; flex-direction: column; gap: 12px; max-width: 340px; margin: 0 auto; }
  .cta-btn-primary {
    display: block; padding: 16px 24px;
    background: var(--dore); color: white;
    text-decoration: none; border-radius: 100px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 600;
    letter-spacing: 2px; text-transform: uppercase;
    transition: all 0.25s; cursor: pointer; border: none; width: 100%;
  }
  .cta-btn-primary:hover { background: var(--dore-light); transform: translateY(-2px); }
  .cta-btn-secondary {
    display: block; padding: 14px 24px;
    background: transparent; color: white;
    border-radius: 100px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 500;
    border: 1.5px solid rgba(255,255,255,0.3);
    transition: all 0.25s; cursor: pointer; width: 100%;
  }
  .cta-btn-secondary:hover { border-color: rgba(255,255,255,0.6); }
  .footer-note { text-align: center; font-size: 11px; color: var(--texte-light); padding-top: 8px; }
  .footer-note a { color: var(--dore); text-decoration: none; }

  /* INTRO */
  .intro-card {
    background: var(--blanc);
    border-radius: 20px;
    padding: 48px 40px;
    box-shadow: 0 4px 40px rgba(16,39,68,0.08);
    margin-bottom: 24px;
    position: relative; overflow: hidden;
    text-align: center;
  }
  .intro-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dore), var(--dore-light));
  }
  .intro-profiles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 32px 0;
    text-align: left;
  }
  .intro-profile-item {
    background: var(--beige);
    border-radius: 12px;
    padding: 16px;
    border-left: 3px solid var(--dore);
  }
  .intro-profile-name {
    font-size: 11px; font-weight: 700;
    letter-spacing: 1.5px; text-transform: uppercase;
    color: var(--bleu-nuit); margin-bottom: 4px;
  }
  .intro-profile-desc { font-size: 12px; color: var(--texte-light); line-height: 1.5; }
  .intro-quote {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px; font-style: italic;
    color: var(--bleu-nuit); line-height: 1.6;
    margin: 28px 0;
    padding: 0 16px;
    border-left: 2px solid var(--dore);
    text-align: left;
  }
  .btn-start {
    display: inline-block;
    padding: 18px 48px;
    background: var(--bleu-nuit); color: white;
    border: none; border-radius: 100px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 600;
    letter-spacing: 3px; text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 8px 30px rgba(16,39,68,0.2);
  }
  .btn-start:hover { background: var(--dore); transform: translateY(-3px); }
  .social-proof {
    font-size: 12px; color: var(--texte-light);
    margin-top: 20px;
    display: flex; align-items: center; justify-content: center; gap: 8px;
  }
  .social-proof::before, .social-proof::after { content: '✦'; color: var(--dore); font-size: 10px; }

  @keyframes fadeDown { from { opacity:0; transform:translateY(-20px); } to { opacity:1; transform:translateY(0); } }
  @keyframes slideUp { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
  @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  .hidden { display: none !important; }

  @media (max-width: 520px) {
    .quiz-wrapper { padding: 24px 16px 60px; }
    .question-card, .result-card, .cta-block, .intro-card, .capture-card { padding: 28px 22px; }
    .result-row { grid-template-columns: 1fr; gap: 4px; }
    .intro-profiles { grid-template-columns: 1fr; }
    .btn-next { width: 100%; text-align: center; }
  }
  .eNCHEg , .dXhDSu{
    display: none !important;
  }
  .border-danger{
      border: 1px solid red !important;
  }
  /* ── INTRO ── */
.cahiers-hero {
  background: linear-gradient(160deg, var(--bleu-nuit) 0%, var(--bleu-nuit) 100%);
  color: var(--beige-luxe);
  padding: 110px 24px 90px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cahiers-hero::before {
  content: '';
  position: absolute;
  top: -180px; right: -180px;
  width: 520px; height: 520px;
  background: radial-gradient(circle, rgba(201,169,110,0.10) 0%, transparent 70%);
}
.cahiers-hero-eyebrow {
  font-size: 10px;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: var(--or-doux);
  margin-bottom: 22px;
}
.cahiers-hero h1 {
  font-family: var(--font-titre);
  font-weight: 300;
  font-size: clamp(34px, 5.5vw, 58px);
  color: var(--blanc-casse);
  line-height: 1.2;
  max-width: 780px;
  margin: 0 auto 22px;
}
.cahiers-hero h1 em { font-style: italic; color: var(--or-doux); }
.cahiers-hero p {
  max-width: 620px;
  margin: 0 auto;
  font-size: 15px;
  color: var(--taupe);
  line-height: 1.9;
}
.cahiers-hero .tagline {
  margin-top: 34px;
  font-family: var(--font-titre);
  font-style: italic;
  font-size: 18px;
  color: var(--beige-luxe);
  letter-spacing: 0.5px;
}

/* ── GRID ── */
.cahiers-grid {
  max-width: 1180px;
  margin: 0 auto;
  padding: 90px 24px 100px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px 40px;
}

@media (max-width: 860px) {
  .cahiers-grid { grid-template-columns: 1fr; padding: 70px 20px 80px; gap: 44px; }
}

.cahier-card {
  background: var(--blanc-casse);
  border: 1px solid var(--gris-perle);
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.35s ease, transform 0.35s ease;
}
.cahier-card:hover {
  box-shadow: 0 24px 48px -24px rgba(26,31,46,0.25);
  transform: translateY(-3px);
}

/* Visual = mock cover in the exact style of the printed workbook */
.cahier-visual {
  position: relative;
  aspect-ratio: 4 / 3;
  background: radial-gradient(circle at 30% 20%, rgba(201,169,110,0.10), transparent 55%), var(--bleu-nuit);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}
.cahier-visual .letter {
  font-family: var(--font-titre);
  font-weight: 400;
  font-size: 74px;
  color: var(--or-doux);
  line-height: 1;
  margin-bottom: 10px;
}
.cahier-visual .visual-title {
  font-family: var(--font-titre);
  font-style: italic;
  font-weight: 400;
  font-size: 24px;
  color: var(--blanc-casse);
}
.cahier-visual .visual-rule {
  width: 30px; height: 1px;
  background: var(--or-doux);
  margin: 14px 0;
}
.cahier-visual .visual-collection {
  font-size: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--taupe);
}
.cahier-visual.is-placeholder::after {
  content: '';
  position: absolute;
  bottom: 12px; right: 14px;
  font-size: 8px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(232,213,163,0.45);
}

/* Content */
.cahier-content {
  padding: 34px 34px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.cahier-eyebrow {
  font-size: 9px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--or-chaud);
  margin-bottom: 10px;
}
.cahier-title {
  font-family: var(--font-titre);
  font-weight: 400;
  font-size: 27px;
  color: var(--bleu-nuit);
  margin-bottom: 10px;
}
.cahier-title em { font-style: italic; color: var(--or-chaud); }
.cahier-triad {
  font-family: var(--font-titre);
  font-style: italic;
  font-size: 14px;
  color: var(--brun-doux);
  margin-bottom: 16px;
}
.cahier-text {
  font-size: 13.5px;
  color: var(--brun-elegant);
  line-height: 1.9;
  margin-bottom: 22px;
}

.cahier-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.cahier-price {
  display: inline-flex;
  align-items: center;
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--or-chaud);
  border: 1px solid var(--or-doux);
  border-radius: 20px;
  padding: 6px 14px;
}
.cahier-format {
  font-size: 10px;
  color: var(--taupe);
  letter-spacing: 0.5px;
}

.meta-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.btn {
  font-family: var(--font-corps);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 13px 22px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.25s ease;
}
.btn-primary {
  background: var(--or-chaud);
  color: var(--blanc-casse);
  border-color: unset;
}
.btn-primary:hover { background: var(--bleu-nuit); }
.btn-secondary {
  background: transparent;
  color: var(--brun-elegant);
  border: 1px solid var(--gris-perle);
}
.btn-secondary:hover {
  border-color: var(--or-doux);
  color: var(--or-chaud);
}

/* ── OUTRO / CTA ── */
.cahiers-outro {
  background: var(--beige-luxe);
  padding: 90px 24px;
  text-align: center;
  border-top: 1px solid var(--gris-perle);
}
.cahiers-outro-eyebrow {
  font-size: 9px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: var(--or-chaud);
  margin-bottom: 18px;
}
.cahiers-outro h2 {
  font-family: var(--font-titre);
  font-weight: 300;
  font-size: clamp(26px, 3.6vw, 38px);
  color: var(--bleu-nuit);
  max-width: 620px;
  margin: 0 auto 18px;
  line-height: 1.3;
}
.cahiers-outro h2 em { font-style: italic; color: var(--or-chaud); }
.cahiers-outro p {
  max-width: 540px;
  margin: 0 auto 34px;
  font-size: 17px;
  color: var(--brun-doux);
}
.cahiers-outro .btn-primary { padding: 15px 32px; }
strong{
    font-weight: 600;
}