.mk-med { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; font: 600 14px/1 var(--dn-titre); letter-spacing: -.02em; color: var(--dn-argent-1); text-shadow: 0 1px 0 #000;
  background: radial-gradient(circle at 34% 24%, #ffffff30, transparent 46%), repeating-conic-gradient(from 8deg, #ffffff06 0 3deg, transparent 3deg 6deg), linear-gradient(160deg, #30343a, #121417 72%);
  box-shadow: inset 0 1px 0 #ffffff3d, inset 0 -2px 4px #00000080, 0 0 0 1px #ffffff1f, 0 6px 14px -6px #000; }
.mk-var { display: inline-flex; align-items: center; gap: 4px; padding: 5px 9px 5px 7px; border-radius: var(--dn-r-rond); font: 700 12.5px/1 var(--dn-texte); letter-spacing: 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mk-var svg { flex: none; }
.mk-var.is-bon { color: var(--dn-bleui-1); background: #b9cbe617; box-shadow: inset 0 0 0 1px #b9cbe640; }
.mk-var.is-moins { color: var(--dn-argent-2); background: #ffffff0d; box-shadow: inset 0 0 0 1px #ffffff26; }
.mk-var.is-nul { padding-inline: 9px; color: var(--dn-argent-3); font-weight: 650; box-shadow: inset 0 0 0 1px #ffffff1a; }

:is(.mk-scene, .mk-comment) .e-nav[data-o="4"] .e-nav-lentille { opacity: 0; }
:is(.mk-scene, .mk-comment) .e-nav[data-o="4"] .e-plus { border-color: #ffffff5c; background: radial-gradient(90% 130% at 28% 0%, #ffffff3d, transparent 58%), linear-gradient(180deg, #34383e, #1b1e22); box-shadow: inset 0 1px 0 #ffffff6b, inset 0 0 0 1px #ffffff38, inset 0 -8px 14px #00000066, 0 8px 16px -8px #000; }

.mk-scene .mk-courbe-photo { --y: 6; }
.mk-scene .mk-courbe-photo path { stroke-dasharray: none; }
.mk-scene .mk-courbe-photo svg { clip-path: inset(-40% calc(var(--cache) * 104% - 4%) -40% -4%); }
.mk-scene .mk-courbe-photo > small b { font-size: 1.35em; }
.mk-scene .fx-tag--monte.mk-tag b { color: var(--dn-bleui-1); }
.mk-scene .mk-tag--vite b { font-family: var(--dn-titre); font-weight: 600; letter-spacing: -.02em; }
@media (max-width: 699.98px) {
  .mk-scene { --p-ichor-x: 4%; --p-ichor-y: 41%; }
  .mk-scene .mk-courbe-photo { --y: 17; }
  .mk-scene .mk-bas { display: none; }
  .mk-scene .p-scene-pied { top: 57%; }
}

.mk-reglages { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; }
.mk-reglages span { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 15px 0 16px; border-radius: var(--dn-r-rond); border: 1px solid #ffffff3d; background: linear-gradient(180deg, #ffffff1c, #ffffff08); box-shadow: inset 0 1px 0 #ffffff1f; color: #fff; font-size: 14px; font-weight: 700; }
.mk-reglages span::after { content: ""; width: 6px; height: 6px; margin-top: -4px; border-right: 1.5px solid var(--dn-argent-3); border-bottom: 1.5px solid var(--dn-argent-3); rotate: 45deg; }
.mk-mini { display: grid; gap: 8px; max-width: 380px; margin-top: 22px; }
.mk-mini li { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 7px 12px 7px 7px; border-radius: 16px; background: #ffffff08; border: 1px solid #ffffff14; }
.mk-mini .mk-med { width: 36px; height: 36px; font-size: 13px; }
.mk-mini-nom { font: 650 15px/1.1 var(--dn-texte); color: #fff; }
.mk-mini b { font: 600 20px/1 var(--dn-titre); letter-spacing: -.04em; color: #fff; }

.mk-cote-tete { max-width: 820px; }
.mk-chapo { margin: 22px 0 0; max-width: 62ch; font-size: clamp(16px, 1.25vw, 18px); line-height: 1.6; color: var(--dn-argent-2); text-wrap: pretty; }

.mk-reglage { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 18px 40px; margin-top: clamp(32px, 4vw, 52px); }
.mk-periodes { flex: 1 1 520px; min-width: 0; max-width: 640px; margin: 0; padding: 0; border: 0; }
.mk-periodes legend { margin-bottom: 14px; padding: 0; font: 700 12px/1.2 var(--dn-texte); letter-spacing: .12em; text-transform: uppercase; color: var(--dn-argent-3); }
.mk-periodes legend span { font-weight: 600; letter-spacing: .02em; text-transform: none; }
.mk-rail { --mk-i: 2; position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 6px; border-radius: 26px; background: linear-gradient(180deg, #121417f5, #0a0b0df5); box-shadow: inset 0 1px 3px #000000d9, inset 0 0 0 1px #ffffff14, 0 30px 50px -30px #000; }
.mk-rail-curseur { position: absolute; left: 6px; top: 6px; bottom: 6px; width: calc((100% - 12px) / 4); border-radius: 20px; translate: calc(var(--mk-i) * 100%) 0;
  background: radial-gradient(90% 130% at 30% 0%, #ffffff30, transparent 60%), linear-gradient(180deg, #30343b, #17191d);
  box-shadow: inset 0 1px 0 #ffffff59, inset 0 0 0 1px #b9cbe666, 0 0 26px -6px #7f98bf73, 0 14px 24px -12px #000; }
html.t-anime .mk-rail-curseur { transition: translate .6s var(--dn-ressort); }
.mk-p { position: relative; z-index: 1; display: grid; justify-items: center; align-content: center; gap: 7px; min-height: 76px; padding: 8px 4px; border-radius: 20px; text-align: center; cursor: pointer; }
.mk-p input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.mk-p-j { font: 600 26px/1 var(--dn-titre); letter-spacing: -.05em; color: var(--dn-argent-3); transition: color .25s ease; }
.mk-p-j b { font-weight: inherit; }
.mk-p-offre { padding: 4px 8px; border-radius: var(--dn-r-rond); font: 700 12px/1 var(--dn-texte); letter-spacing: .02em; color: var(--dn-argent-3); box-shadow: inset 0 0 0 1px #ffffff1a; transition: color .25s ease, box-shadow .25s ease; }
.mk-p:hover .mk-p-j { color: var(--dn-argent-1); }
.mk-p.is-choisi .mk-p-j, .mk-p:has(input:checked) .mk-p-j { color: #fff; }
.mk-p.is-choisi .mk-p-offre, .mk-p:has(input:checked) .mk-p-offre { color: var(--dn-bleui-1); box-shadow: inset 0 0 0 1px #b9cbe659; }
.mk-p:has(input:focus-visible) { outline: 2px solid var(--dn-bleui-1); outline-offset: 2px; }
.mk-selection { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 8px; }
.mk-selection-mot { margin-right: 4px; font: 700 12px/1 var(--dn-texte); letter-spacing: .12em; text-transform: uppercase; color: var(--dn-argent-3); }
.mk-selection > span:not(.mk-selection-mot) { padding: 9px 14px; border-radius: var(--dn-r-rond); border: 1px solid #ffffff1f; background: #ffffff08; font-size: 14px; font-weight: 650; color: var(--dn-argent-2); }

.mk-tableau { position: relative; isolation: isolate; margin-top: 20px; padding: clamp(20px, 3vw, 44px); border-radius: 36px; background: radial-gradient(110% 80% at 0% 0%, #1d2025, #0c0d10 56%); box-shadow: inset 0 1px 0 #ffffff1f, 0 0 0 1px #ffffff12, 0 80px 120px -60px #000; }
.mk-tableau::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background: var(--dn-brosse); opacity: .55; -webkit-mask-image: linear-gradient(180deg, #000, transparent 70%); mask-image: linear-gradient(180deg, #000, transparent 70%); }
.mk-haut { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: start; gap: clamp(24px, 3.6vw, 60px); }

.mk-prix-sur { margin: 0; font: 700 12px/1.2 var(--dn-texte); letter-spacing: .12em; text-transform: uppercase; color: var(--dn-argent-3); }
.mk-prix-v { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 14px 0 0; }
.mk-chrome { font: 600 clamp(64px, 7.2vw, 116px)/.9 var(--dn-titre); letter-spacing: -.06em; color: transparent; background-image: var(--dn-chrome-reflet), var(--dn-chrome-chiffre); -webkit-background-clip: text; background-clip: text; padding-bottom: .06em; filter: drop-shadow(0 14px 28px #000); }
.mk-chrome.is-reflet { animation: dn-reflet 1.5s var(--dn-levee); }
.mk-prix-var .mk-var { padding: 8px 13px 8px 11px; font-size: 15px; }
.mk-prix-var .mk-var svg { width: 14px; height: 14px; }
.mk-prix-dit { margin: 6px 0 0; font-size: 15px; color: var(--dn-argent-3); }
.mk-courbe { position: relative; height: clamp(170px, 17vw, 236px); margin-top: 26px; background: repeating-linear-gradient(180deg, transparent 0 calc(25% - 1px), #ffffff0b calc(25% - 1px) 25%); border-bottom: 1px solid #ffffff1f; }
.mk-courbe svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.mk-trace { fill: none; stroke: #f4f6f8; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 6px #ffffff80) drop-shadow(0 4px 8px #000); }
.mk-avant { position: absolute; left: 0; right: 0; height: 0; border-top: 1.5px dashed #ffffff47; pointer-events: none; }
.mk-avant small { position: absolute; right: 0; top: 7px; padding: 4px 8px; border-radius: 8px; background: #0c0d10d9; font: 700 12px/1 var(--dn-texte); color: var(--dn-argent-3); white-space: nowrap; }
.mk-avant b { color: var(--dn-argent-1); }
html.t-anime .mk-avant { transition: top .8s var(--dn-levee); }
.mk-perle { position: absolute; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, #9aa0a7 60%, #3a3f45); box-shadow: 0 0 0 5px #ffffff1c, 0 0 20px #ffffffa6; }
.mk-perle::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 1.5px solid #ffffff8c; opacity: 0; }
html.t-anime .mk-tableau.is-la .mk-perle::after { animation: mk-pouls 2.4s ease-out 1.6s infinite; }
@keyframes mk-pouls { 0% { opacity: .9; scale: .6; } 100% { opacity: 0; scale: var(--mk-pouls, 2.2); } }
.mk-axe { display: flex; justify-content: space-between; margin: 10px 0 0; font-size: 12px; font-weight: 600; color: var(--dn-argent-3); }

.mk-cotes { display: grid; gap: 44px; }
.mk-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
.mk-kpi { display: grid; align-content: start; gap: 12px; padding: 16px 14px; border-radius: 18px; background: #ffffff07; box-shadow: inset 0 1px 0 #ffffff12, inset 0 0 0 1px #ffffff12; }
.mk-kpi dt { min-height: 2.5em; font: 700 12px/1.25 var(--dn-texte); letter-spacing: .05em; text-transform: uppercase; color: var(--dn-argent-3); }
.mk-kpi dd { display: grid; justify-items: start; gap: 9px; margin: 0; }
.mk-kpi b { font: 600 clamp(24px, 2.1vw, 31px)/1 var(--dn-titre); letter-spacing: -.05em; color: #fff; }
.mk-lecture { position: relative; padding: 22px 22px 20px; border-radius: 24px; background: linear-gradient(180deg, #16181cf2, #0d0f12f2); box-shadow: inset 0 1px 0 #ffffff17, 0 0 0 1px #ffffff14, 0 30px 50px -30px #000; }
.mk-lecture-ichor { position: absolute; right: 16px; top: -30px; width: 56px; height: 56px; filter: drop-shadow(0 12px 16px #000c); }
.mk-lecture-ichor > span { display: block; width: 100%; height: 100%; }
.mk-lecture-q { margin: 0; padding-right: 64px; font: 700 12px/1.3 var(--dn-texte); letter-spacing: .1em; text-transform: uppercase; color: var(--dn-argent-3); }
.mk-lecture-signes { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 16px 0 0; font-size: 13px; font-weight: 650; color: var(--dn-argent-2); }
.mk-lecture-signes > span { display: inline-flex; align-items: center; gap: 6px; }
.mk-lecture-dit { margin: 12px 0 0; font-size: 15px; line-height: 1.5; color: var(--dn-argent-2); text-wrap: pretty; }
.mk-lecture-note { margin: 10px 0 0; font-size: 12px; line-height: 1.4; color: var(--dn-argent-3); }

.mk-listes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 2vw, 30px); margin-top: clamp(28px, 3.4vw, 48px); padding-top: clamp(24px, 3vw, 40px); border-top: 1px solid #ffffff14; }
.mk-col { min-width: 0; }
.mk-col-titre { display: flex; align-items: center; gap: 10px; margin: 0; font: 600 20px/1.1 var(--dn-titre); letter-spacing: -.035em; color: var(--dn-argent-1); }
.mk-col-ic { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 11px; color: var(--dn-argent-1); background: linear-gradient(160deg, #2a2e34, #121417); box-shadow: inset 0 1px 0 #ffffff26, 0 0 0 1px #ffffff14; }
.mk-col-ic svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mk-col--monte .mk-col-ic { color: var(--dn-bleui-1); box-shadow: inset 0 1px 0 #ffffff26, 0 0 0 1px #b9cbe633, 0 0 18px -6px #7f98bf66; }
.mk-compte { margin-left: auto; padding: 5px 9px; border-radius: var(--dn-r-rond); background: #ffffff10; font: 700 12px/1 var(--dn-texte); font-style: normal; letter-spacing: 0; color: var(--dn-argent-2); }
.mk-col-dit { margin: 8px 0 0; font-size: 13px; line-height: 1.4; color: var(--dn-argent-3); }
.mk-liste-boite { --mk-h: 68px; position: relative; height: calc(4 * var(--mk-h)); margin-top: 14px; }
.mk-fentes { position: absolute; inset: 0; display: grid; grid-template-rows: repeat(4, minmax(0, 1fr)); pointer-events: none; }
.mk-fentes i { margin: 4px 0; border-radius: 16px; border: 1px dashed #ffffff14; }
.mk-liste { position: absolute; inset: 0; }
.mk-l { position: absolute; left: 0; right: 0; top: 4px; height: calc(var(--mk-h) - 8px); display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 0 12px 0 8px; border-radius: 16px; translate: 0 calc(var(--r, 0) * var(--mk-h)); background: linear-gradient(180deg, #1b1d22, #111316); box-shadow: inset 0 1px 0 #ffffff17, 0 0 0 1px #ffffff14, 0 14px 24px -18px #000; }
.mk-l.is-hors { opacity: 0; visibility: hidden; }
.mk-col-plus { min-height: 1.4em; margin: 6px 0 0; padding-left: 4px; font-size: 13px; font-weight: 650; line-height: 1.4; color: var(--dn-argent-3); }
.mk-l-nom { min-width: 0; overflow: hidden; font: 650 15px/1.15 var(--dn-texte); color: #fff; white-space: nowrap; text-overflow: ellipsis; }
.mk-l-nom small { display: block; margin-top: 4px; overflow: hidden; font-size: 12px; font-weight: 600; color: var(--dn-argent-3); text-overflow: ellipsis; }
.mk-l-v { display: block; }
.mk-l-v--vite b { font: 600 22px/1 var(--dn-titre); letter-spacing: -.04em; color: #fff; }
html.t-anime .mk-l { transition: translate .75s var(--dn-ressort), opacity .35s ease, scale .35s ease, visibility 0s linear; }
html.t-anime .mk-l.is-hors { scale: .96; transition: translate 0s linear .3s, opacity .28s ease, scale .28s ease, visibility 0s linear .3s; }
html.t-anime .mk-l.is-entre { opacity: 0; translate: 0 calc(var(--r, 0) * var(--mk-h) + 14px); }

.mk-peu { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 18px; padding: 14px 16px; border-radius: 20px; border: 1px dashed #ffffff29; background: #ffffff04; }
.mk-peu-titre { display: flex; align-items: center; gap: 12px; flex: 1 1 280px; margin: 0; font-size: 14px; line-height: 1.45; color: var(--dn-argent-2); }
.mk-peu-titre b { color: #fff; }
.mk-peu-ic { position: relative; flex: none; width: 28px; height: 28px; border-radius: 50%; border: 1.5px dashed #ffffff59; }
.mk-peu-ic::after { content: ""; position: absolute; left: 7px; right: 7px; top: 12px; height: 1.5px; border-radius: 2px; background: var(--dn-argent-2); }
.mk-peu-liste { display: flex; flex-wrap: wrap; gap: 8px; }
.mk-peu-l { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 4px 14px 4px 5px; border-radius: var(--dn-r-rond); border: 1px dashed #ffffff2e; }
.mk-peu-l .mk-med { width: 34px; height: 34px; font-size: 12px; opacity: .72; }
.mk-peu-nom { font: 650 13px/1.1 var(--dn-texte); color: var(--dn-argent-2); white-space: nowrap; }
.mk-peu-nom small { display: block; margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--dn-argent-3); }
.mk-peu-plus, .mk-peu-vide { margin: 0; font-size: 13px; font-weight: 650; color: var(--dn-argent-3); }
.mk-peu-plus[hidden], .mk-peu-vide[hidden] { display: none; }
.mk-demo { margin-top: 20px; }

html.mk-pret.t-anime .mk-tableau:not(.is-arrive) .mk-courbe svg { clip-path: inset(-24px 100% -24px -12px); }
html.mk-pret.t-anime .mk-tableau:not(.is-arrive) :is(.mk-aire, .mk-avant, .mk-perle) { opacity: 0; }
html.mk-pret.t-anime .mk-tableau:not(.is-arrive) :is(.mk-kpi, .mk-lecture) { opacity: 0; translate: 0 16px; }
html.mk-pret.t-anime .mk-tableau:not(.is-arrive) .mk-l:not(.is-hors) { opacity: 0; translate: 0 calc(var(--r, 0) * var(--mk-h) + 18px); }
.mk-courbe svg { clip-path: inset(-24px -24px -24px -12px); }
html.mk-pret.t-anime .mk-tableau.is-arrive .mk-courbe svg { transition: clip-path 1.7s var(--dn-glisse) .25s; }
html.mk-pret.t-anime .mk-tableau.is-arrive :is(.mk-aire, .mk-avant) { transition: opacity .9s ease 1.1s, top .8s var(--dn-levee); }
html.mk-pret.t-anime .mk-tableau.is-arrive .mk-perle { transition: opacity .4s ease 1.8s; }
html.mk-pret.t-anime .mk-tableau.is-arrive .mk-chrome { animation: dn-reflet 1.6s var(--dn-levee) .3s backwards; }
html.mk-pret.t-anime .mk-tableau.is-arrivee .mk-kpi { transition: opacity .6s ease, translate .8s var(--dn-levee); transition-delay: calc(.35s + var(--k, 0) * 90ms); }
.mk-kpi:nth-child(2) { --k: 1; } .mk-kpi:nth-child(3) { --k: 2; }
html.mk-pret.t-anime .mk-tableau.is-arrivee .mk-lecture { transition: opacity .6s ease .7s, translate .8s var(--dn-levee) .7s; }
html.mk-pret.t-anime .mk-tableau.is-arrivee .mk-l { transition-delay: calc(.9s + var(--r, 0) * 80ms); }

.mk-obj-base .p-obj-l .mk-med--obj { grid-row: span 2; width: 36px; height: 36px; font-size: 13px; }
.mk-obj-base .mk-obj-v { font: 700 12.5px/1 var(--dn-texte); letter-spacing: 0; }

@media (max-width: 1099.98px) {
  .mk-haut { grid-template-columns: minmax(0, 1fr); }
  .mk-cotes { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 44px 16px; }
  .mk-kpis { grid-template-columns: minmax(0, 1fr); }
  .mk-kpi { grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: 14px 16px; }
  .mk-kpi dt { min-height: 0; }
  .mk-kpi dd { grid-auto-flow: column; align-items: center; justify-items: end; }
  .mk-listes { grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }
}
@media (max-width: 699.98px) {
  .mk-reglage { margin-top: 28px; }
  .mk-periodes { flex-basis: 100%; }
  .mk-rail { border-radius: 22px; }
  .mk-rail-curseur { border-radius: 17px; }
  .mk-p { min-height: 68px; gap: 6px; }
  .mk-p-j { font-size: 21px; }
  .mk-p-offre { padding: 3px 6px; }
  .mk-tableau { margin-top: 16px; padding: 22px 16px 18px; border-radius: 28px; }
  .mk-chrome { font-size: clamp(56px, 18vw, 76px); }
  .mk-courbe { height: 150px; margin: 20px 10px 0 0; --mk-pouls: 1.6; }
  .mk-cotes { grid-template-columns: minmax(0, 1fr); }
  .mk-kpi { padding: 12px 14px; }
  .mk-kpi b { font-size: 22px; }
  .mk-lecture { padding: 20px 16px 16px; }
  .mk-listes { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .mk-liste-boite { --mk-h: 64px; }
  .mk-l { gap: 10px; padding: 0 10px 0 7px; }
  .mk-l .mk-med { width: 36px; height: 36px; font-size: 13px; }
  .mk-l { grid-template-columns: 36px minmax(0, 1fr) auto; }
  .mk-peu { padding: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .mk-cote, .mk-cote * { transition: none !important; animation: none !important; }
}