/* Synchronia — couche de mouvement (sobre, désactivée si prefers-reduced-motion) */
#netbg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.85}
.hero{position:relative;overflow:hidden}
.hero>.wrap{position:relative;z-index:1}
.mo .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.mo .rv.in{opacity:1;transform:none}
.grad{background-size:220% 100%;animation:gshift 7s ease-in-out infinite alternate}
@keyframes gshift{from{background-position:0% 50%}to{background-position:100% 50%}}
.pcard,.product,.why-item,.tier,.stp,.pp,.step,.p-feats>*{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.pcard:hover,.product:hover,.why-item:hover,.tier:hover,.stp:hover,.pp:hover{transform:translateY(-4px);box-shadow:0 14px 40px -18px rgba(61,220,151,.45);border-color:var(--accent-line,rgba(61,220,151,.4))}
.btn{transition:transform .2s ease,box-shadow .25s ease,background .25s ease}
.btn:hover{transform:translateY(-2px)}
.btn-p{position:relative;overflow:hidden}
.btn-p::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:sheen 4.5s ease-in-out infinite}
@keyframes sheen{0%,60%{left:-60%}100%{left:130%}}
.btn-disc{animation:discpulse 2.8s ease-in-out infinite}
@keyframes discpulse{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,.45)}50%{box-shadow:0 0 0 9px rgba(34,211,238,0)}}
.p-flow .node{animation:nodeglow 6s ease-in-out infinite;animation-delay:calc(var(--i,0)*.6s)}
@keyframes nodeglow{0%,70%,100%{box-shadow:none;border-color:var(--line)}10%,30%{box-shadow:0 0 18px -2px rgba(61,220,151,.55);border-color:var(--accent)}}
.p-flow .ar{display:inline-block;animation:arrow 1.6s ease-in-out infinite}
@keyframes arrow{0%,100%{transform:translateX(0);opacity:.5}50%{transform:translateX(4px);opacity:1}}
[dir=rtl] .p-flow .ar{animation-name:arrowr}
@keyframes arrowr{0%,100%{transform:translateX(0);opacity:.5}50%{transform:translateX(-4px);opacity:1}}
.pstate i,.eyebrow::before{animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){
 #netbg{display:none}
 .mo .rv{opacity:1;transform:none;transition:none}
 .grad,.btn-p::after,.btn-disc,.p-flow .node,.p-flow .ar,.pstate i,.eyebrow::before{animation:none}
}

.nav-games{color:var(--accent2)!important;position:relative;font-weight:600;display:inline-flex;align-items:center;white-space:nowrap}
.nav-games::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent2);margin-inline-end:6px;vertical-align:middle;animation:blink 1.8s ease-in-out infinite}
.gband{padding:8px 0 40px}
.gb{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid rgba(34,211,238,.35);border-radius:14px;padding:22px 26px;background:linear-gradient(120deg,rgba(34,211,238,.09),rgba(61,220,151,.07))}
.gb p{margin:6px 0 0;color:var(--text);font-size:16px}