/* © 2026 AutoFUT Trader — logiciel propriétaire, tous droits réservés. Voir le fichier LICENSE. */
/* Mises en page « Couronnement » des pages intérieures (maquettes-motion/pages) */
:root { --mx-line: rgba(167,139,250,.18); --mx-mu: #9a93ad; --mx-tx: #f2eef9; --mx-v: #8b5cf6; --mx-v2: #a78bfa; --mx-v3: #c4b5fd; --mx-au: #e2c06b; --mx-gd: #3ddc97; }

/* En-tête de page */
.mx-hero { position: relative; z-index: 1; padding: 160px 0 40px; text-align: center; }
.mx-hero .wrap { max-width: 1100px; }
.mx-kick { font: 700 11px Cinzel, serif; letter-spacing: .45em; color: var(--mx-au); text-transform: uppercase; }
.mx-hero h1 { font: 900 clamp(38px, 6.4vw, 84px)/1.04 Cinzel, serif !important; letter-spacing: .03em !important; margin: 14px 0 0; background: none !important; color: var(--mx-tx); }
.mx-hero h1 .mx-l { display: block; overflow: hidden; padding-bottom: .06em; }
.mx-hero h1 .mx-l > span { display: inline-block; transform: translateY(110%); transition: transform 1.1s cubic-bezier(.2,.9,.2,1); }
.mx-hero h1 .mx-l:nth-child(2) > span { transition-delay: .12s; }
.mx-ready .mx-hero h1 .mx-l > span { transform: none; }
.mx-w { background: linear-gradient(180deg, #fff 25%, #a99fc6) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }
.mx-g, h2 .mx-g { background: linear-gradient(180deg, var(--mx-v3), var(--mx-v) 55%, #5b21b6) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }
.mx-lead { max-width: 620px; margin: 18px auto 0; color: var(--mx-mu); font-size: 17px; line-height: 1.7; }
.mx-hero .crumbs { margin-bottom: 4px; }

.mx-sec { position: relative; z-index: 1; padding: 80px 0; }
.mx-sec h2 { text-align: center; font-size: clamp(28px, 3.8vw, 46px) !important; line-height: 1.12; margin: 0 0 10px; background: none !important; color: var(--mx-tx); }
.mx-sub { text-align: center; color: var(--mx-mu); max-width: 600px; margin: 0 auto; }

/* Apparitions */
.mx-rv { opacity: 0; transform: translateY(30px); transition: opacity .9s, transform .9s cubic-bezier(.2,.9,.2,1); }
.mx-rv.in { opacity: 1; transform: none; }

/* Cartes */
.mx-card { position: relative; padding: 26px; border-radius: 16px; background: linear-gradient(165deg, rgba(31,24,50,.82), rgba(14,11,22,.88)); border: 1px solid var(--mx-line); overflow: hidden; backdrop-filter: blur(6px); transition: border-color .4s, box-shadow .4s, transform .25s ease-out; }
.mx-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(280px circle at var(--mx, -300px) var(--my, -300px), rgba(167,139,250,.15), transparent 70%); }
.mx-card:hover { border-color: rgba(226,192,107,.4); box-shadow: 0 26px 60px rgba(0,0,0,.45), 0 0 40px rgba(124,58,237,.14); }
.mx-card > * { position: relative; }
.mx-card .mx-k { font: 700 11px Cinzel, serif; letter-spacing: .28em; color: var(--mx-au); text-transform: uppercase; }
.mx-card p { color: var(--mx-mu); }
.mx-tag { display: inline-block; vertical-align: middle; padding: 3px 9px; border-radius: 99px; font: 700 10px Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; border: 1px solid rgba(226,192,107,.4); color: var(--mx-au); }
.mx-tag.g { border-color: rgba(61,220,151,.45); color: var(--mx-gd); }

/* Boutons */
.mx-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 28px; font: 700 12px Cinzel, serif; letter-spacing: .2em; text-transform: uppercase; color: #fff !important; border-radius: 3px; background: linear-gradient(135deg, #7c3aed, #4c1d95); border: 1px solid rgba(226,192,107,.45); box-shadow: 0 0 36px rgba(124,58,237,.38); overflow: hidden; cursor: pointer; white-space: nowrap; transition: transform .25s ease-out, box-shadow .3s, opacity .3s; }
.mx-btn::before { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(255,240,200,.38) 50%, transparent 65%); transform: translateX(-120%); transition: transform .8s; pointer-events: none; }
.mx-btn:hover::before { transform: translateX(120%); }
.mx-btn:hover { box-shadow: 0 0 60px rgba(167,139,250,.65); }
.mx-btn.ghost { background: rgba(255,255,255,.03); box-shadow: none; border-color: rgba(167,139,250,.35); }
.mx-btn.gold { background: linear-gradient(135deg, #f1d488, #b8902f); color: #1a1206 !important; box-shadow: 0 0 40px rgba(226,192,107,.35); }
.mx-btn.block { width: 100%; }
.mx-btn.throb { animation: mxThrob 2.6s ease-in-out infinite; }
.mx-btn[aria-disabled="true"] { opacity: .5; pointer-events: none; }
@keyframes mxThrob { 50% { box-shadow: 0 0 70px rgba(167,139,250,.75); } }

/* Appel final */
.mx-final { position: relative; z-index: 1; text-align: center; padding: 100px 0 120px; }
.mx-final h2 { margin-top: 12px; }
.mx-final .mx-btns { display: flex; gap: 14px; justify-content: center; margin-top: 30px; flex-wrap: wrap; }

/* ---------- Fonctionnalités ---------- */
.mx-marquee { position: relative; z-index: 1; overflow: hidden; border-block: 1px solid var(--mx-line); padding: 18px 0; margin-top: 40px; }
.mx-marquee > div { display: flex; gap: 50px; width: max-content; animation: mxMq 40s linear infinite; font: 700 13px Cinzel, serif; letter-spacing: .3em; color: var(--mx-mu); text-transform: uppercase; white-space: nowrap; }
.mx-marquee span::before { content: "✦"; color: var(--mx-au); margin-right: 50px; }
@keyframes mxMq { to { transform: translateX(-50%); } }
[dir="rtl"] .mx-marquee > div { animation-name: mxMqR; }
@keyframes mxMqR { to { transform: translateX(50%); } }
.mx-story { display: grid; grid-template-columns: 1fr 400px; gap: 60px; align-items: start; }
.mx-chap { min-height: 78vh; display: flex; flex-direction: column; justify-content: center; opacity: .25; transition: opacity .6s; }
.mx-chap.on { opacity: 1; }
.mx-chap .n { font: 900 64px/1 Cinzel, serif; color: transparent; -webkit-text-stroke: 1px rgba(226,192,107,.5); }
.mx-chap h3 { font: 700 clamp(26px, 3vw, 38px)/1.15 Cinzel, serif !important; margin: 10px 0 12px; color: var(--mx-tx); }
.mx-chap p { color: var(--mx-mu); font-size: 17px; max-width: 480px; margin: 0; }
.mx-chap ul { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 8px; }
.mx-chap li { padding-left: 22px; position: relative; color: var(--mx-tx); }
.mx-chap li::before { content: "✦"; position: absolute; left: 0; top: 3px; color: var(--mx-au); font-size: 12px; }
.mx-chap .mx-shot { display: none; }
.mx-stage { position: sticky; top: 90px; height: calc(100vh - 120px); display: grid; place-items: center; }
.mx-frame { position: relative; height: min(74vh, 780px); aspect-ratio: 520 / 1035; border-radius: 22px; padding: 10px; background: linear-gradient(160deg, rgba(226,192,107,.5), rgba(124,58,237,.35) 40%, rgba(226,192,107,.25)); box-shadow: 0 50px 100px rgba(0,0,0,.7), 0 0 80px rgba(124,58,237,.25); }
.mx-frame .in { position: relative; width: 100%; height: 100%; border-radius: 14px; overflow: hidden; background: #0d0a14; }
.mx-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; opacity: 0; transform: scale(1.06); filter: blur(6px); transition: opacity .8s, transform 1.2s cubic-bezier(.2,.9,.2,1), filter .8s; }
.mx-frame img.on { opacity: 1; transform: none; filter: none; }
.mx-frame .scan { position: absolute; left: 0; right: 0; height: 120px; top: -120px; background: linear-gradient(180deg, transparent, rgba(226,192,107,.18), transparent); pointer-events: none; z-index: 2; }
.mx-frame .scan.go { animation: mxScan 1.1s cubic-bezier(.4,0,.2,1); }
@keyframes mxScan { to { top: 100%; } }
.mx-pips { position: absolute; right: -30px; top: 50%; transform: translateY(-50%); display: grid; gap: 10px; }
.mx-pips i { width: 6px; height: 6px; border-radius: 50%; background: rgba(167,139,250,.3); transition: background .3s, transform .3s; }
.mx-pips i.on { background: var(--mx-au); transform: scale(1.6); box-shadow: 0 0 10px var(--mx-au); }
.mx-badge { position: absolute; left: -34px; top: 40px; z-index: 3; padding: 10px 14px; border-radius: 12px; background: rgba(18,13,31,.94); border: 1px solid rgba(226,192,107,.4); font: 700 12px Cinzel, serif; letter-spacing: .1em; color: var(--mx-gd); box-shadow: 0 20px 40px rgba(0,0,0,.5); animation: mxFloat 4s ease-in-out infinite; white-space: nowrap; }
@keyframes mxFloat { 50% { transform: translateY(-10px); } }
@media (max-width: 900px) {
  .mx-story { grid-template-columns: 1fr; }
  .mx-stage { display: none; }
  .mx-chap { min-height: auto; opacity: 1; padding: 34px 0; }
  .mx-chap .mx-shot { display: block; margin-top: 22px; max-width: 300px; border-radius: 16px; border: 1px solid rgba(226,192,107,.35); overflow: hidden; aspect-ratio: 520 / 700; }
  .mx-chap .mx-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
}

/* ---------- Tarifs ---------- */
.mx-toggle { display: inline-flex; margin: 34px auto 0; padding: 5px; border-radius: 99px; border: 1px solid var(--mx-line); background: rgba(255,255,255,.03); position: relative; }
.mx-toggle button { position: relative; z-index: 1; border: 0; background: none; padding: 10px 22px; font: 700 11px Cinzel, serif; letter-spacing: .2em; text-transform: uppercase; color: var(--mx-mu); cursor: pointer; transition: color .3s; }
.mx-toggle button.on { color: #fff; }
.mx-toggle .pill { position: absolute; top: 5px; bottom: 5px; border-radius: 99px; background: linear-gradient(135deg, #7c3aed, #4c1d95); border: 1px solid rgba(226,192,107,.4); transition: left .45s cubic-bezier(.2,.9,.2,1), width .45s cubic-bezier(.2,.9,.2,1); }
.mx-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; margin-top: 56px; text-align: left; }
.mx-plan { display: flex; flex-direction: column; padding: 34px 28px; overflow: visible; }
.mx-plan .mx-k { margin-bottom: 14px; }
.mx-plan h3 { font: 700 26px Cinzel, serif !important; color: var(--mx-tx); }
.mx-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin: 18px 0 6px; }
.mx-price b { font: 900 50px/1 Cinzel, serif; background: linear-gradient(180deg, #fff, var(--mx-v2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mx-price b.soon { font-size: 26px; }
.mx-price small { color: var(--mx-mu); font-size: 14px; }
.mx-plan .note { color: var(--mx-mu); font-size: 14px; min-height: 44px; margin: 0; }
.mx-plan ul { list-style: none; margin: 22px 0 28px; padding: 0; display: grid; gap: 11px; flex: 1; align-content: start; }
.mx-plan li { padding-left: 26px; position: relative; font-size: 14.5px; color: var(--mx-tx); }
.mx-plan li::before { content: ""; position: absolute; left: 0; top: 4px; width: 14px; height: 14px; border-radius: 50%; border: 1px solid var(--mx-au); background: radial-gradient(circle, var(--mx-au) 0 3px, transparent 4px); }
.mx-plan.best { border-color: rgba(226,192,107,.55); background: linear-gradient(180deg, rgba(62,38,110,.78), rgba(24,19,38,.9)); transform: translateY(-14px); box-shadow: 0 40px 80px rgba(0,0,0,.55), 0 0 60px rgba(124,58,237,.3); }
.mx-plan.best::after { content: ""; position: absolute; inset: -1px; border-radius: 16px; padding: 1px; pointer-events: none; background: conic-gradient(from var(--mx-a, 0deg), transparent 0 70%, var(--mx-au) 80%, transparent 90%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: mxSpin 5s linear infinite; }
@property --mx-a { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes mxSpin { to { --mx-a: 360deg; } }
.mx-plan .mark { position: absolute; top: -10px; right: 22px; width: 54px; filter: drop-shadow(0 0 14px rgba(226,192,107,.6)); animation: mxBob 3s ease-in-out infinite; }
@keyframes mxBob { 50% { transform: translateY(-6px) rotate(-6deg); } }
.mx-cmp { margin-top: 30px; border-radius: 16px; overflow-x: auto; border: 1px solid var(--mx-line); }
.mx-cmp table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 14.5px; }
.mx-cmp th, .mx-cmp td { padding: 15px 18px; text-align: center; border-bottom: 1px solid rgba(167,139,250,.1); }
.mx-cmp th { font: 700 11px Cinzel, serif; letter-spacing: .2em; text-transform: uppercase; color: var(--mx-mu); background: rgba(24,19,38,.85); }
.mx-cmp td:first-child, .mx-cmp th:first-child { text-align: start; }
.mx-cmp tr { background: rgba(14,11,22,.62); transition: background .3s; }
.mx-cmp tbody tr:hover { background: rgba(124,58,237,.12); }
.mx-cmp .yes { color: var(--mx-gd); font-weight: 700; } .mx-cmp .no { color: #5e5872; }
.mx-guar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 50px; }
.mx-guar .mx-card { text-align: center; }
.mx-guar .ic { font-size: 24px; color: var(--mx-au); }
.mx-guar h3 { font: 700 17px Cinzel, serif !important; margin: 8px 0 6px; color: var(--mx-tx); }
.mx-guar p { font-size: 14px; margin: 0; }
#vip-live { margin-top: 50px; }
@media (max-width: 900px) { .mx-plans, .mx-guar { grid-template-columns: 1fr; } .mx-plan.best { transform: none; } }

/* ---------- Télécharger ---------- */
.mx-devs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 56px; text-align: center; }
.mx-dev { cursor: pointer; padding: 30px 24px 28px; outline: none; }
.mx-dev:focus-visible { border-color: rgba(226,192,107,.6); }
.mx-dev.sel { border-color: rgba(226,192,107,.6); background: linear-gradient(180deg, rgba(62,38,110,.72), rgba(24,19,38,.88)); }
.mx-dev h3 { font: 700 22px Cinzel, serif !important; color: var(--mx-tx); }
.mx-dev p { margin: 8px 0 0; font-size: 14px; }
.mx-dev .meta { margin-top: 14px; font: 600 11px Inter, sans-serif; letter-spacing: .14em; color: var(--mx-mu); text-transform: uppercase; }
.mx-ill { height: 150px; display: grid; place-items: center; margin-bottom: 18px; }
.mx-pc { width: 190px; height: 116px; border-radius: 8px; border: 2px solid rgba(196,181,253,.5); position: relative; background: #0d0a14; }
.mx-pc .scr { width: 100%; height: 100%; overflow: hidden; border-radius: 6px; }
.mx-pc::after { content: ""; position: absolute; left: 50%; bottom: -14px; width: 70px; height: 10px; transform: translateX(-50%); border-radius: 0 0 6px 6px; background: rgba(196,181,253,.35); }
.mx-pc img, .mx-ph img { width: 100%; height: 100%; object-fit: cover; object-position: top; opacity: .88; }
.mx-br { width: 200px; height: 120px; border-radius: 8px; border: 2px solid rgba(196,181,253,.5); background: #0d0a14; overflow: hidden; }
.mx-br .bar { height: 20px; background: rgba(196,181,253,.15); display: flex; gap: 4px; align-items: center; padding: 0 6px; }
.mx-br .bar i { width: 6px; height: 6px; border-radius: 50%; background: rgba(226,192,107,.6); }
.mx-br .bar span { margin-left: auto; width: 15px; height: 15px; background: url(logo-64.png) center / contain no-repeat; animation: mxPop 2s ease-in-out infinite; }
.mx-br .pg { display: grid; grid-template-columns: 1fr 60px; gap: 6px; padding: 8px; height: calc(100% - 20px); }
.mx-br .pg i { border-radius: 4px; background: rgba(167,139,250,.08); }
.mx-br .pg i:last-child { background: linear-gradient(180deg, rgba(124,58,237,.45), rgba(124,58,237,.15)); border: 1px solid rgba(226,192,107,.35); }
@keyframes mxPop { 50% { transform: scale(1.35); filter: drop-shadow(0 0 6px var(--mx-v2)); } }
.mx-ph { width: 74px; height: 142px; border-radius: 14px; border: 2px solid rgba(196,181,253,.5); overflow: hidden; background: #0d0a14; animation: mxFloat2 4s ease-in-out infinite; }
@keyframes mxFloat2 { 50% { transform: translateY(-8px) rotate(2deg); } }
.mx-steps { margin-top: 50px; display: grid; grid-template-columns: 1fr 1.05fr; gap: 40px; align-items: center; }
.mx-steps ol { list-style: none; counter-reset: s; display: grid; gap: 16px; margin: 0; padding: 0; }
.mx-steps li { counter-increment: s; display: grid; grid-template-columns: 54px 1fr; gap: 16px; align-items: center; padding: 16px; border-radius: 14px; border: 1px solid var(--mx-line); background: rgba(14,11,22,.62); opacity: 0; transform: translateX(-24px); transition: opacity .6s, transform .6s cubic-bezier(.2,.9,.2,1); }
.mx-steps li.in { opacity: 1; transform: none; }
.mx-steps li::before { content: counter(s, upper-roman); display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; border: 1px solid var(--mx-au); font: 800 18px Cinzel, serif; color: var(--mx-au); }
.mx-steps li b { display: block; font: 700 16px Cinzel, serif; color: var(--mx-tx); }
.mx-steps li span { color: var(--mx-mu); font-size: 14px; }
.mx-steps li code { padding: 1px 6px; border-radius: 6px; background: rgba(124,58,237,.18); color: var(--mx-v3); font-size: 13px; }
.mx-dlbox { text-align: center; }
.mx-dlbox .big { width: 140px; margin: 0 auto 20px; filter: drop-shadow(0 0 40px rgba(139,92,246,.6)); animation: mxFloat2 5s ease-in-out infinite; }
.mx-dlbox h3 { font: 700 22px Cinzel, serif !important; color: var(--mx-tx); }
.mx-dlbox .ver { color: var(--mx-mu); font-size: 13px; margin-top: 10px; }
.mx-dlbox .ver b { color: var(--mx-tx); }
.mx-dlbox .mx-btns { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 22px; }
.mx-dlbox .alt { font-size: 13px; color: var(--mx-mu); text-decoration: underline; text-underline-offset: 3px; }
.mx-dlbox .alt:hover { color: var(--mx-tx); }
.mx-dlbox .help { text-align: start; margin-top: 20px; }
.mx-pane[hidden] { display: none; }
@media (max-width: 900px) { .mx-devs, .mx-steps { grid-template-columns: 1fr; } }

/* ---------- FAQ ---------- */
.mx-search { position: relative; max-width: 560px; margin: 36px auto 0; }
.mx-search input { width: 100%; padding: 17px 20px 17px 50px; border-radius: 99px; border: 1px solid var(--mx-line); background: rgba(14,11,22,.78); outline: none; font: 15px Inter, sans-serif; color: var(--mx-tx); transition: border-color .3s, box-shadow .3s; }
.mx-search input:focus { border-color: rgba(226,192,107,.55) !important; box-shadow: 0 0 40px rgba(124,58,237,.3); }
.mx-search::before { content: "✦"; position: absolute; left: 22px; top: 50%; transform: translateY(-50%); color: var(--mx-au); }
[dir="rtl"] .mx-search input { padding: 17px 50px 17px 20px; }
[dir="rtl"] .mx-search::before { left: auto; right: 22px; }
.mx-cats { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 22px; }
.mx-cats button { border: 1px solid var(--mx-line); background: none; padding: 8px 16px; border-radius: 99px; font: 700 10px Cinzel, serif; letter-spacing: .2em; text-transform: uppercase; color: var(--mx-mu); cursor: pointer; transition: all .3s; }
.mx-cats button.on { color: #fff; border-color: rgba(226,192,107,.5); background: rgba(124,58,237,.25); }
.mx-qs { max-width: 820px; margin: 0 auto; display: grid; gap: 12px; }
.mx-q { border-radius: 14px; border: 1px solid var(--mx-line); background: rgba(18,14,29,.72); overflow: hidden; transition: border-color .4s, background .4s, opacity .9s, transform .9s cubic-bezier(.2,.9,.2,1); }
.mx-q.open { border-color: rgba(226,192,107,.45); background: rgba(34,24,54,.78); }
.mx-q > button { width: 100%; display: flex; align-items: center; gap: 16px; padding: 20px 22px; background: none; border: 0; text-align: start; cursor: pointer; font: 700 16px Cinzel, serif; color: var(--mx-tx); }
.mx-q > button .n { font: 800 12px Cinzel, serif; color: var(--mx-au); min-width: 26px; }
.mx-q > button .x { margin-inline-start: auto; width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(226,192,107,.45); position: relative; flex: 0 0 auto; transition: transform .5s cubic-bezier(.2,.9,.2,1), background .3s; }
.mx-q > button .x::before, .mx-q > button .x::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 1.5px; background: var(--mx-au); transform: translate(-50%, -50%); }
.mx-q > button .x::after { transform: translate(-50%, -50%) rotate(90deg); }
.mx-q.open > button .x { transform: rotate(135deg); background: rgba(226,192,107,.12); }
.mx-q .a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s cubic-bezier(.2,.9,.2,1); }
.mx-q.open .a { grid-template-rows: 1fr; }
.mx-q .a > div { overflow: hidden; }
.mx-q .a p { margin: 0; padding: 0 22px 22px 64px; color: var(--mx-mu); line-height: 1.75; }
[dir="rtl"] .mx-q .a p { padding: 0 64px 22px 22px; }
.mx-q .a p::before { content: ""; display: block; height: 1px; margin-bottom: 16px; background: linear-gradient(90deg, var(--mx-au), transparent); transform: scaleX(0); transform-origin: left; transition: transform .8s .1s cubic-bezier(.2,.9,.2,1); }
.mx-q.open .a p::before { transform: scaleX(1); }
.mx-q.hide { display: none; }
.mx-empty { text-align: center; color: var(--mx-mu); padding: 30px; }
.mx-help { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; max-width: 820px; margin: 50px auto 0; }
.mx-help h3 { font: 700 21px Cinzel, serif !important; margin-top: 6px; color: var(--mx-tx); }
@media (max-width: 640px) { .mx-help { grid-template-columns: 1fr; text-align: center; } .mx-q .a p { padding: 0 20px 20px; } }

/* ---------- Pages de contenu (nouveautés, partenaires, tuto, confidentialité) ---------- */
.mx-hero.small { padding-bottom: 20px; }
.mx-hero.small h1 { font-size: clamp(34px, 5.4vw, 70px) !important; }
.toc a.on { border-left-color: var(--mx-au) !important; }
.toc .t { font-family: Cinzel, serif; letter-spacing: .28em !important; color: var(--mx-au) !important; }

@media (prefers-reduced-motion: reduce) {
  .mx-rv, .mx-steps li, .mx-hero h1 .mx-l > span { transition: none !important; opacity: 1 !important; transform: none !important; }
  .mx-marquee > div, .mx-badge, .mx-ph, .mx-dlbox .big, .mx-plan .mark, .mx-btn.throb { animation: none !important; }
}