:root{
  --text: #1b1b1b;
  --muted: #6b7280;

  --pink: #f06aa6;

  --card-bg: #f6f7fb;
  --card-border: rgba(0,0,0,.08);

  --p-pink: #fde2ee;
  --p-blue: #e8f1ff;
  --p-green: #e9f8f0;
  --p-yellow: #fff6d8;
  --p-orange: #ffe9dc;
}

.reveal{ color: var(--text); }

.reveal h1, .reveal h2, .reveal h3{ letter-spacing: 0.01em; }

.pink{ color: var(--pink); }
.muted{ color: var(--muted); }

.vcenter{
  min-height: 78vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.stack{
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: center;
}
.stack-tight{ gap: 12px; }

.center{ text-align: center; }

/* texte */
.lead{
  font-size: 26px;
  line-height: 1.25;
  max-width: 1050px;
  margin: 0 auto;
}
.lead.strong{ font-weight: 700; }

/* Slide 1 : Titre  */
.hero-grid{
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  align-items: center;
  gap: 28px;
}

.hero-title{
  font-size: 74px;
  font-weight: 800;
  line-height: 1.04;
  margin: 0;
}

.hero-sub{
  margin-top: 18px;
  font-size: 22px;
  color: var(--muted);
}

.hero-img{
  max-width: 320px;
  width: 100%;
  height: auto;
  border-radius: 24px;
  background: transparent;
  box-shadow: none;
}

/* Slide 2 : pills */
.type-list{
  display: grid;
  gap: 14px;
  max-width: 920px;
  margin: 0 auto;
  width: 100%;
}

.type-pill{
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid var(--card-border);
  font-size: 22px;
  text-align: left;
}

/* Slide 3 : intertitre */
.big-title{
  font-size: 74px;
  font-weight: 800;
  margin: 0;
}

/* Cards + images */
.card{
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: 20px;
  padding: 16px;
  max-width: 1040px;
  width: 92%;
  margin: 0 auto;
}

.img-fit{
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: auto;
  height: auto;
  border-radius: 14px;
}

.pastel-card{
  border-radius: 18px;
  border: 1px solid var(--card-border);
  padding: 14px 18px;
  font-size: 20px;
  line-height: 1.25;
  max-width: 1040px;
  width: 92%;
  margin: 0 auto;
}

/* couleurs pastel */
.pastel-pink{ background: var(--p-pink); }
.pastel-blue{ background: var(--p-blue); }
.pastel-green{ background: var(--p-green); }
.pastel-yellow{ background: var(--p-yellow); }
.pastel-orange{ background: var(--p-orange); }

/* titres */
.thin-title{
  font-size: 56px;    
  font-weight: 700;
  margin: 0;
}

/* Slides Müller / Reveal / Hermann */
section[data-fit="muller-q"] .img-muller,
section[data-fit="hermann"] .img-hermann{
  max-height: 34vh;
}

section[data-fit="muller-reveal"] .img-reveal{
  max-height: 30vh;
}

section[data-fit="muller-q"] .pastel-card,
section[data-fit="muller-reveal"] .pastel-card,
section[data-fit="hermann"] .pastel-card{
  font-size: 19px;
}

/* Illusion de mouvement */
.motion-wrap{
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Motif statique */
.motion-illusion{
  width: 420px;
  height: 420px;
  border-radius: 50%;
  border: 1px solid var(--card-border);
  position: relative;
  background:
    radial-gradient(circle at center, #ffffff 0 18%, transparent 18% 100%),
    repeating-conic-gradient(from 0deg,
      #111827 0 10deg,
      #ffffff 10deg 20deg),
    radial-gradient(circle at center,
      rgba(0,0,0,.08) 0 35%,
      rgba(255,255,255,.0) 36% 100%);
}

/* point central */
.motion-center{
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #111827;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Quiz */
.quiz-card{
  max-width: 980px;
  width: 92%;
  margin: 0 auto;
  border-radius: 22px;
  border: 1px solid var(--card-border);
  padding: 18px;
}

.quiz-card, .quiz-option, .quiz-feedback{
  pointer-events: auto;
}

.quiz-q{
  font-size: 22px;
  margin: 6px 0 14px 0;
}

.quiz-option{
  width: 100%;
  text-align: left;
  padding: 14px 14px;
  border-radius: 14px;
  border: 1px solid var(--card-border);
  background: rgba(255,255,255,.88);
  cursor: pointer;
  font-size: 18px;
  margin: 8px 0;
  transition: transform .12s ease;
}

.quiz-option:hover{ transform: translateY(-1px); }

.quiz-feedback{
  margin-top: 12px;
  padding: 14px;
  border-radius: 14px;
  border: 1px dashed rgba(0,0,0,.15);
  background: rgba(255,255,255,.7);
  font-size: 18px;
}
.quiz-feedback.good{
  border-style: solid;
  background: var(--p-green);
}
.quiz-feedback.bad{
  border-style: solid;
  background: #ffe3e3;
}
.quiz-feedback.neutral{
  border-style: dashed;
}

/* Crédits */
.two-cols{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  width: 92%;
  margin: 0 auto;
}
.small-title{
  font-size: 22px;
  margin: 0 0 10px 0;
}
.clean-list{
  margin: 0;
  padding-left: 18px;
  font-size: 18px;
}

section[data-fit="muller-q"] .card,
section[data-fit="muller-reveal"] .card,
section[data-fit="hermann"] .card{
  display: flex;
  justify-content: center;
  align-items: center;
}

section[data-fit="muller-q"] .card img,
section[data-fit="muller-reveal"] .card img,
section[data-fit="hermann"] .card img{
  margin: 0;            
  display: block;
}

/* Slide remerciements */
section[data-fit="thanks"]{
  position: relative;
}
section[data-fit="thanks"]{
  position: relative;
}

/* Smiley */
.thanks-smiley{
  position: absolute;
  right: 32px;
  bottom: 32px;
  width: 200px;     
  height: auto;
  mix-blend-mode: multiply;
  opacity: 0.95;
  pointer-events: none;
}