/* KAVEVA — la démo réel d'ÉVA (16/10/2026) : 3 images → un réel de 15 s monté dans le téléphone */
@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-weight:800;font-display:swap;src:url(/fonts/playfair-display-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Oswald;font-weight:700;font-display:swap;src:url(/fonts/oswald-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Nunito;font-weight:800;font-display:swap;src:url(/fonts/nunito-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:500;font-display:swap;src:url(/fonts/dm-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:700;font-display:swap;src:url(/fonts/dm-sans-latin-700-normal.woff2) format("woff2")}
:root{--nuit:#030807;--verre:rgba(14,34,36,.6);--bord:rgba(0,238,242,.18);--turquoise:#00EEF2;--pale:#B5F6FA;--texte:#EAFAF4;--doux:#8CA6AA;--titre:Manrope,system-ui,sans-serif;--corps:"DM Sans",system-ui,-apple-system,sans-serif;color-scheme:dark}
html,body{margin:0;height:100%;background:var(--nuit);color:var(--texte);font-family:var(--corps);-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
body{background:radial-gradient(60% 40% at 15% 0%,rgba(0,238,242,.14),transparent 70%),radial-gradient(50% 40% at 100% 85%,rgba(0,238,242,.08),transparent 70%),var(--nuit)}
.rl{max-width:520px;margin:0 auto;height:100dvh}
.rl-ecran{box-sizing:border-box;height:100dvh;display:flex;flex-direction:column;gap:clamp(12px,2.2vh,18px);padding:calc(12px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow:auto}

.rl-haut{display:flex;align-items:center;justify-content:space-between}
.rl-haut img{height:28px;width:auto}
.rl-croix{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--bord);background:var(--verre);color:var(--pale);font-size:26px;line-height:1;text-decoration:none}
.rl-sur{margin:0 0 6px;font:700 14px var(--corps);letter-spacing:.18em;color:var(--turquoise)}
.rl-tete h1{margin:0;font:800 clamp(28px,8.4vw,36px)/1.05 var(--titre);letter-spacing:-.02em;text-wrap:balance}
.rl-tete h1 em{font-style:normal;color:var(--turquoise);text-shadow:0 0 22px rgba(0,238,242,.45)}
.rl-chapo{margin:8px 0 0;font-size:15px;line-height:1.4;color:var(--doux)}

.rl-champ{display:grid;gap:8px}
.rl-champ>span{font:700 14px var(--corps);color:var(--pale)}
.rl-champ input{min-height:50px;box-sizing:border-box;border-radius:16px;border:1px solid var(--bord);background:var(--verre);color:var(--texte);padding:0 16px;font:600 16px var(--corps)}
.rl-champ input::placeholder{color:#5d7a7e}
.rl-champ input:focus{outline:2px solid var(--turquoise);outline-offset:1px}
.rl-metiers{display:flex;flex-wrap:wrap;gap:8px}
.rl-metiers button{min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--bord);background:var(--verre);color:var(--pale);font:600 14px var(--corps);cursor:pointer}
.rl-metiers button[aria-checked="true"]{background:var(--turquoise);border-color:var(--turquoise);color:#02242A;box-shadow:0 0 16px rgba(0,238,242,.4)}

.rl-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rl-case{position:relative;aspect-ratio:3/4;max-width:100%;border-radius:18px;border:1.5px dashed rgba(0,238,242,.45);background:rgba(0,238,242,.04);color:var(--turquoise);cursor:pointer;overflow:hidden;padding:0}
.rl-case b{position:absolute;inset:0;display:grid;place-items:center;font:800 30px var(--titre);opacity:.55}
.rl-case b::after{content:"+";position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:var(--turquoise);color:#02242A;font:800 20px/30px var(--titre);opacity:1}
.rl-case.plein{border-style:solid;border-color:var(--turquoise);box-shadow:0 0 18px rgba(0,238,242,.25)}
.rl-case.plein b{display:none}
.rl-case img,.rl-case video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rl-case .rl-x{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:50%;background:rgba(3,8,7,.75);color:var(--texte);display:grid;place-items:center;font-size:18px;line-height:1}
.rl-case .rl-v{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:99px;background:rgba(3,8,7,.75);color:var(--pale);font:700 14px var(--corps);letter-spacing:.06em}

.rl-bas{margin-top:auto;display:grid;gap:10px}
.rl-cta{position:relative;overflow:hidden;display:grid;place-items:center;min-height:56px;border:0;border-radius:18px;background:var(--turquoise);color:#02242A;font:800 18px var(--titre);text-decoration:none;cursor:pointer;box-shadow:0 10px 34px rgba(0,238,242,.35)}
.rl-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:rlBalai 3.2s ease-in-out infinite}
@keyframes rlBalai{55%,100%{transform:translateX(120%)}}
.rl-cta:disabled{opacity:.35;box-shadow:none;cursor:default}
.rl-cta:disabled::after{display:none}
.rl-prive{margin:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:var(--doux)}
.rl-prive svg{color:var(--turquoise);flex:none}

/* ÉVA monte */
.rl-monte{justify-content:center;align-items:center;text-align:center;gap:18px}
.rl-eva{position:relative;width:110px;height:110px}
.rl-eva::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,var(--turquoise) 80%,transparent 100%);animation:rlTour 1.1s linear infinite;filter:drop-shadow(0 0 10px var(--turquoise))}
.rl-eva img{position:relative;width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--nuit);box-sizing:border-box}
@keyframes rlTour{to{transform:rotate(1turn)}}
.rl-monte-t{margin:0;font:800 22px var(--titre)}
.rl-etapes{list-style:none;margin:0;padding:0;display:grid;gap:10px;text-align:left}
.rl-etapes li{display:flex;align-items:center;gap:10px;font-size:15px;color:#4f6a6e;transition:color .3s}
.rl-etapes li::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid #24464b;box-sizing:border-box;transition:all .3s}
.rl-etapes li.ok{color:var(--texte)}
.rl-etapes li.ok::before{border-color:var(--turquoise);background:var(--turquoise) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2302242A' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 0 12px rgba(0,238,242,.6)}

/* Le réel */
.rl-lecteur{padding:calc(8px + env(safe-area-inset-top)) 0 calc(8px + env(safe-area-inset-bottom));align-items:center;justify-content:center}
.rl-cadre{position:relative;height:100%;max-height:100%;aspect-ratio:9/16;max-width:100%;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(0,238,242,.25),0 0 60px rgba(0,238,242,.18)}
.rl-cadre canvas{display:block;width:100%;height:100%}
.rl-barre{position:absolute;left:12px;right:12px;top:10px;height:3px;border-radius:3px;background:rgba(255,255,255,.22)}
.rl-barre i{display:block;height:100%;width:0;border-radius:3px;background:var(--turquoise);box-shadow:0 0 8px var(--turquoise)}
.rl-fin{position:absolute;left:0;right:0;bottom:0;display:grid;gap:8px;padding:28px 14px 14px;background:linear-gradient(180deg,transparent,rgba(3,8,7,.92) 30%);animation:rlMonteFin .4s ease-out}
@keyframes rlMonteFin{from{transform:translateY(30px);opacity:0}}
.rl-fin-t{margin:0;text-align:center;font:700 15px var(--corps);color:var(--pale)}
.rl-fin-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rl-sec{min-height:46px;border-radius:14px;border:1px solid var(--bord);background:var(--verre);color:var(--pale);font:700 14px var(--corps);cursor:pointer}
.rl-croix:focus-visible,.rl-cta:focus-visible,.rl-sec:focus-visible,.rl-case:focus-visible,.rl-metiers button:focus-visible{outline:2px solid var(--pale);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.rl-cta::after,.rl-eva::before{animation:none}}
.rl-dl{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:16px;border:1px solid var(--turquoise);background:rgba(0,238,242,.08);color:var(--pale);font:800 16px var(--titre);cursor:pointer;box-shadow:0 0 18px rgba(0,238,242,.2)}
.rl-dl svg{color:var(--turquoise)}
.rl-dl small{font:500 14px var(--corps);color:var(--doux)}
.rl-dl:focus-visible{outline:2px solid var(--pale);outline-offset:2px}
.rl-legende{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:14px;border:1px solid var(--bord);background:rgba(8,22,24,.9)}
.rl-legende p{margin:0;min-width:0;display:grid;gap:2px}
.rl-legende small{font:700 14px var(--corps);color:var(--pale)}
.rl-legende span{font-size:14px;color:var(--turquoise);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-copier{min-height:40px;padding:0 12px;border-radius:12px;border:0;background:var(--turquoise);color:#02242A;font:800 14px var(--titre);cursor:pointer;white-space:nowrap}
.rl-copier:focus-visible{outline:2px solid var(--pale);outline-offset:2px}
.rl-plus{display:grid;gap:2px;justify-items:center;min-height:48px;padding:8px 12px;border-radius:14px;border:1px dashed rgba(0,238,242,.45);background:transparent;color:var(--pale);font:700 14px var(--corps);cursor:pointer}
.rl-plus small{font:500 14px var(--corps);color:var(--doux)}
.rl-plus:focus-visible{outline:2px solid var(--pale);outline-offset:2px}
.rl-extra{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:12px;background:rgba(0,238,242,.08);font-size:14px;color:var(--pale)}
.rl-extra b{color:var(--turquoise)}
.rl-extra button{min-height:36px;border:0;background:none;color:var(--doux);font:600 14px var(--corps);text-decoration:underline;cursor:pointer}
.rl-duo{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}
.rl-duo .rl-champ{min-width:0}
.rl-logo{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;min-height:46px;padding:6px 12px;border-radius:14px;border:1px dashed var(--bord);background:transparent;color:var(--pale);font:700 14px var(--corps);cursor:pointer}
.rl-logo small{font:500 14px var(--corps);color:var(--doux)}
.rl-logo.plein{border-style:solid;border-color:var(--turquoise)}
.rl-logo img{height:30px;width:auto;max-width:90px;object-fit:contain;border-radius:6px;background:#fff}
.rl-logo:focus-visible{outline:2px solid var(--pale);outline-offset:2px}
.rl-champ input{width:100%;min-width:0;box-sizing:border-box}

/* 17/10 — Google : « C'est vous ? » et ce qu'ÉVA a vu (uniquement des chiffres réels, source Google Maps) */
.rl-google{display:grid;gap:8px;padding:12px;border-radius:16px;border:1px solid var(--bord);background:var(--verre)}
.rl-g-t{margin:0;font:800 15px var(--titre);color:var(--texte)}
.rl-g-t span{font:600 14px var(--corps);color:var(--turquoise);margin-left:6px}
.rl-g-alerte{border-color:var(--turquoise);animation:rlGAlerte .45s ease-in-out 2}
@keyframes rlGAlerte{0%,100%{transform:none;box-shadow:none}50%{transform:scale(1.02);box-shadow:0 0 24px rgba(0,238,242,.45)}}
.rl-g-attente{margin:0;font-size:14px;color:var(--pale)}
.rl-g-attente::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:50%;border:2px solid var(--turquoise);border-right-color:transparent;vertical-align:-1px;animation:rlTourne .8s linear infinite}
@keyframes rlTourne{to{transform:rotate(360deg)}}
.rl-g-choix{display:grid;gap:2px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--bord);background:rgba(3,8,7,.5);color:var(--texte);cursor:pointer;font:inherit}
.rl-g-choix b{font:700 15px var(--corps)}
.rl-g-choix small{font-size:14px;color:var(--doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-g-choix:active{border-color:var(--turquoise)}
.rl-g-non{justify-self:start;padding:4px 0;border:0;background:none;color:var(--doux);font:600 14px var(--corps);text-decoration:underline;cursor:pointer}
.rl-g-ok{margin:0;font-size:14px;color:var(--pale)}
.rl-g-ok span{color:var(--turquoise);font-weight:800}
.rl-g-src{margin:0;font-size:14px;color:var(--doux)}
.rl-g-src a{color:var(--pale)}

.rl-wow{width:100%;display:grid;gap:12px;text-align:left;animation:rlMonteFin .5s ease-out}
.rl-wow-sur{margin:0;font:700 14px var(--corps);letter-spacing:.18em;color:var(--turquoise)}
.rl-wow h2{margin:0;font:800 26px/1.1 var(--titre);text-wrap:balance}
.rl-wow-note{margin:0;display:flex;align-items:center;gap:10px}
.rl-wow-note b{font:800 40px/1 var(--titre);color:var(--turquoise);text-shadow:0 0 22px rgba(0,238,242,.45)}
.rl-wow-note small{font-size:14px;color:var(--doux)}
.rl-etoiles{--n:0;position:relative;display:inline-block;font-size:20px;letter-spacing:2px;line-height:1}
.rl-etoiles::before{content:"★★★★★";color:#24464b}
.rl-etoiles::after{content:"★★★★★";position:absolute;left:0;top:0;width:calc(var(--n) / 5 * 100%);overflow:hidden;color:var(--turquoise)}
.rl-wow ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.rl-wow ul li{position:relative;padding:12px 12px 12px 38px;border-radius:14px;border:1px solid var(--bord);background:var(--verre);font-size:15px;line-height:1.35}
.rl-wow ul li::before{content:"";position:absolute;left:14px;top:17px;width:10px;height:10px;border-radius:50%;background:var(--turquoise);box-shadow:0 0 10px rgba(0,238,242,.7)}
.rl-wow blockquote{margin:0;padding:10px 14px;border-left:3px solid var(--turquoise);font-size:14px;line-height:1.4;color:var(--texte);font-style:italic}
.rl-wow cite{display:block;margin-top:4px;font-size:14px;font-style:normal;color:var(--doux)}
.rl-monte{overflow-y:auto}

/* 17/10 — le décorticage en musique, puis la stratégie */
.rl-scan{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rl-scan li{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid var(--bord);background:var(--verre);opacity:0;transform:translateX(-14px);transition:opacity .35s,transform .35s,border-color .6s,box-shadow .6s}
.rl-scan li.vu{opacity:1;transform:none;border-color:rgba(0,238,242,.55);box-shadow:0 0 18px rgba(0,238,242,.18)}
.rl-scan-e{font:700 14px var(--corps);letter-spacing:.08em;text-transform:uppercase;color:var(--turquoise)}
.rl-scan li>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
.rl-scan b{font:700 15px var(--corps);color:var(--texte)}
.rl-scan small{font-size:14px;color:var(--doux)}
.rl-scan-non{color:var(--pale)!important;opacity:.85}
.rl-scan-gros{font:800 32px/1 var(--titre);color:var(--turquoise);text-shadow:0 0 18px rgba(0,238,242,.45);font-variant-numeric:tabular-nums}
.rl-barres{width:100%;display:grid;gap:6px}
.rl-barres p{margin:0;display:grid;grid-template-columns:minmax(0,92px) 1fr auto;align-items:center;gap:8px;font-size:14px;color:var(--pale)}
.rl-barres span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-barres i{display:block;height:10px;border-radius:6px;background:#24464b;width:0;transition:width 1s cubic-bezier(.2,.8,.2,1)}
.rl-scan li.vu .rl-barres i{width:var(--w)}
.rl-barres i.vous{background:var(--turquoise);box-shadow:0 0 10px rgba(0,238,242,.6)}
.rl-barres em{font-style:normal;font-weight:700;color:var(--texte)}
.rl-scan-logo{width:44px;height:44px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.06)}
.rl-scan-teinte{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.4)}
.rl-scan-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}
.rl-scan-photos figure{margin:0;display:grid;gap:4px}
.rl-scan-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}
.rl-scan-photos figcaption{font-size:14px;line-height:1.2;color:var(--pale)}
.rl-verdict{display:grid;gap:12px;animation:rlMonteFin .5s ease-out}
.rl-wow{max-height:100%;overflow-y:auto;padding-bottom:8px}

.rl-strat-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:16px;border:1.5px solid var(--turquoise);background:rgba(0,238,242,.1);color:var(--texte);font:800 15px var(--titre);cursor:pointer;box-shadow:0 0 16px rgba(0,238,242,.3)}
.rl-strat-btn small{font:600 14px var(--corps);color:var(--pale)}
.rl-strat{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;gap:12px;padding:22px 16px 16px;overflow-y:auto;background:#030807;animation:rlMonteFin .4s ease-out}
.rl-strat-x{position:absolute;top:12px;right:12px}
.rl-strat h2{margin:0;padding-right:48px;font:800 26px/1.1 var(--titre)}
.rl-strat-sous{margin:0;font-size:14px;color:var(--doux)}
.rl-strat-l{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
.rl-strat-l li{counter-increment:s;position:relative;padding:12px 12px 12px 50px;border-radius:14px;border:1px solid var(--bord);background:var(--verre)}
.rl-strat-l li::before{content:counter(s);position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--turquoise);color:#02242A;font:800 15px var(--titre)}
.rl-strat-l b{font:800 16px var(--titre)}
.rl-strat-l p{margin:4px 0 0;font-size:14px;line-height:1.4;color:var(--texte)}
.rl-strat-l .rl-strat-eva{color:var(--pale);font-size:14px}
.rl-strat-eva span{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:99px;background:rgba(0,238,242,.15);color:var(--turquoise);font:800 14px var(--titre)}
.rl-strat .rl-cta{margin-top:auto}

/* 17/10 — le mini-site offert, dans un téléphone, aux couleurs du pro */
.rl-site{gap:12px}
.rl-site .rl-haut .rl-sur{margin:0}
.rl-site-chapo{margin:0;font-size:14px;line-height:1.4;color:var(--doux)}
.rl-tel{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:26px;border:1px solid var(--bord);background:#0b0f0f;overflow:hidden;box-shadow:0 0 40px rgba(0,238,242,.12)}
.rl-tel-barre{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;font-size:14px;color:var(--doux);background:#121818}
.rl-tel-barre b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms{--ms:#fff;--ms-pale:#eee;flex:1;overflow-y:auto;background:#0e1111;color:#f4f4f2;font-family:var(--corps)}
.ms-hero{position:relative;min-height:330px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:20px 18px;background-size:cover;background-position:center}
.ms-logo{position:absolute;top:16px;left:16px;width:58px;height:58px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.12);padding:4px}
.ms-hero h3{margin:0;font:800 30px/1.05 var(--titre);text-shadow:0 2px 16px rgba(0,0,0,.6)}
.ms-hero p{margin:0;font-size:14px;color:#e7e7e3}
.ms-hero .ms-note{display:flex;align-items:center;gap:6px;font-weight:700}
.ms .rl-etoiles{font-size:15px}
.ms .rl-etoiles::after{color:var(--ms)}
.ms-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ms-actions a{padding:10px 14px;border-radius:99px;background:var(--ms);color:#111;font:800 14px var(--titre);text-decoration:none}
.ms-actions a+a{background:rgba(255,255,255,.14);color:#fff}
.ms section{padding:18px;border-top:1px solid rgba(255,255,255,.07)}
.ms h4{margin:0 0 10px;font:800 18px var(--titre);color:var(--ms)}
.ms section>p{margin:0;font-size:14px;line-height:1.5;color:#dcdcd8}
.ms-galerie{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ms-galerie figure{margin:0;display:grid;gap:4px}
.ms-galerie figure:first-child{grid-column:1/-1}
.ms-galerie img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.ms-galerie figcaption{font-size:14px;color:#bdbdb8}
.ms blockquote{margin:0;padding-left:12px;border-left:3px solid var(--ms);font-style:italic;font-size:14px;line-height:1.45}
.ms cite{display:block;margin-top:6px;font-size:14px;font-style:normal;color:#a9a9a4}
.ms-horaires{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:14px;color:#dcdcd8}
.ms-horaires li::first-letter{text-transform:uppercase}
.ms-contact{background:rgba(255,255,255,.04)}
.ms footer{padding:16px 18px 22px;font-size:14px;color:#8d8d88;text-align:center}
.rl-fin-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.rl-fin-duo .rl-strat-btn{flex-direction:column;gap:0;min-height:52px;font-size:14px;line-height:1.1}

/* 17/10 — « ÉVA, prends les commandes », sources et limites, QR code */
.rl-lien{justify-self:center;padding:6px 4px;border:0;background:none;color:var(--pale);font:600 14px var(--corps);text-decoration:underline;cursor:pointer}
.rl-cmd{display:grid;gap:12px}
.rl-cmd-l{margin:0;padding:0;list-style:none;counter-reset:c;display:grid;gap:10px}
.rl-cmd-l li{counter-increment:c;position:relative;display:grid;gap:6px;padding:12px 12px 12px 50px;border-radius:14px;border:1px solid var(--bord);background:var(--verre);opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s}
.rl-cmd-l li.vu{opacity:1;transform:none}
.rl-cmd-l li::before{content:counter(c);position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--turquoise);color:#02242A;font:800 15px var(--titre)}
.rl-cmd-l b{font:800 16px var(--titre)}
.rl-cmd-l p{margin:0;font-size:14px;line-height:1.4}
.rl-cmd-ok,.rl-cmd-prop{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:99px;font:800 14px var(--titre);vertical-align:1px}
.rl-cmd-ok{background:var(--turquoise);color:#02242A}
.rl-cmd-prop{border:1px solid var(--pale);color:var(--pale)}
.rl-cmd-src{color:var(--doux);font-size:14px!important}
.rl-cmd-eva{color:var(--pale)}
.rl-cmd-eva span{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:99px;background:rgba(0,238,242,.15);color:var(--turquoise);font:800 14px var(--titre)}
.rl-cmd-go{justify-self:start;margin-top:2px;padding:8px 12px;border-radius:99px;border:1px solid var(--turquoise);background:none;color:var(--turquoise);font:800 14px var(--titre);cursor:pointer}
.rl-strat-h{margin:6px 0 0;font:800 18px var(--titre);color:var(--texte)}
.rl-qr{display:grid;gap:8px;padding:12px;border-radius:14px;border:1px dashed var(--bord)}
.rl-qr p{margin:0;font-size:14px;line-height:1.4;color:var(--doux)}
.rl-qr-out{display:grid;justify-items:center;gap:8px;text-align:center}
.rl-qr-out canvas{width:200px;height:200px;border-radius:12px;background:#fff;image-rendering:pixelated}
.rl-qr-out p{color:var(--texte)}
.rl-qr-out a{color:var(--turquoise)}
.rl-sources{position:fixed;inset:0;z-index:20;display:grid;place-items:end center;background:rgba(0,0,0,.6)}
.rl-sources-in{position:relative;box-sizing:border-box;width:100%;max-width:520px;max-height:88dvh;overflow-y:auto;display:grid;gap:10px;padding:22px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#06100f;border-top:1px solid var(--bord);animation:rlMonteFin .3s ease-out}
.rl-sources-in h2{margin:0;padding-right:48px;font:800 22px var(--titre)}
.rl-src-l{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.rl-src-l li{padding:10px 12px;border-radius:12px;border:1px solid var(--bord);background:var(--verre)}
.rl-src-l b{font:800 14px var(--titre)}
.rl-src-l small{display:block;margin-top:2px;font-size:14px;color:var(--turquoise)}
.rl-src-l p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--doux)}
.rl-scan-rond{border-radius:50%!important;width:40px;height:40px;object-fit:cover}

/* 17/10 — le plan d'ÉVA */
.rl-plan-b{display:grid;gap:8px;padding-top:6px;border-top:1px solid var(--bord)}
.rl-plan-l,.rl-plan-o{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14px;line-height:1.45;color:var(--texte)}
.rl-plan-l li::marker,.rl-plan-o li::marker{color:var(--turquoise);font-weight:800}
.rl-plan-ex{margin:0;padding:10px 12px;border-radius:12px;border:1px dashed var(--bord);font-size:14px;font-style:italic;color:var(--pale)}
.rl-plan-ex span{display:block;margin-bottom:4px;font:800 14px var(--titre);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--turquoise)}

.rl-auto{margin:8px 0 0;padding:10px 12px;border-radius:12px;border:1px dashed rgba(0,238,242,.45);font-size:14px;line-height:1.4;color:var(--pale)}
.rl-auto b{color:var(--texte)}

/* 18/10 : le site du métier en plein écran (plus de faux téléphone) */
.rl-site.rl-site-plein{position:fixed;inset:0;z-index:60;padding:0;gap:0;background:#000;max-width:none}
.rl-site.rl-site-plein .rl-site-chapo,.rl-site.rl-site-plein .rl-tel-barre,.rl-site.rl-site-plein .rl-haut .rl-sur{display:none}
.rl-site.rl-site-plein .rl-haut{position:fixed;top:calc(12px + env(safe-area-inset-top));right:12px;z-index:70;margin:0}
.rl-site.rl-site-plein .rl-croix{background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.rl-site.rl-site-plein{display:flex;flex-direction:column}
.rl-site.rl-site-plein .rl-tel{flex:1;min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.rl-site.rl-site-plein>.rl-cta{flex:none;margin:8px 14px calc(8px + env(safe-area-inset-bottom))}
.ms-plein{flex:1;min-height:0;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#17110E}
.ms-plein .kms-v{min-height:0;height:100%}

/* ══ 20/10 (maquettes validées) : la démo en 1 photo, puis Instagram · Facebook · TikTok ══ */
.rl-in{flex:1;display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto}
.rl-in-eva{display:flex;align-items:center;gap:10px}.rl-in-eva img{width:44px;height:44px;border-radius:50%;border:2px solid var(--turquoise);object-fit:cover}
.rl-in-eva p{margin:0;display:grid}.rl-in-eva b{font:800 15px var(--titre)}.rl-in-eva small{color:#2ee6a0;font-size:14px}
.rl-in-h{margin:6px 0 0;font:800 clamp(26px,7.6vw,32px)/1.08 var(--titre);letter-spacing:-.02em;text-wrap:balance}
.rl-in-c{text-align:center}
.rl-in-cam{align-self:center;margin:auto 0;width:min(52vw,210px);aspect-ratio:1;border-radius:50%;border:3px solid var(--turquoise);background:radial-gradient(rgba(0,238,242,.12),transparent 70%);display:grid;place-items:center;font-size:clamp(64px,20vw,86px);cursor:pointer;box-shadow:0 0 50px rgba(0,238,242,.3);animation:rlRespire 2.6s ease-in-out infinite}
@keyframes rlRespire{50%{box-shadow:0 0 70px rgba(0,238,242,.5);transform:scale(1.03)}}
.rl-in-bas{margin-top:auto;display:grid;gap:10px}
.rl-in-err{margin:0;color:#ffb4a0;text-align:center;font-size:14px}
.rl-in-attente{flex:1;display:grid;place-items:center}.rl-in-attente span{width:46px;height:46px;border-radius:50%;border:3px solid var(--turquoise);border-top-color:transparent;animation:rlTour 1s linear infinite}
.rl-in-ph{position:relative;flex:none;height:min(42vh,340px);border-radius:20px;overflow:hidden;background:#000}
.rl-in-ph img{width:100%;height:100%;object-fit:cover;display:block}
.rl-in-scan{position:absolute;left:0;right:0;height:3px;background:var(--turquoise);box-shadow:0 0 22px 6px rgba(0,238,242,.55);animation:rlScan 1.6s ease-in-out infinite alternate}
@keyframes rlScan{from{top:6%}to{top:92%}}
.rl-in-tag{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:7px 12px;border-radius:99px;border:1px solid var(--turquoise);background:rgba(2,15,23,.85);font:700 14px var(--corps)}
.rl-in-bulle{align-self:flex-start;max-width:92%;padding:12px 14px;border-radius:18px 18px 18px 4px;border:1px solid var(--bord);background:var(--verre);font:600 16px/1.4 var(--corps)}
.rl-in-chips{display:flex;flex-wrap:wrap;gap:8px}
.rl-in-chips button,.rl-in-l button{min-height:48px;padding:0 12px;border-radius:14px;border:1px solid var(--bord);background:var(--verre);color:var(--texte);font:700 15px var(--corps);cursor:pointer}
.rl-in-chips button.on{background:var(--turquoise);border-color:var(--turquoise);color:#02242A}
.rl-in-cherche input{width:100%;box-sizing:border-box;min-height:52px;border-radius:16px;border:1.5px solid var(--turquoise);background:var(--verre);color:var(--texte);padding:0 16px;font:600 17px var(--corps)}
.rl-in-l{display:grid;gap:8px;margin-top:10px}.rl-in-l button{display:flex;align-items:center;gap:12px;text-align:left}.rl-in-l button span{font-size:22px;width:28px;text-align:center}
.rl-in-l .rl-in-libre{border-style:dashed;color:var(--turquoise)}
.rl-in-pin{align-self:center;margin-top:auto;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-size:70px;background:radial-gradient(rgba(0,238,242,.22),transparent 70%)}
.rl-in-pouls{animation:rlRespire 1.4s ease-in-out infinite}
.rl-in-lst{display:grid;gap:8px}
.rl-in-lst button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:16px;border:1px solid var(--bord);background:var(--verre);color:var(--texte);cursor:pointer;min-height:60px}
.rl-in-lst button:first-child{border-color:var(--turquoise);box-shadow:0 0 0 3px rgba(0,238,242,.15)}
.rl-in-lst span{font-size:22px}.rl-in-lst b{flex:1;min-width:0;font:700 15.5px var(--corps)}.rl-in-lst small{display:block;color:var(--doux);font:500 14px var(--corps);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-in-lst em{font-style:normal;color:var(--turquoise);font:800 14px var(--corps);white-space:nowrap}
.rl-sec{min-height:48px}
.rl-lien{border:0;background:none;color:var(--doux);font:600 14px var(--corps);text-decoration:underline;cursor:pointer}
/* après les 3 questions : le formulaire ne garde que la dernière vérification */
.rl-vite-t{display:none}
.rl-vite .rl-vite-t{display:block}
.rl-vite #rlForm .rl-tete,.rl-vite #rlForm>.rl-champ:has(#rlNom),.rl-vite #rlForm .rl-duo,.rl-vite #rlForm .rl-champ:has(#rlMetiers){display:none}
/* le résultat : un onglet par réseau, et le post comme sur le réseau */
.rl-reseaux{position:absolute;top:10px;left:10px;right:10px;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rl-reseaux button{min-height:42px;border-radius:12px;border:1px solid var(--bord);background:rgba(3,8,7,.82);color:var(--texte);font:800 14px var(--corps);cursor:pointer;display:grid;line-height:1.1}
.rl-reseaux button small{font:600 14px var(--corps);color:var(--doux)}
.rl-reseaux button[aria-selected="true"]{background:var(--turquoise);border-color:var(--turquoise);color:#02242A}.rl-reseaux button[aria-selected="true"] small{color:#02424a}
.rl-post{padding:10px 12px;border-radius:14px;border:1px solid var(--bord);background:rgba(8,22,24,.94)}
.rl-post-h{margin:0 0 6px;display:flex;align-items:center;gap:8px}
.rl-post-h i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--turquoise);color:#02242A;display:grid;place-items:center;font:800 14px var(--corps);font-style:normal}
.rl-post-h b{font:800 14px var(--corps);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rl-post-h small{margin-left:auto;color:var(--doux);font:600 14px var(--corps);white-space:nowrap}
.rl-post-t{margin:0;font:500 14px/1.42 var(--corps);color:var(--texte);white-space:pre-line;max-height:7.2em;overflow-y:auto}
.rl-post-sous{margin:6px 0 0;color:var(--doux);font:600 14px var(--corps)}
.rl-legende2{grid-template-columns:1fr;padding:0;border:0;background:none}
@media (prefers-reduced-motion:reduce){.rl-in-cam,.rl-in-scan,.rl-in-pouls{animation:none}}

/* 20/10 : la conclusion d'ÉVA après l'analyse */
.rl-conc{display:grid;gap:10px;text-align:left;padding-bottom:10px}
.rl-conc-eva{display:flex;align-items:center;gap:12px}.rl-conc-eva img{width:64px;height:64px;border-radius:50%;border:3px solid var(--turquoise);object-fit:cover}.rl-conc-eva .rl-wow-sur{margin:0}
.rl-conc h2{margin:2px 0 0;font:800 clamp(24px,7vw,30px)/1.1 var(--titre);text-wrap:balance}
.rl-conc .rl-strat-h{margin:10px 0 0}
.rl-conc-l,.rl-conc-t{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.rl-conc-l li,.rl-conc-t li,.rl-conc-plan li{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.rl-conc li.vu{opacity:1;transform:none}
.rl-conc-l li{padding:10px 12px 10px 34px;position:relative;border-radius:14px;background:rgba(255,180,160,.07);border:1px solid rgba(255,180,160,.22);font-size:14.5px;line-height:1.4}
.rl-conc-l li::before{content:"→";position:absolute;left:12px;top:10px;color:#ffb4a0;font-weight:800}
.rl-conc-l.ok li{background:rgba(46,230,160,.07);border-color:rgba(46,230,160,.25)}.rl-conc-l.ok li::before{content:"✓";color:#2ee6a0}
.rl-conc-plan{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.rl-conc-plan li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:10px 12px;border-radius:14px;border:1px solid var(--bord);background:var(--verre)}
.rl-conc-plan span{grid-row:span 2;align-self:start;padding:4px 8px;border-radius:99px;background:var(--turquoise);color:#02242A;font:800 14px var(--corps);white-space:nowrap}
.rl-conc-plan b{font:800 15px var(--titre)}.rl-conc-plan p{margin:0;color:var(--doux);font-size:14px;line-height:1.4}
.rl-conc-sous{margin:0;color:var(--doux);font-size:14px}
.rl-conc-t li{padding:11px 12px;border-radius:14px;border:1.5px dashed rgba(0,238,242,.45);font:600 14.5px/1.4 var(--corps)}
.rl-conc-moi{margin:6px 0 0;padding:12px;border-radius:14px;background:rgba(0,238,242,.08);border:1px solid var(--bord);font-size:14.5px;line-height:1.45}
.rl-conc-moi span{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:99px;background:var(--turquoise);color:#02242A;font:800 14px var(--corps)}
@media (prefers-reduced-motion:reduce){.rl-conc li{opacity:1;transform:none;transition:none}}
.rl-conc-wa{display:grid;place-items:center;min-height:50px;border-radius:16px;border:1px solid rgba(37,211,102,.55);background:rgba(37,211,102,.1);color:#d9ffe6;font:700 15px var(--corps);text-decoration:none}
.rl-reseaux[hidden]{display:none}

/* 20/10 : avant / après, vidéo, conseil son */
.rl-in-aa{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rl-in-aa figure{margin:0;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;background:#000}
.rl-in-aa img{width:100%;height:100%;object-fit:cover;display:block}.rl-in-aa figcaption{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:99px;background:rgba(0,0,0,.7);font:800 14px var(--corps);letter-spacing:.12em}
.rl-in-aa figcaption.ap{background:var(--turquoise);color:#02242A}
.rl-post-son{margin:6px 0 0;padding:7px 9px;border-radius:10px;background:rgba(0,238,242,.07);font:500 14px/1.4 var(--corps);color:var(--texte)}.rl-post-son:empty{display:none}.rl-post-son b:first-child{margin-right:4px}
.rl-dl2{opacity:.92}

/* 21/10 (test de Mourad) : la dernière étape tient sur un écran, le bouton toujours visible ; conclusion courte */
.rl-vite #rlForm .rl-logo,.rl-vite #rlForm #rlPlus,.rl-vite #rlForm #rlExtra,.rl-vite #rlForm .rl-auto,.rl-vite #rlForm .rl-prive{display:none!important}
.rl-vite #rlForm .rl-cases{grid-template-columns:repeat(3,minmax(0,1fr))}.rl-vite #rlForm .rl-case{aspect-ratio:1}
.rl-vite #rlForm .rl-bas{position:sticky;bottom:0;margin-top:auto;padding-top:12px;background:linear-gradient(180deg,transparent,var(--nuit) 30%);z-index:2}
.rl-conc-l li.ok{background:rgba(46,230,160,.08);border-color:rgba(46,230,160,.3)}

/* 21/10 : les onglets ne touchent plus le haut ; vignettes des 5 photos */
.rl-reseaux{top:22px;left:12px;right:12px}
.rl-reseaux button{min-height:40px}
.rl-in-vig{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.rl-in-vig img,.rl-in-vig i{width:100%;aspect-ratio:1;border-radius:12px;object-fit:cover;display:grid;place-items:center}
.rl-in-vig i{border:1.5px dashed rgba(0,238,242,.5);color:var(--turquoise);font-style:normal;font-size:20px}

/* 21/10 : fin de démo épurée — WhatsApp / Télécharger, stratégie, site, abonnement */
.rl-wa{min-height:52px;font-size:16px}
.rl-fin .rl-strat-btn{min-height:46px;font-size:14px}
.rl-cta small{font:600 14px var(--corps);opacity:.75;margin-left:4px}

/* 21/10 : le globe qui zoome jusqu'à son entreprise */
.rl-globe{position:relative;flex:none;align-self:center;width:min(78vw,300px);aspect-ratio:1;border-radius:50%;overflow:hidden}
.rl-globe canvas{width:100%;height:100%;display:block;transition:opacity .4s}
.rl-carte{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:#0b1416;box-shadow:inset 0 0 40px rgba(0,0,0,.6)}
.rl-carte-c{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform,opacity}
.rl-carte-c img{position:absolute;width:256px;height:256px;max-width:none;filter:invert(1) hue-rotate(180deg) brightness(.85) contrast(1.1) saturate(.7)}
.rl-epingle{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);display:grid;justify-items:center;gap:2px;animation:rlTombe .5s cubic-bezier(.3,1.6,.5,1) both;z-index:2;width:90%}
.rl-epingle i{width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--turquoise);box-shadow:0 0 20px var(--turquoise);order:2}
.rl-epingle b{order:0;padding:5px 10px;border-radius:10px;background:rgba(3,8,7,.85);border:1px solid var(--turquoise);font:800 14px var(--corps);text-align:center}
.rl-epingle small{order:1;color:var(--pale);font:600 14px var(--corps);text-shadow:0 1px 4px #000}
@keyframes rlTombe{from{transform:translate(-50%,-220%);opacity:0}to{transform:translate(-50%,-100%);opacity:1}}
.rl-conc-et{padding:12px;border-radius:16px;border:1px solid rgba(255,209,102,.4);background:rgba(255,209,102,.07)}
.rl-conc-et p{margin:0 0 8px;font-size:14.5px}.rl-conc-et ol{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.rl-conc-et li{display:grid;grid-template-columns:22px 1fr auto;gap:2px 8px;align-items:center;font-size:14px;opacity:1;transform:none}
.rl-conc-et li span{width:22px;height:22px;border-radius:50%;background:#ffd166;color:#1b1500;font:800 14px var(--corps);display:grid;place-items:center}
.rl-conc-et li b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rl-conc-et li em{font-style:normal;color:#ffd166;font-weight:800}
.rl-conc-et li small{grid-column:2;color:var(--doux);font-size:14px}
.rl-conc-et li.vous b{color:var(--turquoise)}
@media (prefers-reduced-motion:reduce){.rl-epingle{animation:none}}
.rl-in-l b small{display:block;color:var(--doux);font:500 14px var(--corps)}

/* 21/10 : la vraie Terre (le globe n'est plus découpé en rond : la Lune et le soleil tournent autour) */
.rl-globe{border-radius:0;overflow:hidden;width:min(86vw,340px)}
.rl-carte{inset:16%;border-radius:50%}
.rl-carte{inset:0;border-radius:22px}
.rl-ent{display:grid;grid-template-columns:1fr;gap:8px}

/* 21/10 (Mourad) : l'écran « Où est votre entreprise ? » tient sur le téléphone, clavier ouvert */
.rl-globe{transition:width .35s ease}
.rl-in.rl-cherche{gap:10px}
.rl-in.rl-cherche .rl-in-eva{display:none}
.rl-in.rl-cherche .rl-in-h{margin:0;font-size:22px}
.rl-in.rl-cherche .rl-globe{width:96px}
.rl-in.rl-cherche .rl-ent input{min-height:46px}
.rl-in.rl-cherche .rl-in-l{margin-top:2px;gap:6px}
.rl-in.rl-cherche .rl-in-l button{min-height:46px}

/* ══ 21/10 (maquette validée) : parcours en 5 étapes ══ */
.rl-nav{display:flex;align-items:center;gap:10px;min-height:34px}
.rl-ret{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,238,242,.35);background:rgba(0,238,242,.06);color:var(--turquoise);font:800 22px/1 var(--titre);display:grid;place-items:center;cursor:pointer;padding:0 0 3px}
.rl-ret:focus-visible{outline:2px solid var(--pale);outline-offset:2px}
.rl-prog{flex:1;display:flex;gap:5px}.rl-prog i{flex:1;height:5px;border-radius:9px;background:rgba(255,255,255,.12)}.rl-prog i.ok{background:var(--turquoise)}.rl-prog i.en{background:linear-gradient(90deg,var(--turquoise) 50%,rgba(255,255,255,.12) 50%)}
.rl-prog-l{display:flex;justify-content:space-between;margin-top:-8px;font:700 14px var(--corps);letter-spacing:.07em;text-transform:uppercase;color:var(--doux)}.rl-prog-l .ici{color:var(--turquoise)}
.rl-compte{display:flex;gap:8px}.rl-compte>*{flex:1;min-height:40px;padding:8px;border-radius:12px;border:1px solid rgba(0,238,242,.3);background:rgba(0,238,242,.05);color:var(--texte);font:700 14px var(--corps);text-align:center;display:grid;place-items:center}
.rl-compte button{cursor:pointer}.rl-compte .ok{background:rgba(0,238,242,.14);border-color:var(--turquoise)}
.rl-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rl-grille figure{position:relative;margin:0;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1.5px solid var(--turquoise)}
.rl-grille img{width:100%;height:100%;object-fit:cover;display:block}
.rl-grille figure button{position:absolute;top:5px;right:5px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(3,8,7,.75);color:var(--texte);font-size:17px;line-height:1;cursor:pointer}
.rl-grille .vid::after{content:"▶ VIDÉO";position:absolute;left:5px;bottom:5px;padding:2px 7px;border-radius:9px;background:rgba(3,8,7,.75);color:var(--pale);font:700 14px var(--corps);letter-spacing:.05em}
.rl-grille-plus{aspect-ratio:1;border-radius:14px;border:1.5px dashed rgba(0,238,242,.55);background:rgba(0,238,242,.05);color:var(--turquoise);font:800 28px var(--titre);cursor:pointer}
/* l'analyse en 3 cartes (stories) */
.rl-sto{position:fixed;inset:0;z-index:60;background:radial-gradient(90% 60% at 50% 28%,#07403e 0%,#030807 70%);cursor:pointer;user-select:none;-webkit-user-select:none}
.rl-sto-barres{display:flex;gap:4px}.rl-sto-barres i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.25)}.rl-sto-barres i.ok{background:#fff}
.rl-sto-carte{display:grid;gap:12px;align-content:start;animation:rlMonteFin .35s ease-out}
.rl-sto-gros{font:800 clamp(64px,20vw,88px)/1 var(--titre);color:var(--turquoise);text-align:center;margin-top:6px}.rl-sto-gros small{font-size:.34em;color:var(--texte)}
.rl-sto-c{margin:0;text-align:center;color:var(--doux);font-size:15px;line-height:1.45}
.rl-sto-top{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:7px}
.rl-sto-top li{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;background:rgba(255,255,255,.05)}.rl-sto-top li.vous{background:rgba(0,238,242,.12);border:1px solid var(--turquoise)}
.rl-sto-top em{font:800 15px var(--titre);font-style:normal;color:var(--turquoise);width:22px}.rl-sto-top b{flex:1;font-size:14.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rl-sto-top span{font-size:14px;color:#ffd166;white-space:nowrap}
.rl-sto-h{margin:8px 0 0;font:800 clamp(24px,7vw,30px)/1.1 var(--titre);letter-spacing:-.02em;text-wrap:balance}
.rl-sto-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rl-sto-l li{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border-left:3px solid #ffd166;line-height:1.4;font-size:15px}.rl-sto-l li.ok{border-left-color:var(--turquoise)}
.rl-sto-bulle{background:rgba(255,255,255,.05);border:1px solid rgba(0,238,242,.3);border-radius:4px 18px 18px 18px;padding:14px 15px;line-height:1.5;font-size:15.5px}
.rl-sto-src{margin:0;font-size:14px;color:var(--doux);text-align:center}.rl-sto-src .rl-lien{font-size:14px;padding:0;min-height:0}
.rl-sto-bas{margin-top:auto;display:grid;gap:10px;cursor:auto}
.rl-sto-aide{display:flex;justify-content:space-between;margin:0;font-size:14px;color:var(--doux)}
/* l'écran de fin : 2 gros boutons, le reste dans « Plus » */
.rl-fin .rl-wa{background:#25D366;color:#04220f;box-shadow:0 8px 26px rgba(37,211,102,.3)}
.rl-publier{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none}.rl-publier small{font:500 14px var(--corps);opacity:.8}
.rl-plus-b{min-height:40px;border:0;background:none;color:var(--turquoise);font:700 14px var(--corps);cursor:pointer}
.rl-plus-l{display:grid;gap:8px;animation:rlMonteFin .3s ease-out}
.rl-plus-b{text-shadow:0 1px 6px rgba(0,0,0,.9)}

/* 21/10 : « Recevoir sur WhatsApp » */
.rl-waf form,#rlWaFin{display:grid;gap:12px}
.rl-waf .rl-wa{background:#25D366;color:#04220f;box-shadow:0 8px 26px rgba(37,211,102,.3);text-decoration:none;display:grid;place-items:center}
.rl-waf .rl-wa:disabled{opacity:.45;box-shadow:none}
.rl-waf-ok{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--bord);background:rgba(255,255,255,.04);font:700 15px var(--corps);cursor:pointer}
.rl-waf-ok input{width:24px;height:24px;flex:none;accent-color:#25D366}
.rl-waf-fin{margin:0;font-size:14px;line-height:1.45;color:var(--doux)}
.rl-in-err.ko{color:#ffb4a8}

/* 21/10 : plus jamais de page qui glisse sur le côté ; photos et vidéos sur une ligne avec un curseur */
html,body{overflow-x:hidden}
.rl-in{overflow-x:hidden}.rl-in>*{min-width:0}
.rl-rang{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rl-rang::-webkit-scrollbar{display:none}
.rl-rang>figure,.rl-rang>.rl-grille-plus{flex:0 0 calc((100% - 16px) / 3.3);scroll-snap-align:start}
.rl-grille video{width:100%;height:100%;object-fit:cover;display:block;background:#0b1416}
.rl-curseur{position:relative;height:22px;touch-action:none;cursor:pointer}
.rl-curseur::before{content:"";position:absolute;left:0;right:0;top:8px;height:6px;border-radius:6px;background:rgba(255,255,255,.12)}
.rl-curseur i{position:absolute;top:8px;height:6px;border-radius:6px;background:var(--turquoise);box-shadow:0 0 10px rgba(0,238,242,.5)}

.rl-cp{display:flex;flex-wrap:wrap;gap:6px}.rl-cp button{min-height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--turquoise);background:rgba(0,238,242,.1);color:var(--texte);font:700 14px var(--corps);cursor:pointer}

.rl-cpv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8px}.rl-cpv input{min-width:0;width:100%;box-sizing:border-box}

.rl-mets{align-self:flex-start;max-width:100%;padding:6px 12px;border-radius:12px;border:1px solid var(--bord);background:rgba(0,238,242,.06);color:var(--texte);font:700 14px var(--corps);text-align:left;cursor:pointer}.rl-mets u{color:var(--turquoise);font-weight:700;margin-left:4px}
.rl-in-l button.rl-auto-ok{border-color:var(--turquoise);box-shadow:0 0 0 1px var(--turquoise) inset,0 0 18px rgba(0,238,242,.35)}
.rl-in-l button.rl-auto-ok small::after{content:" · ✓ trouvée";color:var(--turquoise)}

/* 21/10 : une croix dans chaque case pour l'effacer d'un toucher */
.rl-x-champ{position:relative;display:block;min-width:0}
.rl-x-champ input{padding-right:44px!important}
.rl-cpv .rl-x-champ input{padding-left:12px!important;font-size:16px!important}
.rl-x-champ .rl-x{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:var(--texte);font:400 22px/1 var(--corps);display:grid;place-items:center;cursor:pointer;padding:0 0 2px}
/* 21/10 (Mourad : « le bas est coupé ») : le globe se règle sur la hauteur de l'écran, pour que tout tienne, jusqu'à « Je ne trouve pas mon entreprise » */
.rl-in .rl-globe{width:min(78vw,300px,32dvh)}
.rl-in.rl-cherche .rl-globe{width:96px}
.rl-cpv{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:380px){.rl-cpv .rl-x-champ input{font-size:15px!important}}
.rl-reseaux button{place-items:center;align-content:center;padding:0 6px}   /* 21/10 : le texte des onglets centré de haut en bas */

/* 21/10 : l'onglet « Exemples » — un fil vertical, une vidéo par écran (comme les Reels) */
.rl-reseaux{grid-template-columns:repeat(4,minmax(0,1fr))}
.rl-reseaux .rl-ex-b{min-height:40px;border-radius:12px;border:1px solid var(--turquoise);background:rgba(0,238,242,.12);color:var(--texte);font:800 14px var(--corps);cursor:pointer;display:grid;place-items:center;padding:0 4px}
.rl-ex{position:fixed;inset:0;z-index:70;background:#000}
.rl-ex-x{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;z-index:3}
.rl-ex-fil{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}
.rl-ex-v{position:relative;margin:0;height:100dvh;scroll-snap-align:start;display:grid;place-items:center;background:#000;cursor:pointer}
.rl-ex-v video{width:100%;height:100%;object-fit:contain;background:#000}
.rl-ex-v figcaption{position:absolute;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));display:grid;gap:2px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.9);pointer-events:none}
.rl-ex-v figcaption b{font:800 20px var(--titre)}.rl-ex-v figcaption span{font:700 14px var(--corps);color:var(--pale)}.rl-ex-v figcaption small{font:500 14px var(--corps);color:rgba(255,255,255,.75)}
.rl-ex-fin{height:40dvh;display:grid;place-items:center;margin:0;padding:0 24px;text-align:center;color:var(--pale);font:700 16px var(--corps);scroll-snap-align:end}
/* 21/10 (Mourad) : ÉVA vérifie les photos — badge discret (orange doux, jamais bloquant) */
.rl-grille figure.rl-q-ko{border-color:#F2A93B}
.rl-q{position:absolute;left:4px;right:4px;bottom:4px;padding:3px 5px;border-radius:8px;background:rgba(3,8,7,.82);color:#FFD08A;font-size:14px;font-weight:700;line-height:1.2;text-align:center;pointer-events:none}
.rl-q-conseil{margin:6px 0 0;padding:8px 11px;border-radius:12px;background:rgba(242,169,59,.12);border:1px solid rgba(242,169,59,.35);color:var(--texte);font-size:14px;line-height:1.35}
/* 21/10 : vidéo interrompue → jamais livrée, ÉVA propose de la refaire */
.rl-casse{display:grid;gap:10px;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:rgba(242,169,59,.12);border:1px solid rgba(242,169,59,.4);color:var(--texte);font-size:14px;line-height:1.4}
.rl-casse p{margin:0}

/* ══ 22/10 (audit D9) : lisible et touchable partout — textes 14 px minimum, zones de toucher 44 px, cartes centrées (480 px) sur ordinateur ══ */
.rl-ret{width:44px;height:44px}
.rl-grille figure button{width:44px;height:44px;top:0;right:0;background:transparent;font-size:20px}
.rl-grille figure button::before{content:"";position:absolute;inset:8px;border-radius:50%;background:rgba(3,8,7,.75);z-index:-1}
.rl-grille figure button{z-index:1;isolation:isolate}
.rl-lien,.rl-mets,.rl-plus-b,.rl-sto-src .rl-lien{min-height:44px}
.rl-sto-src .rl-lien{padding:0 6px}
.rl-prog-l{letter-spacing:.02em}
.rl-fin-bts{display:flex;gap:8px}.rl-fin-bts .rl-strat-btn{flex:1 1 0;min-width:0;flex-direction:column;gap:0;min-height:52px;padding:4px 6px;font-size:14px;line-height:1.15;text-align:center}
.rl-fin-bts .rl-strat-btn[hidden]{display:none}
@media (min-width:600px){
  .rl-in,.rl-sto-carte,.rl-sto-bas,.rl-sto-barres,.rl-sto .rl-in-eva,.rl-wow,.rl-monte .rl-etapes{max-width:480px;width:100%;margin-left:auto;margin-right:auto}
  .rl-fin{max-width:480px;margin-left:auto;margin-right:auto}
}