/* Atlas Connect · Atlas Club — pictos 3D du héro (cadeau, étiquette %, pièce étoile), 23/09/2026 · v3.
   Les pictos sont des SATELLITES de l'anneau extérieur du héro (.ac-hero-rings : centre 50 % / 44 %, Ø 760 px) :
   chacun est posé sur le cercle (rayon --R) et y glisse lentement d'avant en arrière (angle --a animé via @property),
   comme les points de l'anneau. Par-dessus, chacun garde SON geste : l'étiquette se balance, la pièce fait un tour
   complet en 3D puis se repose, le cadeau sautille ; un reflet traverse chaque picto à tour de rôle.
   Le picto tourne autour d'un point mais reste un petit élément dans un héro en overflow:hidden : aucune incidence
   sur la mise en page (leçon du 15/09). Images : assets/club/ic3d-*.webp (fond transparent). */
@property --acx-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes acxArc{from{--acx-a:calc(var(--a0) - var(--sw,7deg))}to{--acx-a:calc(var(--a0) + var(--sw,7deg))}}
@keyframes acxPop{from{opacity:0;scale:.35;filter:blur(10px)}60%{opacity:1;filter:blur(0)}}
@keyframes acxSwing{0%,100%{rotate:-8deg}22%{rotate:9deg}44%{rotate:-5deg}62%{rotate:3deg}78%,90%{rotate:-1deg}}
@keyframes acxCoin{0%,100%{scale:1;filter:drop-shadow(0 18px 22px rgba(2,6,28,.6)) brightness(1)}50%{scale:1.04;filter:drop-shadow(0 18px 22px rgba(2,6,28,.6)) drop-shadow(0 0 18px rgba(251,191,36,.75)) brightness(1.18)}}
@keyframes acxTwinkle{0%,100%{opacity:0;scale:.3;rotate:0deg}45%{opacity:1;scale:1;rotate:45deg}60%{opacity:0;scale:.5;rotate:90deg}}
@property --acx-r{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes acxRing{to{--acx-r:360deg}}
@keyframes acxRingIn{from{opacity:0;scale:.82}}
@keyframes acxBreath{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes acxHop{0%,58%,100%{translate:0 0;scale:1 1}64%{translate:0 3px;scale:1.07 .93}74%{translate:0 -16px;scale:.95 1.06}84%{translate:0 0;scale:1.04 .96}90%{scale:1 1}}
@keyframes acxHalo{0%,100%{opacity:.55;scale:.9}50%{opacity:1;scale:1.08}}
@keyframes acxShine{0%,70%{background-position:170% 0}90%,100%{background-position:-70% 0}}
@keyframes acxPing{0%{opacity:.9;scale:.7}65%,100%{opacity:0;scale:1.9}}

body.atlas-club-page .ac-hero .acx{position:absolute;left:50%;top:var(--acx-cy,52%);z-index:1;width:var(--w);aspect-ratio:1;margin:calc(var(--w)/-2) 0 0 calc(var(--w)/-2);pointer-events:none;
  --R:385px;--acx-a:var(--a0);transform:rotate(var(--acx-a)) translateX(var(--R)) rotate(calc(var(--acx-a)*-1));
  animation:acxBob var(--arc,6s) ease-in-out var(--d,0s) infinite}
/* v8 : les pictos restent FIXES sur l'anneau (plus de glissement le long du cercle, jugé erratique) — simple flottement vertical */
@keyframes acxBob{0%,100%{translate:0 0}50%{translate:0 -9px}}
.ac-hero .acx-in{position:absolute;inset:0;animation:acxPop 1s cubic-bezier(.34,1.5,.64,1) var(--in,.5s) both}
.ac-hero .acx img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(2,6,28,.6))}
/* reflet : bande claire masquée par la silhouette du picto lui-même */
.ac-hero .acx-sh{position:absolute;inset:0;z-index:3;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%) no-repeat;background-size:260% 100%;background-position:170% 0;
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;mix-blend-mode:screen;animation:acxShine 7.5s cubic-bezier(.45,0,.2,1) var(--shd,2s) infinite}
.ac-hero .acx-h{position:absolute;inset:-26%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.46),rgba(37,99,235,.14) 46%,transparent 70%);filter:blur(10px);animation:acxHalo 5.5s ease-in-out var(--d,0s) infinite}
.ac-hero .acx.warm .acx-h{background:radial-gradient(circle,rgba(249,115,22,.36),rgba(59,130,246,.16) 50%,transparent 72%)}
/* point d'accroche sur l'anneau, qui pulse */
.ac-hero .acx-p{display:none;position:absolute;left:50%;top:50%;z-index:1;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#67e8f9;box-shadow:0 0 12px 3px rgba(103,232,249,.8)}
.ac-hero .acx.warm .acx-p{background:#fb923c;box-shadow:0 0 12px 3px rgba(249,115,22,.8)}
.ac-hero .acx-p::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid currentColor;color:rgba(103,232,249,.85);animation:acxPing 3s cubic-bezier(.2,.7,0,1) var(--pd,0s) infinite}
.ac-hero .acx.warm .acx-p::after{color:rgba(249,115,22,.85)}

/* gestes propres */
.ac-hero .acx.k-tag img,.ac-hero .acx.k-tag .acx-sh{transform-origin:72% 18%;animation:acxSwing 5s cubic-bezier(.45,0,.55,1) 1.2s infinite}
.ac-hero .acx.k-tag .acx-sh{animation:acxSwing 5s cubic-bezier(.45,0,.55,1) 1.2s infinite,acxShine 7.5s cubic-bezier(.45,0,.2,1) var(--shd) infinite}
.ac-hero .acx.k-star img{animation:acxCoin 3.2s ease-in-out infinite}
/* scintillements autour de la pièce : l'étoile BRILLE, elle ne tourne pas */
.ac-hero .acx.k-star .acx-in::before,.ac-hero .acx.k-star .acx-in::after{content:"";position:absolute;z-index:4;width:22%;aspect-ratio:1;background:#fff7d6;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 6px rgba(251,191,36,.95));animation:acxTwinkle 3.2s ease-in-out infinite}
.ac-hero .acx.k-star .acx-in::before{right:4%;top:6%}
.ac-hero .acx.k-star .acx-in::after{left:8%;bottom:10%;width:15%;animation-delay:-1.6s}
.ac-hero .acx.k-gift .acx-in{transform-origin:50% 100%}
.ac-hero .acx.k-gift img{transform-origin:50% 100%;animation:acxHop 4s cubic-bezier(.3,.7,.4,1) 1.4s infinite}

/* positions sur l'anneau (0° = droite, angles positifs vers le BAS : 186° = gauche légèrement haut, 214° = haut gauche, -18° = haut droite) */
/* v9 : pictos réduits (jugés trop gros) + quatre satellites de plus — poignée de main (partenaires), communauté, bouclier (validé), repère (local) */
body.atlas-club-page .ac-hero .acx.k-tag{--w:clamp(60px,4.6vw,80px);--a0:-18deg;--arc:11s;--d:-3s;--in:.7s;--pd:-1s;--shd:3.2s;--m:url(club/ic3d-tag.webp)}
body.atlas-club-page .ac-hero .acx.k-gift{--w:clamp(60px,4.6vw,78px);--a0:186deg;--arc:10s;--d:-6s;--in:.55s;--pd:0s;--shd:.8s;--m:url(club/ic3d-gift.webp)}
body.atlas-club-page .ac-hero .acx.k-star{--w:clamp(44px,3.2vw,56px);--a0:210deg;--arc:10s;--d:-6s;--sw:7deg;--in:.85s;--pd:-2s;--shd:5.6s;--m:url(club/ic3d-star.webp)}
body.atlas-club-page .ac-hero .acx.k-hand{--w:clamp(46px,3.4vw,58px);--a0:12deg;--arc:6.5s;--d:-2s;--in:1s;--pd:-.5s;--shd:4.4s}
body.atlas-club-page .ac-hero .acx.k-shield{--w:clamp(44px,3.2vw,54px);--a0:-40deg;--arc:7s;--d:-4s;--in:1.1s;--pd:-2.4s;--shd:6.4s}
body.atlas-club-page .ac-hero .acx.k-comm{--w:clamp(46px,3.4vw,58px);--a0:166deg;--arc:6s;--d:-1s;--in:1.2s;--pd:-1.4s;--shd:2.4s}
body.atlas-club-page .ac-hero .acx.k-pin{--w:clamp(40px,3vw,50px);--a0:232deg;--arc:5.5s;--d:-3s;--in:1.3s;--pd:-3s;--shd:7.2s}
/* gestes des nouveaux pictos */
@keyframes acxShake{0%,70%,100%{rotate:0deg}76%{rotate:-7deg}82%{rotate:6deg}88%{rotate:-4deg}94%{rotate:2deg}}
@keyframes acxBeat{0%,100%{scale:1}14%{scale:1.1}28%{scale:1}42%{scale:1.06}56%{scale:1}}
@keyframes acxGuard{0%,100%{filter:drop-shadow(0 18px 22px rgba(2,6,28,.6)) brightness(1)}50%{filter:drop-shadow(0 18px 22px rgba(2,6,28,.6)) drop-shadow(0 0 14px rgba(103,232,249,.8)) brightness(1.15)}}
@keyframes acxDrop{0%,60%,100%{translate:0 0;scale:1 1}68%{translate:0 -12px;scale:.95 1.05}78%{translate:0 0;scale:1.08 .92}86%{scale:1 1}}
.ac-hero .acx.k-hand .acx-tile{animation:acxShake 4.5s ease-in-out 1.5s infinite}
.ac-hero .acx.k-comm .acx-tile{animation:acxBeat 3.6s ease-in-out 1.8s infinite}
.ac-hero .acx.k-shield .acx-tile{animation:acxGuard 3.4s ease-in-out infinite}
.ac-hero .acx.k-pin .acx-tile{transform-origin:50% 100%;animation:acxDrop 4s cubic-bezier(.3,.7,.4,1) 2s infinite}


/* ── Rond décoratif animé : l'orbite des pictos ──
   Couches concentriques sur l'anneau extérieur (centre 50 % / 44 %) : lueur, trait fin, arc lumineux cyan→orange
   qui court (angle de dégradé animé, pas d'élément tourné), graduations en pointillé, deux comètes. */
body.atlas-club-page .ac-hero .acx-ring{position:absolute;left:50%;top:var(--acx-cy,52%);z-index:0;width:calc(var(--R0,385px)*2);aspect-ratio:1;translate:-50% -50%;pointer-events:none;border-radius:50%;animation:acxRingIn 1.2s .2s cubic-bezier(.22,.68,0,1) both}
.ac-hero .acx-ring>i{position:absolute;inset:0;border-radius:50%}
.ac-hero .acx-ring .g{inset:-4%;background:radial-gradient(circle,transparent 62%,rgba(59,130,246,.16) 69%,rgba(103,232,249,.08) 72%,transparent 76%);animation:acxBreath 6s ease-in-out infinite}
.ac-hero .acx-ring .l{border:1px solid rgba(147,197,253,.28);box-shadow:0 0 30px -8px rgba(59,130,246,.55),inset 0 0 30px -8px rgba(59,130,246,.4)}
.ac-hero .acx-ring .t{inset:3.5%;background:repeating-conic-gradient(from 0deg,rgba(147,197,253,.5) 0 .6deg,transparent .6deg 6deg);-webkit-mask:radial-gradient(circle,transparent calc(50% - 5px),#000 calc(50% - 4px) 50%,transparent calc(50% + 1px));mask:radial-gradient(circle,transparent calc(50% - 5px),#000 calc(50% - 4px) 50%,transparent calc(50% + 1px));opacity:.55}
.ac-hero .acx-ring .a,.ac-hero .acx-ring .b{background:conic-gradient(from var(--acx-r),transparent 0 62%,rgba(103,232,249,.95) 78%,rgba(249,115,22,.95) 90%,transparent 97%);-webkit-mask:radial-gradient(circle,transparent calc(50% - 2.5px),#000 calc(50% - 1.5px) 50%,transparent calc(50% + .5px));mask:radial-gradient(circle,transparent calc(50% - 2.5px),#000 calc(50% - 1.5px) 50%,transparent calc(50% + .5px));filter:drop-shadow(0 0 8px rgba(103,232,249,.7));animation:acxRing 14s linear infinite}
.ac-hero .acx-ring .b{inset:11%;opacity:.7;background:conic-gradient(from var(--acx-r),transparent 0 70%,rgba(147,197,253,.9) 86%,transparent 96%);animation:acxRing 22s linear -7s infinite reverse}
/* comètes : points lumineux qui suivent les arcs (même angle animé, posés par transform sur un petit élément) */
.ac-hero .acx-ring .c{inset:auto;left:50%;top:50%;width:8px;height:8px;margin:-4px;background:#e0f2fe;box-shadow:0 0 12px 4px rgba(103,232,249,.85);transform:rotate(var(--acx-r)) translateX(var(--R0,385px));animation:acxRing 14s linear infinite}
.ac-hero .acx-ring .c2{width:6px;height:6px;margin:-3px;background:#fed7aa;box-shadow:0 0 12px 4px rgba(249,115,22,.8);transform:rotate(var(--acx-r)) translateX(calc(var(--R0,385px)*.78));animation:acxRing 22s linear -7s infinite reverse}

/* tablette / mobile : la colonne de texte occupe l'anneau — pictos en coins hauts, sans glissement */
@media(max-width:1179px){
  body.atlas-club-page .ac-hero .acx{transform:none;animation:none;margin:0}
  body.atlas-club-page .ac-hero .acx.k-star,body.atlas-club-page .ac-hero .acx.k-hand,body.atlas-club-page .ac-hero .acx.k-shield,body.atlas-club-page .ac-hero .acx.k-comm,body.atlas-club-page .ac-hero .acx.k-pin{display:none}
  body.atlas-club-page .ac-hero .acx.k-gift{--w:56px;left:2%;top:36%}
  body.atlas-club-page .ac-hero .acx.k-tag{--w:56px;left:auto;right:2%;top:33%}
  .ac-hero .acx-p{display:none}
  body.atlas-club-page .ac-hero .acx-ring{--R0:min(300px,40vw)}
  .ac-hero .acx-ring .t{display:none}}
@media(max-width:599px){
  body.atlas-club-page .ac-hero .acx.k-gift{--w:40px;left:1%;top:100px}
  body.atlas-club-page .ac-hero .acx.k-tag{--w:40px;right:1%;top:96px}}
@media(prefers-reduced-motion:reduce){.ac-hero .acx,.ac-hero .acx *,.ac-hero .acx *::after,.ac-hero .acx *::before,.ac-hero .acx-ring,.ac-hero .acx-ring *{animation:none!important}.ac-hero .acx-ring .c,.ac-hero .acx-ring .c2{display:none}}

/* ── v10 · pictos CONSTRUITS dans la DA Atlas Connect (poignée de main, bouclier, communauté, repère) ──
   Tuile de verre bleue à 30 % d'arrondi, légèrement inclinée en 3D, reflet haut, liseré clair, glyphe blanc au trait
   avec l'accent cyan (ou orange sur le repère). Même halo, même point d'accroche et même reflet balayant que les pictos 3D. */
.ac-hero .acx.tile .acx-sh{display:none}
.ac-hero .acx-tile{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;border-radius:30%;overflow:hidden;
  background:linear-gradient(150deg,#7cb4ff 0%,#3b82f6 34%,#1d4ed8 64%,#172554 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -8px 14px rgba(2,6,28,.5),inset 0 0 0 1px rgba(191,219,254,.4),0 16px 22px -4px rgba(2,6,28,.65),0 0 24px -2px rgba(59,130,246,.55);
  transform:perspective(420px) rotateX(12deg) rotateY(-14deg)}
.ac-hero .acx.k-shield .acx-tile{background:linear-gradient(150deg,#a5f3fc 0%,#22d3ee 26%,#2563eb 62%,#172554 100%)}
.ac-hero .acx.warm .acx-tile{background:linear-gradient(150deg,#fed7aa 0%,#fb923c 32%,#ea580c 62%,#7c2d12 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -8px 14px rgba(67,20,7,.5),inset 0 0 0 1px rgba(254,215,170,.45),0 16px 22px -4px rgba(2,6,28,.65),0 0 24px -2px rgba(249,115,22,.55)}
.ac-hero .acx-tile::before{content:"";position:absolute;left:-10%;right:-10%;top:-38%;height:78%;border-radius:50%;background:radial-gradient(ellipse at 50% 90%,rgba(255,255,255,.5),rgba(255,255,255,.08) 60%,transparent 72%);pointer-events:none}
.ac-hero .acx-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.6) 50%,transparent 62%) no-repeat;background-size:260% 100%;background-position:170% 0;mix-blend-mode:screen;animation:acxShine 7.5s cubic-bezier(.45,0,.2,1) var(--shd,2s) infinite}
.ac-hero .acx-tile svg{position:relative;z-index:1;width:56%;height:56%;stroke:#fff;stroke-width:2;filter:drop-shadow(0 2px 3px rgba(2,6,28,.45))}
.ac-hero .acx-tile svg .ac{stroke:#a5f3fc}
.ac-hero .acx.k-shield .acx-tile svg .ac{stroke:#fdba74;stroke-width:2.6}
.ac-hero .acx.warm .acx-tile svg .ac{stroke:#fff7ed}
.ac-hero .acx-tile svg .dot{fill:#1e3a8a;stroke:#fff}
@media(prefers-reduced-motion:reduce){.ac-hero .acx-tile::after{animation:none!important}}

/* ── v11 · pictos construits SIMPLIFIÉS (demande « plus simple, plus sobre ») ──
   Pastille de verre sombre, liseré fin, glyphe blanc au trait fin, un seul accent. Plus d'inclinaison 3D,
   de reflet, de dégradé saturé ni de geste propre : seul le flottement commun reste. */
.ac-hero .acx.tile .acx-h{inset:-10%;opacity:.5;animation:none;background:radial-gradient(circle,rgba(59,130,246,.3),transparent 70%)}
.ac-hero .acx.tile .acx-tile,.ac-hero .acx.tile.warm .acx-tile,.ac-hero .acx.k-shield .acx-tile{transform:none;border-radius:50%;animation:none;filter:none;
  background:rgba(15,28,68,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:inset 0 0 0 1px rgba(147,197,253,.32),0 10px 20px -8px rgba(2,6,28,.6)}
.ac-hero .acx.tile .acx-tile::before,.ac-hero .acx.tile .acx-tile::after{display:none}
.ac-hero .acx.tile .acx-tile svg{width:46%;height:46%;stroke:#e0ecff;stroke-width:1.6;filter:none}
.ac-hero .acx.tile .acx-tile svg .ac,.ac-hero .acx.k-shield .acx-tile svg .ac{stroke:#67e8f9;stroke-width:1.6}
.ac-hero .acx.tile.warm .acx-tile svg .ac{stroke:#fb923c}
.ac-hero .acx.tile .acx-tile svg .dot{fill:none;stroke:#fb923c}
.ac-hero .acx.tile .acx-p{width:5px;height:5px;margin:-2.5px;box-shadow:0 0 8px 2px rgba(103,232,249,.6)}

/* ── v12 · cadeau légèrement incliné + micro-animations PARLANTES des pictos construits ──
   Chaque geste raconte le picto : les deux personnes se parlent à tour de rôle (bulle + hochement),
   les mains se serrent (deux secousses puis repos), la coche du bouclier se trace, le repère tombe et fait une onde. */
.ac-hero .acx.k-gift img{rotate:-12deg}
.ac-hero .acx.tile .acx-tile svg{overflow:visible}
.ac-hero .acx-tile svg g,.ac-hero .acx-tile svg ellipse{transform-box:fill-box;transform-origin:50% 50%}
@keyframes acxTalkL{0%,6%{opacity:0;scale:.4}12%,40%{opacity:1;scale:1}46%,100%{opacity:0;scale:.4}}
@keyframes acxTalkR{0%,50%{opacity:0;scale:.4}56%,86%{opacity:1;scale:1}92%,100%{opacity:0;scale:.4}}
@keyframes acxNodL{0%,8%,44%,100%{translate:0 0}16%,32%{translate:0 -.8px}24%{translate:0 .3px}}
@keyframes acxNodR{0%,52%,90%,100%{translate:0 0}60%,76%{translate:0 -.8px}68%{translate:0 .3px}}
.ac-hero .acx.k-comm .bl{transform-origin:30% 100%;animation:acxTalkL 4.4s ease-in-out infinite}
.ac-hero .acx.k-comm .br{transform-origin:70% 100%;animation:acxTalkR 4.4s ease-in-out infinite}
.ac-hero .acx.k-comm .pl{animation:acxNodL 4.4s ease-in-out infinite}
.ac-hero .acx.k-comm .pr{animation:acxNodR 4.4s ease-in-out infinite}
@keyframes acxShk{0%,54%,100%{translate:0 0;rotate:0deg}60%{translate:0 -1.3px;rotate:-3deg}66%{translate:0 1.1px;rotate:2deg}72%{translate:0 -1.1px;rotate:-2deg}78%{translate:0 .8px;rotate:1deg}84%{translate:0 0;rotate:0deg}}
.ac-hero .acx.k-hand .shk{animation:acxShk 3.6s ease-in-out infinite}
@keyframes acxCheck{0%,12%{stroke-dashoffset:1}34%,82%{stroke-dashoffset:0}94%,100%{stroke-dashoffset:1}}
.ac-hero .acx.k-shield .chk{stroke-dasharray:1;stroke-dashoffset:1;animation:acxCheck 3.8s cubic-bezier(.6,0,.3,1) infinite}
@keyframes acxPinDrop{0%,55%,100%{translate:0 0;scale:1 1}64%{translate:0 -2.6px;scale:.96 1.04}72%{translate:0 0;scale:1.08 .92}78%{scale:1 1}}
@keyframes acxRip{0%,68%{opacity:0;scale:.4}74%{opacity:.9;scale:.8}100%{opacity:0;scale:1.9}}
.ac-hero .acx.k-pin .drp{transform-origin:50% 100%;animation:acxPinDrop 3.4s cubic-bezier(.3,.7,.4,1) infinite}
.ac-hero .acx.k-pin .rip{stroke:#fb923c;stroke-width:1;animation:acxRip 3.4s ease-out infinite}
@media(prefers-reduced-motion:reduce){.ac-hero .acx-tile svg *{animation:none!important}.ac-hero .acx.k-comm .bl,.ac-hero .acx.k-shield .chk{opacity:1;stroke-dashoffset:0}.ac-hero .acx.k-comm .br,.ac-hero .acx.k-pin .rip{opacity:0}}

/* ── v13 · recadrage : toute la décoration (anneaux d'origine, rond animé, pictos, lueur du titre) est centrée
   sur le BLOC DE CONTENU (surtitre → chiffres, centre mesuré à ~52 % du héro) et non plus à 44 %, trop haut. ── */
body.atlas-club-page .ac-hero{--acx-cy:52%}
body.atlas-club-page .ac-hero .ac-hero-rings{top:var(--acx-cy,52%)}
body.atlas-club-page .ac-hero .ac-hero-titleglow{translate:0 220px}
@media(max-width:1179px){body.atlas-club-page .ac-hero .ac-hero-titleglow{translate:0 110px}}
/* scène partagée (.hsx-stage, posée à 40 % par atlas-hero-stage-2026.js) : même centre que le reste */
body.atlas-club-page .ac-hero>.hsx-stage{--hsx-y:var(--acx-cy,52%)!important}
/* lueur du titre : centrée sur le h1 (sa translation est reprise par une animation, d'où la marge) */
body.atlas-club-page .ac-hero .ac-hero-titleglow{margin-top:70px}

/* ── v18 · ALLÈGEMENT (« trop lourd visuellement et à la navigation ») ──
   Visuel : une seule couche d'anneaux animés (la scène partagée .hsx-stage faisait doublon avec le rond),
   plus de graduations, de second arc, de seconde comète ni de points « ping » sous chaque picto ; halos plus discrets.
   Fluidité : on retire tout ce qui se REPEINT à chaque image — reflet balayant (background-position + masque + mélange),
   filtres animés de l'étoile, flous sur les halos, backdrop-filter des pastilles, dégradé conique à angle animé.
   L'arc tourne désormais par rotate (composité ; le héro est en overflow:hidden, donc aucune incidence de mise en page),
   et tout s'arrête quand le héro sort de l'écran (classe .acx-off posée par le script de la page). */
body.atlas-club-page .ac-hero>.hsx-stage{display:none}
.ac-hero .acx-ring .t,.ac-hero .acx-ring .b,.ac-hero .acx-ring .c2,.ac-hero .acx-p{display:none}
.ac-hero .acx-ring .g{animation:none;opacity:.7}
@keyframes acxRot{to{rotate:360deg}}
.ac-hero .acx-ring .a{background:conic-gradient(from 0deg,transparent 0 66%,rgba(103,232,249,.9) 82%,rgba(249,115,22,.9) 92%,transparent 98%);filter:none;animation:acxRot 18s linear infinite;will-change:rotate}
.ac-hero .acx-ring .c{transform:translateX(var(--R0,385px));animation:acxRot 18s linear infinite;box-shadow:0 0 10px 3px rgba(103,232,249,.7)}
.ac-hero .acx-sh,.ac-hero .acx-tile::after{display:none!important;animation:none!important}
.ac-hero .acx-h{filter:none;inset:-14%;opacity:.6;animation:none;background:radial-gradient(circle,rgba(59,130,246,.26),rgba(37,99,235,.08) 45%,transparent 68%)}
.ac-hero .acx.warm .acx-h{background:radial-gradient(circle,rgba(249,115,22,.2),rgba(59,130,246,.08) 48%,transparent 68%)}
.ac-hero .acx.tile .acx-tile{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(15,28,68,.82)}
.ac-hero .acx img{filter:drop-shadow(0 10px 14px rgba(2,6,28,.5))}
/* étoile : elle brille par l'opacité d'un éclat (composité), plus par un filtre animé */
@keyframes acxStarPulse{0%,100%{scale:1}50%{scale:1.05}}
@keyframes acxStarGlow{0%,100%{opacity:.25}50%{opacity:.9}}
.ac-hero .acx.k-star img{animation:acxStarPulse 3.2s ease-in-out infinite}
.ac-hero .acx.k-star .acx-h{inset:-30%;opacity:1;background:radial-gradient(circle,rgba(251,191,36,.45),transparent 62%);animation:acxStarGlow 3.2s ease-in-out infinite}
/* flottement : plus lent et plus court */
@keyframes acxBob{0%,100%{translate:0 0}50%{translate:0 -6px}}
body.atlas-club-page .ac-hero .acx{animation-duration:7s;will-change:translate}
.ac-hero.acx-off .acx,.ac-hero.acx-off .acx *,.ac-hero.acx-off .acx *::before,.ac-hero.acx-off .acx *::after,.ac-hero.acx-off .acx-ring *{animation-play-state:paused!important}