/* Landing « Diagnostic IA » (/diagnostic-ia/, /en/ai-diagnostic/) — 21/10/2026. Palette sombre --ta-* de style.css. */
.lmp-page .ta-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.lmp-page .ta-newsletter-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lmp-page .ta-legal { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 12px; }
.lmp-page .ta-legal a { color: var(--ta-muted); }
.lmp-page .ta-legal a:hover { color: var(--ta-fg); }
.lmp-page .ta-button { gap: 14px; font-size: 14px; font-weight: 500; }

/* ---------- Promesse + exemple de rapport ---------- */
.lmp-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 70px; align-items: center; max-width: 1240px; margin: 0 auto; padding: 100px 40px 90px; }
.lmp-hero h1 { margin-top: 22px; font-size: clamp(40px, 5.2vw, 72px); font-weight: 600; letter-spacing: -.05em; line-height: 1.04; }
.lmp-lead { max-width: 33em; margin-top: 26px !important; font-size: 18px; line-height: 1.65; color: var(--ta-muted) !important; }
.lmp-note { margin-top: 16px !important; font-size: 12px; color: var(--ta-muted) !important; }

.lmp-report { margin: 0; }
.lmp-report-body { position: relative; padding: 26px 28px 24px; border: 1px solid var(--ta-line); border-radius: 18px; background: var(--ta-surface); font-size: 14px; line-height: 1.55; }
.lmp-report-tag { display: inline-block; margin-bottom: 12px !important; padding: 4px 10px; border: 1px solid #45454d; border-radius: 30px; font-size: 11px; color: var(--ta-muted) !important; }
.lmp-report-kicker { padding-bottom: 14px; border-bottom: 1px solid var(--ta-line); font-size: 15px; font-weight: 500; }
.lmp-report .lmp-report-h { margin: 18px 0 6px; font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--ta-green); }
.lmp-report-body > p { color: #c4c4cc; }
.lmp-opp { margin-top: 10px; padding: 14px 16px; border: 1px solid var(--ta-line); border-radius: 12px; background: var(--ta-bg); }
.lmp-opp strong { display: block; font-weight: 500; }
.lmp-opp p { margin-top: 6px !important; font-size: 13px; color: var(--ta-muted) !important; }
.lmp-opp dl { display: flex; flex-wrap: wrap; gap: 6px 24px; margin: 10px 0 0; font-size: 12px; }
.lmp-opp dl div { display: flex; gap: 6px; }
.lmp-opp dt { color: var(--ta-muted); }
.lmp-opp dd { margin: 0; color: var(--ta-fg); }
.lmp-blur { filter: blur(3.5px); opacity: .7; user-select: none; }
.lmp-report-total { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px !important; padding-top: 14px; border-top: 1px solid var(--ta-line); color: var(--ta-muted) !important; }
.lmp-report-total strong { font-weight: 500; color: var(--ta-green); }
.lmp-report figcaption { margin-top: 12px; font-size: 12px; color: var(--ta-muted); }

/* ---------- Bénéfices : reprend .ta-method de l'accueil ---------- */
.lmp-page .lmp-benefits { padding-top: 40px; padding-bottom: 90px; border-top: 1px solid var(--ta-line); }
.lmp-page .lmp-benefits .ta-method { margin-top: 50px; }

/* ---------- Formulaire ---------- */
.lmp-form-section { max-width: 1160px; margin: 0 auto 90px; padding: 50px 56px 46px; border: 1px solid var(--ta-line); border-radius: 22px; background: var(--ta-surface); scroll-margin-top: calc(var(--ta-header-height) + var(--ta-admin-offset) + 20px); }
.lmp-form-head h2 { margin-top: 14px; font-size: clamp(32px, 3.6vw, 48px); font-weight: 500; letter-spacing: -.05em; line-height: 1.1; }
.lmp-form-head > p:last-child { margin-top: 12px; font-size: 15px; color: var(--ta-muted); }
.lmp-form { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 24px; margin-top: 36px; }
.lmp-form[hidden], .lmp-done[hidden], .lmp-count[hidden] { display: none; }
.lmp-wide { grid-column: 1 / -1; }
.lmp-field { min-width: 0; margin: 0; padding: 0; border: 0; }
.lmp-page .lmp-form label, .lmp-page .lmp-form legend { color: var(--ta-fg); }
.lmp-field label, .lmp-field legend { display: block; margin-bottom: 8px; padding: 0; font-size: 14px; font-weight: 500; }
.lmp-field legend span { font-weight: 400; color: var(--ta-muted); }
.lmp-field input, .lmp-field select, .lmp-field textarea { width: 100%; padding: 12px 16px; border: 1px solid #45454d; border-radius: 12px; background: var(--ta-bg); color: var(--ta-fg); font: inherit; font-size: 15px; }
.lmp-page .lmp-field select, .lmp-page .lmp-field input { height: auto; min-height: 48px; line-height: 1.4; }
.lmp-field textarea { resize: vertical; min-height: 110px; line-height: 1.5; }
.lmp-field select { appearance: none; padding-right: 40px; background-image: linear-gradient(45deg, transparent 50%, var(--ta-muted) 50%), linear-gradient(135deg, var(--ta-muted) 50%, transparent 50%); background-position: calc(100% - 22px) 52%, calc(100% - 16px) 52%; background-size: 6px 6px; background-repeat: no-repeat; }
.lmp-field input::placeholder, .lmp-field textarea::placeholder { color: #75757e; }
.lmp-page .lmp-form input:focus-visible, .lmp-page .lmp-form select:focus-visible, .lmp-page .lmp-form textarea:focus-visible, .lmp-page .lmp-form button:focus-visible { outline: 2px solid var(--ta-green); outline-offset: 2px; }
.lmp-hint, .lmp-count { margin-top: 8px !important; font-size: 12px; color: var(--ta-muted) !important; }
.lmp-count { text-align: right; }
.lmp-count.is-full { color: #ff8a80 !important; }
.lmp-field.is-invalid input, .lmp-field.is-invalid select, .lmp-field.is-invalid textarea { border-color: #ff8a80; }
.lmp-check.is-invalid span { color: #ff8a80; }

.lmp-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.lmp-chips label { position: relative; margin: 0; font-weight: 400; cursor: pointer; }
.lmp-chips input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.lmp-chips span { display: inline-block; padding: 8px 14px; border: 1px solid #45454d; border-radius: 30px; font-size: 13px; color: var(--ta-muted); }
.lmp-chips input:checked + span { border-color: var(--ta-green); color: var(--ta-fg); background: #12261a; }
.lmp-chips input:focus-visible + span { outline: 2px solid var(--ta-green); outline-offset: 2px; }

.lmp-checks { display: grid; gap: 12px; }
.lmp-check { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 1.5; cursor: pointer; }
.lmp-check input { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--ta-green); }

.lmp-submit { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.lmp-submit button { padding: 15px 26px; border: 0; border-radius: 30px; background: var(--ta-fg); color: var(--ta-bg); font: inherit; font-size: 15px; font-weight: 500; cursor: pointer; }
.lmp-submit button:hover { background: #d7d7dd; }
.lmp-submit button[disabled] { opacity: .6; cursor: wait; }
.lmp-status:empty { display: none; }
.lmp-status { font-size: 14px; color: #ff8a80 !important; }
.lmp-privacy { font-size: 12px; line-height: 1.6; color: var(--ta-muted) !important; }
.lmp-privacy a { color: var(--ta-fg); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #5a5a62; }

.lmp-done { margin-top: 30px; padding: 26px 28px; border: 1px solid #2a5a36; border-radius: 14px; background: #0f1a12; }
.lmp-done:focus { outline: none; }
.lmp-done-title { font-size: 20px; font-weight: 500; color: var(--ta-green) !important; }
.lmp-done p:last-child { margin-top: 8px; font-size: 14px; color: var(--ta-muted); }

/* ---------- Présentation ---------- */
.lmp-page .lmp-about { max-width: 820px; padding-top: 20px; padding-bottom: 110px; text-align: center; }
.lmp-page .lmp-about h2 { margin: 20px 0 22px; font-size: clamp(30px, 3.6vw, 46px); }
.lmp-page .lmp-about > p:not(.ta-eyebrow) { max-width: 36em; margin: 0 auto; font-size: 17px; line-height: 1.7; color: var(--ta-muted); }
.lmp-about-link { display: inline-block; margin-top: 24px; font-size: 14px; border-bottom: 1px solid #45454d; padding-bottom: 2px; }
.lmp-about-link:hover { color: var(--ta-green); border-color: var(--ta-green); }

@media (max-width: 1000px) {
  .lmp-hero { grid-template-columns: 1fr; gap: 50px; padding-top: 70px; }
  .lmp-form-section { margin-left: 40px; margin-right: 40px; }
}
@media (max-width: 700px) {
  .lmp-hero { padding: 50px 22px 60px; }
  .lmp-lead { font-size: 16px; }
  .lmp-report-body { padding: 20px 18px; }
  .lmp-page .lmp-benefits .ta-method { margin-top: 30px; }
  .lmp-form-section { margin: 0 16px 60px; padding: 30px 20px; border-radius: 18px; }
  .lmp-form { grid-template-columns: 1fr; }
  .lmp-submit button { width: 100%; }
  .lmp-page .lmp-about { padding-bottom: 70px; }
}
.lmp-status[data-status="deja"] { color: var(--ta-green) !important; }

/* ---------- Mode clair/sombre (21/10/2026) ----------
   Préférence lue par richa-site/color-mode.js (html[data-richa-theme]), partagée avec le reste du site.
   Mode clair : même palette que richa-site/style.css (fond #f3f2ef, bandeau et accent bleus). */
.lmp-page .rs-theme-toggle { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; padding: 0; border: 1px solid #45454d; border-radius: 50%; background: transparent; color: var(--ta-fg); cursor: pointer; }
.lmp-page .rs-theme-toggle[hidden] { display: none; }
.lmp-page .rs-theme-toggle:hover { background: rgba(128,128,128,.16); }
.lmp-page .rs-theme-toggle:focus-visible { outline: 2px solid var(--ta-green); outline-offset: 2px; }
.lmp-page .rs-theme-toggle .rs-theme-sun, .lmp-page .lmp-logo-light { display: none; }
html[data-richa-theme="light"] .lmp-page .rs-theme-toggle .rs-theme-moon, html[data-richa-theme="light"] .lmp-page .lmp-logo-dark { display: none; }
html[data-richa-theme="light"] .lmp-page .rs-theme-toggle .rs-theme-sun, html[data-richa-theme="light"] .lmp-page .lmp-logo-light { display: block; }

html[data-richa-theme="light"] body.lmp-page {
  color-scheme: light;
  --ta-bg: #f3f2ef;
  --ta-surface: #ffffff;
  --ta-raised: #edf3f8;
  --ta-line: #d0d5d9;
  --ta-fg: #1d2226;
  --ta-muted: #56687a;
  --ta-green: #0a66c2;
  --lmp-control: #8c9caa;
  --lmp-error: #b42318;
}
html[data-richa-theme="light"] .lmp-page ::selection { background: #d7e8f9; color: #1d2226; }
html[data-richa-theme="light"] .lmp-page .ta-header { background: #0a66c2; color: #ffffff; border-color: rgba(255,255,255,.32); }
html[data-richa-theme="light"] .lmp-page .ta-nav a:hover { color: #ffffff; }
html[data-richa-theme="light"] .lmp-page .ta-nav-cta { background: #ffffff; color: #0a66c2; border-color: #ffffff; }
html[data-richa-theme="light"] .lmp-page .ta-nav .ta-nav-cta:hover { color: #004182; }
html[data-richa-theme="light"] .lmp-page .rs-theme-toggle { color: #ffffff; border-color: rgba(255,255,255,.32); }
html[data-richa-theme="light"] .lmp-page .rs-theme-toggle:focus-visible, html[data-richa-theme="light"] .lmp-page .ta-header a:focus-visible { outline-color: #ffffff; }
html[data-richa-theme="light"] .lmp-page .ta-lang { border-color: rgba(255,255,255,.32); }
html[data-richa-theme="light"] .lmp-page .ta-lang a { color: #e5effa; }
html[data-richa-theme="light"] .lmp-page .ta-lang a[aria-current] { background: #ffffff; color: #0a66c2; }
html[data-richa-theme="light"] .lmp-page .ta-footer .ta-brand { padding: 8px; border-radius: 10px; background: #0a66c2; }
html[data-richa-theme="light"] .lmp-page .ta-button, html[data-richa-theme="light"] .lmp-submit button { background: #0a66c2; color: #ffffff; border-color: #0a66c2; }
html[data-richa-theme="light"] .lmp-page .ta-button:hover, html[data-richa-theme="light"] .lmp-submit button:hover { background: #004182; color: #ffffff; border-color: #004182; }
html[data-richa-theme="light"] .lmp-report-tag, html[data-richa-theme="light"] .lmp-about-link { border-color: var(--lmp-control); }
html[data-richa-theme="light"] .lmp-report-body > p { color: #404b55; }
html[data-richa-theme="light"] .lmp-field input, html[data-richa-theme="light"] .lmp-field select, html[data-richa-theme="light"] .lmp-field textarea { border-color: var(--lmp-control); background-color: #ffffff; }
html[data-richa-theme="light"] .lmp-field input::placeholder, html[data-richa-theme="light"] .lmp-field textarea::placeholder { color: #6b7b8a; }
html[data-richa-theme="light"] .lmp-chips span { border-color: var(--lmp-control); }
html[data-richa-theme="light"] .lmp-chips input:checked + span { background: #edf3f8; }
html[data-richa-theme="light"] .lmp-field.is-invalid input, html[data-richa-theme="light"] .lmp-field.is-invalid select, html[data-richa-theme="light"] .lmp-field.is-invalid textarea { border-color: var(--lmp-error); }
html[data-richa-theme="light"] .lmp-check.is-invalid span, html[data-richa-theme="light"] .lmp-status, html[data-richa-theme="light"] .lmp-count.is-full { color: var(--lmp-error) !important; }
html[data-richa-theme="light"] .lmp-done { border-color: #0a66c2; background: #edf3f8; }
html[data-richa-theme="light"] .lmp-privacy a { text-decoration-color: var(--lmp-control); }
@media (max-width: 700px) { .lmp-page .rs-theme-toggle { width: 32px; height: 32px; } }

/* Accessibilité (Lighthouse du 21/10/2026) : contraste suffisant même floutées, et bandeau de cookies toujours sombre. */
.lmp-blur { opacity: 1; }
.lmp-page .ta-consent { --ta-fg: #eeeef0; --ta-muted: #a1a1aa; --ta-raised: #19191d; --ta-green: #2ed34e; }