/*
 * Présentation Intellarys — direction « système ».
 * Le récit reprend les trois portes d’entrée du site : Temps · Valeur · Potentiel.
 * Les surfaces restent plates ; les visuels transparents portent la narration.
 */

html[data-presentation-style="systeme"] .slide {
  --pad-x: 112px;
  --pad-y: 74px;
  --gap: 36px;
  background-color: #FFFFFF;
}

html[data-presentation-style="systeme"] .slide-dark { background-color: var(--ink); }
html[data-presentation-style="systeme"] .slide-blue { background-color: var(--blue); }

html[data-presentation-style="systeme"] .slide-inner {
  position: relative;
  z-index: 2;
}

html[data-presentation-style="systeme"] .slide[data-deck-active] .slide-inner {
  animation: system-enter 560ms var(--ease) both;
}

@keyframes system-enter {
  from { opacity: 0.72; transform: translateY(12px); filter: blur(3px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

html[data-presentation-style="systeme"] .kicker {
  gap: 14px;
  font-weight: 700;
}

html[data-presentation-style="systeme"] .kicker::before {
  width: 38px;
  height: 7px;
  background: var(--blue);
}

html[data-presentation-style="systeme"] .slide-dark .kicker,
html[data-presentation-style="systeme"] .slide-blue .kicker { color: var(--white); }

html[data-presentation-style="systeme"] .slide-dark .kicker::before,
html[data-presentation-style="systeme"] .slide-blue .kicker::before { background: var(--blue-light); }

html[data-presentation-style="systeme"] .slide-title { max-width: 1480px; }
html[data-presentation-style="systeme"] .slide-title-xl { max-width: 1570px; }
html[data-presentation-style="systeme"] .slide-foot { z-index: 5; }

/* ---------------------------------------------------------------- cover */
html[data-presentation-style="systeme"] .slide-cover {
  color: var(--ink);
  background:
    linear-gradient(rgba(40, 100, 234, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(40, 100, 234, 0.045) 1px, transparent 1px),
    linear-gradient(112deg, #FFFFFF 0 61%, #F1F5FD 61% 100%);
  background-size: 72px 72px, 72px 72px, auto;
}

html[data-presentation-style="systeme"] .cover-top,
html[data-presentation-style="systeme"] .cover-main,
html[data-presentation-style="systeme"] .cover-bottom {
  position: relative;
  z-index: 3;
}

html[data-presentation-style="systeme"] .cover-brand,
html[data-presentation-style="systeme"] .cover-note,
html[data-presentation-style="systeme"] .cover-contact { color: var(--ink); }

html[data-presentation-style="systeme"] .cover-version,
html[data-presentation-style="systeme"] .cover-contact-label { color: var(--ink-3); }

html[data-presentation-style="systeme"] .cover-triad { color: var(--blue); }

html[data-presentation-style="systeme"] .cover-title {
  max-width: 1000px;
  font-size: 108px;
}

html[data-presentation-style="systeme"] .cover-title .accent { color: var(--blue); }

html[data-presentation-style="systeme"] .cover-tagline {
  max-width: 930px;
  color: var(--ink-2);
  font-size: 31px;
}

html[data-presentation-style="systeme"] .cover-bottom { border-color: rgba(40, 100, 234, 0.22); }

html[data-presentation-style="systeme"] .cover-architecture {
  display: block;
  position: absolute;
  z-index: 1;
  top: 180px;
  right: 64px;
  width: 650px;
  height: 542px;
  padding: 66px;
  opacity: 0.92;
}

html[data-presentation-style="systeme"] .cover-architecture::before {
  content: "";
  position: absolute;
  inset: 24px;
  border: 1px solid rgba(40, 100, 234, 0.16);
}

html[data-presentation-style="systeme"] .cover-architecture::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -20px 46px 42px -20px;
  background: var(--blue);
  clip-path: polygon(100% 0, 100% 13%, 15% 100%, 0 100%);
  opacity: 0.11;
}

html[data-presentation-style="systeme"] .cover-architecture svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  filter: drop-shadow(0 24px 34px rgba(40, 100, 234, 0.18));
}

html[data-presentation-style="systeme"] .cover-mark-axis {
  fill: none;
  stroke: rgba(40, 100, 234, 0.34);
  stroke-width: 0.8;
  stroke-dasharray: 4 7;
}

html[data-presentation-style="systeme"] .cover-mark-node {
  fill: #FFFFFF;
  stroke: var(--blue);
  stroke-width: 2;
}

/* ---------------------------------------------------------- vrai sujet */
.slide-system {
  background:
    radial-gradient(circle at 82% 24%, rgba(84, 137, 255, 0.18), transparent 28%),
    var(--ink);
}

.slide-system .slide-title { max-width: 1390px; }
.slide-system .lead { max-width: 1230px; }

.system-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 58px;
  border-top: 1px solid var(--on-dark-line);
  border-bottom: 1px solid var(--on-dark-line);
}

.system-flow li {
  position: relative;
  min-height: 175px;
  padding: 27px 34px 24px 0;
}

.system-flow li + li {
  padding-left: 42px;
  border-left: 1px solid var(--on-dark-line);
}

.system-flow li:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 2;
  top: 67px;
  right: -18px;
  color: var(--blue-light);
  font-size: 31px;
}

.system-index,
.system-label {
  display: block;
  color: var(--blue-light);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.system-label { margin-top: 7px; }

.system-flow strong {
  display: block;
  margin-top: 16px;
  color: var(--white);
  font-size: 30px;
  line-height: 1.2;
}

/* ------------------------------------------------------ trois portes */
.slide-doors .slide-inner { justify-content: flex-start; }

.slide-doors .slide-title {
  max-width: 1360px;
  font-size: 58px;
}

.slide-doors .lead {
  max-width: 1420px;
  margin-top: 18px;
  font-size: 27px;
}

.door-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 28px;
  border-top: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
}

.door-item {
  position: relative;
  min-width: 0;
  padding: 24px 30px 26px;
}

.door-item + .door-item { border-left: 1px solid var(--line-strong); }

.door-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--ink);
  font-size: 20px;
  font-weight: 700;
}

.door-meta span,
.door-axis { color: var(--blue); }

.door-visual {
  display: grid;
  place-items: center;
  height: 245px;
  margin: 2px 0;
  overflow: hidden;
}

.door-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.door-time .door-visual img { transform: scale(1.02); }
.door-value .door-visual img { transform: scale(0.97); }
.door-potential .door-visual img { transform: scale(0.94); }

.door-axis {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.door-item h3 {
  margin-top: 10px;
  max-width: 15ch;
  font-size: 28px;
  line-height: 1.12;
  letter-spacing: -0.02em;
}

/* ---------------------------------------------------------- axe promesse */
.slide-axis {
  background:
    radial-gradient(circle at 80% 50%, rgba(84, 137, 255, 0.16), transparent 34%),
    var(--ink);
}

.slide-axis .slide-inner { justify-content: center; }

.axis-copy {
  position: relative;
  z-index: 3;
  max-width: 1030px;
  margin-top: 32px;
}

.axis-label {
  color: var(--blue-light);
  font-size: 25px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.slide-axis .slide-title {
  max-width: 930px;
  margin-top: 20px;
  color: var(--white);
  font-size: 86px;
}

.axis-punchline {
  max-width: 830px;
  margin-top: 26px;
  color: var(--blue-light);
  font-size: 36px;
  font-weight: 700;
  line-height: 1.18;
}

.slide-axis .lead {
  max-width: 780px;
  margin-top: 22px;
  color: var(--on-dark-2);
  font-size: 25px;
}

.axis-hero-visual {
  position: absolute;
  z-index: 1;
  top: 138px;
  right: 38px;
  width: 920px;
  height: 670px;
  opacity: 0.9;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.3) 15%, #000 39%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.3) 15%, #000 39%);
}

.axis-hero-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 60% 50%;
}

.slide-axis-time .axis-hero-visual img { transform: scale(0.91); }
.slide-axis-value .axis-hero-visual img { transform: scale(1.01); }
.slide-axis-potential .axis-hero-visual img { transform: scale(0.96); }

/* ------------------------------------------------------------ symptômes */
.slide-axis-symptoms .slide-inner { justify-content: flex-start; }

.slide-axis-symptoms .slide-title {
  margin-top: 17px;
  font-size: 59px;
}

.symptom-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 28px;
  border-top: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
}

.symptom-item {
  min-width: 0;
  padding: 18px 28px 26px;
}

.symptom-item + .symptom-item { border-left: 1px solid var(--line-strong); }

.symptom-visual {
  display: grid;
  place-items: center;
  height: 310px;
  overflow: hidden;
}

.symptom-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(var(--visual-scale, 1));
}

.symptom-visual-time-1 { --visual-scale: 0.98; }
.symptom-visual-time-2 { --visual-scale: 1.13; }
.symptom-visual-time-3 { --visual-scale: 0.98; }
.symptom-visual-value-1 { --visual-scale: 1.02; }
.symptom-visual-value-2 { --visual-scale: 1.02; }
.symptom-visual-value-3 { --visual-scale: 1.04; }
.symptom-visual-potential-1 { --visual-scale: 1.07; }
.symptom-visual-potential-2 { --visual-scale: 1.03; }
.symptom-visual-potential-3 { --visual-scale: 1.02; }

.symptom-copy {
  position: relative;
  z-index: 2;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.symptom-copy > span {
  display: block;
  color: var(--blue);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.symptom-copy h3 {
  margin-top: 9px;
  font-size: 29px;
  line-height: 1.13;
  letter-spacing: -0.02em;
}

.symptom-copy p {
  margin-top: 10px;
  color: var(--ink-2);
  font-size: 21px;
  line-height: 1.36;
}

/* --------------------------------------------------------- diagnostic */
.slide-diagnostic {
  background:
    linear-gradient(90deg, rgba(40, 100, 234, 0.08) 1px, transparent 1px),
    linear-gradient(rgba(40, 100, 234, 0.08) 1px, transparent 1px),
    var(--ink);
  background-size: 88px 88px;
}

.slide-diagnostic .slide-title { color: var(--white); }
.slide-diagnostic .lead { max-width: 1260px; }

.diagnostic-path {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 60px;
  border-top: 1px solid var(--on-dark-line);
  border-bottom: 1px solid var(--on-dark-line);
}

.diagnostic-path li {
  position: relative;
  min-height: 220px;
  padding: 31px 34px 28px 0;
}

.diagnostic-path li + li {
  padding-left: 38px;
  border-left: 1px solid var(--on-dark-line);
}

.diagnostic-path li:not(:last-child)::after {
  content: "→";
  position: absolute;
  top: 92px;
  right: -18px;
  z-index: 2;
  color: var(--blue-light);
  font-size: 30px;
}

.diagnostic-path span {
  color: var(--blue-light);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.diagnostic-path h3 {
  margin-top: 15px;
  color: var(--white);
  font-size: 34px;
}

.diagnostic-path p {
  margin-top: 10px;
  color: var(--on-dark-2);
  font-size: 22px;
  line-height: 1.36;
}

/* ------------------------------------------------------------- méthode */
.slide-method .slide-inner { justify-content: flex-start; }

.slide-method .slide-title {
  max-width: 1260px;
  margin-top: 16px;
  font-size: 54px;
}

.method-visual {
  display: grid;
  place-items: center;
  width: 100%;
  height: 290px;
  margin-top: 14px;
  overflow: hidden;
}

.method-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.method-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
}

.method-steps li { padding: 18px 28px 20px 0; }

.method-steps li + li {
  padding-left: 34px;
  border-left: 1px solid var(--line-strong);
}

.method-index {
  color: var(--blue);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.method-steps h3 {
  margin-top: 5px;
  font-size: 30px;
}

.method-steps p {
  margin-top: 6px;
  color: var(--ink-2);
  font-size: 19px;
  font-weight: 600;
}

.method-note {
  margin-top: 18px;
  color: var(--ink-2);
  font-size: 20px;
}

/* ------------------------------------------------------------- décision */
.slide-decision { background: linear-gradient(112deg, #FFFFFF 0 59%, #F3F6FC 59% 100%); }
.slide-decision .slide-inner { justify-content: flex-start; }

.decision-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 650px;
  gap: 94px;
  align-items: center;
  min-height: 690px;
}

.decision-copy .slide-title {
  margin-top: 0;
  font-size: 68px;
}

.decision-copy .lead {
  max-width: 850px;
  font-size: 27px;
}

.decision-outcomes {
  margin-top: 36px;
  border-bottom: 1px solid var(--line-strong);
}

.decision-outcomes li {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 18px;
  padding: 16px 0;
  border-top: 1px solid var(--line-strong);
}

.decision-outcomes > li > span {
  color: var(--blue);
  font-size: 18px;
  font-weight: 800;
  padding-top: 5px;
}

.decision-outcomes h3 { font-size: 27px; }
.decision-outcomes p { margin-top: 3px; color: var(--ink-2); font-size: 20px; }

.slide-decision .sheet {
  transform: rotate(0.8deg);
  border: 1px solid var(--line-strong);
  border-radius: 0;
  box-shadow: 20px 24px 0 rgba(40, 100, 234, 0.16);
}

/* ---------------------------------------------------------- propriété */
.slide-ownership {
  background:
    radial-gradient(circle at 83% 13%, rgba(84, 137, 255, 0.16), transparent 30%),
    var(--ink);
}

.slide-ownership .slide-title { color: var(--white); }
.slide-ownership .lead { max-width: 1000px; }

.ownership-lines {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 58px;
  border-top: 1px solid var(--on-dark-line);
  border-bottom: 1px solid var(--on-dark-line);
}

.ownership-lines li {
  min-height: 260px;
  padding: 31px 34px 28px 0;
}

.ownership-lines li + li {
  padding-left: 40px;
  border-left: 1px solid var(--on-dark-line);
}

.ownership-lines span {
  color: var(--blue-light);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.ownership-lines h3 {
  margin-top: 18px;
  color: var(--white);
  font-size: 34px;
  line-height: 1.16;
}

.ownership-lines p {
  margin-top: 12px;
  color: var(--on-dark-2);
  font-size: 21px;
  line-height: 1.4;
}

/* ---------------------------------------------------------- EasyOpto */
.slide-case-story {
  --pad-x: 0;
  --pad-y: 0;
  padding: 0 112px 76px 0;
  background: var(--blue);
}

.slide-case-story .slide-inner { height: 100%; }
.slide-case-story .slide-foot { left: 696px; right: 112px; }

.case-story-layout {
  display: grid;
  grid-template-columns: 610px minmax(0, 1fr);
  gap: 86px;
  height: 100%;
}

.case-photo-wrap {
  position: relative;
  min-height: 0;
  overflow: hidden;
}

.case-photo-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 65%, rgba(40, 100, 234, 0.92) 100%);
  pointer-events: none;
}

.case-photo,
.case-photo img {
  width: 100%;
  height: 100%;
}

.case-photo img {
  object-fit: cover;
  object-position: 50% 48%;
}

.case-story-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding-top: 64px;
}

.case-story-copy .slide-title {
  max-width: 1060px;
  margin-top: 22px;
  color: var(--white);
  font-size: 66px;
}

.case-story-copy .lead {
  max-width: 980px;
  color: var(--on-blue-2);
  font-size: 25px;
}

.case-before-after {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 43px;
  border-top: 1px solid var(--on-blue-line);
  border-bottom: 1px solid var(--on-blue-line);
}

.case-before-after > div { padding: 24px 28px 25px 0; }

.case-before-after > div + div {
  padding-left: 32px;
  border-left: 1px solid var(--on-blue-line);
}

.case-before-after dt {
  color: var(--white);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.case-before-after dd {
  margin-top: 10px;
  color: var(--on-blue-2);
  font-size: 21px;
  line-height: 1.4;
}

.slide-case-metrics {
  background:
    linear-gradient(90deg, rgba(40, 100, 234, 0.045) 1px, transparent 1px),
    #FFFFFF;
  background-size: 110px 100%;
}

.slide-case-metrics .slide-title {
  max-width: 1310px;
  font-size: 62px;
}

.case-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 48px;
  border-top: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
}

.case-metrics > div {
  min-height: 300px;
  padding: 28px 34px 26px 0;
}

.case-metrics > div + div {
  padding-left: 40px;
  border-left: 1px solid var(--line-strong);
}

.case-metrics dt {
  color: var(--blue);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.case-metrics dd strong {
  display: block;
  max-width: 11ch;
  margin-top: 22px;
  color: var(--ink);
  font-size: 52px;
  line-height: 1.02;
  letter-spacing: -0.035em;
}

.case-metrics dd span {
  display: block;
  max-width: 24ch;
  margin-top: 18px;
  color: var(--ink-2);
  font-size: 22px;
  line-height: 1.35;
}

.case-secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 36px;
  margin-top: 28px;
}

.case-secondary li {
  position: relative;
  padding-left: 21px;
  color: var(--ink-2);
  font-size: 19px;
  font-weight: 600;
}

.case-secondary li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  background: var(--blue);
}

.case-source {
  margin-top: 22px;
  color: var(--ink-3);
  font-size: 16px;
}

/* --------------------------------------------------------- fondateur */
.slide-founder {
  background:
    radial-gradient(circle at 84% 50%, rgba(84, 137, 255, 0.12), transparent 35%),
    var(--ink);
}

.founder-mark {
  position: absolute;
  z-index: 0;
  right: 30px;
  bottom: 80px;
  width: 520px;
  height: 520px;
  object-fit: contain;
  opacity: 0.08;
}

.slide-founder .slide-title {
  max-width: 1440px;
  color: var(--white);
  font-size: 60px;
}

.slide-founder .lead {
  max-width: 1250px;
  font-size: 25px;
}

.founder-layout-v4 {
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  gap: 74px;
  margin-top: 42px;
  border-top: 1px solid var(--on-dark-line);
  border-bottom: 1px solid var(--on-dark-line);
}

.founder-identity { padding: 30px 30px 28px 0; }

.founder-identity strong {
  display: block;
  color: var(--white);
  font-size: 32px;
}

.founder-identity span {
  display: block;
  margin-top: 7px;
  color: var(--on-dark-2);
  font-size: 21px;
}

.founder-layout-v4 ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.founder-layout-v4 li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 15px;
  padding: 30px 28px 27px 0;
}

.founder-layout-v4 li + li {
  padding-left: 28px;
  border-left: 1px solid var(--on-dark-line);
}

.founder-layout-v4 li > span {
  color: var(--blue-light);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding-top: 5px;
}

.founder-layout-v4 h3 {
  color: var(--white);
  font-size: 27px;
  line-height: 1.18;
}

.founder-layout-v4 li p {
  margin-top: 10px;
  color: var(--on-dark-2);
  font-size: 20px;
  line-height: 1.4;
}

/* ---------------------------------------------------------- démarrage */
.slide-start { background: linear-gradient(112deg, #FFFFFF 0 68%, #F2F6FF 68% 100%); }
.slide-start .slide-title { max-width: 1210px; }
.slide-start .lead { max-width: 1120px; }

.start-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 62px;
  border-top: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
}

.start-path li {
  position: relative;
  min-height: 275px;
  padding: 28px 34px 27px 0;
}

.start-path li + li {
  padding-left: 40px;
  border-left: 1px solid var(--line-strong);
}

.start-path li:not(:last-child)::after {
  content: "→";
  position: absolute;
  top: 108px;
  right: -18px;
  z-index: 2;
  color: var(--blue);
  font-size: 31px;
}

.start-index {
  display: block;
  color: var(--blue);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.start-path strong {
  display: block;
  margin-top: 16px;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.03em;
}

.start-path h3 {
  margin-top: 17px;
  font-size: 29px;
}

.start-path p {
  margin-top: 9px;
  max-width: 28ch;
  color: var(--ink-2);
  font-size: 21px;
  line-height: 1.36;
}

/* ------------------------------------------------------------- closing */
.slide-closing-v4 {
  background:
    radial-gradient(circle at 81% 50%, rgba(84, 137, 255, 0.18), transparent 31%),
    var(--ink);
}

.slide-closing-v4 .slide-inner { justify-content: center; }

.closing-mark {
  position: absolute;
  z-index: 0;
  right: 80px;
  top: 190px;
  width: 620px;
  height: 620px;
  opacity: 0.11;
}

.closing-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.slide-closing-v4 .slide-title {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  color: var(--white);
  font-size: 86px;
}

.slide-closing-v4 .lead {
  position: relative;
  z-index: 2;
  max-width: 980px;
  font-size: 26px;
}

.slide-closing-v4 .closing-cta {
  position: relative;
  z-index: 2;
  margin-top: 50px;
}

/* ============================================================ mode lecture */
html.doc-mode[data-presentation-style="systeme"] .slide {
  --pad-x: 1.25rem;
  --pad-y: 2.75rem;
  --gap: 1.5rem;
  background-size: auto;
}

html.doc-mode[data-presentation-style="systeme"] .slide[data-deck-active] .slide-inner { animation: none; }

html.doc-mode[data-presentation-style="systeme"] .slide-title,
html.doc-mode[data-presentation-style="systeme"] .slide-title-xl,
html.doc-mode[data-presentation-style="systeme"] .slide-axis .slide-title,
html.doc-mode[data-presentation-style="systeme"] .slide-founder .slide-title,
html.doc-mode[data-presentation-style="systeme"] .slide-closing-v4 .slide-title {
  max-width: none;
  font-size: clamp(2rem, 9vw, 3rem);
}

html.doc-mode[data-presentation-style="systeme"] .lead,
html.doc-mode[data-presentation-style="systeme"] .slide-doors .lead,
html.doc-mode[data-presentation-style="systeme"] .slide-founder .lead,
html.doc-mode[data-presentation-style="systeme"] .slide-closing-v4 .lead {
  max-width: none;
  font-size: 1.05rem;
}

html.doc-mode[data-presentation-style="systeme"] .slide-cover {
  color: var(--ink);
  background: linear-gradient(160deg, #FFFFFF 0%, #EEF3FC 100%);
}

html.doc-mode[data-presentation-style="systeme"] .cover-architecture {
  position: relative;
  top: auto;
  right: auto;
  width: min(70vw, 17rem);
  height: auto;
  aspect-ratio: 334 / 278;
  margin: 0 auto;
  padding: 1.5rem;
}

html.doc-mode[data-presentation-style="systeme"] .cover-architecture::before { inset: 10px; }
html.doc-mode[data-presentation-style="systeme"] .cover-architecture::after { display: none; }
html.doc-mode[data-presentation-style="systeme"] .cover-tagline { font-size: 1.05rem; }

html.doc-mode[data-presentation-style="systeme"] .system-flow,
html.doc-mode[data-presentation-style="systeme"] .door-grid,
html.doc-mode[data-presentation-style="systeme"] .symptom-grid,
html.doc-mode[data-presentation-style="systeme"] .diagnostic-path,
html.doc-mode[data-presentation-style="systeme"] .method-steps,
html.doc-mode[data-presentation-style="systeme"] .ownership-lines,
html.doc-mode[data-presentation-style="systeme"] .case-metrics,
html.doc-mode[data-presentation-style="systeme"] .start-path,
html.doc-mode[data-presentation-style="systeme"] .founder-layout-v4 ol,
html.doc-mode[data-presentation-style="systeme"] .case-before-after {
  grid-template-columns: 1fr;
}

html.doc-mode[data-presentation-style="systeme"] .system-flow li,
html.doc-mode[data-presentation-style="systeme"] .diagnostic-path li,
html.doc-mode[data-presentation-style="systeme"] .ownership-lines li,
html.doc-mode[data-presentation-style="systeme"] .case-metrics > div,
html.doc-mode[data-presentation-style="systeme"] .start-path li {
  min-height: 0;
  padding: 1rem 0;
}

html.doc-mode[data-presentation-style="systeme"] .system-flow li + li,
html.doc-mode[data-presentation-style="systeme"] .door-item + .door-item,
html.doc-mode[data-presentation-style="systeme"] .symptom-item + .symptom-item,
html.doc-mode[data-presentation-style="systeme"] .diagnostic-path li + li,
html.doc-mode[data-presentation-style="systeme"] .method-steps li + li,
html.doc-mode[data-presentation-style="systeme"] .ownership-lines li + li,
html.doc-mode[data-presentation-style="systeme"] .case-metrics > div + div,
html.doc-mode[data-presentation-style="systeme"] .start-path li + li,
html.doc-mode[data-presentation-style="systeme"] .case-before-after > div + div {
  padding-left: 0;
  border-left: 0;
}

html.doc-mode[data-presentation-style="systeme"] .system-flow li::after,
html.doc-mode[data-presentation-style="systeme"] .diagnostic-path li::after,
html.doc-mode[data-presentation-style="systeme"] .start-path li::after { display: none; }

html.doc-mode[data-presentation-style="systeme"] .door-item,
html.doc-mode[data-presentation-style="systeme"] .symptom-item { padding: 1rem 0 1.5rem; }

html.doc-mode[data-presentation-style="systeme"] .door-visual,
html.doc-mode[data-presentation-style="systeme"] .symptom-visual,
html.doc-mode[data-presentation-style="systeme"] .method-visual { height: 14rem; }

html.doc-mode[data-presentation-style="systeme"] .door-item h3,
html.doc-mode[data-presentation-style="systeme"] .symptom-copy h3,
html.doc-mode[data-presentation-style="systeme"] .diagnostic-path h3,
html.doc-mode[data-presentation-style="systeme"] .method-steps h3,
html.doc-mode[data-presentation-style="systeme"] .ownership-lines h3,
html.doc-mode[data-presentation-style="systeme"] .start-path h3,
html.doc-mode[data-presentation-style="systeme"] .founder-layout-v4 h3 { font-size: 1.25rem; }

html.doc-mode[data-presentation-style="systeme"] .symptom-copy p,
html.doc-mode[data-presentation-style="systeme"] .diagnostic-path p,
html.doc-mode[data-presentation-style="systeme"] .method-steps p,
html.doc-mode[data-presentation-style="systeme"] .ownership-lines p,
html.doc-mode[data-presentation-style="systeme"] .case-before-after dd,
html.doc-mode[data-presentation-style="systeme"] .case-metrics dd span,
html.doc-mode[data-presentation-style="systeme"] .start-path p,
html.doc-mode[data-presentation-style="systeme"] .founder-layout-v4 li p { font-size: 1rem; }

html.doc-mode[data-presentation-style="systeme"] .axis-copy { margin-top: 1.5rem; }
html.doc-mode[data-presentation-style="systeme"] .axis-punchline { font-size: 1.35rem; }

html.doc-mode[data-presentation-style="systeme"] .axis-hero-visual {
  position: relative;
  top: auto;
  right: auto;
  width: 100%;
  height: 17rem;
  margin-top: 1.5rem;
  -webkit-mask-image: none;
  mask-image: none;
}

html.doc-mode[data-presentation-style="systeme"] .decision-layout,
html.doc-mode[data-presentation-style="systeme"] .case-story-layout,
html.doc-mode[data-presentation-style="systeme"] .founder-layout-v4 {
  grid-template-columns: 1fr;
  gap: 1.5rem;
  min-height: 0;
}

html.doc-mode[data-presentation-style="systeme"] .slide-decision,
html.doc-mode[data-presentation-style="systeme"] .slide-start { background: #FFFFFF; }

html.doc-mode[data-presentation-style="systeme"] .decision-copy .slide-title,
html.doc-mode[data-presentation-style="systeme"] .case-story-copy .slide-title,
html.doc-mode[data-presentation-style="systeme"] .slide-case-metrics .slide-title { font-size: 2rem; }

html.doc-mode[data-presentation-style="systeme"] .slide-decision .sheet {
  transform: none;
  box-shadow: 8px 10px 0 rgba(40, 100, 234, 0.14);
}

html.doc-mode[data-presentation-style="systeme"] .slide-case-story { padding: 0 0 2.5rem; }
html.doc-mode[data-presentation-style="systeme"] .case-photo-wrap { height: 24rem; }

html.doc-mode[data-presentation-style="systeme"] .case-photo-wrap::after {
  background: linear-gradient(180deg, transparent 70%, rgba(40, 100, 234, 0.95) 100%);
}

html.doc-mode[data-presentation-style="systeme"] .case-story-copy { padding: 0 1.25rem; }

html.doc-mode[data-presentation-style="systeme"] .case-metrics dd strong {
  max-width: none;
  font-size: 2rem;
}

html.doc-mode[data-presentation-style="systeme"] .founder-layout-v4 { margin-top: 1.5rem; }
html.doc-mode[data-presentation-style="systeme"] .founder-layout-v4 ol { border-top: 1px solid var(--on-dark-line); }
html.doc-mode[data-presentation-style="systeme"] .founder-layout-v4 li { padding: 1rem 0; }

html.doc-mode[data-presentation-style="systeme"] .founder-layout-v4 li + li {
  padding-left: 0;
  border-left: 0;
  border-top: 1px solid var(--on-dark-line);
}

html.doc-mode[data-presentation-style="systeme"] .founder-mark,
html.doc-mode[data-presentation-style="systeme"] .closing-mark {
  width: 13rem;
  height: 13rem;
  opacity: 0.06;
}

@media print {
  html[data-presentation-style="systeme"] .slide[data-deck-active] .slide-inner { animation: none; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-presentation-style="systeme"] .slide[data-deck-active] .slide-inner { animation: none; }
}