/* ============================================================
       ENIGMA ESCAPE — Design system « Noir & Or »
       Display : Cinzel · Texte : Montserrat
       ============================================================ */
    :root{
      --ee-ink:#07070a;          /* fond principal */
      --ee-ink-2:#0c0c11;        /* panneaux */
      --ee-ink-3:#121219;        /* cartes */
      --ee-gold:#d4af37;
      --ee-gold-hi:#f3e5b3;      /* reflet champagne */
      --ee-gold-lo:#8a6d1f;      /* bronze profond */
      --ee-bone:#f2ede1;         /* texte principal */
      --ee-mute:#a49c8c;         /* texte secondaire */
      --ee-line:rgba(212,175,55,.22);
      --ee-line-soft:rgba(212,175,55,.12);
      --ee-danger:#e2604f;
      --ee-grad-gold:linear-gradient(160deg,var(--ee-gold-hi) 0%,var(--ee-gold) 45%,var(--ee-gold-lo) 100%);
      --ee-font-display:'Cinzel',serif;
      --ee-font-body:'Montserrat',system-ui,sans-serif;
      --ee-nav-h:72px;
    }

/* Polices communes ; dimensions et fonds des sections existantes conservés. */
body, button, input, select, textarea,
.grostitre, .btn, .submitbtn2, .the-footer-distributed,
#modalTitleText, .rmodal-title, .rmodal-header, .question,
.question::before, .answer, .answer p { font-family:var(--ee-font-body); }
h1,h2,h3,h4,h5,h6,.the-footer-distributed h3 { font-family:var(--ee-font-display); }
html { scroll-behavior:smooth; }
.ee-modern { background:var(--ee-ink); color:var(--ee-bone); font:400 1.6rem/1.75 var(--ee-font-body); }
.ee-modern, .ee-modern :where(*, *::before, *::after) { box-sizing:border-box; margin:0; padding:0; }
.ee-modern :where(p) { font:inherit; }
:where(.ee-modern) :where(img,video) { display:block; max-width:100%; height:auto; }
.ee-modern :where(a) { color:var(--ee-gold); text-decoration:none; transition:color .25s ease; }
.ee-modern :where(a:hover) { color:var(--ee-gold-hi); }
.ee-modern :where(button) { color:inherit; font:inherit; }
.ee-modern :focus-visible { outline:2px solid var(--ee-gold); outline-offset:3px; }
.ee-modern ::selection { background:var(--ee-gold); color:#171204; }
    .ee-skip-link{position:absolute;left:-9999px;top:0;background:var(--ee-gold);color:#171204;padding:1.12rem 1.92rem;z-index:200;font-weight:700}
    .ee-skip-link:focus{left:12px;top:12px}

    .ee-wrap{width:min(1160px,92%);margin-inline:auto}
    section,article,#infos{scroll-margin-top:calc(var(--ee-nav-h) + 12px)}

    /* --- Typographie --------------------------------------- */
    .ee-gold-text{
      background:var(--ee-grad-gold);
      -webkit-background-clip:text;background-clip:text;
      color:transparent;
    }
    .ee-eyebrow{
      font:600 1.152rem/1 var(--ee-font-body);
      letter-spacing:.38em;text-transform:uppercase;
      color:var(--ee-gold);display:inline-flex;align-items:center;gap:.9em;
    }
    .ee-eyebrow::before,.ee-eyebrow::after{content:"◆";font-size:.5em;opacity:.8}
    :where(.ee-modern) h1,:where(.ee-modern) h2,:where(.ee-modern) h3{text-transform:none;letter-spacing:normal;font-family:var(--ee-font-display);font-weight:700;line-height:1.18}
    :where(.ee-modern) h1{font-size:clamp(2.72rem,4.2vw,4.64rem);letter-spacing:.02em}
    :where(.ee-modern) h2{font-size:clamp(2.4rem,3.4vw,3.68rem);letter-spacing:.03em}
    :where(.ee-modern) h3{font-size:clamp(2rem,2.4vw,2.64rem)}
    .ee-section-head{text-align:center;max-width:760px;margin:0 auto 5.44rem}
    .ee-section-head .ee-eyebrow{margin-bottom:1.76rem}
    .ee-section-head p{color:var(--ee-mute);margin-top:1.76rem}

    .ee-orn{display:flex;align-items:center;gap:16px;margin:3.84rem auto;max-width:420px;color:var(--ee-gold)}
    .ee-orn::before,.ee-orn::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--ee-line))}
    .ee-orn::after{background:linear-gradient(90deg,var(--ee-line),transparent)}
    .ee-orn span{font-size:0.96rem}

    /* --- Boutons -------------------------------------------- */
    .ee-btn{
      display:inline-block;font:700 1.248rem/1 var(--ee-font-body);
      letter-spacing:.2em;text-transform:uppercase;
      padding:1.76rem 3.68rem;border-radius:2px;
      transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease;
      
    }
    .ee-btn-gold{
      background:linear-gradient(180deg,#ecd58a 0%,#d4af37 55%,#b3901f 100%);
      color:#171204;border:1px solid rgba(255,240,190,.55);
      box-shadow:0 10px 30px -12px rgba(212,175,55,.45);
    }
    .ee-btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(212,175,55,.65);color:#171204}
    .ee-btn-ghost{border:1px solid var(--ee-line);color:var(--ee-bone)}
    .ee-btn-ghost:hover{border-color:var(--ee-gold);color:var(--ee-gold-hi)}

    /* --- Navigation ------------------------------------------ */
    .ee-nav{
      position:fixed;inset:0 0 auto 0;z-index:100;height:var(--ee-nav-h);
      display:flex;align-items:center;
      transition:background .35s ease,border-color .35s ease,backdrop-filter .35s ease;
      border-bottom:1px solid transparent;
    }
    .ee-nav.ee-scrolled{background:rgba(7,7,10,.88);border-color:var(--ee-line-soft)}
    .ee-nav-inner{width:min(1300px,94%);margin-inline:auto;display:flex;align-items:center;gap:3.2rem}
    .ee-nav-logo img{height:34px;width:auto}
    .ee-nav-links{display:flex;align-items:center;gap:3.04rem;margin-left:auto;list-style:none}
    .ee-nav-links a{
      font:600 1.152rem/1 var(--ee-font-body);letter-spacing:.16em;text-transform:uppercase;
      color:var(--ee-bone);padding:0.64rem 0;position:relative;
    }
    .ee-nav-links a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--ee-gold);transition:width .3s ease}
    .ee-nav-links a:hover{color:var(--ee-gold-hi)}
    .ee-nav-links a:hover::after{width:100%}
    .ee-nav-links .ee-nav-cta{background:linear-gradient(180deg,#ecd58a,#c8a230);color:#171204;padding:1.2rem 2.24rem;border-radius:2px}
    .ee-nav-links .ee-nav-cta::after{display:none}
    .ee-nav-links .ee-nav-cta:hover{color:#171204;box-shadow:0 8px 24px -8px rgba(212,175,55,.6)}
    .ee-nav-flag img{height:14px;width:28px;display:block}
    .ee-burger{
      display:none;margin-left:auto;background:none;border:1px solid var(--ee-line);
      width:46px;height:46px;border-radius:2px;cursor:pointer;position:relative;z-index:110;
    }
    .ee-burger span{position:absolute;left:12px;right:12px;height:2px;background:var(--ee-gold);transition:transform .3s ease,opacity .3s ease}
    .ee-burger span:nth-child(1){top:15px}.ee-burger span:nth-child(2){top:22px}.ee-burger span:nth-child(3){top:29px}
    .ee-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .ee-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
    .ee-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

    /* --- Hero ------------------------------------------------- */
    .ee-hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
    .ee-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
    .ee-hero::before{ /* vignette + assombrissement premium */
      content:"";position:absolute;inset:0;z-index:1;
      background:
        radial-gradient(ellipse 90% 70% at 50% 42%,rgba(7,7,10,0) 0%,rgba(7,7,10,.55) 72%,rgba(7,7,10,.92) 100%),
        linear-gradient(180deg,rgba(7,7,10,.55) 0%,rgba(7,7,10,.15) 35%,rgba(7,7,10,.9) 96%);
    }
    .ee-hero-body{position:relative;z-index:2;padding:calc(var(--ee-nav-h) + 4.8rem) 1.92rem 9.6rem;width:min(880px,94%)}
    .ee-hero-logo{width:min(430px,78vw);height:auto;margin-inline:auto;filter:drop-shadow(0 12px 40px rgba(0,0,0,.6))}
    .ee-hero-tagline{
      font-family:var(--ee-font-display);font-weight:600;
      font-size:clamp(1.632rem,2.6vw,2.4rem);letter-spacing:.3em;text-transform:uppercase;
      margin-top:3.36rem;
    }
    .ee-hero-sub{color:var(--ee-mute);margin-top:1.44rem;font-size:1.568rem;letter-spacing:.04em}
    .ee-hero-sub strong{color:var(--ee-bone);font-weight:600}
    .ee-hero-ctas{display:flex;gap:1.76rem;justify-content:center;flex-wrap:wrap;margin-top:3.84rem}
    .ee-hero-badges{
      display:flex;flex-wrap:wrap;justify-content:center;gap:0.96rem 3.52rem;
      margin-top:5.12rem;padding-top:2.56rem;border-top:1px solid var(--ee-line-soft);
      font:600 1.088rem/1.5 var(--ee-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ee-mute);
    }
    .ee-hero-badges span b{color:var(--ee-gold);font-weight:700}
    .ee-hero-scroll{
      position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;
      color:var(--ee-gold);font-size:2.08rem;animation:ee-drift 2.2s ease-in-out infinite;
    }
    @keyframes ee-drift{0%,100%{transform:translate(-50%,0);opacity:.9}50%{transform:translate(-50%,9px);opacity:.4}}

    /* séquence d'entrée du hero */
    .ee-hero .ee-stage{opacity:0;transform:translateY(16px);animation:ee-rise .9s ease forwards}
    .ee-hero .ee-stage-1{animation-delay:.1s}.ee-hero .ee-stage-2{animation-delay:.35s}
    .ee-hero .ee-stage-3{animation-delay:.6s}.ee-hero .ee-stage-4{animation-delay:.85s}.ee-hero .ee-stage-5{animation-delay:1.1s}
    @keyframes ee-rise{to{opacity:1;transform:none}}

    /* --- Bandeau chiffres ------------------------------------ */
    .ee-stats{border-block:1px solid var(--ee-line-soft);background:var(--ee-ink-2)}
    .ee-stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;padding:3.52rem 0}
    .ee-stat{text-align:center;padding:0 0.8rem}
    .ee-stat b{font:700 clamp(2.72rem,3.4vw,4rem)/1 var(--ee-font-display);display:block}
    .ee-stat small{display:block;margin-top:0.88rem;font:600 1.056rem/1.4 var(--ee-font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--ee-mute)}

    /* --- Sections générales ---------------------------------- */
    .ee-section{padding:10.4rem 0}
    .ee-section-dark{background:var(--ee-ink-2);border-block:1px solid var(--ee-line-soft)}

    .ee-lede{max-width:800px;margin-inline:auto;text-align:center;color:var(--ee-mute);font-size:1.664rem}
    .ee-lede strong,.ee-lede b{color:var(--ee-bone);font-weight:600}
    .ee-lede .ee-gold{color:var(--ee-gold)}
    .ee-awards-img{margin:4.8rem auto 0;width:100%;max-width:650px}


/* Le flou reste sur un calque pour que le menu mobile soit fixé à l'écran. */
.ee-nav::before {
  content:""; position:absolute; inset:0; z-index:-1;
  backdrop-filter:blur(14px); opacity:0; pointer-events:none; transition:opacity .35s ease;
}
.ee-nav.ee-scrolled::before { opacity:1; }
/* Les conteneurs hérités peuvent dépasser de 6px sur tablette. */
#main .container { max-width:100%; }
/* Raccord : les avis restent à la suite des récompenses. */
.ee-reviews { background:linear-gradient(var(--ee-ink),#000); padding:0 0 3.2rem; }
.ee-reviews::after { content:""; display:block; clear:both; }
.ee-reviews #trustindex { min-height:340px; margin-bottom:0; }
.ee-modern .ee-hero-ctas a { white-space:normal; }
.ee-nav-links { padding:0; }
.ee-nav-links a { white-space:nowrap; }
.ee-burger { flex-shrink:0; padding:0; }
.ee-stat b { font-variant-numeric:tabular-nums; }
.ee-reveal-pending { opacity:0; transform:translateY(16px); }
.ee-rv { transition:opacity .7s ease,transform .7s ease; }
body.ee-menu-open { overflow:hidden; }

@media (max-width:1100px) {
  .ee-nav-links {
    position:fixed; inset:0; background:rgba(7,7,10,.97); backdrop-filter:blur(16px);
    flex-direction:column; justify-content:safe center; gap:3.2rem;
    padding:calc(var(--ee-nav-h) + 2.4rem) 1.92rem 3.2rem; overflow-y:auto;
    opacity:0; visibility:hidden; pointer-events:none; margin:0;
    transition:opacity .3s ease,visibility .3s ease;
  }
  .ee-nav-links.ee-open { opacity:1; visibility:visible; pointer-events:auto; }
  .ee-nav-links a { font-size:1.52rem; }
  .ee-burger { display:block; }
}
@media (max-width:560px) {
  .ee-stats-inner { grid-template-columns:repeat(2,1fr); gap:2.56rem 0; }
  .ee-section { padding:7.2rem 0; }
  .ee-hero-badges { gap:0.8rem 1.92rem; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .ee-modern *, .ee-modern *::before, .ee-modern *::after {
    animation:none !important; transition:none !important;
  }
  .ee-modern .ee-stage, .ee-modern .ee-rv { opacity:1; transform:none; }
}