/* Atlas Connect · Atlas Club — héro 2026, PLACEMENT de la page (socle : assets/atlas-hero-2026.css).
   Tout est préfixé par body.atlas-club-page : `.ac-hero` désigne AUSSI une grille du portail client
   (espace-client-inline.css) — sans ce préfixe, la couche fuiterait sur un composant étranger. */

/* Aurore aux couleurs du Club (bleu → violet → orange), centrée derrière le titre */
body.atlas-club-page .ac-hero .ah26-aurora{inset:-8% -4%;opacity:.4;background:conic-gradient(from var(--ah26-a) at 50% 42%,rgba(37,99,235,.5),rgba(124,92,255,.34),rgba(249,115,22,.2),rgba(96,165,250,.44),rgba(37,99,235,.5));-webkit-mask-image:radial-gradient(ellipse 60% 56% at 50% 40%,#000 22%,transparent 76%);mask-image:radial-gradient(ellipse 60% 56% at 50% 40%,#000 22%,transparent 76%)}
body.atlas-club-page .ac-hero .ah26-spot{background:radial-gradient(520px circle at var(--ah26-sx) var(--ah26-sy),rgba(124,92,255,.14),rgba(96,165,250,.08) 44%,transparent 68%)}

/* Parallaxe en `translate` : les `transform` d'origine (acOrb, anneaux, étincelles) continuent de jouer */
body.ah26 .ac-hero .ac-orb.a{translate:calc(var(--ah26-px)*26px) calc(var(--ah26-py)*18px);transition:translate .75s cubic-bezier(.2,.7,0,1)}
body.ah26 .ac-hero .ac-orb.b{translate:calc(var(--ah26-px)*-24px) calc(var(--ah26-py)*-16px);transition:translate .75s cubic-bezier(.2,.7,0,1)}
body.ah26 .ac-hero .ac-hero-rings{translate:calc(var(--ah26-px)*14px) calc(var(--ah26-py)*9px);transition:translate .85s cubic-bezier(.2,.7,0,1)}
body.ah26 .ac-hero .ac-hero-sparks{translate:calc(var(--ah26-px)*-20px) calc(var(--ah26-py)*-13px);transition:translate .8s cubic-bezier(.2,.7,0,1)}
body.ah26 .ac-hero .ac-hero-titleglow{translate:calc(var(--ah26-px)*8px) calc(var(--ah26-py)*6px);transition:translate .7s cubic-bezier(.2,.7,0,1)}

/* Titre : la révélation par mot remplace le fondu global ; « Club » et « Atlas Connect » (dégradé
   animé, background-clip:text) sont révélés d'un bloc par le socle, sans perdre leur shimmer. */
body.ah26 .ac-hero h1{opacity:1!important;animation:none!important}
body.ah26 .ac-hero .ac-hero-text{animation-delay:.68s}
body.ah26 .ac-hero .ac-hero-cta{animation-delay:.82s}
body.ah26 .ac-hero .ac-hero-stats{animation-delay:.95s}
body.ah26 .ac-hero .ac-hero-trust{animation-delay:1.06s}

/* Pastille : anneau conic qui balaie le contour */
body.ah26 .ac-hero .ac-pill{position:relative;overflow:hidden}
body.ah26 .ac-hero .ac-pill::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ah26-a),transparent 0 58%,rgba(167,139,250,.9) 74%,rgba(249,115,22,.8) 84%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ah26Spin 4.6s linear infinite;pointer-events:none}

/* CTA principal magnétique + reflet sous le pointeur ; secondaire à balayage */
body.ah26 .ac-hero-cta .btn-primary{--ah26-cx:50%;--ah26-cy:50%;--ah26-cmx:0;--ah26-cmy:0;position:relative;overflow:hidden;translate:calc(var(--ah26-cmx)*6px) calc(var(--ah26-cmy)*4px);transition:transform .3s,box-shadow .3s,translate .25s cubic-bezier(.2,.7,0,1)}
body.ah26 .ac-hero-cta .btn-primary::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(150px circle at var(--ah26-cx) var(--ah26-cy),rgba(255,255,255,.24),transparent 62%);opacity:0;transition:opacity .28s ease}
body.ah26 .ac-hero-cta .btn-primary:hover::after{opacity:1}
body.ah26 .ac-hero-cta .btn-secondary{position:relative;overflow:hidden;transition:translate .3s cubic-bezier(.2,.7,0,1),border-color .3s,background .3s}
body.ah26 .ac-hero-cta .btn-secondary::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:skewX(-18deg);transition:left .55s cubic-bezier(.2,.7,0,1);pointer-events:none}
body.ah26 .ac-hero-cta .btn-secondary:hover{translate:0 -2px;border-color:rgba(167,139,250,.5)}
body.ah26 .ac-hero-cta .btn-secondary:hover::after{left:120%}

/* Trois preuves : relief au survol et picto qui s'allume */
body.ah26 .ac-hero-stat{transition:translate .35s cubic-bezier(.2,.7,0,1)}
body.ah26 .ac-hero-stat:hover{translate:0 -4px}
body.ah26 .ac-hero-stat:hover .ac-stat-ic{box-shadow:0 0 22px rgba(124,92,255,.45)}

/* Lié au défilement · aucune librairie, aucun listener */
@supports (animation-timeline:view()){
  body.ah26 .ac-hero-inner{animation:ah26AcDepart linear both;animation-timeline:view(block);animation-range:exit -12% exit 62%}
  @keyframes ah26AcDepart{to{opacity:.24;transform:scale(.955) translateY(-16px);filter:blur(5px)}}
}

@media (prefers-reduced-motion:reduce){
  body.ah26 .ac-hero .ac-pill::after{animation:none!important}
  body.ah26 .ac-hero-inner{animation:none!important;opacity:1;transform:none;filter:none}
}