/* v3 PLUS : ergonomie, accessibilite, recherche, tiroir voiture, appel a rejoindre */
.skip{position:fixed;left:12px;top:-60px;z-index:500;padding:10px 18px;border-radius:10px;background:#fff;color:#000;font:700 .9rem "Chakra Petch",sans-serif;transition:top .2s}.skip:focus{top:12px}
:focus-visible{outline:2px solid #ff6a72;outline-offset:3px;border-radius:6px}
html{scrollbar-color:#3a3a44 #0b0b0f}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#0b0b0f}::-webkit-scrollbar-thumb{background:#2f2f38;border-radius:8px;border:2px solid #0b0b0f}::-webkit-scrollbar-thumb:hover{background:#ff2029}
/* appel a rejoindre dans la barre */
.nav .jn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:30px;background:linear-gradient(135deg,#ff3340,#d4101a);color:#fff;font:700 .82rem "Chakra Petch",sans-serif;letter-spacing:.04em;box-shadow:0 10px 26px -10px #ff2029;white-space:nowrap;transition:transform .2s,box-shadow .2s}.nav .jn:hover{transform:translateY(-2px);box-shadow:0 14px 32px -8px #ff2029}.nav .jn svg{width:13px;height:13px;fill:currentColor}
.nav .srbtn{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:30px;border:1px solid var(--bd);background:rgba(255,255,255,.05);color:#c4c8d2;font:600 .8rem "Chakra Petch",sans-serif;cursor:pointer}.nav .srbtn:hover{color:#fff;border-color:var(--bd2)}.nav .srbtn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.nav .srbtn kbd{padding:1px 6px;border-radius:5px;background:rgba(255,255,255,.1);font:600 .66rem "Chakra Petch"}
@media(max-width:1180px){.nav .srbtn kbd,.nav .srbtn span{display:none}.nav .live{display:none}}
/* serveur le plus anime dans le hero */
.hbest{display:flex;align-items:center;gap:16px;margin-top:22px;max-width:520px;padding:14px 16px;border-radius:18px;background:rgba(10,10,14,.72);border:1px solid var(--bd2);backdrop-filter:blur(14px);box-shadow:0 20px 50px -20px #000}
.hbest img{width:84px;height:56px;border-radius:10px;object-fit:cover}.hbest .t{flex:1;min-width:0}.hbest small{display:flex;align-items:center;gap:7px;font:700 .68rem "Chakra Petch",sans-serif;letter-spacing:.16em;color:#9aa0ae;text-transform:uppercase}.hbest b{display:block;font:700 1.05rem "Chakra Petch",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbest span{color:#c4c8d2;font-size:.88rem}
.hbest .btn{flex:none}
/* barre d'action mobile */
.mcta{display:none}
@media(max-width:1000px){.mcta{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:120;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:20px;background:rgba(14,14,20,.94);border:1px solid var(--bd2);backdrop-filter:blur(18px);box-shadow:0 20px 50px -10px #000}.mcta .t{flex:1;min-width:0;line-height:1.2}.mcta small{display:block;color:#9aa0ae;font:600 .66rem "Chakra Petch";letter-spacing:.14em;text-transform:uppercase}.mcta b{display:block;font:700 .95rem "Chakra Petch";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcta a{padding:12px 20px;border-radius:14px;background:linear-gradient(135deg,#ff3340,#d4101a);font:700 .9rem "Chakra Petch";color:#fff}body{padding-bottom:84px}.nav .jn,.nav .srbtn{display:none}.nav .srbtn.m{display:flex;margin-left:auto}.pbar{bottom:96px}}
.totop{position:fixed;right:18px;bottom:22px;z-index:110;width:46px;height:46px;border-radius:50%;border:1px solid var(--bd2);background:rgba(14,14,20,.9);color:#fff;font-size:1.2rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translateY(10px)}.totop.on{opacity:1;pointer-events:auto;transform:none}.totop:hover{background:#ff2029}
@media(max-width:1000px){.totop{bottom:96px}}
/* palette de recherche */
.pal{position:fixed;inset:0;z-index:400;display:flex;align-items:flex-start;justify-content:center;padding-top:13vh;background:rgba(4,4,7,.74);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .2s}.pal.on{opacity:1;pointer-events:auto}
.pbox{width:min(660px,92vw);border-radius:22px;background:rgba(16,16,22,.98);border:1px solid var(--bd2);box-shadow:0 40px 100px #000;overflow:hidden;transform:translateY(-10px) scale(.98);transition:transform .25s}.pal.on .pbox{transform:none}
.pbox input{width:100%;padding:20px 26px;background:none;border:0;border-bottom:1px solid var(--bd);color:#fff;font:500 1.1rem Barlow,system-ui;outline:0}
.pres{max-height:52vh;overflow:auto;padding:8px}.pg{padding:10px 16px 4px;font:700 .68rem "Chakra Petch",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#7d8290}.pi{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:12px;cursor:pointer}.pi.sel,.pi:hover{background:rgba(255,51,64,.16)}.pi b{font:600 .98rem "Chakra Petch",sans-serif}.pi small{margin-left:auto;color:#8e93a0}.pi img{width:38px;height:28px;border-radius:6px;object-fit:cover}
.phint{padding:10px 20px;border-top:1px solid var(--bd);color:#7d8290;font-size:.78rem;display:flex;gap:16px}
/* tiroir voiture */
.drawer{position:fixed;inset:0;z-index:380;display:flex;justify-content:flex-end;background:rgba(4,4,7,.62);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s}.drawer.on{opacity:1;pointer-events:auto}
.dpan{position:relative;width:min(520px,100%);height:100%;overflow:auto;background:#101016;border-left:1px solid var(--bd2);transform:translateX(30px);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.drawer.on .dpan{transform:none}
.dpan .ph{aspect-ratio:16/10;background:#000}.dpan .ph img{width:100%;height:100%;object-fit:cover}.dpan .in{padding:26px}.dpan h2{font-size:1.9rem;margin-bottom:6px}.dpan .x{position:absolute;right:16px;top:14px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid var(--bd2);background:rgba(0,0,0,.65);color:#fff;cursor:pointer}
.dpan h4{font:700 .72rem "Chakra Petch",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#7d8290;margin:22px 0 10px}
.dsr{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--bd)}.dsr b{font:600 .98rem "Chakra Petch"}.dsr small{display:block;color:#8e93a0}
.car{cursor:pointer}
@media(prefers-reduced-motion:reduce){.pal,.dpan,.drawer{transition:none}}
/* barre du haut : tout tient, meme sur un portable */
.nav .w{gap:14px}.nav .btn.dc{flex:none}
@media(max-width:1560px){.nav .live{display:none}.nav .btn.dc{font-size:0;padding:10px 12px;gap:0}.nav .btn.dc svg{width:20px;height:20px}.links>a,.dd>button{padding:10px 11px;font-size:.86rem}}
.nav .srbtn.m{display:none}.logo{flex:none}.nav .links{min-width:0}
@media(max-width:1560px){.nav .srbtn span,.nav .srbtn kbd{display:none}.nav .srbtn{padding:10px 12px}}
@media(max-width:1000px){.nav .srbtn.m{display:flex;margin-left:auto}}
/* barre du haut : jamais de chevauchement. Compacte par defaut, complete seulement quand il y a la place. */
.nav .w{width:min(1500px,94vw)}
.nav .live{display:none}
.nav .btn.dc{font-size:0;padding:10px 12px;gap:0}.nav .btn.dc svg{width:20px;height:20px}
.nav .srbtn span,.nav .srbtn kbd{display:none}.nav .srbtn{padding:10px 12px}
.nav kbd,.nav .live,.nav .jn,.nav .srbtn,.nav .btn{white-space:nowrap}
.links>a,.dd>button{padding:10px 12px;font-size:.88rem}
@media(min-width:1700px){.nav .live{display:inline-flex}.nav .btn.dc{font-size:.8rem;padding:10px 18px;gap:8px}.nav .btn.dc svg{width:16px;height:16px}.nav .srbtn span,.nav .srbtn kbd{display:inline}.nav .srbtn{padding:9px 14px}.links>a,.dd>button{padding:10px 15px;font-size:.92rem}}
@media(max-width:1000px){.nav .live,.nav .srbtn:not(.m){display:none}}
@media(max-width:1240px){.logo b{display:none}.links>a,.dd>button{padding:10px 9px;font-size:.84rem}.nav .w{gap:10px}}
@media(max-width:1000px){.logo b{display:inline}}
@media(min-width:1700px) and (max-width:1819px){.nav .live,.nav .srbtn span,.nav .srbtn kbd{display:none}.nav .btn.dc{font-size:0;padding:10px 12px;gap:0}.nav .btn.dc svg{width:20px;height:20px}.nav .srbtn{padding:10px 12px}.links>a,.dd>button{padding:10px 12px;font-size:.88rem}}
@media(min-width:1820px){.nav .w{width:min(1700px,94vw)}}

/* fond du hero : vraies captures du jeu, fondu enchaine et zoom lent */
.hbg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#050507}
.hbg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);animation:hbg 27s infinite;will-change:opacity,transform}
.hbg img:nth-child(2){animation-delay:9s}.hbg img:nth-child(3){animation-delay:18s}
@keyframes hbg{0%{opacity:0;transform:scale(1.04)}6%{opacity:1}33%{opacity:1}39%{opacity:0;transform:scale(1.16)}100%{opacity:0;transform:scale(1.16)}}
.hero::after{background:linear-gradient(90deg,rgba(7,7,10,.62) 0%,rgba(7,7,10,.3) 42%,rgba(7,7,10,.04) 100%),linear-gradient(0deg,var(--bg),transparent 38%),linear-gradient(180deg,rgba(7,7,10,.65),transparent 22%)!important}
@media(max-width:1000px){.hero::after{background:linear-gradient(180deg,rgba(7,7,10,.78),rgba(7,7,10,.55) 45%,var(--bg))!important}.hbg img{object-position:62% center}}
@media(prefers-reduced-motion:reduce){.hbg img{animation:none}.hbg img:first-child{opacity:1;transform:none}}
/* en attendant le choix de la photo du hero : fond sombre neutre */
.hbg{background:radial-gradient(900px 500px at 70% 40%,rgba(255,51,64,.22),transparent 65%),#07070a}

.hbg canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* hero : sobre et pro */
.hero h1{font-family:Barlow,"Segoe UI",system-ui,sans-serif;font-style:normal;font-weight:800;text-transform:none;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.04;letter-spacing:-.032em;margin-bottom:20px}
.hero h1 span i{font-style:normal}.hero h1 em{font-style:normal;color:#ff3a47;text-shadow:none}
.hero .lead{max-width:48ch;font-size:1.14rem;line-height:1.6;color:#b9bdc9;margin-bottom:26px}
.hero .pill{font-size:.78rem;margin-bottom:20px}
.hstats{display:flex;flex-wrap:wrap;gap:0;margin-top:34px;padding-top:20px;border-top:1px solid var(--bd)}
.hstats>div{padding:0 28px 0 0;margin-right:28px;border-right:1px solid var(--bd)}.hstats>div:last-child{border:0;margin:0;padding:0}
.hstats b{display:block;font:700 1.45rem/1.1 Barlow,sans-serif;letter-spacing:-.01em;color:#fff}.hstats span{color:#8e93a0;font-size:.82rem;letter-spacing:.02em}
@media(max-width:700px){.hstats>div{padding-right:18px;margin-right:18px}.hstats b{font-size:1.15rem}}
.hero h1 span{white-space:nowrap}@media(max-width:420px){.hero h1 span{white-space:normal}}

/* hero : la marque */
.hero h1.brand{position:relative;display:inline-block;margin:0 0 14px;font-size:0;line-height:0;max-width:100%}
.hero h1.brand img{display:block;width:min(620px,100%);height:auto;clip-path:inset(0 100% 0 0);animation:brv 1.1s .25s cubic-bezier(.7,0,.2,1) forwards;}
@keyframes brv{to{clip-path:inset(0 0 0 0)}}

.rpm{display:flex;gap:4px;width:min(620px,100%);margin:6px 0 14px}.rpm i{flex:1;height:7px;border-radius:2px;background:#23232b;transform:skewX(-20deg);animation:rpm 5.5s ease-in-out infinite;animation-delay:calc(var(--k)*45ms)}
@keyframes rpm{0%,100%{background:#23232b;box-shadow:none}18%,42%{background:var(--c);box-shadow:0 0 12px var(--c)}60%{background:#23232b;box-shadow:none}}
.hero .tag{margin:0 0 20px;font:600 .8rem "Chakra Petch",sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#a9aebb}
@media(max-width:700px){.hero .tag{letter-spacing:.16em;font-size:.7rem}.rpm i{height:6px}}
@media(prefers-reduced-motion:reduce){.hero h1.brand img{animation:none;clip-path:none}.rpm i{animation:none}.rpm i:nth-child(-n+18){background:var(--c)}}
.hero p.tag{background:none!important;border:0!important;padding:0!important;width:auto!important;color:#a9aebb!important}
/* hero : le logo en grand, epure (centre, rien autour) */
.hero .w{grid-template-columns:1fr!important;justify-items:center;text-align:center}
.hero .stack,.hero .rpm,.hero .lead,.hero .hstats,.hbest{display:none!important}
.hero .w>div:first-child{display:flex;flex-direction:column;align-items:center;width:100%}
.hero h1.brand{margin:10px 0 18px}.hero h1.brand img{width:min(1000px,88vw)}
.hero .tag{margin:0 0 28px;font-size:.9rem;letter-spacing:.4em}
.hero .cta{justify-content:center}.hero .pill{margin-left:auto;margin-right:auto}
.hero::after{background:radial-gradient(ellipse 70% 60% at 50% 46%,rgba(7,7,10,.1),rgba(7,7,10,.72) 100%),linear-gradient(0deg,var(--bg),transparent 30%)!important}
@media(max-width:700px){.hero .tag{letter-spacing:.18em;font-size:.72rem}.hero h1.brand img{width:94vw}}

/* infos vivantes du hero */
.hlive{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:min(900px,92vw);margin:34px auto 0}
.hl{position:relative;display:flex;flex-direction:column;gap:5px;padding:16px 18px;border-radius:18px;background:rgba(10,10,14,.62);border:1px solid var(--bd);backdrop-filter:blur(14px);text-align:left;opacity:0;transform:translateY(16px);animation:hlin .8s cubic-bezier(.2,.8,.2,1) forwards;overflow:hidden;transition:border-color .25s,transform .25s}
.hl:nth-child(1){animation-delay:1.3s}.hl:nth-child(2){animation-delay:1.45s}.hl:nth-child(3){animation-delay:1.6s}.hl:nth-child(4){animation-delay:1.75s}
@keyframes hlin{to{opacity:1;transform:none}}
.hl:hover{border-color:rgba(255,51,64,.6)}.hl::before{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,#ff3340,transparent);transform:translateX(-100%);animation:hls 5s ease-in-out infinite}.hl:nth-child(2)::before{animation-delay:1.2s}.hl:nth-child(3)::before{animation-delay:2.4s}.hl:nth-child(4)::before{animation-delay:3.6s}@keyframes hls{40%,100%{transform:translateX(100%)}}
.hl small{display:flex;align-items:center;gap:8px;font:700 .68rem "Chakra Petch",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#9aa0ae}
.hl b{font:400 2.1rem/1 "Racing Sans One",Impact,sans-serif;color:#fff;letter-spacing:.01em}.hl b em{font-style:normal;color:#8e93a0;font-size:.55em}.hl>span{color:#a9aebb;font-size:.82rem}
.hl .nm{font:700 1.05rem "Chakra Petch",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}
.sd{display:flex;gap:6px;margin-top:2px}.sd i{width:14px;height:14px;border-radius:50%;background:#2a2a33;animation:sdl 3.2s ease-in-out infinite;animation-delay:calc(var(--k)*.18s)}.sd i.on{background:#2bd96b;box-shadow:0 0 10px #2bd96b}.sd i.off{background:#ff4752}
@keyframes sdl{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
.fc{display:flex;margin-top:2px}.fc img{width:28px;height:28px;border-radius:50%;border:2px solid #0e0e13;margin-left:-8px;animation:fcb 4s ease-in-out infinite}.fc img:first-child{margin-left:0}.fc img:nth-child(2){animation-delay:-.7s}.fc img:nth-child(3){animation-delay:-1.4s}.fc img:nth-child(4){animation-delay:-2.1s}.fc img:nth-child(5){animation-delay:-2.8s}@keyframes fcb{50%{transform:translateY(-4px)}}
.hb{cursor:pointer}.hb .br{height:5px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden;margin:3px 0}.hb .br i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#ff2029,#ff9a5a);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.hb:hover{transform:translateY(-3px)}
@media(max-width:900px){.hlive{grid-template-columns:1fr 1fr}.hl b{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.hl,.sd i,.fc img,.hl::before{animation:none!important;opacity:1;transform:none}}
.hero h1.brand img{width:min(860px,80vw)!important}.hero{padding-bottom:120px}

.hlive{grid-template-columns:repeat(3,1fr);width:min(720px,92vw)}.hl:nth-child(1){animation-delay:1.3s}.hl:nth-child(2){animation-delay:1.45s}.hl:nth-child(3){animation-delay:1.6s}@media(max-width:900px){.hlive{grid-template-columns:1fr 1fr}.hlive .hb{grid-column:1/-1}}

/* hero : console live v2 (carte vedette + deux cartes) */
.hlive{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:14px;width:min(860px,92vw);margin:38px auto 0}
.hlive .hl{padding:20px 22px;border-radius:24px;gap:6px;background:linear-gradient(180deg,rgba(24,24,32,.78),rgba(12,12,17,.82));border:1px solid rgba(255,255,255,.09);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.hlive .hl:hover{transform:translateY(-3px);border-color:rgba(255,51,64,.55);box-shadow:0 14px 40px -12px rgba(255,51,64,.4)}
.hlive .hl::before{display:none}
.hlive .pz{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,51,64,.4);background:rgba(255,51,64,.1);font:700 .66rem "Chakra Petch",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ff6b75}
.hlive .pz .dot{width:7px;height:7px;border-radius:50%;background:#ff3340;box-shadow:0 0 0 0 rgba(255,51,64,.7);animation:pld 1.8s infinite}
@keyframes pld{70%{box-shadow:0 0 0 9px rgba(255,51,64,0)}100%{box-shadow:0 0 0 0 rgba(255,51,64,0)}}
.hlive .hb{grid-row:1/3;justify-content:flex-start;gap:10px;min-height:220px;text-decoration:none}
.hlive .bgi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;z-index:-1;transition:transform .8s,opacity .3s}
.hlive .hb::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,12,.55),rgba(8,8,12,.92))}
.hlive .hb:hover .bgi{transform:scale(1.06);opacity:.45}
.hlive .hb{isolation:isolate}
.hlive .hb .nm{font:400 1.7rem/1.05 "Racing Sans One",Impact,sans-serif;font-style:italic;white-space:normal;letter-spacing:.01em;text-transform:uppercase}
.hlive .gz{display:flex;align-items:center;gap:16px;margin-top:auto}
.hlive .rg{width:86px;height:86px;flex:none;transform:rotate(-90deg)}
.hlive .rg circle{fill:none;stroke-width:7;stroke-linecap:round}
.hlive .rg .tr{stroke:rgba(255,255,255,.1)}
.hlive .rg .vl{stroke:#ff3340;stroke-dasharray:213.6;stroke-dashoffset:213.6;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 6px rgba(255,51,64,.7))}
.hlive .gn{display:flex;align-items:baseline;gap:6px}.hlive .gn b{font-size:2.8rem}.hlive .gn span{color:#8e93a0;font-size:1rem}
.hlive .gz p{margin:0;color:#a9aebb;font:600 .74rem/1.3 "Chakra Petch",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.hlive .go{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;padding:12px 18px;border-radius:999px;background:linear-gradient(180deg,#ff3340,#d9101e);color:#fff;font:700 .78rem "Chakra Petch",sans-serif;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 22px -8px rgba(255,51,64,.8)}
.hlive .go svg{width:12px;height:12px;fill:#fff}
.hlive .hs b,.hlive .hd b{font-size:2.7rem;margin-top:4px}
.hlive .hl p{margin:0;color:#9aa0ae;font-size:.84rem}
.hlive .sd,.hlive .fc{margin-top:auto;padding-top:6px}
@media(max-width:760px){.hlive{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}.hlive .hb{grid-column:1/-1;grid-row:auto;min-height:0}.hlive .hl{padding:16px}.hlive .hs b,.hlive .hd b{font-size:2.1rem}.hlive .hl p{font-size:.74rem}.hlive .gn b{font-size:2.3rem}.hlive .rg{width:72px;height:72px}.hlive .sd i{width:11px;height:11px}.hlive .sd{gap:4px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.hlive .pz .dot{animation:none}.hlive .rg .vl{transition:none}}

/* accueil : vitrine des apps */
.vit{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:stretch}
.vtabs{display:flex;flex-direction:column;gap:10px}
.vt{position:relative;display:flex;align-items:center;gap:14px;text-align:left;padding:16px 18px;border-radius:20px;border:1px solid var(--bd);background:rgba(18,18,24,.7);color:#c7cbd6;cursor:pointer;overflow:hidden;font:inherit;transition:transform .25s,border-color .25s,background .25s}
.vt:hover{transform:translateX(4px);border-color:rgba(255,51,64,.45)}
.vt .n{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.06);font:400 1.05rem "Racing Sans One",Impact,sans-serif;color:#8e93a0;transition:background .25s,color .25s,box-shadow .25s}
.vt .tx{display:flex;flex-direction:column;gap:2px;min-width:0}.vt b{font:400 1.12rem/1.1 "Racing Sans One",Impact,sans-serif;font-style:italic;text-transform:uppercase;color:#fff;letter-spacing:.01em}.vt small{font:600 .72rem "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8e93a0}
.vt.on{border-color:rgba(255,51,64,.6);background:linear-gradient(135deg,rgba(255,51,64,.2),rgba(18,18,24,.85));transform:translateX(8px);box-shadow:0 14px 34px -14px rgba(255,51,64,.55)}
.vt.on .n{background:linear-gradient(135deg,#ff3340,#c40f18);color:#fff;box-shadow:0 6px 16px -4px rgba(255,51,64,.8)}
.vt .pg{position:absolute;left:0;bottom:0;height:3px;width:0;background:#ff3340;box-shadow:0 0 10px #ff3340}
.vt.on .pg{animation:vtp 7s linear forwards}
@keyframes vtp{to{width:100%}}
.vit:not(.vis) .vt .pg,.vit:hover .vt .pg{animation-play-state:paused}
.vit.manual .vt .pg{animation:none!important;width:0}.vit.manual .vt.on .pg{width:100%}
.vstage{display:grid;position:relative}
.vp{grid-area:1/1;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(24,24,32,.85),rgba(12,12,17,.9));opacity:0;visibility:hidden;transform:translateY(14px) scale(.985);transition:opacity .55s,transform .55s,visibility .55s}
.vp.on{opacity:1;visibility:visible;transform:none;box-shadow:0 30px 70px -30px rgba(255,51,64,.45)}
.vp .shot{position:relative;background:#08080b}
.vp .bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(255,255,255,.04);border-bottom:1px solid var(--bd)}
.vp .bar i{width:10px;height:10px;border-radius:50%;background:#2a2a33}.vp .bar i:first-child{background:#ff3340}
.vp .bar span{margin-left:10px;font:600 .72rem "Chakra Petch",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6f7482}
.vp .im{aspect-ratio:16/8.2;overflow:hidden}
.vp .im img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.vp.on .im img{animation:vkb 9s ease-out forwards}
@keyframes vkb{from{transform:scale(1.07)}to{transform:scale(1)}}
.vp .inf{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 26px 26px}
.vp .inf>div:first-child{max-width:52ch}.vp h3{font-size:1.7rem;margin:10px 0 8px}.vp p{margin:0;color:var(--mut)}
.vp .ft{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.vp.on .inf>div:first-child{animation:vup .6s .15s both}.vp.on .ft{animation:vup .6s .3s both}
@keyframes vup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:900px){
 .vit{grid-template-columns:1fr;gap:14px}
 .vtabs{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:none}.vtabs::-webkit-scrollbar{display:none}
 .vt{flex:none;scroll-snap-align:start;padding:10px 14px 10px 10px;gap:10px;border-radius:16px}.vt:hover,.vt.on{transform:none}
 .vt .n{width:34px;height:34px;border-radius:11px;font-size:.9rem}.vt b{font-size:.92rem;white-space:nowrap}.vt small{display:none}
 .vp .inf{flex-direction:column;align-items:stretch;gap:16px;padding:18px}.vp h3{font-size:1.4rem}.vp .ft .btn{flex:1;justify-content:center}.vp .im{aspect-ratio:16/10}
}
@media(prefers-reduced-motion:reduce){.vt .pg,.vp.on .im img,.vp.on .inf>div:first-child,.vp.on .ft{animation:none!important}.vp{transition:none}}

/* demo OS */
.osd-open{border-color:rgba(255,51,64,.6)!important;color:#fff;background:rgba(255,51,64,.12)!important;gap:8px;animation:osdp 2.4s infinite}
.osd-open svg{width:12px;height:12px;fill:#ff3340}
@keyframes osdp{0%{box-shadow:0 0 0 0 rgba(255,51,64,.55)}70%{box-shadow:0 0 0 12px rgba(255,51,64,0)}100%{box-shadow:0 0 0 0 rgba(255,51,64,0)}}
html.osl{overflow:hidden}
.osd{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:3vh 3vw;background:rgba(4,4,7,.82);backdrop-filter:blur(10px)}
.osd.on{display:flex;animation:osin .35s both}
@keyframes osin{from{opacity:0}to{opacity:1}}
.osw{width:min(1480px,100%);max-height:100%;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0b0b10;box-shadow:0 40px 120px -20px rgba(255,51,64,.35);animation:osup .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes osup{from{transform:translateY(24px) scale(.97)}to{transform:none}}
.osb{display:flex;align-items:center;gap:7px;padding:11px 16px;background:rgba(255,255,255,.04);border-bottom:1px solid var(--bd)}
.osb i{width:11px;height:11px;border-radius:50%;background:#2a2a33}.osb i:first-child{background:#ff3340}
.osb b{margin-left:10px;font:600 .74rem "Chakra Petch",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8e93a0}
.osx{margin-left:auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--bd);background:rgba(255,255,255,.05);color:#fff;font-size:.95rem;cursor:pointer}.osx:hover{background:#ff3340;border-color:#ff3340}
.osm{display:grid;grid-template-columns:210px 1fr;min-height:0;flex:1}
.osn{display:flex;flex-direction:column;gap:14px;padding:16px 14px;overflow-y:auto;border-right:1px solid var(--bd);background:rgba(255,255,255,.02)}
.osg>span{display:block;margin:0 6px 6px;font:700 .64rem "Chakra Petch",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#ff6b75}
.osg>div{display:flex;flex-direction:column;gap:3px}
.osp{text-align:left;padding:8px 12px;border-radius:10px;border:1px solid transparent;background:none;color:#b9bdc9;font:600 .9rem "Barlow",sans-serif;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.osp:hover{background:rgba(255,255,255,.06);color:#fff;transform:translateX(3px)}
.osp.on{background:linear-gradient(135deg,rgba(255,51,64,.3),rgba(255,51,64,.08));border-color:rgba(255,51,64,.55);color:#fff}
.osv{display:flex;flex-direction:column;min-width:0;min-height:0}
.oss{position:relative;aspect-ratio:16/9;max-height:calc(94vh - 250px);margin:0 auto;width:100%;background:#050508;overflow:hidden;cursor:zoom-in}
.oss img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s,transform .45s cubic-bezier(.2,.8,.2,1)}
.oss img.on{opacity:1}.oss.zm{cursor:zoom-out}.oss.zm img{transform:scale(2.2)}
.osz{position:absolute;right:14px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.6);border:1px solid var(--bd);font:600 .68rem "Chakra Petch",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c7cbd6;pointer-events:none;transition:opacity .3s}.oss.zm .osz{opacity:0}
.osc{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px 6px}
.osc small{font:700 .66rem "Chakra Petch",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#ff6b75}.osc h4{margin:3px 0 4px;font:400 1.5rem "Racing Sans One",Impact,sans-serif;font-style:italic;text-transform:uppercase;color:#fff}.osc p{margin:0;color:var(--mut);max-width:62ch}
.osa{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 22px 16px}
.osa button{width:40px;height:40px;border-radius:50%;border:1px solid var(--bd);background:rgba(255,255,255,.05);color:#fff;font-size:1rem;cursor:pointer}.osa button:hover{background:#ff3340;border-color:#ff3340}.osk{min-width:56px;text-align:center;font:600 .8rem "Chakra Petch",sans-serif;letter-spacing:.1em;color:#8e93a0}
@media(max-width:900px){
 .osd{padding:0}.osw{border-radius:0;height:100%;max-height:none}
 .osm{grid-template-columns:1fr;grid-template-rows:auto 1fr}
 .osn{flex-direction:row;gap:6px;overflow-x:auto;overflow-y:hidden;padding:8px 10px;border-right:0;border-bottom:1px solid var(--bd);scrollbar-width:none}.osn::-webkit-scrollbar{display:none}
 .osg{display:contents}.osg>span{display:none}.osg>div{flex-direction:row;gap:6px}
 .osp{flex:none;white-space:nowrap;border-color:var(--bd);border-radius:999px;padding:7px 14px;font-size:.82rem}.osp:hover{transform:none}
 .oss{max-height:none}.osz{display:none}
 .osc{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px 4px}.osc h4{font-size:1.25rem}.osdl{justify-content:center}
 .osv{overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){.osd-open,.osw,.osd.on{animation:none}.oss img{transition:none}}

/* accueil : coverflow des apps */

.a2{display:flex;flex-direction:column;gap:18px}
.a2st{position:relative;height:clamp(240px,34vw,430px);perspective:1500px;perspective-origin:50% 40%;overflow:hidden;padding:0 0 20px}
.a2c{position:absolute;left:50%;top:0;width:min(640px,66%);aspect-ratio:16/10;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;background:#08080c;cursor:pointer;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s,filter .7s,box-shadow .7s}
.a2c img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.a2c span{position:absolute;left:0;right:0;bottom:0;padding:26px 18px 14px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);font:400 1.1rem "Racing Sans One",Impact,sans-serif;font-style:italic;text-transform:uppercase;color:#fff;text-align:left}
.a2c.me{border-color:rgba(255,51,64,.7);box-shadow:0 40px 90px -30px rgba(255,51,64,.6)}
.a2in{display:grid}.a2i{grid-area:1/1;text-align:center;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s}.a2i.on{opacity:1;visibility:visible;transform:none}
.a2i h3{font-size:2rem;margin:10px 0 8px}.a2i p{max-width:62ch;margin:0 0 16px}.a2i .ft{justify-content:center}
.a2ct{display:flex;align-items:center;justify-content:center;gap:16px}.a2ct button{width:42px;height:42px;border-radius:50%;border:1px solid var(--bd);background:rgba(255,255,255,.05);color:#fff;cursor:pointer;font-size:1rem}.a2ct button:hover{background:#ff3340;border-color:#ff3340}
.a2ct .dots{display:flex;gap:8px}.a2ct .dots i{width:9px;height:9px;border-radius:50%;background:#33343c;cursor:pointer;transition:all .3s}.a2ct .dots i.on{width:28px;border-radius:6px;background:#ff3340}

.a2i .ft{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.a2i p{color:var(--mut)}
@media(max-width:900px){.a2st{height:230px}.a2c{width:78%}.a2i h3{font-size:1.6rem}.a2i .ft .btn{flex:1 1 auto;justify-content:center}}
@media(prefers-reduced-motion:reduce){.a2c,.a2i{transition:none}}

/* coverflow : pastilles */
.a2i .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px}
.a2i .chips i{font:700 .7rem "Chakra Petch",sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border:1px solid rgba(255,255,255,.16);color:#c7cbd6;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:rgba(255,255,255,.03)}

/* reseaux v2 */
.soc2{display:grid;gap:14px;margin-top:18px}.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sx{--c:#fff;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:6px;padding:26px 24px 22px;border-radius:28px;border:1px solid var(--bd);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 14%,#101015),#0b0b10 62%);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .4s}
.sx::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px 220px at 100% 0,color-mix(in srgb,var(--c) 38%,transparent),transparent 65%);opacity:.5;transition:opacity .4s}
.sx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 16px var(--c)}
.sx:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 30px 60px -28px var(--c)}.sx:hover::before{opacity:1}.sx:hover::after{transform:none}
.sx .ic{width:56px;height:56px;border-radius:18px;background:var(--c);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:10px;box-shadow:0 12px 28px -10px var(--c);animation:icb 3.4s ease-in-out infinite;transition:transform .4s}
.sx:hover .ic{transform:rotate(-8deg) scale(1.08);animation:none}
.sx .ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sx.tt .ic,.sx.ki .ic{color:#04140a}
.sx>b{font:400 1.5rem var(--disp);text-transform:uppercase;font-style:italic}.sx em{font:600 .78rem "Chakra Petch",sans-serif;font-style:normal;letter-spacing:.1em;color:color-mix(in srgb,var(--c) 70%,#fff)}
.sx .dd{color:var(--mut);font-size:.95rem;margin-bottom:12px}
.sx .go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:700 .78rem "Chakra Petch",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.sx .go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}.sx:hover .go svg{transform:translateX(6px)}
.sxd{flex-direction:row;align-items:center;gap:22px;padding:26px 30px;background:linear-gradient(110deg,color-mix(in srgb,var(--c) 30%,#101015),#0b0b10 70%)}
.sxd .ic{margin:0;width:72px;height:72px;border-radius:22px;flex:none}.sxd .ic svg{width:36px;height:36px}
.sxd .tx{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.sxd .tx b{font:400 2rem var(--disp);text-transform:uppercase;font-style:italic}.sxd .tx span{color:#b9bdc9;max-width:44ch}
.sxd .lv{display:flex;align-items:center;gap:18px}.sxd .fc{display:flex}.sxd .fc img{width:40px;height:40px;border-radius:50%;border:3px solid #101015;margin-left:-12px;animation:fcb 4s ease-in-out infinite}.sxd .fc img:first-child{margin-left:0}.sxd .fc img:nth-child(2){animation-delay:.4s}.sxd .fc img:nth-child(3){animation-delay:.8s}.sxd .fc img:nth-child(4){animation-delay:1.2s}
.sxd .nb{display:flex;flex-direction:column}.sxd .nb b{font:400 2.4rem/1 var(--disp);color:#fff}.sxd .nb small{display:flex;align-items:center;gap:7px;color:#b9bdc9;font:600 .72rem "Chakra Petch",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.sxd .nb .dot{width:8px;height:8px;border-radius:50%;background:#2bd96b;box-shadow:0 0 0 0 rgba(43,217,107,.7);animation:pld 1.8s infinite}
.sxd .go{margin:0;padding:14px 22px;border-radius:999px;background:var(--c);box-shadow:0 12px 30px -10px var(--c);white-space:nowrap}
@media(max-width:1000px){.sg{grid-template-columns:repeat(2,1fr)}.sxd{flex-wrap:wrap}.sxd .lv{order:3}.sxd .go{order:4;flex:1;justify-content:center}}
@media(max-width:560px){.sx{padding:20px 18px}.sx .ic{width:48px;height:48px}.sxd{gap:14px;padding:20px 18px}.sxd .ic{width:56px;height:56px}.sxd .tx b{font-size:1.5rem}.sxd .nb b{font-size:1.9rem}.sxd .fc img{width:34px;height:34px}.sg{gap:10px}.sx>b{font-size:1.2rem}.sx .dd{font-size:.85rem}.sx .go{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.sx .ic,.sxd .fc img,.sxd .nb .dot{animation:none}.sx,.sx::after{transition:none}}

/* jamais de defilement horizontal (info-bulles d avatars) */
html,body{overflow-x:clip}

/* stats v2 */
.stats2{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.s2{--c:#fff;position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;row-gap:12px;padding:22px 22px 18px;border-radius:26px;border:1px solid var(--bd);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 13%,#101015),#0b0b10 65%);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s}
.s2::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(300px 160px at 100% 0,color-mix(in srgb,var(--c) 32%,transparent),transparent 70%);opacity:.55;transition:opacity .4s}
.s2::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--c),transparent);transform:scaleX(.25);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.s2:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 65%,transparent);box-shadow:0 26px 50px -26px var(--c)}.s2:hover::before{opacity:1}.s2:hover::after{transform:none}
.s2 .ic{width:54px;height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 22%,#14141a);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);color:var(--c);box-shadow:0 10px 24px -12px var(--c);transition:transform .4s}
.s2:hover .ic{transform:rotate(-8deg) scale(1.08)}
.s2 .ic svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s2 .tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.s2 .tx b{font:400 2.7rem/1 var(--disp);font-style:italic;color:#fff;letter-spacing:.01em}.s2.r .tx b{color:#ff3340;text-shadow:0 0 24px rgba(255,51,64,.5)}
.s2 .tx span{font:600 .74rem "Chakra Petch",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#9aa0ae}
.s2 em{grid-column:1/-1;display:flex;align-items:center;gap:8px;font:600 .8rem "Chakra Petch",sans-serif;font-style:normal;letter-spacing:.06em;color:color-mix(in srgb,var(--c) 60%,#fff);padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
.s2 em .dot{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 70%,transparent);animation:s2p 1.8s infinite}
@keyframes s2p{70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media(max-width:1000px){.stats2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stats2{gap:10px}.s2{padding:16px 14px 14px;column-gap:12px;grid-template-columns:1fr;row-gap:10px}.s2 .ic{width:42px;height:42px;border-radius:13px}.s2 .ic svg{width:22px;height:22px}.s2 .tx b{font-size:2.1rem}.s2 .tx span{font-size:.66rem;letter-spacing:.12em}.s2 em{font-size:.7rem;padding-top:10px}}
@media(prefers-reduced-motion:reduce){.s2 em .dot{animation:none}.s2,.s2::after,.s2 .ic{transition:none}}

/* hero : liste des serveurs */
.hlive{grid-template-columns:1.05fr 1fr!important;grid-template-rows:auto!important;width:min(920px,92vw)!important;align-items:stretch}
.hlive .hb{grid-row:auto;min-height:0;gap:12px}
.hlive .hb .bgi{opacity:.2;filter:blur(3px) saturate(1.2);object-position:50% 40%}
.hlive .hb .nm{margin:6px 0 4px}
.hlive .hr{grid-row:auto;padding:20px 22px;gap:12px}
.hlive .hr .rows{display:flex;flex-direction:column;gap:2px}
.hlive .rw{display:grid;grid-template-columns:10px minmax(0,1.15fr) minmax(50px,1fr) auto;align-items:center;gap:12px;padding:9px 10px;margin:0 -10px;border-radius:12px;color:#c7cbd6;text-decoration:none;opacity:0;transform:translateX(14px);animation:hlin .5s calc(1.5s + var(--k)*.07s) forwards;transition:background .2s}
.hlive .rw:hover{background:rgba(255,255,255,.06)}
.hlive .rw .sdt{width:9px;height:9px;border-radius:50%;background:#2bd96b;box-shadow:0 0 8px #2bd96b}.hlive .rw.off .sdt{background:#4a4a54;box-shadow:none}
.hlive .rw .n{font:700 .86rem "Chakra Petch",sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hlive .rw.top .n{color:#fff}.hlive .rw.top .n::after{content:" \2605";color:#ff3340}
.hlive .rw .bar{height:7px;border-radius:5px;background:rgba(255,255,255,.09);overflow:hidden}
.hlive .rw .bar i{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,#ff3340,#ff7a4d);box-shadow:0 0 10px rgba(255,51,64,.6);transition:width 1.3s cubic-bezier(.2,.8,.2,1)}
.hlive .rw .c{font:600 .78rem "Chakra Petch",sans-serif;color:#8e93a0;min-width:52px;text-align:right}.hlive .rw .c b{color:#fff;font-weight:700}
@media(max-width:760px){.hlive{grid-template-columns:1fr!important}.hlive .hr{padding:16px}.hlive .rw{gap:10px;grid-template-columns:10px minmax(0,1.3fr) minmax(36px,.8fr) auto}.hlive .rw .n{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.hlive .rw{animation:none;opacity:1;transform:none}.hlive .rw .bar i{transition:none}}

/* hero : 3 cartes v3 */
.hlive{grid-template-columns:1.2fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:16px!important;width:min(900px,92vw)!important}
.hlive .hb{grid-row:1/3!important;--c:#ff3340}.hlive .hs{--c:#2bd96b}.hlive .hd{--c:#5865F2}
.hlive .hl{position:relative;isolation:isolate;overflow:hidden;border-radius:28px!important;border:1px solid var(--bd)!important;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 14%,#101015),#0b0b10 68%)!important;padding:22px 24px!important;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s}
.hlive .hl::before{content:""!important;display:block!important;position:absolute;inset:0;z-index:-1;height:auto!important;width:auto!important;background:radial-gradient(360px 200px at 100% 0,color-mix(in srgb,var(--c) 34%,transparent),transparent 70%)!important;transform:none!important;animation:none!important;opacity:.6;transition:opacity .4s}
.hlive .hl::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--c),transparent);transform:scaleX(.22);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hlive .hl:hover{transform:translateY(-6px)!important;border-color:color-mix(in srgb,var(--c) 65%,transparent)!important;box-shadow:0 28px 56px -26px var(--c)}.hlive .hl:hover::before{opacity:1}.hlive .hl:hover::after{transform:none}
.hlive .pz{border-color:color-mix(in srgb,var(--c) 50%,transparent)!important;background:color-mix(in srgb,var(--c) 14%,transparent)!important;color:color-mix(in srgb,var(--c) 55%,#fff)!important}
.hlive .pz .dot{background:var(--c)!important}
.hlive .hi{position:absolute;top:18px;right:20px;width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 22%,#14141a);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);color:var(--c);box-shadow:0 10px 24px -12px var(--c);transition:transform .4s}
.hlive .hl:hover .hi{transform:rotate(-8deg) scale(1.08)}
.hlive .hi svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hlive .big{font:400 3.3rem/1 "Racing Sans One",Impact,sans-serif!important;font-style:italic;color:#fff;margin-top:8px;text-shadow:0 0 30px color-mix(in srgb,var(--c) 45%,transparent)}.hlive .big em{font-size:.42em!important;color:#8e93a0!important;margin-left:4px}
.hlive .hl p{color:#b9bdc9;font-size:.9rem;margin:0}
.hlive .sd{display:flex;gap:8px;margin-top:auto;padding-top:10px}.hlive .sd i{width:16px!important;height:16px!important}
.hlive .fc{margin-top:auto;padding-top:10px}.hlive .fc img{width:34px!important;height:34px!important;border:3px solid #101015!important;margin-left:-10px}.hlive .fc img:first-child{margin-left:0}
.hlive .hb{padding:24px 26px!important}.hlive .hb .bgi{opacity:.22!important;filter:blur(3px) saturate(1.2)}
.hlive .hb .nm{font-size:2rem!important;margin:8px 0 2px!important}
.hlive .hb .gn b{font-size:3.2rem}
@media(max-width:760px){.hlive{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:10px!important}.hlive .hb{grid-column:1/-1;grid-row:auto!important}.hlive .hl{padding:16px!important;border-radius:22px!important}.hlive .big{font-size:2.5rem!important}.hlive .hi{width:38px;height:38px;top:14px;right:14px;border-radius:12px}.hlive .hi svg{width:19px;height:19px}.hlive .hl p{font-size:.78rem}.hlive .sd{gap:5px;flex-wrap:wrap}.hlive .sd i{width:12px!important;height:12px!important}.hlive .fc img{width:28px!important;height:28px!important}}
@media(prefers-reduced-motion:reduce){.hlive .hl,.hlive .hl::after,.hlive .hi{transition:none}}

/* hero : moins de vide sous les cartes */
.hero{padding-bottom:56px!important}

/* serveurs v2 */
.card.srv{--c:#ff3340;border-radius:28px;border:1px solid var(--bd);background:linear-gradient(170deg,color-mix(in srgb,var(--c) 10%,#111116),#0b0b10 55%);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s;overflow:hidden}
.card.srv:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--c) 65%,transparent);box-shadow:0 30px 60px -28px var(--c)}
.card.srv.hot{border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent),0 24px 54px -30px var(--c)}
.srv .im{height:190px}.srv .im::after{background:linear-gradient(180deg,rgba(8,8,12,.15) 20%,color-mix(in srgb,var(--c) 14%,#0b0b10) 100%)}
.srv .st2{left:14px;top:14px;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);background:rgba(8,8,12,.6)}
.srv .st2 .dot{box-shadow:0 0 0 0 rgba(43,217,107,.7);animation:pld 1.8s infinite}
.srv .rb{position:absolute;right:14px;top:14px;z-index:2;padding:6px 12px;border-radius:20px;background:var(--c);color:#fff;font:700 .68rem "Chakra Petch",sans-serif;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 22px -6px var(--c)}
.srv .ty{position:absolute;left:14px;bottom:12px;z-index:2;font:700 .72rem "Chakra Petch",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 45%,#fff);padding:5px 10px;border-radius:8px;background:rgba(8,8,12,.7);border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}
.srv .bd{padding:18px 22px 22px;gap:12px}
.srv h3{font-size:1.45rem;font-style:italic;letter-spacing:.01em}
.srv .nb{align-items:baseline;gap:8px}.srv .nb b{font-size:2.9rem;text-shadow:0 0 28px color-mix(in srgb,var(--c) 50%,transparent)}.srv .nb span{font-size:.9rem}
.srv .nb .pc{margin-left:auto;font:700 .75rem "Chakra Petch",sans-serif;font-style:normal;letter-spacing:.08em;color:color-mix(in srgb,var(--c) 60%,#fff);padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 12%,transparent)}
.srv .bar{position:relative;height:10px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden}
.srv .bar i{background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff));box-shadow:0 0 14px var(--c)}
.srv .bar::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 11px,#0d0d12 11px 14px)}
.srv .ft{align-items:center;padding-top:8px;gap:12px;flex-wrap:nowrap}
.srv .go{gap:8px;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));box-shadow:0 10px 24px -10px var(--c)}
.srv .go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}.srv .go:hover svg{transform:translateX(5px)}
.srv .cr{display:flex;align-items:center;gap:10px;min-width:0}.srv .cr small{color:var(--mut);font-size:.82rem;white-space:nowrap}
.srv .th{display:flex}.srv .th img{width:34px;height:34px;border-radius:10px;object-fit:cover;border:2px solid #101015;margin-left:-12px;transition:transform .3s}.srv .th img:first-child{margin-left:0}
.srv:hover .th img{transform:translateY(-3px)}.srv:hover .th img:nth-child(2){transition-delay:.04s}.srv:hover .th img:nth-child(3){transition-delay:.08s}.srv:hover .th img:nth-child(4){transition-delay:.12s}
@media(max-width:560px){.srv .im{height:160px}.srv .nb b{font-size:2.5rem}.srv .th img{width:30px;height:30px}.srv .ft{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.srv .st2 .dot{animation:none}.card.srv,.srv .th img{transition:none}}

/* garage v2 */
.rail{display:flex;flex-direction:column;gap:18px;padding:6px 0 2px}
.rail .t{animation-duration:110s}.rail .t.r{animation-direction:reverse;animation-duration:130s}
.rail .car{width:330px;aspect-ratio:16/11;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:#0b0b10;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s}
.rail .car img{filter:saturate(.85) brightness(.9);transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .5s}
.rail .car:hover{transform:translateY(-8px);border-color:rgba(255,51,64,.7);box-shadow:0 30px 60px -26px rgba(255,51,64,.7)}.rail .car:hover img{transform:scale(1.1);filter:none}
.rail .car::after{background:linear-gradient(180deg,rgba(5,5,8,.1) 35%,rgba(5,5,8,.94))}
.rail .car b{left:18px;right:18px;bottom:16px;font:400 1.05rem/1.15 "Racing Sans One",Impact,sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:.01em;transition:transform .4s}
.rail .car:hover b{transform:translateY(-26px)}
.rail .car .mk{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(8,8,12,.65);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);font:700 .68rem "Chakra Petch",sans-serif;letter-spacing:.16em;color:#fff}
.rail .car .mk i{width:6px;height:6px;border-radius:50%;background:#ff3340;box-shadow:0 0 8px #ff3340}
.rail .car .op{position:absolute;left:18px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;font:700 .72rem "Chakra Petch",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ff6b75;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.rail .car:hover .op,.rail .car:focus-visible .op{opacity:1;transform:none}
.rail .car .op svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fin{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:38px}
@media(max-width:700px){.rail .car{width:230px}.rail .car b{font-size:.9rem}.rail{gap:12px}.fin{margin-top:26px}.fin .btn{flex:1 1 auto;justify-content:center}}
@media(prefers-reduced-motion:reduce){.rail .t{animation:none}.rail .car,.rail .car img,.rail .car b{transition:none}}

/* classement v2 */
.pod{align-items:end;gap:16px}
.pd.pk{--m:#c6ccd6;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:6px;padding:26px 26px 24px;border-radius:30px;border:1px solid color-mix(in srgb,var(--m) 38%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--m) 15%,#111116),#0b0b10 64%);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.pd.pk.n1{--m:#f0b232;padding:42px 28px 28px;margin-top:-26px;border-width:1.5px;box-shadow:0 30px 70px -34px #f0b232}
.pd.pk.n3{--m:#d98b4a}
.pd.pk::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(360px 200px at 100% 0,color-mix(in srgb,var(--m) 30%,transparent),transparent 70%)}
.pd.pk::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.1),transparent);transform:skewX(-18deg);animation:pksh 6s ease-in-out infinite;pointer-events:none}
.pd.pk.n2::after{animation-delay:1s}.pd.pk.n3::after{animation-delay:2s}
@keyframes pksh{0%,60%{left:-40%}100%{left:130%}}
.pd.pk:hover{transform:translateY(-8px);box-shadow:0 34px 70px -30px var(--m)}
.pk .rk{right:18px;top:-12px;font-size:8rem;color:color-mix(in srgb,var(--m) 14%,transparent);z-index:-1}
.pk-top{display:flex;align-items:center;gap:16px;margin-bottom:8px}
.pk-av{position:relative;flex:none;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:400 1.7rem var(--disp);font-style:italic;color:#1a1308;background:linear-gradient(145deg,color-mix(in srgb,var(--m) 55%,#fff),var(--m));box-shadow:0 0 0 3px #0b0b10,0 0 0 5px var(--m),0 14px 30px -10px var(--m)}
.n1 .pk-av{width:76px;height:76px;font-size:2.1rem}
.pk-av .crown{position:absolute;top:-26px;left:50%;margin:0;font-size:1.7rem;transform:translateX(-50%);filter:drop-shadow(0 4px 10px rgba(240,178,50,.7))}
.pk-id{min-width:0}.pk-id small{display:block;color:color-mix(in srgb,var(--m) 55%,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-id h3{margin:4px 0 0;font-size:1.55rem;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.n1 .pk-id h3{font-size:1.9rem}
.pk .sc{font:400 3rem/1 var(--disp);font-style:italic;color:var(--m);text-shadow:0 0 34px color-mix(in srgb,var(--m) 45%,transparent)}
.pk.n1 .sc{font-size:3.7rem;background:linear-gradient(100deg,#f0b232 20%,#fff2c2 45%,#f0b232 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;animation:pkg 5s linear infinite}
@keyframes pkg{to{background-position:-220% 0}}
.pk-pts{font:700 .72rem "Chakra Petch",sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#8e93a0;margin-bottom:10px}
.pk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.pk-chips span{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#b9bdc9;font-size:.82rem}
.pk-chips svg{width:14px;height:14px;fill:none;stroke:var(--m);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pk-chips b{color:#fff;font-weight:700}
/* lignes */
.row.rk2{grid-template-columns:44px 44px minmax(0,1.3fr) minmax(0,1.1fr) 150px 130px;gap:16px;border-radius:20px;padding:12px 18px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}
.row.rk2:hover{transform:translateX(6px);border-color:rgba(255,51,64,.5);background:linear-gradient(90deg,rgba(255,51,64,.1),rgba(18,18,24,.85) 55%);box-shadow:0 16px 36px -24px #ff3340}
.row.rk2 .n{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(255,51,64,.1);border:1px solid rgba(255,51,64,.3);font-size:1.05rem}
.row.rk2 .av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:400 1.15rem var(--disp);font-style:italic;color:#fff;background:linear-gradient(145deg,#33343c,#1b1b22);border:1px solid rgba(255,255,255,.12)}
.row.rk2:hover .av{background:linear-gradient(145deg,#ff3340,#a50f1b);border-color:transparent}
.row.rk2 .pn{min-width:0}.row.rk2 .pn small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row.rk2 .car2 small{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font:700 .7rem "Chakra Petch",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#c7cbd6;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row.rk2 .b{height:8px;border-radius:6px}.row.rk2 .b i{background:linear-gradient(90deg,#ff3340,#ff9a5a);box-shadow:0 0 12px rgba(255,51,64,.6)}
.row.rk2 .v{font-size:1.25rem}
@media(max-width:1000px){.pd.pk.n1{margin-top:0}.pod{gap:14px}}
@media(max-width:700px){.row.rk2{grid-template-columns:34px 38px minmax(0,1fr) auto;gap:10px;padding:10px 12px}.row.rk2 .n{width:32px;height:32px;font-size:.95rem}.row.rk2 .av{width:36px;height:36px}.row.rk2 .b,.row.rk2 .car2{display:none}.pk .sc{font-size:2.5rem}.pk.n1 .sc{font-size:3rem}.pd.pk{padding:22px 20px 20px}.pd.pk.n1{padding:38px 22px 24px}}
@media(prefers-reduced-motion:reduce){.pd.pk::after,.pk.n1 .sc{animation:none}.pd.pk,.row.rk2{transition:none}}

/* reste v2 */
/* --- setup --- */
.card.h:has(>.spec){--c:#ff3340;position:relative;isolation:isolate;border-radius:28px;border:1px solid var(--bd);background:linear-gradient(165deg,color-mix(in srgb,var(--c) 11%,#111116),#0b0b10 60%);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s}
.grid>.card.h:has(>.spec):nth-child(2){--c:#25c8ff}.grid>.card.h:has(>.spec):nth-child(3){--c:#9146ff}
.card.h:has(>.spec)::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(320px 180px at 100% 0,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%);opacity:.55;transition:opacity .4s}
.card.h:has(>.spec):hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 30px 60px -30px var(--c)}.card.h:has(>.spec):hover::before{opacity:1}
.spec .tag{border-color:color-mix(in srgb,var(--c) 50%,transparent);color:color-mix(in srgb,var(--c) 55%,#fff);background:color-mix(in srgb,var(--c) 12%,transparent)}
.spec h3{font-style:italic;text-shadow:0 0 28px color-mix(in srgb,var(--c) 40%,transparent)}
.spec li{margin:0 -10px;padding:10px;border-radius:10px;border-bottom-color:rgba(255,255,255,.06);transition:background .2s}.spec li:hover{background:color-mix(in srgb,var(--c) 10%,transparent)}.spec li b{color:#fff}
/* --- partenaires --- */
.card.aff1{--c:#ff7a1a;position:relative;isolation:isolate;border-radius:28px;border:1px solid var(--bd);background:linear-gradient(165deg,color-mix(in srgb,var(--c) 12%,#111116),#0b0b10 62%);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s}
.card.aff1:nth-child(2){--c:#ff3340}.card.aff1:nth-child(3){--c:#ff4d8d}
.card.aff1::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(320px 180px at 100% 0,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%);opacity:.5;transition:opacity .4s}
.card.aff1:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--c) 65%,transparent);box-shadow:0 30px 60px -30px var(--c)}.card.aff1:hover::before{opacity:1}
.card.aff1 .tag{border-color:color-mix(in srgb,var(--c) 50%,transparent);color:color-mix(in srgb,var(--c) 55%,#fff);background:color-mix(in srgb,var(--c) 12%,transparent)}
.card.aff1 h3{font-style:italic}
.card.aff1 .btn.p{background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));box-shadow:0 10px 24px -10px var(--c)}
.card.aff1 .heart{color:var(--c);text-shadow:0 0 30px var(--c);animation:aff-h 1.6s ease-in-out infinite}@keyframes aff-h{50%{transform:scale(1.14)}}
/* --- comment jouer : parcours relie --- */
.steps .card.step{--c:#ff3340;border-radius:28px;border:1px solid var(--bd);background:linear-gradient(165deg,color-mix(in srgb,var(--c) 11%,#111116),#0b0b10 62%);isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s}
.steps .card.step:nth-child(2){--c:#2bd96b}.steps .card.step:nth-child(4){--c:#f0b232}
.steps .card.step:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 30px 60px -30px var(--c)}
.steps .card.step::before{background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 60%,#000))!important;box-shadow:0 10px 26px -8px var(--c)}
.steps .card.step:not(:last-child)::after{content:"";position:absolute;top:49px;left:84px;right:-20px;height:2px;background:repeating-linear-gradient(90deg,var(--c) 0 9px,transparent 9px 18px);opacity:.55;background-size:36px 2px;animation:stl 1.6s linear infinite;z-index:1;pointer-events:none}
@keyframes stl{to{background-position:36px 0}}
.steps .card.step .tag{border-color:color-mix(in srgb,var(--c) 50%,transparent);color:color-mix(in srgb,var(--c) 55%,#fff);background:color-mix(in srgb,var(--c) 12%,transparent)}
.steps .card.step h3{font-style:italic}
.steps .card.step .more{border-bottom-color:var(--c)}
@media(max-width:1000px){.steps .card.step:not(:last-child)::after{display:none}}
/* --- FAQ --- */
.faq details{--c:#ff3340;border-radius:22px;background:linear-gradient(165deg,color-mix(in srgb,var(--c) 7%,#111116),#0c0c11 70%);transition:border-color .3s,box-shadow .35s,transform .3s}
.faq details:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--c) 45%,transparent)}
.faq details[open]{border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 20px 44px -28px var(--c);background:linear-gradient(165deg,color-mix(in srgb,var(--c) 14%,#111116),#0c0c11 75%)}
.faq summary{padding:22px 26px;align-items:center}
.faq summary::after{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--c) 18%,#15151b);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);color:#fff;transition:transform .35s,background .3s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--c)}
.faq .a{padding:0 26px 24px;line-height:1.65}
/* --- activite discord --- */
.dsc-stats .ds,.dsc-cols .box,.dsc-cols>div{border-radius:26px}
.dsc-stats .ds{border:1px solid var(--bd);background:linear-gradient(165deg,rgba(88,101,242,.1),#0c0c11 70%);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s}
.dsc-stats .ds.on{background:linear-gradient(135deg,#5865F2,#3a45c4);border-color:transparent;box-shadow:0 24px 50px -26px #5865F2}
.dsc-stats .ds:hover{transform:translateY(-6px);border-color:rgba(88,101,242,.6)}
.dsc-cols .box,.box.rv{border:1px solid var(--bd);background:linear-gradient(165deg,rgba(88,101,242,.06),#0c0c11 60%)}
.wall .pw{transition:transform .3s}.wall .pw:hover{transform:translateY(-5px) scale(1.12);z-index:3}
@media(prefers-reduced-motion:reduce){.steps .card.step::after,.card.aff1 .heart{animation:none}.card.h:has(>.spec),.card.aff1,.steps .card.step,.faq details,.dsc-stats .ds{transition:none}}

/* classement : le n1 en premier sur mobile */
@media(max-width:1000px){.pd.pk.n1{order:-1}}

/* discord v2 + classement lignes v3 */
.dsc-stats{gap:16px}
.dsc-stats .ds{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:6px;padding:22px 22px 18px;border-radius:28px}
.dsc-stats .ds::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px 150px at 100% 0,rgba(88,101,242,.3),transparent 70%);opacity:.6}
.dsc-stats .ds.ac::before{background:radial-gradient(260px 150px at 100% 0,rgba(255,51,64,.3),transparent 70%)}
.dsc-stats .ds.on::before{background:radial-gradient(260px 150px at 100% 0,rgba(255,255,255,.22),transparent 70%)}
.dsc-stats .dsi{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(88,101,242,.2);border:1px solid rgba(88,101,242,.5);color:#aab3ff;margin-bottom:8px;letter-spacing:0}
.dsc-stats .ds.ac .dsi{background:rgba(255,51,64,.18);border-color:rgba(255,51,64,.5);color:#ff6b75}.dsc-stats .ds.on .dsi{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);color:#fff}
.dsc-stats .dsi svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dsc-stats .ds b{font-style:italic;font-size:clamp(2.2rem,4vw,3.2rem)}
.dsc-stats .ds .dl{display:block}
.dsc-stats .ds em{display:flex;align-items:center;gap:8px;font:600 .8rem "Chakra Petch",sans-serif;font-style:normal;letter-spacing:.04em;color:#8e93a0;margin-top:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.dsc-stats .ds.on em{color:#e3e6ff;border-top-color:rgba(255,255,255,.2)}
.dsp{height:6px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden;margin-top:6px}.dsp i{display:block;height:100%;width:var(--w);border-radius:4px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.8);animation:dgw 1.6s cubic-bezier(.2,.8,.2,1) both}@keyframes dgw{from{width:0}}
.dg-dot{width:8px;height:8px;border-radius:50%;background:#ff3340;box-shadow:0 0 0 0 rgba(255,51,64,.7);animation:pld 1.8s infinite}
.dg-eq{display:inline-flex;align-items:flex-end;gap:3px;height:16px}.dg-eq i{width:3px;border-radius:2px;background:#2bd96b;animation:dgq 1s ease-in-out infinite}.dg-eq i:nth-child(1){animation-delay:-.2s}.dg-eq i:nth-child(2){animation-delay:-.5s}.dg-eq i:nth-child(3){animation-delay:-.1s}.dg-eq i:nth-child(4){animation-delay:-.7s}.dg-eq i:nth-child(5){animation-delay:-.35s}
@keyframes dgq{0%,100%{height:4px}50%{height:16px}}
.dsc-cols .box{border-radius:30px;padding:26px}
.dg-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.dg-h h3{margin:0}
.dg-b{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:rgba(43,217,107,.12);border:1px solid rgba(43,217,107,.4);color:#7be8a4;font:700 .7rem "Chakra Petch",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.vch{border-radius:18px;border:1px solid rgba(255,255,255,.06);padding:14px 16px;transition:border-color .3s,background .3s}
.vch.vlive{border-color:rgba(43,217,107,.4);background:linear-gradient(120deg,rgba(43,217,107,.12),rgba(255,255,255,.03) 70%)}
.dg-cn{display:flex;align-items:center;gap:12px}.dg-cn b{margin:0;font:700 .98rem "Chakra Petch",sans-serif;letter-spacing:.05em;text-transform:uppercase}
.dg-cn em{margin-left:auto;font-style:normal;font:700 .8rem "Chakra Petch",sans-serif;color:#7be8a4}.dg-cn .dg-eq{margin-left:6px}
.dg-mi{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.06);color:#8e93a0}.vch.vlive .dg-mi{background:rgba(43,217,107,.2);color:#7be8a4}.dg-mi svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dg-ms{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:12px}.vm{margin:0;padding:5px 12px 5px 5px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.vm img{width:30px;height:30px}
.dg-gl{display:flex;flex-direction:column;gap:10px}
.dg-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid transparent;transition:background .25s,border-color .25s}
.dg-g:hover{background:rgba(255,255,255,.07)}
.dg-g.ac{border-color:rgba(255,51,64,.5);background:linear-gradient(90deg,rgba(255,51,64,.16),rgba(255,255,255,.03))}
.dg-gn{font:600 .92rem Barlow,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dg-g.ac .dg-gn{color:#fff;font-weight:700}
.dg-gb{height:7px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}.dg-gb i{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,#5865F2,#8b97ff);transition:width 1.3s cubic-bezier(.2,.8,.2,1)}.dg-g.ac .dg-gb i{background:linear-gradient(90deg,#ff3340,#ff9a5a);box-shadow:0 0 10px rgba(255,51,64,.6)}
.dg-g b{font:400 1.2rem var(--disp);font-style:italic;color:#fff;min-width:22px;text-align:right}
.dg-lg{display:flex;flex-wrap:wrap;gap:6px 16px;font:600 .72rem "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8e93a0}.dg-lg span{display:inline-flex;align-items:center;gap:7px}
.dg-lg i{width:10px;height:10px;border-radius:50%;background:var(--ok)}.dg-lg i.idle{background:#f0b232}.dg-lg i.dnd{background:#f23f43}.dg-lg i.jeu{background:transparent;box-shadow:0 0 0 2px #ff3340}
.wall{gap:14px}.pw{width:62px;height:62px}.pw:hover{z-index:5}
/* classement : lignes plus riches */
.row.rk2{padding:14px 20px;border-radius:22px;grid-template-columns:44px 46px minmax(0,1.3fr) minmax(0,1fr) 170px 150px}
.row.rk2 .av{width:46px;height:46px;font-size:1.3rem}
.row.rk2 .pn small{display:flex;align-items:center;gap:8px}
.rk-car:empty{display:none}.rk-car img{width:34px;height:22px;border-radius:6px;object-fit:cover;display:block;border:1px solid rgba(255,255,255,.14)}
.row.rk2 .v{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:1.4rem;line-height:1}
.row.rk2 .v .rk-gap{font:600 .7rem "Chakra Petch",sans-serif;letter-spacing:.04em;color:#6f7482;white-space:nowrap}
.row.rk2 .b{height:10px;position:relative}.row.rk2 .b::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 9px,#0e0e13 9px 11px)}
@media(max-width:1000px){.dg-g{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) auto}}
@media(max-width:700px){.row.rk2{grid-template-columns:34px 38px minmax(0,1fr) auto}.row.rk2 .v{font-size:1.15rem}.row.rk2 .v .rk-gap{display:none}.dg-lg{gap:4px 12px}.pw{width:52px;height:52px}.dsc-stats .ds{padding:16px 16px 14px}.dsc-stats .dsi{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.dg-eq i,.dg-dot,.dsp i{animation:none}.dg-eq i{height:10px}.dg-gb i{transition:none}}

.rk-car img{width:58px;height:36px;border-radius:8px}

/* discord mobile */
.dsc-cols>*{min-width:0}.dsc-stats>*{min-width:0}
@media(max-width:900px){.dsc-cols{grid-template-columns:minmax(0,1fr)!important}.dg-ms .vm{max-width:100%}.vm{min-width:0}.dg-cn b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* nav v2 */
@media(min-width:1001px){
 .nav .w{padding:8px 10px 8px 20px;border-radius:28px;background:rgba(10,10,14,.5);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 14px 40px -24px #000,inset 0 1px 0 rgba(255,255,255,.06);transition:background .35s,border-color .35s,box-shadow .35s}
 .nav.fix{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:transparent!important}
 .nav.fix .w{background:rgba(9,9,13,.84);border-color:rgba(255,51,64,.3);box-shadow:0 22px 54px -26px rgba(255,51,64,.6),inset 0 1px 0 rgba(255,255,255,.07)}
 .links>a,.dd>button{transition:color .25s,background .25s,transform .25s}
 .links>a:hover,.dd>button:hover{transform:translateY(-1px)}
 .links>a.on,.dd.on>button{background:linear-gradient(180deg,rgba(255,51,64,.22),rgba(255,51,64,.1));box-shadow:inset 0 0 0 1px rgba(255,51,64,.45),0 8px 22px -12px rgba(255,51,64,.7)}
 .links>a.on::after,.dd.on>button::after{display:none}
}
.logo img{transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s}.logo:hover img{transform:rotate(-6deg) scale(1.08);filter:drop-shadow(0 0 12px rgba(255,51,64,.7))}
.dd .m{border-radius:24px;padding:10px;background:rgba(11,11,16,.96);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.12);box-shadow:0 36px 80px -20px #000,0 0 0 1px rgba(255,51,64,.12)}
.dd .m a{position:relative;border-radius:16px;padding:12px 16px;transition:background .25s,transform .25s}.dd .m a:hover{transform:translateX(4px)}
.dd .m a::after{content:"→";position:absolute;right:16px;top:50%;transform:translate(-6px,-50%);opacity:0;color:#ff6b75;transition:opacity .25s,transform .25s}.dd .m a:hover::after{opacity:1;transform:translate(0,-50%)}
.nav .live{background:rgba(43,217,107,.1);border-color:rgba(43,217,107,.4);color:#c9f5d9}
.nav .live .dot{background:#2bd96b}
.nav .srbtn{background:rgba(255,255,255,.05);transition:background .25s,border-color .25s}.nav .srbtn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.nav .btn.dc{box-shadow:0 10px 26px -12px #5865F2;transition:transform .3s,box-shadow .3s}.nav .btn.dc:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px #5865F2}
.nav .jn{box-shadow:0 12px 28px -12px #ff3340;transition:transform .3s,box-shadow .3s}.nav .jn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px #ff3340}
@media(prefers-reduced-motion:reduce){.logo img,.dd .m a,.nav .jn,.nav .btn.dc{transition:none}}

/* page apps v2 */
.apx-g2{gap:20px}
.card.apx{--c:#ff3340;position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;border-radius:30px;border:1px solid var(--bd);background:linear-gradient(165deg,color-mix(in srgb,var(--c) 10%,#111116),#0b0b10 58%);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s}
.card.apx:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 34px 70px -32px var(--c)}
.apx-im{position:relative;aspect-ratio:16/10;overflow:hidden;background:#06060a}
.apx-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.card.apx:hover .apx-im img{transform:scale(1.06)}
.apx-im::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--c) 14%,#0b0b10))}
.apx-n{position:absolute;left:18px;top:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(8,8,12,.65);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--c) 60%,transparent);font:400 1rem "Racing Sans One",Impact,sans-serif;color:var(--c)}
.apx-bd{display:flex;flex-direction:column;gap:12px;padding:22px 26px 26px;flex:1}
.apx-bd .tag{align-self:flex-start;border-color:color-mix(in srgb,var(--c) 50%,transparent);color:color-mix(in srgb,var(--c) 55%,#fff);background:color-mix(in srgb,var(--c) 12%,transparent)}
.apx-bd h3{margin:0;font-size:1.9rem;font-style:italic;text-shadow:0 0 28px color-mix(in srgb,var(--c) 40%,transparent)}
.apx-bd p{margin:0;color:var(--mut)}
.apx-ch{display:flex;flex-wrap:wrap;gap:8px}.apx-ch i{font:700 .7rem "Chakra Petch",sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border:1px solid rgba(255,255,255,.16);color:#c7cbd6;background:rgba(255,255,255,.03);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.apx-bd .ft{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;padding-top:8px}
.apx-bd .btn.p{background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 68%,#000));box-shadow:0 10px 24px -10px var(--c)}
.apx-gg{gap:20px}
.apx-gd.card{--c:#ff3340;position:relative;isolation:isolate;display:flex;align-items:center;gap:20px;padding:26px 28px;border-radius:28px;border:1px solid var(--bd);background:linear-gradient(165deg,color-mix(in srgb,var(--c) 11%,#111116),#0b0b10 62%);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s}
.apx-gd::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(320px 170px at 100% 0,color-mix(in srgb,var(--c) 28%,transparent),transparent 70%);opacity:.5;transition:opacity .4s}
.apx-gd:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 28px 56px -30px var(--c)}.apx-gd:hover::before{opacity:1}
.apx-gd .ic{flex:none;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:19px;background:color-mix(in srgb,var(--c) 20%,#14141a);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);color:var(--c);box-shadow:0 12px 26px -12px var(--c);transition:transform .4s}.apx-gd:hover .ic{transform:rotate(-8deg) scale(1.08)}
.apx-gd .ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.apx-gd .tx{flex:1;min-width:0}.apx-gd .tag{border-color:color-mix(in srgb,var(--c) 50%,transparent);color:color-mix(in srgb,var(--c) 55%,#fff);background:color-mix(in srgb,var(--c) 12%,transparent)}
.apx-gd h3{margin:10px 0 6px;font-size:1.5rem;font-style:italic}.apx-gd p{margin:0;color:var(--mut)}
.apx-gd .go{flex:none;display:inline-flex;align-items:center;gap:8px;font:700 .74rem "Chakra Petch",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;white-space:nowrap}
.apx-gd .go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}.apx-gd:hover .go svg{transform:translateX(6px)}
@media(max-width:700px){.apx-bd{padding:18px 18px 22px}.apx-bd h3{font-size:1.5rem}.apx-gd{flex-wrap:wrap;padding:20px 18px}.apx-gd .go{width:100%}.apx-bd .ft .btn{flex:1 1 auto;justify-content:center}}
@media(prefers-reduced-motion:reduce){.card.apx,.apx-im img,.apx-gd,.apx-gd .ic{transition:none}}

/* dock playlist & reseaux */
@property --dka{syntax:"<angle>";initial-value:0deg;inherits:false}
.dkw{position:fixed;right:22px;bottom:24px;z-index:90;width:392px;max-width:calc(100vw - 24px);padding:12px;border-radius:30px;background:linear-gradient(160deg,rgba(40,14,22,.82),rgba(14,14,20,.82));backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px -16px #000,0 0 60px -10px rgba(255,51,64,.55);animation:dkin 1.1s .4s cubic-bezier(.2,.9,.2,1.15) both;isolation:isolate}
@keyframes dkin{from{opacity:0;transform:translateY(60px) scale(.9)}}
.dkw::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--dka),transparent 0 55%,#ff3340 78%,#ffb3b8 88%,#4cd8ff 94%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:dkspin 4s linear infinite;pointer-events:none}
@keyframes dkspin{to{--dka:360deg}}
.dk-tog{position:absolute;right:14px;top:-12px;z-index:5;width:26px;height:26px;border-radius:50%;border:1px solid var(--bd);background:#14141a;color:#fff;font-size:1rem;line-height:1;cursor:pointer;transition:.25s}.dk-tog:hover{background:var(--ac);border-color:var(--ac)}
.dk-pls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dk-plc{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:22px;color:#fff;overflow:hidden;transition:transform .35s cubic-bezier(.2,.9,.2,1.2),box-shadow .35s}
.dk-plc.yt{background:linear-gradient(135deg,#c1121a,#ff3340 65%,#ff7a45);box-shadow:0 16px 34px -14px rgba(255,51,64,.95),inset 0 1px 0 rgba(255,255,255,.35)}
.dk-plc.sp{background:linear-gradient(135deg,#0f7a36,#1DB954 70%,#6bf09a);box-shadow:0 16px 34px -14px rgba(29,185,84,.95),inset 0 1px 0 rgba(255,255,255,.35);color:#04150b}
.dk-plc::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-120%);animation:dkshine 4.5s ease-in-out infinite}.dk-plc.sp::after{animation-delay:-2.2s}
@keyframes dkshine{to{transform:translateX(120%)}}
.dk-plc:hover{transform:translateY(-5px) scale(1.04)}.dk-plc.yt:hover{box-shadow:0 26px 46px -14px rgba(255,51,64,1)}.dk-plc.sp:hover{box-shadow:0 26px 46px -14px rgba(29,185,84,1)}
.dk-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.dk-bot{display:flex;align-items:center;justify-content:space-between;gap:6px}
.dk-vin{position:relative;flex:none;width:54px;height:54px;border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0d 0 2px,#1b1b20 2px 4px);box-shadow:0 8px 20px rgba(0,0,0,.6),0 0 0 3px rgba(255,255,255,.2);animation:dkvin 4.5s linear infinite}@keyframes dkvin{to{transform:rotate(360deg)}}
.dk-plc.sp .dk-vin{animation-duration:5.5s;animation-direction:reverse}
.dk-vin i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 20%,rgba(255,255,255,.16) 28%,transparent 36% 70%,rgba(255,255,255,.12) 78%,transparent 86%)}
.dk-vin img{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;object-fit:contain;background:#fff;padding:2px}
.dk-plc:hover .dk-vin{animation-duration:1.4s}
.dk-plt{display:flex;flex-direction:column;min-width:0;line-height:1.15}.dk-plt small{font:800 .62rem Barlow,"Segoe UI",sans-serif;letter-spacing:.22em;opacity:.9}.dk-plt b{font-size:1.02rem;letter-spacing:-.01em}
.dk-wave{display:flex;align-items:flex-end;gap:2px;height:34px;flex:1;justify-content:flex-end}.dk-wave i{width:3px;border-radius:2px;background:rgba(255,255,255,.92);animation:dkwv 1.1s ease-in-out infinite}.dk-plc.sp .dk-wave i{background:rgba(4,21,11,.85)}
@keyframes dkwv{0%,100%{height:3px}50%{height:var(--h,28px)}}
.dk-plb{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px -8px rgba(0,0,0,.6);transition:transform .3s}.dk-plc.yt .dk-plb{color:#c1121a}.dk-plc.sp .dk-plb{color:#0f7a36}.dk-plb svg{width:19px;height:19px;fill:currentColor;margin-left:3px}.dk-plc:hover .dk-plb{transform:scale(1.16)}
.dk-plc.ping{animation:dkwob .9s}@keyframes dkwob{15%{transform:rotate(-2.4deg) scale(1.05)}30%{transform:rotate(2deg) scale(1.06)}45%{transform:rotate(-1.4deg) scale(1.05)}60%{transform:rotate(1deg)}100%{transform:none}}
.dk-sr{display:flex;align-items:center;gap:8px;margin-top:10px}
.dk-sb{--c:#fff;position:relative;display:flex;align-items:center;justify-content:center;gap:9px;height:50px;min-width:50px;border-radius:25px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,rgba(255,255,255,.04));border:1px solid color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 8px 20px -10px var(--c);transition:transform .35s cubic-bezier(.2,.9,.2,1.3),background .3s,color .3s,box-shadow .3s;animation:dkbob 3.6s ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes dkbob{50%{transform:translateY(-4px)}}
.dk-sb svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dk-sb em{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%,6px) scale(.9);white-space:nowrap;font:700 .74rem Barlow,"Segoe UI",sans-serif;font-style:normal;color:#fff;background:var(--c);padding:5px 12px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 24px -8px var(--c)}
.dk-sb em::after{content:"";position:absolute;left:50%;top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--c)}
.dk-sb:hover{animation-play-state:paused;transform:translateY(-8px) scale(1.14) rotate(-4deg);background:var(--c);color:#fff;box-shadow:0 20px 34px -10px var(--c)}.dk-sb:hover em{opacity:1;transform:translate(-50%,0) scale(1)}
.dk-sb.dc{--c:#5865F2;flex:1;padding:0 16px;font:800 .9rem Barlow,"Segoe UI",sans-serif;color:#fff;background:linear-gradient(180deg,#6b7bff,#4352d8);border-color:#8b97ff}
.dk-sb.dc::before{content:"";position:absolute;inset:-3px;border-radius:28px;border:2px solid #6b7bff;animation:dkrip 2.4s ease-out infinite;pointer-events:none}@keyframes dkrip{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.14,1.35)}}
.dk-sb.yt{--c:#FF2D4A;--dl:-.6s}.dk-sb.tt{--c:#2BE6DD;--dl:-1.2s}.dk-sb.tw{--c:#A970FF;--dl:-1.8s}.dk-sb.ki{--c:#53FC18;--dl:-2.4s}
.dk-sb.tt:hover,.dk-sb.ki:hover{color:#04140a}
/* replie : seuls les vinyles et les pastilles restent */
.dkw.min{width:auto}.dkw.min .dk-pls{grid-template-columns:auto auto}.dkw.min .dk-plt,.dkw.min .dk-plb,.dkw.min .dk-wave{display:none}.dkw.min .dk-plc{padding:8px;border-radius:50%;width:76px;height:76px;align-items:center;justify-content:center}.dkw.min .dk-vin{width:56px;height:56px}
.dkw.min .dk-sr{flex-direction:column;position:absolute;right:12px;bottom:calc(100% + 10px);gap:6px;margin:0}.dkw.min .dk-sb.dc{flex:none;width:50px;padding:0}.dkw.min .dk-sb.dc span{display:none}
/* le bouton retour en haut se pose au-dessus du dock */
.totop{bottom:250px!important;right:22px!important;transition:bottom .4s}html.dkmin .totop{bottom:130px!important}
@media(max-width:1000px){.dkw{right:12px;bottom:calc(86px + env(safe-area-inset-bottom))}.totop{bottom:auto!important;top:auto!important;right:auto!important;left:12px;bottom:calc(86px + env(safe-area-inset-bottom))!important}html.dkmin .totop{bottom:calc(86px + env(safe-area-inset-bottom))!important}}
@media(prefers-reduced-motion:reduce){.dkw,.dkw::before,.dk-plc::after,.dk-vin,.dk-wave i,.dk-sb,.dk-sb.dc::before{animation:none!important}}

/* dock : totop replie */
@media(min-width:1001px){html.dkmin .totop{bottom:48px!important;right:206px!important}}

/* dock : mobile replie */
@media(max-width:1000px){.dkw.min .dk-sr{display:none}.dkw.min .dk-plc{width:64px;height:64px;padding:6px}.dkw.min .dk-vin{width:48px;height:48px}.dkw{padding:10px;border-radius:26px}}

/* nav liens : pastille glissante, icones, compteur */
.links>a,.dd>button{display:inline-flex;align-items:center;gap:8px}
.lk-ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:opacity .25s,color .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.links>a:hover .lk-ic,.dd>button:hover .lk-ic,.dd:focus-within>button .lk-ic{opacity:1;color:#ff6b75;transform:translateY(-1px) scale(1.12)}
.links>a.on .lk-ic,.dd.on>button .lk-ic{opacity:1;color:#ff6b75}
.lk-nb{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(43,217,107,.16);border:1px solid rgba(43,217,107,.5);color:#7be8a4;font:700 .68rem "Chakra Petch",sans-serif;letter-spacing:.02em;position:relative;margin-left:-2px}
.lk-nb[hidden]{display:none}
.lk-nb::before{content:"";position:absolute;inset:-3px;border-radius:inherit;border:1px solid rgba(43,217,107,.5);animation:lknb 2s ease-out infinite}@keyframes lknb{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5,1.7)}}
.dd>button i{font-size:.7rem;transition:transform .3s}.dd:hover>button i,.dd:focus-within>button i{transform:rotate(180deg)}
@media(min-width:1001px){
 .links{position:relative}
 .lk-ind{position:absolute;left:0;top:0;width:0;height:0;border-radius:30px;background:linear-gradient(180deg,rgba(255,51,64,.26),rgba(255,51,64,.1));box-shadow:inset 0 0 0 1px rgba(255,51,64,.5),0 8px 22px -12px rgba(255,51,64,.75);transition:left .38s cubic-bezier(.2,.8,.2,1),top .38s cubic-bezier(.2,.8,.2,1),width .38s cubic-bezier(.2,.8,.2,1),height .38s,opacity .25s,background .3s,box-shadow .3s;z-index:0;pointer-events:none;opacity:0}
 .lk-ind.soft{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
 .links.lk-js>a,.links.lk-js .dd>button{position:relative;z-index:1}
 .links.lk-js>a:hover,.links.lk-js .dd>button:hover{background:none;transform:none}
 .links.lk-js>a.on,.links.lk-js .dd.on>button{background:none;box-shadow:none}
}
@media(min-width:1001px) and (max-width:1500px){.lk-ic{display:none}}
@media(prefers-reduced-motion:reduce){.lk-ind,.lk-ic{transition:none}.lk-nb::before{animation:none}}

/* nav liens : resserre + garde-fou */
@media(min-width:1001px){
 .links.lk-js>a,.links.lk-js .dd>button{padding:10px 12px;gap:6px}
 .nav .srbtn kbd{display:none}
 .links.lk-tight .lk-ic{display:none}
 .links.lk-tight>a,.links.lk-tight .dd>button{gap:7px}
}

/* logo seul */
.logo img{width:auto!important;height:50px!important;display:block}
.nav .logo img{height:46px!important}
footer .logo img{height:76px!important}
@media(max-width:1000px){.nav .logo img{height:38px!important}}