/* QTouch — intro animée en haut des segments Annonceur / Établissement / Licence. JS : lib/site/st6-hero.js */
.st6-head.hx{position:relative;min-height:min(92vh,880px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0 80px;z-index:2}
.hx .st6-h{position:relative;z-index:3}
.hx .st6-h .w{display:inline-block;opacity:0;transform:translateY(.55em) rotate(4deg);filter:blur(10px);transition:opacity .7s,transform .9s cubic-bezier(.2,.9,.2,1.15),filter .7s;transition-delay:calc(var(--i)*70ms + 150ms)}
.hx.in .st6-h .w{opacity:1;transform:none;filter:none}
.hx .st6-h .w.g{background:linear-gradient(90deg,var(--g1),var(--g2),var(--g3),var(--g1));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hxG 6s linear infinite}
@keyframes hxG{to{background-position:300% 0}}
.hx .st6-p,.hx .h6-k,.hx .hx-cta,.hx .hx-chips{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1)}
.hx.in .h6-k{opacity:1;transform:none;transition-delay:.05s}
.hx.in .st6-p{opacity:1;transform:none;transition-delay:.75s}
.hx.in .hx-cta{opacity:1;transform:none;transition-delay:.95s}
.hx.in .hx-chips{opacity:1;transform:none;transition-delay:1.15s}
.hx-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px;position:relative;z-index:3}
.hx-cta a{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;font:700 16px/1 'Figtree',sans-serif;text-decoration:none;transition:transform .25s,box-shadow .25s}
.hx-cta .p{background:linear-gradient(90deg,var(--g1),var(--g2));color:#fff;box-shadow:0 14px 34px -10px var(--g2)}
.hx-cta .p:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px var(--g2)}
.hx-cta .s{background:#fff;color:#1D1B26;box-shadow:inset 0 0 0 1.5px #E4DFF0}
.hx-cta .s:hover{transform:translateY(-2px)}
.hx-cta .s svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:hxB 1.6s ease-in-out infinite}
@keyframes hxB{50%{transform:translateY(3px)}}
.hx-chips{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:34px;position:relative;z-index:3}
.hx-chip{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:18px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px -12px rgba(60,30,110,.25),inset 0 0 0 1px rgba(124,58,237,.08);text-align:left}
.hx-chip i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:20px;background:var(--c,#F3E8FF)}
.hx-chip b{display:block;font:800 20px/1.1 'Figtree',sans-serif;letter-spacing:-.02em;color:#1D1B26}
.hx-chip small{display:block;font-size:12.5px;font-weight:600;color:#6A6678;margin-top:2px}
/* collage */
.hx-cards{position:absolute;inset:0;pointer-events:none;z-index:1}
.hx-card{position:absolute;width:clamp(150px,15vw,230px);aspect-ratio:1;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -22px rgba(40,20,80,.35),0 0 0 6px #fff;opacity:0;transform:translate(var(--fx,0),var(--fy,60px)) rotate(var(--r)) scale(.6);transition:opacity .8s,transform 1.1s cubic-bezier(.2,.9,.25,1.2);transition-delay:calc(var(--i)*120ms + .35s);will-change:transform}
.hx.in .hx-card{opacity:1;transform:translate(var(--mx,0px),var(--my,0px)) rotate(var(--r)) scale(1)}
.hx-card img{width:100%;height:100%;object-fit:cover;display:block;animation:hxF var(--t,7s) ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes hxF{50%{transform:translateY(-8px) scale(1.03)}}
.hx-card .tag{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:10px;background:rgba(29,27,38,.82);color:#fff;font:700 11.5px/1 'Figtree',sans-serif;letter-spacing:.02em}
.hx-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--c);opacity:.0;transition:opacity 1s 1.2s;animation:hxD var(--t,5s) ease-in-out infinite}
.hx.in .hx-dot{opacity:.85}
@keyframes hxD{50%{transform:translate(10px,-14px)}}
@media(max-width:900px){
  .st6-head.hx{min-height:0;padding:30px 0 40px}
  .hx-cards{position:relative;inset:auto;display:flex;gap:12px;justify-content:center;margin-top:30px;order:5;height:150px}
  .hx-card{position:relative;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:120px;border-radius:18px;box-shadow:0 18px 34px -16px rgba(40,20,80,.35),0 0 0 4px #fff}
  .hx-card:nth-child(n+4){display:none}
  .hx-chip{padding:10px 14px 10px 10px}.hx-chip b{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.hx .st6-h .w,.hx .st6-p,.hx .h6-k,.hx .hx-cta,.hx .hx-chips,.hx-card{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.hx-card img,.hx-dot{animation:none}}
@media(min-width:901px){
  .st6-head.hx{width:min(1300px,96vw);max-width:none;position:relative;left:50%;transform:translateX(-50%);margin-left:0;margin-right:0}
  .hx .st6-h,.hx .st6-p{max-width:min(760px,56vw);margin-left:auto;margin-right:auto}
  .hx-card{width:clamp(150px,14vw,220px)}
}
/* texte remonté : moins d'espace au-dessus du titre */
section.st6:has(.st6-head.hx){padding-top:10px}
.st6-head.hx{min-height:min(84vh,800px);justify-content:flex-start;padding:70px 0 70px}
@media(max-width:860px){section.st6:has(.st6-head.hx){padding-top:20px}.st6-head.hx{min-height:0;padding:24px 0 40px}}

/* collage : lieux réels avec pub à l'écran */
.hx-card.hx-scn{aspect-ratio:3/2;width:clamp(190px,17vw,270px)}
.hx-scn .hx-in{position:absolute;inset:0;animation:hxF var(--t,7s) ease-in-out infinite;animation-delay:var(--dl,0s)}
.hx-scn .hx-in>img{width:100%;height:100%;object-fit:cover;display:block;animation:none}
.hx-scr{position:absolute;overflow:hidden;background:#000}
.hx-scr img{width:100%;height:100%;object-fit:cover;display:block;animation:none!important}
.hx-lv{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:#EF4444;color:#fff;font:900 10.5px/1 'Figtree',sans-serif;letter-spacing:.08em}
.hx-lv i{width:6px;height:6px;border-radius:50%;background:#fff;animation:hxBl 1s infinite}
@keyframes hxBl{50%{opacity:.25}}
@media(max-width:900px){.hx-card.hx-scn{width:150px}}

/* images sur les côtés retirées */
.hx-cards{display:none!important}
.st6-head.hx{min-height:0!important;padding:60px 0 70px!important}

/* icônes au trait (remplacent les emojis) */
.hx-chip i{background:var(--c,#F3E8FF)}
.hx-chip i .qi{width:20px;height:20px;fill:none;stroke:#1D1B26;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hx-chip:nth-child(1) i .qi{stroke:#B45309}.hx-chip:nth-child(2) i .qi{stroke:#6D28D9}.hx-chip:nth-child(3) i .qi{stroke:#15803D}

/* titre : le dégradé couvre tout « ad buying » d'un seul tenant, sans couper les jambages */
.hx .st6-h .w.g{padding:0 .02em .16em;margin-bottom:-.16em;background-size:400% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* pastilles décoratives et icônes des chiffres : le Q de QTouch */
.hx-dot{width:22px;height:22px;border-radius:0;background:var(--c);-webkit-mask:url('data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2049%2049%22%20width%3D%2249%22%20height%3D%2249%22%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m37.7%2043.52v4.3c-1.54-0.41-3.08-0.89-4.52-1.59q-0.5-0.24-0.97-0.52c-1.26-0.75-2.36-1.69-3.38-2.74q-0.83-0.87-1.59-1.82c-1.37-1.71-2.52-3.6-3.86-5.33-0.68-0.88-1.4-1.71-2.23-2.46q-1.37-1.24-3.03-2.07v6.63c0%203.61%202.94%206.55%206.55%206.55q1.38-0.01%202.58-0.53c0.95%201.17%201.96%202.27%203.09%203.22-1.65%201.02-3.59%201.61-5.67%201.61-5.98%200-10.85-4.87-10.85-10.85v-7.94q-1.91-0.25-3.82%200.09%200-1.93%200-3.86%200.06-0.01%200.11-0.01%201.85-0.16%203.71%200.06%201.72%200.2%203.36%200.64%200.48%200.13%200.94%200.28c2.95%200.96%205.61%202.63%207.61%205.06%200.87%201.07%201.61%202.25%202.36%203.4%200.89%201.37%201.82%202.72%202.91%203.92q0.21-0.79%200.21-1.64v-27.13c0-3.23-2.35-5.92-5.44-6.45v-4.33c5.46%200.55%209.74%205.18%209.74%2010.78v27.13c0%201.59-0.34%203.11-0.96%204.47%200.99%200.51%202.07%200.83%203.15%201.13z%22/%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m23.62%200v4.33c-3.11%200.5-5.5%203.21-5.5%206.46v14.11q-0.46-0.15-0.94-0.28-1.64-0.44-3.36-0.64v-13.19c0-5.62%204.31-10.26%209.8-10.79z%22/%3E%20%3C/g%3E%20%3C/svg%3E') center/contain no-repeat;mask:url('data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2049%2049%22%20width%3D%2249%22%20height%3D%2249%22%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m37.7%2043.52v4.3c-1.54-0.41-3.08-0.89-4.52-1.59q-0.5-0.24-0.97-0.52c-1.26-0.75-2.36-1.69-3.38-2.74q-0.83-0.87-1.59-1.82c-1.37-1.71-2.52-3.6-3.86-5.33-0.68-0.88-1.4-1.71-2.23-2.46q-1.37-1.24-3.03-2.07v6.63c0%203.61%202.94%206.55%206.55%206.55q1.38-0.01%202.58-0.53c0.95%201.17%201.96%202.27%203.09%203.22-1.65%201.02-3.59%201.61-5.67%201.61-5.98%200-10.85-4.87-10.85-10.85v-7.94q-1.91-0.25-3.82%200.09%200-1.93%200-3.86%200.06-0.01%200.11-0.01%201.85-0.16%203.71%200.06%201.72%200.2%203.36%200.64%200.48%200.13%200.94%200.28c2.95%200.96%205.61%202.63%207.61%205.06%200.87%201.07%201.61%202.25%202.36%203.4%200.89%201.37%201.82%202.72%202.91%203.92q0.21-0.79%200.21-1.64v-27.13c0-3.23-2.35-5.92-5.44-6.45v-4.33c5.46%200.55%209.74%205.18%209.74%2010.78v27.13c0%201.59-0.34%203.11-0.96%204.47%200.99%200.51%202.07%200.83%203.15%201.13z%22/%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m23.62%200v4.33c-3.11%200.5-5.5%203.21-5.5%206.46v14.11q-0.46-0.15-0.94-0.28-1.64-0.44-3.36-0.64v-13.19c0-5.62%204.31-10.26%209.8-10.79z%22/%3E%20%3C/g%3E%20%3C/svg%3E') center/contain no-repeat}
.hx-chip i .qm{display:block;width:24px;height:24px;-webkit-mask:url('data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2049%2049%22%20width%3D%2249%22%20height%3D%2249%22%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m37.7%2043.52v4.3c-1.54-0.41-3.08-0.89-4.52-1.59q-0.5-0.24-0.97-0.52c-1.26-0.75-2.36-1.69-3.38-2.74q-0.83-0.87-1.59-1.82c-1.37-1.71-2.52-3.6-3.86-5.33-0.68-0.88-1.4-1.71-2.23-2.46q-1.37-1.24-3.03-2.07v6.63c0%203.61%202.94%206.55%206.55%206.55q1.38-0.01%202.58-0.53c0.95%201.17%201.96%202.27%203.09%203.22-1.65%201.02-3.59%201.61-5.67%201.61-5.98%200-10.85-4.87-10.85-10.85v-7.94q-1.91-0.25-3.82%200.09%200-1.93%200-3.86%200.06-0.01%200.11-0.01%201.85-0.16%203.71%200.06%201.72%200.2%203.36%200.64%200.48%200.13%200.94%200.28c2.95%200.96%205.61%202.63%207.61%205.06%200.87%201.07%201.61%202.25%202.36%203.4%200.89%201.37%201.82%202.72%202.91%203.92q0.21-0.79%200.21-1.64v-27.13c0-3.23-2.35-5.92-5.44-6.45v-4.33c5.46%200.55%209.74%205.18%209.74%2010.78v27.13c0%201.59-0.34%203.11-0.96%204.47%200.99%200.51%202.07%200.83%203.15%201.13z%22/%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m23.62%200v4.33c-3.11%200.5-5.5%203.21-5.5%206.46v14.11q-0.46-0.15-0.94-0.28-1.64-0.44-3.36-0.64v-13.19c0-5.62%204.31-10.26%209.8-10.79z%22/%3E%20%3C/g%3E%20%3C/svg%3E') center/contain no-repeat;mask:url('data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2049%2049%22%20width%3D%2249%22%20height%3D%2249%22%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m37.7%2043.52v4.3c-1.54-0.41-3.08-0.89-4.52-1.59q-0.5-0.24-0.97-0.52c-1.26-0.75-2.36-1.69-3.38-2.74q-0.83-0.87-1.59-1.82c-1.37-1.71-2.52-3.6-3.86-5.33-0.68-0.88-1.4-1.71-2.23-2.46q-1.37-1.24-3.03-2.07v6.63c0%203.61%202.94%206.55%206.55%206.55q1.38-0.01%202.58-0.53c0.95%201.17%201.96%202.27%203.09%203.22-1.65%201.02-3.59%201.61-5.67%201.61-5.98%200-10.85-4.87-10.85-10.85v-7.94q-1.91-0.25-3.82%200.09%200-1.93%200-3.86%200.06-0.01%200.11-0.01%201.85-0.16%203.71%200.06%201.72%200.2%203.36%200.64%200.48%200.13%200.94%200.28c2.95%200.96%205.61%202.63%207.61%205.06%200.87%201.07%201.61%202.25%202.36%203.4%200.89%201.37%201.82%202.72%202.91%203.92q0.21-0.79%200.21-1.64v-27.13c0-3.23-2.35-5.92-5.44-6.45v-4.33c5.46%200.55%209.74%205.18%209.74%2010.78v27.13c0%201.59-0.34%203.11-0.96%204.47%200.99%200.51%202.07%200.83%203.15%201.13z%22/%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m23.62%200v4.33c-3.11%200.5-5.5%203.21-5.5%206.46v14.11q-0.46-0.15-0.94-0.28-1.64-0.44-3.36-0.64v-13.19c0-5.62%204.31-10.26%209.8-10.79z%22/%3E%20%3C/g%3E%20%3C/svg%3E') center/contain no-repeat;background:linear-gradient(135deg,#F97316,#EC4899)}
.hx-chip:nth-child(2) i .qm{background:linear-gradient(135deg,#7C3AED,#EC4899)}
.hx-chip:nth-child(3) i .qm{background:linear-gradient(135deg,#16A34A,#7C3AED)}
.hx-chip i{background:#fff!important;box-shadow:inset 0 0 0 1.5px #EEE9F7}

/* la vague bleue devient un Q QTouch */
.st6-s:has(path[stroke="#38BDF8"]) svg{display:none}
.st6-s:has(path[stroke="#38BDF8"])::before{content:"";display:block;width:44px;height:44px;background:linear-gradient(135deg,#F97316,#EC4899);-webkit-mask:var(--qmask) center/contain no-repeat;mask:var(--qmask) center/contain no-repeat}
:root{--qmask:url('data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2049%2049%22%20width%3D%2249%22%20height%3D%2249%22%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m37.7%2043.52v4.3c-1.54-0.41-3.08-0.89-4.52-1.59q-0.5-0.24-0.97-0.52c-1.26-0.75-2.36-1.69-3.38-2.74q-0.83-0.87-1.59-1.82c-1.37-1.71-2.52-3.6-3.86-5.33-0.68-0.88-1.4-1.71-2.23-2.46q-1.37-1.24-3.03-2.07v6.63c0%203.61%202.94%206.55%206.55%206.55q1.38-0.01%202.58-0.53c0.95%201.17%201.96%202.27%203.09%203.22-1.65%201.02-3.59%201.61-5.67%201.61-5.98%200-10.85-4.87-10.85-10.85v-7.94q-1.91-0.25-3.82%200.09%200-1.93%200-3.86%200.06-0.01%200.11-0.01%201.85-0.16%203.71%200.06%201.72%200.2%203.36%200.64%200.48%200.13%200.94%200.28c2.95%200.96%205.61%202.63%207.61%205.06%200.87%201.07%201.61%202.25%202.36%203.4%200.89%201.37%201.82%202.72%202.91%203.92q0.21-0.79%200.21-1.64v-27.13c0-3.23-2.35-5.92-5.44-6.45v-4.33c5.46%200.55%209.74%205.18%209.74%2010.78v27.13c0%201.59-0.34%203.11-0.96%204.47%200.99%200.51%202.07%200.83%203.15%201.13z%22/%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m23.62%200v4.33c-3.11%200.5-5.5%203.21-5.5%206.46v14.11q-0.46-0.15-0.94-0.28-1.64-0.44-3.36-0.64v-13.19c0-5.62%204.31-10.26%209.8-10.79z%22/%3E%20%3C/g%3E%20%3C/svg%3E')}
/* tête du tracé violet (Annonceurs) : le Q QTouch à la place de la boule */
.st6-hd.k-adv svg{opacity:0}
.st6-hd.k-adv::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;translate:-50% -50%;background:linear-gradient(135deg,#F97316,#EC4899);-webkit-mask:var(--qmask) center/contain no-repeat;mask:var(--qmask) center/contain no-repeat;filter:drop-shadow(0 8px 14px rgba(236,72,153,.45))}

/* logos Smart TV dans « Branchez vos écrans » */
.st6-tv{margin:18px 0 22px;padding:14px 16px;border-radius:16px;background:#F7F5FB;box-shadow:inset 0 0 0 1px #ECE8F5}
.st6-tv b{display:block;font-size:13px;font-weight:800;letter-spacing:.02em;color:#1D1B26;margin-bottom:12px}
.st6-tv .lg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:center}
.st6-tv .lg img{width:100%;height:30px;object-fit:contain}
@media(max-width:600px){.st6-tv .lg{grid-template-columns:repeat(2,1fr)}}