/* GS Live — démo animée (téléphone invité → écran géant).
   Tout est préfixé .gsl pour ne rien casser sur le site. */
.gsl{
  --g-nuit:#12132b;--g-nuit-p:#0a0a18;--g-or:#e8b96a;--g-or-s:#b98f4c;--g-papier:#f7f3ec;--g-brume:#9a9dba;
  --g-serif:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --g-sans:"Karla Variable","Karla",-apple-system,"Segoe UI",sans-serif;
  position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:18px;
  background:var(--g-nuit-p);isolation:isolate;
}
.gsl[data-format="carre"]{aspect-ratio:1/1}
.gsl[data-format="vertical"]{aspect-ratio:9/16}
.gsl.capture{border-radius:0}
.gsl *{box-sizing:border-box;margin:0}
.gsl-stage{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;
  font-family:var(--g-sans);color:var(--g-papier);overflow:hidden;
  background:
    radial-gradient(60% 55% at 70% 45%,rgba(232,185,106,.13),transparent 70%),
    radial-gradient(45% 50% at 12% 80%,rgba(120,90,220,.16),transparent 70%),
    linear-gradient(160deg,#171936 0%,var(--g-nuit-p) 70%)}
.gsl[data-format="carre"] .gsl-stage{width:1080px;height:1080px}
.gsl[data-format="vertical"] .gsl-stage{width:1080px;height:1920px}
.gsl-bokeh{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35;background:radial-gradient(circle,var(--g-or),transparent 65%)}

/* ---------- marque + légende ---------- */
.gsl-brand{position:absolute;left:110px;top:34px;display:flex;align-items:baseline;gap:14px}
.gsl-brand b{font-family:var(--g-serif);font-weight:400;font-size:46px;color:var(--g-or);letter-spacing:.01em}
.gsl-brand span{font-size:15px;letter-spacing:.28em;text-transform:uppercase;color:var(--g-brume)}
.gsl-cap{position:absolute;left:460px;top:722px;width:1040px;display:flex;align-items:flex-start;gap:26px}
.gsl-cap-num{flex:none;width:64px;height:64px;border-radius:50%;border:1.5px solid var(--g-or);display:grid;place-items:center;
  font-family:var(--g-serif);font-size:34px;color:var(--g-or)}
.gsl-cap-t{font-family:var(--g-serif);font-size:52px;line-height:1.05}
.gsl-cap-s{font-size:21px;color:var(--g-brume);margin-top:8px}
.gsl-dots{position:absolute;right:100px;top:748px;display:flex;gap:10px}
.gsl-dots i{width:34px;height:4px;border-radius:4px;background:rgba(247,243,236,.18);transition:none}
.gsl-dots i.on{background:var(--g-or)}

/* ---------- écran géant ---------- */
.gsl-tv{position:absolute;left:460px;top:100px;font-size:16px;width:65em;height:36.5625em;padding:.45em;
  border-radius:.7em;background:linear-gradient(145deg,#2a2b3d,#0d0d16);
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 2.5em 5em -1.5em rgba(0,0,0,.8),0 0 6em -1em rgba(232,185,106,.22)}
.gsl-tvs{position:relative;width:100%;height:100%;border-radius:.35em;overflow:hidden;background:var(--g-nuit-p)}
.gsl-scene{position:absolute;inset:0;opacity:0}
.gsl-tvhead{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;
  padding:.8em 1.2em;font-size:.95em;background:linear-gradient(rgba(10,10,24,.75),transparent)}
.gsl-tvhead b{font-family:var(--g-serif);font-weight:400;font-size:1.45em;color:var(--g-or)}
.gsl-tvhead em{font-style:normal;color:var(--g-brume);margin-left:.8em}
.gsl-live{display:flex;align-items:center;gap:.45em;background:rgba(255,255,255,.08);padding:.3em .8em;border-radius:2em}
.gsl-live:before{content:"";width:.55em;height:.55em;border-radius:50%;background:#4ade80;box-shadow:0 0 .6em #4ade80}

.gsl-sqr{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3em;padding:3em 4em 2em;
  background:radial-gradient(60% 80% at 20% 50%,rgba(232,185,106,.16),transparent 70%)}
.gsl-qrcard{background:#fff;padding:1.1em;border-radius:1em;width:15.5em;box-shadow:0 0 4em rgba(232,185,106,.35)}
.gsl-qrcard svg,.gsl-pqr svg{display:block;width:100%;height:auto}
.gsl-sqr h3{font-family:var(--g-serif);font-weight:400;font-size:3.3em;line-height:1.02;margin:.25em 0 .6em}
.gsl-eyeb{font-size:.8em;letter-spacing:.3em;text-transform:uppercase;color:var(--g-or)}
.gsl-sqr ol{list-style:none;padding:0;display:grid;gap:.7em;font-size:1.2em}
.gsl-sqr li{display:flex;gap:.8em;align-items:center}
.gsl-sqr li span{flex:none;width:1.8em;height:1.8em;border-radius:50%;display:grid;place-items:center;background:rgba(232,185,106,.16);color:var(--g-or);font-weight:700;font-size:.85em}

.gsl-blurbg{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(28px) brightness(.45) saturate(1.3)}
.gsl-tvph{position:absolute;left:50%;top:52%;height:80%;aspect-ratio:4/3;transform:translate(-50%,-50%);
  border-radius:.4em;overflow:hidden;box-shadow:0 1.5em 3em rgba(0,0,0,.6)}
.gsl-tvph img{width:100%;height:100%;object-fit:cover;display:block}
.gsl-tag{position:absolute;left:1em;bottom:1em;display:flex;align-items:center;gap:.6em;padding:.45em 1em .45em .45em;border-radius:2em;
  background:rgba(10,10,24,.72);backdrop-filter:blur(8px);font-size:1.05em}
.gsl-av{flex:none;width:2em;height:2em;border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--g-nuit);
  background:linear-gradient(135deg,#f5d59b,var(--g-or-s))}
.gsl-tag small{color:var(--g-brume);font-size:.8em;display:block}
.gsl-count{position:absolute;right:1em;bottom:1em;display:flex;gap:.4em}
.gsl-count span{padding:.35em .75em;border-radius:2em;background:rgba(10,10,24,.72);font-size:1.05em;font-variant-numeric:tabular-nums}
.gsl-parts{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden;container-type:size}
.gsl-parts i{position:absolute;left:0;top:0;font-style:normal;font-size:2.6em;line-height:1;opacity:0;will-change:transform,opacity;
  text-shadow:0 .1em .4em rgba(0,0,0,.4)}

.gsl-smsg{display:grid;place-items:center}
.gsl-msgcard{position:relative;width:72%;padding:2.2em 2.6em;border-radius:1.2em;background:rgba(247,243,236,.1);
  border:1px solid rgba(247,243,236,.18);backdrop-filter:blur(12px);box-shadow:0 2em 4em rgba(0,0,0,.45)}
.gsl-msgcard .gsl-who{display:flex;align-items:center;gap:.7em;font-size:1.15em;margin-bottom:.9em}
.gsl-msgcard .gsl-who small{color:var(--g-brume)}
.gsl-msgcard p{font-family:var(--g-serif);font-style:italic;font-size:2.9em;line-height:1.1}
.gsl-msgcard:before{content:"“";position:absolute;right:.35em;top:-.2em;font-family:var(--g-serif);font-size:7em;color:var(--g-or);opacity:.5}

.gsl-sblind{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5em;padding:4.2em 3.5em 2.5em;
  background:radial-gradient(70% 70% at 25% 60%,rgba(120,90,220,.28),transparent 70%),radial-gradient(50% 60% at 85% 30%,rgba(232,185,106,.14),transparent 70%)}
.gsl-sblind h3{font-family:var(--g-serif);font-weight:400;font-size:3.4em;line-height:1;margin:.3em 0 .5em}
.gsl-eq{display:flex;align-items:flex-end;gap:.35em;height:8em}
.gsl-eq i{flex:1;border-radius:.3em .3em .1em .1em;background:linear-gradient(to top,var(--g-or-s),#f5d59b)}
.gsl-score{position:relative;align-self:center;height:13.5em}
.gsl-row{position:absolute;left:0;right:0;height:4em;display:flex;align-items:center;gap:.9em;padding:0 1.2em;border-radius:.8em;
  background:#1f1f36;border:1px solid #33334a;font-size:1.15em}
.gsl-row.me{z-index:2;background:#3b3230;border-color:#9c7c4a}
.gsl-row .gsl-rk{font-family:var(--g-serif);font-size:1.6em;color:var(--g-or);width:1em}
.gsl-row .gsl-nm{flex:1}
.gsl-row .gsl-pt{font-weight:700;font-size:1.3em;font-variant-numeric:tabular-nums}
.gsl-plus{position:absolute;right:3.2em;font-weight:800;font-size:1.6em;color:var(--g-or);opacity:0}
.gsl-buzzban{position:absolute;left:50%;bottom:1.6em;transform:translateX(-50%);white-space:nowrap;z-index:6;
  padding:.8em 1.6em;border-radius:3em;background:linear-gradient(135deg,#f5d59b,var(--g-or-s));color:var(--g-nuit);font-weight:800;font-size:1.35em;
  box-shadow:0 0 3em rgba(232,185,106,.55);opacity:0}

/* ---------- téléphone ---------- */
.gsl-phone{position:absolute;left:110px;top:168px;font-size:13px;width:23em;height:47.5em;padding:.6em;border-radius:3.3em;
  background:linear-gradient(145deg,#3a3b4d,#101019);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 3em 5em -1em rgba(0,0,0,.85);z-index:3}
.gsl-phs{position:relative;width:100%;height:100%;border-radius:2.75em;overflow:hidden;
  background:radial-gradient(90% 50% at 50% 0%,rgba(232,185,106,.18),transparent 70%),linear-gradient(180deg,#1b1c3a,var(--g-nuit-p))}
.gsl-notch{position:absolute;left:50%;top:.7em;width:7.5em;height:2em;border-radius:1em;background:#000;transform:translateX(-50%);z-index:9}
.gsl-status{position:absolute;left:0;right:0;top:0;height:3.2em;display:flex;justify-content:space-between;align-items:center;padding:0 2em;font-size:.95em;font-weight:700;z-index:8}
.gsl-status i{font-style:normal;letter-spacing:.1em;font-size:.85em}
.gsl-ps{position:absolute;inset:0;padding:4.2em 1.5em 1.8em;opacity:0;display:flex;flex-direction:column}
.gsl-ph-title{font-family:var(--g-serif);font-size:2.2em;line-height:1.05}
.gsl-ph-sub{color:var(--g-brume);font-size:1em;margin-top:.3em}
.gsl-btn{display:flex;align-items:center;justify-content:center;gap:.5em;height:3.6em;border-radius:1.2em;font-weight:800;font-size:1.1em;
  background:linear-gradient(135deg,#f5d59b,var(--g-or-s));color:var(--g-nuit);will-change:transform}
.gsl-btn.ok{background:#4ade80}
.gsl-field{border-radius:1em;background:rgba(247,243,236,.08);border:1px solid rgba(247,243,236,.16);padding:1em 1.1em;font-size:1.15em;min-height:3.4em}
.gsl-field.ph{color:var(--g-brume)}
.gsl-caret{display:inline-block;width:2px;height:1.1em;background:var(--g-or);vertical-align:-.15em;margin-left:1px}

.gsl-pscan{padding:0}
.gsl-pscan>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(3px) brightness(.55)}
.gsl-pqr{position:absolute;left:50%;top:44%;width:11em;padding:.8em;background:#fff;border-radius:.6em;transform:translate(-50%,-50%) perspective(40em) rotateY(-12deg) rotateX(8deg)}
.gsl-frame{position:absolute;left:50%;top:44%;width:15em;height:15em;transform:translate(-50%,-50%)}
.gsl-frame b{position:absolute;width:2.6em;height:2.6em;border:.3em solid var(--g-or)}
.gsl-frame b:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:1em 0 0 0}
.gsl-frame b:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 1em 0 0}
.gsl-frame b:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 1em}
.gsl-frame b:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 1em 0}
.gsl-scanline{position:absolute;left:8%;right:8%;height:.25em;border-radius:1em;background:var(--g-or);box-shadow:0 0 1.2em var(--g-or)}
.gsl-scanhint{position:absolute;left:0;right:0;bottom:4.5em;text-align:center;font-weight:700;font-size:1.1em}
.gsl-scanok{position:absolute;left:50%;bottom:7.5em;transform:translateX(-50%);white-space:nowrap;padding:.6em 1.2em;border-radius:2em;background:#4ade80;color:#06240f;font-weight:800;opacity:0}

.gsl-phello{align-items:center;text-align:center;gap:1.1em}
.gsl-phello .gsl-ph-title{color:var(--g-or);font-size:2.8em;margin-top:.8em}
.gsl-bigav{width:6.5em;height:6.5em;border-radius:50%;border:2px dashed rgba(247,243,236,.35);display:grid;place-items:center;color:var(--g-brume);font-size:1em;margin:.6em 0 .2em;position:relative}
.gsl-bigav .gsl-av{position:absolute;inset:0;width:auto;height:auto;font-size:2.8em;opacity:0}
.gsl-phello label{align-self:stretch;text-align:left;color:var(--g-brume);font-size:.95em;margin-bottom:-.6em}
.gsl-phello .gsl-field{align-self:stretch;text-align:left}
.gsl-phello .gsl-btn{align-self:stretch;margin-top:auto}

.gsl-phome{gap:1em}
.gsl-bigtile{flex:1;border-radius:1.6em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;font-weight:800;font-size:1.25em;
  background:linear-gradient(145deg,#f5d59b,var(--g-or-s));color:var(--g-nuit);margin-top:.6em;will-change:transform}
.gsl-bigtile big{font-size:3em;line-height:1}
.gsl-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.8em}
.gsl-tiles div{height:6.5em;border-radius:1.2em;background:rgba(247,243,236,.08);border:1px solid rgba(247,243,236,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35em;font-weight:700}
.gsl-tiles big{font-size:1.8em;line-height:1}
.gsl-rankpill{align-self:center;padding:.5em 1.1em;border-radius:2em;background:rgba(232,185,106,.14);color:var(--g-or);font-weight:700;font-size:.95em}

.gsl-pprev{gap:1em}
.gsl-previmg{height:56%;border-radius:1.2em;overflow:hidden;flex:none}
.gsl-previmg img{width:100%;height:100%;object-fit:cover;display:block}
.gsl-pprev .gsl-btn{margin-top:auto}
.gsl-flash{position:absolute;inset:0;background:#fff;opacity:0;z-index:7;pointer-events:none}

.gsl-pemo{gap:1em}
.gsl-nowlbl{font-size:.85em;letter-spacing:.2em;text-transform:uppercase;color:var(--g-or)}
.gsl-nowimg{position:relative;height:34%;border-radius:1.2em;overflow:hidden;flex:none}
.gsl-nowimg img{width:100%;height:100%;object-fit:cover;display:block}
.gsl-nowimg span{position:absolute;left:.6em;bottom:.6em;padding:.3em .8em;border-radius:2em;background:rgba(10,10,24,.7);font-weight:700;font-size:.9em}
.gsl-emogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7em;margin-top:.4em}
.gsl-emogrid div{height:2.3em;border-radius:.5em;display:grid;place-items:center;font-size:2.4em;background:rgba(247,243,236,.08);border:1px solid rgba(247,243,236,.14);will-change:transform}
.gsl-emogrid div span{font-size:1em;line-height:1}
.gsl-hint{text-align:center;color:var(--g-brume);font-size:.95em;margin-top:auto}

.gsl-pmsg{gap:1.1em}
.gsl-pmsg .gsl-field{min-height:10em;font-size:1.3em;line-height:1.35}
.gsl-pmsg .gsl-btn{margin-top:auto}
.gsl-sent{align-self:center;padding:.5em 1.1em;border-radius:2em;background:#4ade80;color:#06240f;font-weight:800;opacity:0}

.gsl-pbuzz{align-items:center;text-align:center;gap:.9em}
.gsl-teamchip{padding:.5em 1.2em;border-radius:2em;background:rgba(232,185,106,.14);color:var(--g-or);font-weight:700}
.gsl-buzz{position:relative;width:14em;height:14em;border-radius:50%;margin:auto 0;display:grid;place-items:center;font-weight:900;font-size:1.25em;letter-spacing:.08em;
  background:radial-gradient(circle at 35% 30%,#ff8a8a,#d61f3c 60%,#8d0d22);color:#fff;
  box-shadow:0 .5em 0 #6a0918,0 1.2em 2.5em rgba(214,31,60,.5);will-change:transform}
.gsl-buzz big{display:block;font-size:2.6em;line-height:1}
.gsl-buzz.on{background:radial-gradient(circle at 35% 30%,#fff1cf,#e8b96a 60%,#9a7236);color:var(--g-nuit);box-shadow:0 .5em 0 #7a5a26,0 1.2em 3em rgba(232,185,106,.7)}
.gsl-buzzring{position:absolute;inset:-.6em;border-radius:50%;border:.2em solid rgba(214,31,60,.6)}

.gsl-finger{position:absolute;left:0;top:0;width:3.4em;height:3.4em;margin:-1.7em 0 0 -1.7em;border-radius:50%;z-index:20;opacity:0;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.95) 0 34%,rgba(255,255,255,.35) 36% 62%,transparent 64%);will-change:transform,opacity}
.gsl-ripple{position:absolute;left:0;top:0;width:3.4em;height:3.4em;margin:-1.7em 0 0 -1.7em;border-radius:50%;border:.2em solid #fff;opacity:0;z-index:19;pointer-events:none}

.gsl-fly{position:absolute;left:0;top:0;object-fit:cover;z-index:30;opacity:0;pointer-events:none;box-shadow:0 1.5em 3em rgba(0,0,0,.6);will-change:transform,opacity}

/* ---------- intro / fin ---------- */
.gsl-over{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8%}
.gsl-intro{background:radial-gradient(55% 55% at 50% 50%,rgba(232,185,106,.18),transparent 70%),var(--g-nuit-p)}
.gsl-intro .gsl-eyeb{font-size:22px}
.gsl-intro h2,.gsl-outro h2{font-family:var(--g-serif);font-weight:400;font-size:190px;line-height:.95;color:var(--g-or);margin:.1em 0 .12em}
.gsl-intro p{font-family:var(--g-serif);font-style:italic;font-size:48px}
.gsl-outro{opacity:0;background:var(--g-nuit-p);overflow:hidden}
.gsl-mosaic{position:absolute;inset:-4%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:10px;opacity:.38}
.gsl-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.gsl-outro:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 65% at 50% 50%,rgba(10,10,24,.93),rgba(10,10,24,.55));z-index:1}
.gsl-outro>*:not(.gsl-mosaic){position:relative;z-index:2}
.gsl-outro .gsl-eyeb{font-size:22px}
.gsl-outro h2{font-size:170px}
.gsl-outro .gsl-tagl{font-family:var(--g-serif);font-style:italic;font-size:52px;margin-bottom:34px}
.gsl-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:40px}
.gsl-pills span{padding:12px 24px;border-radius:40px;border:1px solid rgba(232,185,106,.5);font-size:24px;font-weight:600}
.gsl-cta{font-size:26px;letter-spacing:.2em;text-transform:uppercase;color:var(--g-brume)}
.gsl-cta b{display:block;margin-top:12px;font-size:40px;letter-spacing:.06em;text-transform:none;color:var(--g-papier)}

/* ---------- bouton pause (pas dans la vidéo) ---------- */
.gsl-pause{position:absolute;right:12px;bottom:12px;z-index:50;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(10,10,24,.65);color:#fff;font-size:15px;display:grid;place-items:center;backdrop-filter:blur(6px)}
.gsl-pause:focus-visible{outline:2px solid var(--g-or);outline-offset:2px}
.gsl.capture .gsl-pause{display:none}
.gsl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- format carré (Facebook) ---------- */
.gsl[data-format="carre"] .gsl-brand{left:56px;top:40px}
.gsl[data-format="carre"] .gsl-tv{left:318px;top:128px;font-size:11px}
.gsl[data-format="carre"] .gsl-phone{left:56px;top:300px;font-size:12.4px}
.gsl[data-format="carre"] .gsl-cap{left:400px;top:600px;width:620px;flex-direction:column;gap:16px}
.gsl[data-format="carre"] .gsl-cap-t{font-size:58px}
.gsl[data-format="carre"] .gsl-cap-s{font-size:24px}
.gsl[data-format="carre"] .gsl-dots{left:400px;right:auto;top:960px}
.gsl[data-format="carre"] .gsl-intro h2{font-size:160px}
.gsl[data-format="carre"] .gsl-outro h2{font-size:140px}
.gsl[data-format="carre"] .gsl-mosaic{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}

/* ---------- format vertical (Reels / Stories) ---------- */
.gsl[data-format="vertical"] .gsl-brand{left:0;right:0;top:110px;justify-content:center}
.gsl[data-format="vertical"] .gsl-brand b{font-size:60px}
.gsl[data-format="vertical"] .gsl-brand span{font-size:19px}
.gsl[data-format="vertical"] .gsl-tv{left:60px;top:240px;font-size:14.75px}
.gsl[data-format="vertical"] .gsl-cap{left:60px;top:815px;width:960px;flex-direction:column;align-items:center;text-align:center;gap:14px}
.gsl[data-format="vertical"] .gsl-cap-num{display:none}
.gsl[data-format="vertical"] .gsl-cap-t{font-size:70px}
.gsl[data-format="vertical"] .gsl-cap-s{font-size:28px}
.gsl[data-format="vertical"] .gsl-dots{left:0;right:0;top:1850px;justify-content:center}
.gsl[data-format="vertical"] .gsl-phone{left:344px;top:1010px;font-size:17px}
.gsl[data-format="vertical"] .gsl-intro h2{font-size:200px}
.gsl[data-format="vertical"] .gsl-outro h2{font-size:180px}
.gsl[data-format="vertical"] .gsl-mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}
.gsl[data-format="vertical"] .gsl-intro p,.gsl[data-format="vertical"] .gsl-outro .gsl-tagl{font-size:56px}