/* Page vidéo augmentée */
.page-video{background:var(--white)}
.vp{padding-top:calc(var(--hdr) + 24px)}
.crumbs{display:flex;gap:10px;color:var(--ink-58);margin-bottom:26px}
.crumbs a:hover{color:var(--blue)}
.vp__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;padding-bottom:100px}
.vp__h1{font:860 clamp(34px,4.2vw,62px)/.9 var(--font);letter-spacing:-.06em;margin:8px 0 14px;max-width:20ch}
.vp__meta{color:var(--ink-58);margin-bottom:22px}.vp__meta a{color:var(--blue);border-bottom:1px solid currentColor}
.player{position:relative;aspect-ratio:16/9;background:var(--navy);overflow:hidden;border:1px solid var(--line)}
.player__scene{position:absolute;inset:0;background:radial-gradient(circle at 72% 30%,rgba(138,158,243,.42),transparent 26%),linear-gradient(145deg,#020411,var(--navy) 45%,var(--blue))}
.player__we{position:absolute;left:4%;top:8%;font:900 min(38vw,420px)/.8 var(--font);letter-spacing:-.14em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);animation:weDrift 12s ease-in-out infinite alternate}
.player__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:58px 58px}
.player__badge{position:absolute;left:20px;top:18px;color:var(--white)}
.player__play{position:absolute;left:50%;top:50%;width:92px;height:92px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;background:rgba(5,5,5,.3);transition:background-color .3s,transform .3s var(--back)}
.player__play span{width:0;height:0;border-left:22px solid var(--white);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.player__play:hover{background:var(--yellow);transform:translate(-50%,-50%) scale(1.06)}.player__play:hover span{border-left-color:var(--ink)}
.player.is-playing .player__play span{width:20px;height:26px;border:0;border-left:7px solid var(--white);border-right:7px solid var(--white);margin:0}
.player__bar{position:absolute;left:20px;right:20px;bottom:38px;height:4px;background:rgba(255,255,255,.25);cursor:pointer}
.player__prog{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}
.player__chaps{position:absolute;inset:0}.player__chaps i{position:absolute;top:-3px;width:2px;height:10px;background:var(--white)}
.player__ctl{position:absolute;left:20px;right:20px;bottom:14px;display:flex;justify-content:space-between;color:var(--white)}
.vp__tools{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 40px}
.vp__h2{font:860 clamp(26px,2.6vw,36px)/.95 var(--font);letter-spacing:-.05em;margin:0 0 16px}
.vp__h2--sm{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:850;display:flex;align-items:center;gap:10px;margin-bottom:12px}.vp__h2--sm::before{content:"";width:22px;height:6px;background:var(--blue)}
.vp__h3{font:700 16px/1.2 var(--font);letter-spacing:-.02em;margin:22px 0 10px}
.vp__summary p{max-width:66ch;line-height:1.55}
.vp__keys{display:grid;gap:8px;margin-bottom:44px}.vp__keys li{padding:12px 14px;border:1px solid var(--line);font-size:14px;line-height:1.45;background:var(--mist)}.vp__keys b{color:var(--blue)}
.vp__trhead{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.vp__follow{display:flex;align-items:center;gap:8px;color:var(--ink-58)}
.tr{border-top:1px solid var(--line);margin:0 0 44px;padding:0}
.tr li{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:12px 8px;border-bottom:1px solid var(--line);color:var(--ink-58);font-size:15px;line-height:1.5;cursor:pointer;transition:color .3s,background-color .3s}
.tr li time{font:500 11px/1.8 var(--mono);color:var(--blue)}
.tr li:hover{background:var(--mist)}
.tr li.is-on{color:var(--ink);background:#FFFBD6}.tr li.is-on time{background:var(--yellow);color:var(--ink);padding:0 4px}
.faq{border:1px solid var(--line);margin-bottom:8px;background:var(--white)}
.faq summary{list-style:none;cursor:pointer;padding:16px 18px;font:700 16px/1.25 var(--font);letter-spacing:-.02em;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--blue);font-weight:400;font-size:22px;line-height:1}
.faq[open] summary::after{content:"−"}
.faq>div{padding:0 18px 18px;font-size:15px;line-height:1.5}.faq>div p{margin-bottom:12px;max-width:66ch}
.vp__legal{color:var(--ink-58);margin-top:18px}
.vp__side{display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--hdr) + 20px);align-self:start}
.vp__box{border:1px solid var(--line);padding:20px}
.chaps{margin:0;padding:0;display:grid;gap:4px}
.chaps button{display:grid;grid-template-columns:48px 1fr;gap:10px;width:100%;text-align:left;padding:10px 10px;font:600 13px/1.3 var(--font);letter-spacing:-.01em;transition:background-color .2s}
.chaps button time{font:500 10px/1.6 var(--mono);color:var(--blue)}
.chaps button:hover{background:var(--mist)}.chaps li.is-on button{background:var(--ink);color:var(--white)}.chaps li.is-on button time{color:var(--yellow)}
.vp__assoc{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:center}
.vp__assoc svg{width:80px;height:80px;border:1px solid var(--line)}
.vp__assoc b{display:block;font:700 16px/1.1 var(--font);letter-spacing:-.02em}.vp__assoc span{display:block;font:500 9px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-58);margin:4px 0 8px}
.vp__rel{display:grid;gap:6px}.vp__rel a{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);font-size:13px;line-height:1.3;transition:background-color .2s}.vp__rel a:hover{background:var(--mist)}.vp__rel .mono{color:var(--ink-58);flex:none}
.vp__box--cta{background:var(--navy);color:var(--white);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:30px 30px}
.vp__cta-t{font:860 30px/.9 var(--font);letter-spacing:-.06em;margin:6px 0 18px}
.burger{display:none}
@media (max-width:1215px){.nav{display:none}.burger{display:inline-flex;text-decoration:none}}
@media (max-width:1023px){.vp__grid{grid-template-columns:1fr;gap:32px}.vp__side{position:static}}
@media (max-width:720px){.vp{padding-top:calc(var(--hdr) + 14px)}.tr li{grid-template-columns:50px 1fr;font-size:14px}.player__play{width:64px;height:64px}}
/* ── page Décrypte réelle (vidéo verticale) ── */
.dv{background:var(--white)}
.dv__hero{background:var(--ink);color:var(--white);padding:calc(var(--hdr) + 40px) 0 80px}
.dv__grid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:56px;align-items:center}
.player--v{aspect-ratio:9/16;max-height:82vh;width:100%;background:var(--navy);border:1px solid var(--line-w);box-shadow:0 40px 90px rgba(0,0,0,.6)}
.player--v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}
.player--v .player__play{transition:opacity .3s,transform .3s var(--back)}.player.is-playing .player__play{opacity:0;pointer-events:none}
.player--v .player__sub{bottom:110px;font-size:clamp(14px,1.1vw,18px)}
.player--v .player__ctl{bottom:16px}.player--v .player__bar{bottom:44px}
.dv__h1{font:860 clamp(34px,3.8vw,60px)/.9 var(--font);letter-spacing:-.06em;margin:10px 0 22px}
.dv__q{font:400 clamp(19px,1.6vw,24px)/1.3 var(--font);letter-spacing:-.02em;color:rgba(255,255,255,.85);max-width:34ch;margin-bottom:18px}
.dv__meta{color:var(--w-58);margin-bottom:26px}.dv__meta a{color:var(--yellow);border-bottom:1px solid currentColor}
.chaps--dark button{color:var(--white)}.chaps--dark button:hover{background:rgba(255,255,255,.08)}.chaps--dark li.is-on button{background:var(--white);color:var(--ink)}.chaps--dark li.is-on button time{color:var(--blue)}
.chip--w{border-color:var(--line-w);color:var(--white)}.chip--w:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.dv .sell__it{background:var(--white);box-shadow:0 20px 40px rgba(5,5,5,.08)}
@media (max-width:1023px){.dv__grid{grid-template-columns:1fr;gap:32px}.player--v{max-width:380px;margin:0 auto}}
