/* MyEureka Premium Home - édition NEXA : page d'atterrissage [myeureka_landing] (3.20.0-nexa).
   Thèmes clair et sombre par les jetons du design system (--me-*). */
.mel{--mel-r:24px;--mel-gap:clamp(48px,7vw,96px);width:100%;max-width:var(--mel-width,1180px);margin:0 auto;padding:clamp(24px,4vw,48px) var(--me-gutter,20px) clamp(40px,6vw,80px);color:var(--me-text,#14102a);font-family:var(--me-font,Inter,system-ui,sans-serif);box-sizing:border-box}
.mel *,.mel *::before,.mel *::after{box-sizing:border-box}
.mel>section+section{margin-top:var(--mel-gap)}
.mel .mel-ico{flex:none}
.mel p{margin:0}
.mel-accent{background:var(--me-gradient-brand,linear-gradient(135deg,#893df3,#6f13f0));-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-meph-theme-resolved="dark"] .mel-accent{background:linear-gradient(120deg,#c9a7ff 0%,var(--me-highlight,#63e0be) 100%);-webkit-background-clip:text;background-clip:text}

/* Boutons */
.mel .mel-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 24px;border-radius:var(--me-radius-pill,999px);font-size:15.5px;font-weight:800;line-height:1.2;text-decoration:none!important;border:1.5px solid transparent;transition:transform var(--me-dur,.2s) var(--me-ease,ease),box-shadow var(--me-dur,.2s) var(--me-ease,ease),background-color var(--me-dur,.2s) var(--me-ease,ease);cursor:pointer;text-align:center}
.mel .mel-btn:hover{transform:translateY(-2px)}
.mel .mel-btn:focus-visible{outline:none;box-shadow:var(--me-focus-ring,0 0 0 3px rgba(111,19,240,.35))}
.mel .mel-btn-primary,.mel .mel-btn-primary:visited,.mel .mel-btn-primary:focus{background:var(--me-gradient-brand,linear-gradient(135deg,#893df3,#6f13f0 55%,#5a0fc4));color:#fff!important;-webkit-text-fill-color:#fff;box-shadow:var(--me-shadow-brand,0 10px 28px rgba(111,19,240,.28))}
.mel .mel-btn-primary:hover,.mel .mel-btn-primary *{color:#fff!important;box-shadow:0 14px 34px rgba(111,19,240,.38)}
.mel .mel-btn-ghost,.mel .mel-btn-ghost:visited{background:var(--me-surface,#fff);color:var(--me-text,#14102a)!important;border-color:var(--me-border-strong,var(--me-border,#e6e2f0))}
.mel .mel-btn-ghost:hover{border-color:var(--me-brand,#6f13f0);color:var(--me-brand,#6f13f0)!important}
html[data-meph-theme-resolved="dark"] .mel .mel-btn-ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.18)}
html[data-meph-theme-resolved="dark"] .mel .mel-btn-ghost:hover{color:#fff!important;border-color:var(--me-primary,#8a3dff);background:rgba(138,61,255,.14)}
.mel .mel-btn-soft,.mel .mel-btn-soft:visited{background:var(--me-primary-soft,#f1e7fe);color:var(--me-brand,#6f13f0)!important;border-color:var(--me-border-brand,transparent);white-space:normal}
html[data-meph-theme-resolved="dark"] .mel .mel-btn-soft{color:#e6d6ff!important}
.mel .mel-btn-light,.mel .mel-btn-light:visited{background:#fff;color:var(--me-brand-strong,#5a0fc4)!important;box-shadow:0 10px 24px rgba(20,8,60,.22)}
.mel .mel-btn-outline-light,.mel .mel-btn-outline-light:visited{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.55)}
.mel .mel-btn-outline-light:hover{background:rgba(255,255,255,.12);border-color:#fff}

/* Accroche */
.mel-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(28px,4vw,56px);align-items:center}
.mel-hero::before{content:"";position:absolute;inset:-12% 0 auto auto;width:min(620px,70%);aspect-ratio:1;background:radial-gradient(closest-side,color-mix(in srgb,var(--me-brand,#6f13f0) 14%,transparent),transparent);pointer-events:none;z-index:-1}
.mel-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:var(--me-radius-pill,999px);background:var(--me-primary-soft,#f1e7fe);color:var(--me-brand,#6f13f0);font-size:12px;font-weight:800;letter-spacing:var(--me-tracking-caps,.14em);text-transform:uppercase}
html[data-meph-theme-resolved="dark"] .mel-kicker{color:#d9c2ff;background:rgba(138,61,255,.18)}
.mel-dot{width:8px;height:8px;border-radius:50%;background:var(--me-highlight,#63e0be);box-shadow:0 0 0 4px rgba(99,224,190,.22)}
html[data-meph-theme-resolved="light"] .mel-dot{background:#16b88a}
.mel .mel-h1{margin:18px 0 0;font-family:var(--me-font-display,inherit);font-size:clamp(36px,5vw,60px);line-height:1.04;letter-spacing:-.03em;font-weight:900;color:var(--me-text,#14102a)}
.mel .mel-h1 .mel-accent{display:inline-block}
.mel-lead{margin-top:18px!important;font-size:clamp(16px,1.4vw,18px);line-height:1.6;color:var(--me-text-2,rgba(20,16,42,.74))}
.mel-tagline{display:flex;gap:10px;align-items:flex-start;margin-top:18px!important;padding:12px 16px;border-radius:var(--me-radius-md,14px);background:var(--me-mint-bg,rgba(22,184,138,.1));color:var(--me-mint-fg,#047857);font-weight:700;font-size:15px;line-height:1.45;border:1px solid var(--me-mint-line,rgba(22,184,138,.25))}
html[data-meph-theme-resolved="dark"] .mel-tagline{background:rgba(99,224,190,.1);color:var(--me-highlight,#63e0be);border-color:rgba(99,224,190,.22)}
.mel-tagline .mel-ico{margin-top:1px}
.mel-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.mel .mel-login{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:700;color:var(--me-text-2,rgba(20,16,42,.7));text-decoration:none}
.mel .mel-login:hover{color:var(--me-brand,#6f13f0)}
html[data-meph-theme-resolved="dark"] .mel .mel-login:hover{color:#fff}
.mel-stats{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:28px 0 0!important;padding:0!important}
.mel-stats li{flex:1 1 130px;margin:0;padding:14px 16px;border-radius:var(--me-radius-lg,18px);background:var(--me-surface,#fff);border:1px solid var(--me-border,#e6e2f0)}
.mel-stats strong{display:block;font-size:22px;line-height:1.1;font-weight:900;letter-spacing:-.02em;color:var(--me-text,#14102a)}
.mel-stats span{display:block;margin-top:4px;font-size:13px;color:var(--me-text-3,rgba(20,16,42,.6))}
html[data-meph-theme-resolved="dark"] .mel-stats li{background:rgba(255,255,255,.04)}

/* Vidéo */
.mel-hero-media{position:relative;padding:0 0 26px 26px}
.mel-frame{position:relative;padding:8px;border-radius:calc(var(--mel-r) + 6px);background:var(--me-gradient-brand,linear-gradient(135deg,#893df3,#6f13f0 55%,#5a0fc4));box-shadow:0 30px 70px color-mix(in srgb,var(--me-brand,#6f13f0) 32%,transparent)}
.mel-video{position:relative;aspect-ratio:16/9;border-radius:var(--mel-r);overflow:hidden;background:#0d0620}
.mel-video iframe,.mel-video video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover}
.mel-sound{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:0;border-radius:var(--me-radius-pill,999px);background:rgba(13,6,32,.72);color:#fff;font:700 13px/1 var(--me-font,inherit);cursor:pointer;backdrop-filter:blur(8px)}
.mel-sound:hover{background:rgba(13,6,32,.9)}
.mel-sound[hidden]{display:none}
.mel-mascot{position:absolute;left:-18px;bottom:-18px;width:clamp(96px,11vw,150px);height:auto;filter:drop-shadow(0 16px 24px rgba(20,8,60,.35));animation:melFloat 5s ease-in-out infinite;pointer-events:none}
@keyframes melFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Sections */
.mel-head{max-width:760px;margin:0 auto 28px;text-align:center}
.mel-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:var(--me-tracking-caps,.14em);text-transform:uppercase;color:var(--me-brand,#6f13f0)}
html[data-meph-theme-resolved="dark"] .mel-eyebrow{color:var(--me-highlight,#63e0be)}
.mel .mel-h2{margin:10px 0 0;font-family:var(--me-font-display,inherit);font-size:clamp(28px,3.4vw,42px);line-height:1.12;letter-spacing:-.025em;font-weight:900;color:var(--me-text,#14102a)}
.mel-head p{margin-top:12px!important;font-size:16.5px;line-height:1.6;color:var(--me-text-2,rgba(20,16,42,.74))}
.mel-test{scroll-margin-top:96px}
.mel-test-app #ncp-test-app{max-width:860px;margin-top:0}
.mel-skip{margin-top:22px!important;text-align:center}
.mel-admin-note{padding:16px;border-radius:14px;border:1px dashed var(--me-border,#e6e2f0);text-align:center}

/* Atouts */
.mel-expert{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.mel-expert-media img{display:block;width:100%;height:auto;border-radius:calc(var(--mel-r) + 4px)}
.mel-expert-copy .mel-lead{margin-top:14px!important}
.mel-features{display:grid;gap:12px;list-style:none;margin:26px 0 0!important;padding:0!important}
.mel-features li{display:flex;gap:14px;align-items:flex-start;margin:0;padding:16px 18px;border-radius:var(--me-radius-lg,18px);background:var(--me-surface,#fff);border:1px solid var(--me-border,#e6e2f0);transition:transform var(--me-dur,.2s) var(--me-ease,ease),border-color var(--me-dur,.2s) var(--me-ease,ease)}
.mel-features li:hover{transform:translateX(4px);border-color:var(--me-border-brand,rgba(111,19,240,.3))}
html[data-meph-theme-resolved="dark"] .mel-features li{background:rgba(255,255,255,.04)}
.mel .mel-feat-ico{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;line-height:0;flex:none;border-radius:14px;background:var(--me-primary-soft,#f1e7fe);color:var(--me-brand,#6f13f0)}
html[data-meph-theme-resolved="dark"] .mel .mel-feat-ico{background:rgba(138,61,255,.18);color:#d9c2ff}
.mel-features li>div>strong{display:block;font-size:16px;font-weight:800;color:var(--me-text,#14102a)}
.mel-features li>div>span{display:block;margin-top:3px;font-size:14.5px;line-height:1.5;color:var(--me-text-2,rgba(20,16,42,.7))}

/* Appel final */
.mel-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,4vw,48px);border-radius:calc(var(--mel-r) + 8px);background:var(--me-gradient-brand,linear-gradient(135deg,#893df3,#6f13f0 55%,#5a0fc4));color:#fff;box-shadow:0 24px 60px color-mix(in srgb,var(--me-brand,#6f13f0) 30%,transparent);position:relative;overflow:hidden}
.mel-cta::after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,rgba(99,224,190,.35),transparent);pointer-events:none}
.mel-cta>*{position:relative;z-index:1}
.mel-cta h2{margin:0;font-size:clamp(24px,2.8vw,34px);line-height:1.15;font-weight:900;letter-spacing:-.02em;color:#fff}
.mel-cta p{margin-top:8px!important;font-size:16px;color:rgba(255,255,255,.85)}
.mel-cta .mel-actions{margin-top:0}

/* Écrans moyens et petits */
@media (max-width:960px){
  .mel-hero,.mel-expert{grid-template-columns:1fr}
  .mel-hero-media{order:-1;padding:0 0 22px 18px;max-width:720px;width:100%;margin:0 auto}
  .mel-hero-copy{text-align:center}
  .mel-actions,.mel-stats{justify-content:center}
  .mel-tagline{text-align:left}
  .mel-expert-media{max-width:620px;margin:0 auto;width:100%}
}
@media (max-width:600px){
  .mel .mel-btn{width:100%}
  .mel-stats li{flex-basis:100%}
  .mel-cta{flex-direction:column;align-items:stretch;text-align:center}
  .mel-mascot{width:84px;left:-8px}
}
@media (prefers-reduced-motion:reduce){.mel-mascot{animation:none}.mel .mel-btn:hover,.mel-features li:hover{transform:none}}

/* Questions fréquentes */
.mel-faq-list{display:grid;gap:12px;max-width:860px;margin:0 auto}
.mel-faq-item{border-radius:var(--me-radius-lg,18px);background:var(--me-surface,#fff);border:1px solid var(--me-border,#e6e2f0);transition:border-color var(--me-dur,.2s) var(--me-ease,ease)}
html[data-meph-theme-resolved="dark"] .mel-faq-item{background:rgba(255,255,255,.04)}
.mel-faq-item[open]{border-color:var(--me-border-brand,rgba(111,19,240,.3))}
.mel-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none}
.mel-faq-item summary::-webkit-details-marker{display:none}
.mel-faq-item summary:focus-visible{outline:none;box-shadow:var(--me-focus-ring,0 0 0 3px rgba(111,19,240,.35));border-radius:var(--me-radius-lg,18px)}
.mel .mel-faq-item h3{margin:0;font-size:16.5px;line-height:1.4;font-weight:800;color:var(--me-text,#14102a);font-family:inherit;text-transform:none;letter-spacing:0}
.mel-faq-ico{position:relative;width:28px;height:28px;flex:none;border-radius:50%;background:var(--me-primary-soft,#f1e7fe)}
html[data-meph-theme-resolved="dark"] .mel-faq-ico{background:rgba(138,61,255,.18)}
.mel-faq-ico::before,.mel-faq-ico::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--me-brand,#6f13f0);transition:transform var(--me-dur,.2s) var(--me-ease,ease)}
html[data-meph-theme-resolved="dark"] .mel-faq-ico::before,html[data-meph-theme-resolved="dark"] .mel-faq-ico::after{background:#d9c2ff}
.mel-faq-ico::after{transform:rotate(90deg)}
.mel-faq-item[open] .mel-faq-ico::after{transform:rotate(0)}
.mel-faq-item p{padding:0 20px 18px;font-size:15.5px;line-height:1.65;color:var(--me-text-2,rgba(20,16,42,.74))}

/* Sélecteur de thème (sombre, clair, système), visible aussi pour les visiteurs */
.mel-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 18px}
.mel-bar-label{font-size:12px;font-weight:800;letter-spacing:var(--me-tracking-caps,.14em);text-transform:uppercase;color:var(--me-text-3,rgba(20,16,42,.55))}
.mel-bar-label:empty{display:none}
.mel .mel-theme .me-theme-toggle{background:var(--me-surface,#fff);border:1px solid var(--me-border,#e6e2f0);box-shadow:var(--me-shadow-1,0 1px 2px rgba(20,16,42,.06))}
html[data-meph-theme-resolved="dark"] .mel .mel-theme .me-theme-toggle{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.mel .mel-theme .me-theme-toggle button{width:34px;height:34px;min-height:0;padding:0;border-radius:50%}
.mel .mel-theme .me-theme-toggle button[aria-pressed="true"]{background:var(--me-primary-soft,#f1e7fe);color:var(--me-brand,#6f13f0)}
html[data-meph-theme-resolved="dark"] .mel .mel-theme .me-theme-toggle button[aria-pressed="true"]{background:rgba(138,61,255,.24);color:#e6d6ff}
/* Sur mobile et tablette, le sélecteur est déjà dans l’en-tête du site. */
@media (max-width:991px){.mel-bar{display:none}}
.mel .mel-feat-ico .mel-ico{display:block;margin:0;width:22px;height:22px}
.mel-features li{align-items:center}

/* Atouts NEXA : effet de lévitation du visuel (ombre au sol qui respire avec le mouvement) */
.mel-expert-media.is-floating{position:relative;padding-bottom:18px}
.mel-expert-media.is-floating img{position:relative;z-index:1;animation:melLevitate 6s ease-in-out infinite;will-change:transform}
.mel-expert-media.is-floating::after{content:"";position:absolute;left:50%;bottom:var(--mel-float-shadow,13%);width:46%;height:22px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(20,8,60,.28),transparent);animation:melShadow 6s ease-in-out infinite;pointer-events:none}
html[data-meph-theme-resolved="dark"] .mel-expert-media.is-floating::after{background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}
@keyframes melLevitate{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(-.6deg)}}
@keyframes melShadow{0%,100%{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(.78);opacity:.55}}
@media (prefers-reduced-motion:reduce){.mel-expert-media.is-floating img,.mel-expert-media.is-floating::after{animation:none}}