/* Tokens : clair défini d'abord, sombre par défaut (look plateforme vidéo), bascule claire possible */
:root{--bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F6F6F4;--deep:#0B0B0C;--line:#E7E7E4;--muted:#6B6B70;--faint:#9B9BA1;--ink:#0B0B0C;--inv:#FFFFFF;--chip:#F0F0EE;
 --shadow:0 1px 2px rgba(11,11,12,.05),0 8px 24px rgba(11,11,12,.06);--shadow-lift:0 3px 6px rgba(11,11,12,.07),0 18px 44px rgba(11,11,12,.12);
 --fade:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.09) 25%,rgba(255,255,255,.35) 48%,rgba(255,255,255,.7) 70%,rgba(255,255,255,.95) 90%,#fff 100%);
 --r:24px;--max:1160px;--spring:cubic-bezier(.32,.72,0,1);--ease:cubic-bezier(.25,.1,.25,1)}
:root:not([data-theme="light"]){color-scheme:dark;--bg:#0A0A0B;--surface:#131316;--surface-2:#0E0E10;--deep:#000;--line:#232328;--muted:#A1A1A8;--faint:#6E6E76;--ink:#F4F4F6;--inv:#0B0B0C;--chip:#1B1B1F;
 --shadow:0 1px 2px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.5);--shadow-lift:0 3px 6px rgba(0,0,0,.55),0 18px 44px rgba(0,0,0,.62);
 --fade:linear-gradient(180deg,rgba(10,10,11,0) 0%,rgba(10,10,11,.09) 25%,rgba(10,10,11,.35) 48%,rgba(10,10,11,.7) 70%,rgba(10,10,11,.95) 90%,#0A0A0B 100%)}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .35s ease,color .35s ease}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:24px}
h1,h2,h3{font-weight:800;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
h2{font-size:clamp(30px,5.4vw,46px);margin-block:12px 14px}
.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.lede2{color:var(--muted);font-size:17px;line-height:1.6;max-width:60ch}
section{padding-block:104px}
.alt{background:var(--surface-2);border-block:1px solid var(--line)}
.head{max-width:660px;margin-bottom:34px}.head.c{margin-inline:auto;text-align:center}.head.c .lede2{margin-inline:auto}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}
/* Apparition au défilement (reste visible si le navigateur ne gère pas) */
@supports (animation-timeline: view()){
 .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
 @keyframes rv{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}
}
/* Boutons, traitement Apple */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--inv);font-weight:600;font-size:17px;letter-spacing:-.012em;padding:15px 30px;border-radius:980px;border:0;cursor:pointer;line-height:1.2;white-space:nowrap;transition:background .26s var(--ease),transform .16s var(--ease),opacity .26s}
.btn:hover{opacity:.88}.btn:active{transform:scale(.975)}
.btn svg{flex:none;width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .26s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn.glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.btn.glass:hover{background:rgba(255,255,255,.22);opacity:1}
.btn.line{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.line:hover{border-color:var(--ink);opacity:1}
.btn.sm{font-size:14.5px;padding:11px 20px}
.btn.full{width:100%}
/* Commandes flottantes */
.tools{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));right:16px;z-index:88;display:flex;align-items:center;gap:8px}
.tools > .g{background:rgba(12,12,14,.56);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.26)}
.tool{position:relative;width:38px;height:38px;display:grid;place-items:center;cursor:pointer;border:0;background:none;color:#fff;border-radius:999px;transition:background .24s var(--ease),transform .16s var(--ease)}
.tool:hover{background:rgba(38,38,44,.72)}.tool:active{transform:scale(.93)}
.tool svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tool .n{position:absolute;top:-4px;right:-4px;background:#fff;color:#000;font-size:10.5px;font-weight:800;border-radius:999px;min-width:17px;height:17px;display:grid;place-items:center;transform:scale(0);transition:transform .45s var(--spring)}
.tool .n.on{transform:scale(1)}
.lang{border:0;background:none;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.6);padding:6px 11px;border-radius:999px;cursor:pointer}
.lang[aria-pressed="true"]{background:#fff;color:#0B0B0C}
/* Menu déroulant façon iOS */
.pop{position:absolute;top:50px;right:0;min-width:250px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lift);padding:6px;transform-origin:top right;opacity:0;transform:scale(.92) translateY(-8px);pointer-events:none;transition:opacity .22s var(--ease),transform .45s var(--spring);backdrop-filter:blur(20px)}
.pop.open{opacity:1;transform:none;pointer-events:auto}
.pop button,.pop a{display:flex;width:100%;justify-content:space-between;align-items:center;gap:14px;background:none;border:0;color:var(--ink);font-size:14.5px;font-weight:600;padding:12px 13px;border-radius:12px;cursor:pointer;text-align:left}
.pop button:hover,.pop a:hover{background:var(--chip)}
.pop span.k{color:var(--faint);font-size:12px}
.pop .on::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--ink);flex:none}
.pop .hr{height:1px;background:var(--line);margin:4px 8px}
.pop > *{opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .35s var(--spring)}
.pop.open > *{opacity:1;transform:none}
.pop.open > *:nth-child(2){transition-delay:.03s}.pop.open > *:nth-child(3){transition-delay:.06s}.pop.open > *:nth-child(4){transition-delay:.09s}.pop.open > *:nth-child(5){transition-delay:.12s}.pop.open > *:nth-child(6){transition-delay:.15s}
/* Scènes (images provisoires) */
.scene{position:absolute;inset:0}.scene>div{position:absolute}
.layer{position:absolute;inset:0}
/* HERO */
.hero{position:relative;overflow:hidden;color:#fff;padding-block:0 148px;background:#000}
.hero-media{position:absolute;inset:-4%;z-index:0;animation:kb 22s var(--ease) infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.08) translate(-1.5%,1%)}}
.hero-grade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.1) 75%),linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.2) 50%,rgba(0,0,0,.85))}
.hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:260px;z-index:2;pointer-events:none;background:var(--fade)}
.hero .wrap{position:relative;z-index:3}
.topbar{display:flex;align-items:center;gap:30px;padding-block:26px;margin-inline:calc(50% - 50vw);padding-inline:24px}
.logo{font-weight:700;font-size:15px;letter-spacing:-.015em;color:#fff}
.nav{display:flex;gap:4px;font-size:13.5px;font-weight:600}
.nav a{color:rgba(255,255,255,.72);padding:7px 12px;border-radius:999px;transition:color .2s,background .25s var(--ease)}
.nav a:hover{color:#fff;background:rgba(255,255,255,.1)}
.nav a.on{color:#fff}
.nav .new{font-size:9.5px;font-weight:800;letter-spacing:.06em;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:1px}
.hero-main{display:grid;grid-template-columns:minmax(0,740px) auto;gap:28px;align-items:end;padding-block:92px 0}
.hero .eyebrow{color:rgba(255,255,255,.72);margin-bottom:22px}
.hero h1{font-size:clamp(40px,8vw,82px);margin-bottom:22px;max-width:13ch}
.hero .lede{font-size:clamp(16px,2.4vw,19px);color:rgba(255,255,255,.82);max-width:46ch}
.cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero .btn:not(.glass){background:#fff;color:#0B0B0C}
.pold{font-size:17px;color:rgba(255,255,255,.5);text-decoration:line-through;font-weight:600}
.pcut{font-size:11px;font-weight:700;letter-spacing:.07em;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.26);color:#fff}
.pnote{margin-top:14px;font-size:13.5px;color:rgba(255,255,255,.6)}
.intro > *{animation:up .9s var(--spring) both}
.intro > *:nth-child(2){animation-delay:.08s}.intro > *:nth-child(3){animation-delay:.16s}.intro > *:nth-child(4){animation-delay:.24s}.intro > *:nth-child(5){animation-delay:.32s}
@keyframes up{from{opacity:.001;transform:translateY(22px)}to{opacity:1;transform:none}}
.sound{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.26);color:#fff;border-radius:999px;padding:11px 19px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s}
.sound:hover{background:rgba(255,255,255,.2)}
/* Cartes verrouillées : le seul endroit en couleur */
.dl{margin-top:-124px;position:relative;z-index:4}
.grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
.gframe{position:relative;border-radius:26px;padding:1.6px;transition:transform .26s cubic-bezier(.22,1,.36,1)}
.gframe::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;background:conic-gradient(from var(--ang),#FF4A3C 0deg,#12A6A0 130deg,#fff 210deg,#FF4A3C 360deg);transition:opacity .3s}
.gframe:hover::before{opacity:1;animation:spin 5s linear infinite}
.gframe:hover{transform:translateY(-5px)}
@keyframes spin{to{--ang:360deg}}
.gcard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;border-radius:var(--r);padding:22px;color:#fff;overflow:hidden;isolation:isolate;box-shadow:var(--shadow)}
.gcard::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--g);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.gframe:hover .gcard::before{transform:scale(1.07)}
.gcard::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 44%,rgba(0,0,0,.32))}
.c1{--g:linear-gradient(150deg,#FF4A3C,#D01F17 54%,#7E120E)}.c2{--g:linear-gradient(150deg,#22222A,#141419 52%,#0B0B0C)}.c3{--g:linear-gradient(150deg,#2FC9C2,#12A6A0 54%,#0A6C68)}.c4{--g:linear-gradient(150deg,#E0332A,#A31812 52%,#17171C)}.c5{--g:linear-gradient(150deg,#17171C,#0F4F4C 58%,#0A6C68)}.c6{--g:linear-gradient(150deg,#12A6A0,#0A6C68 48%,#0B0B0C)}
.gicon{position:absolute;top:22px;left:22px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);transition:transform .3s}
.gframe:hover .gicon{transform:scale(1.08) rotate(-4deg)}
.gicon svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lock{position:absolute;top:22px;right:22px;display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 11px 5px 8px;font-size:11px;font-weight:700;color:rgba(255,255,255,.9);backdrop-filter:blur(4px)}
.lock svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.gframe:hover .lock svg{animation:wig .5s ease}
@keyframes wig{25%{transform:rotate(-11deg)}75%{transform:rotate(11deg)}}
.gk{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.8);margin-bottom:5px}
.gt{font-size:19px;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:8px}
.gl{font-size:13.5px;color:rgba(255,255,255,.78);line-height:1.45}

/* Cartes de téléchargement : animations de volume (profondeur, inclinaison, flottement), sans reflet */
.dl .grid{perspective:1100px}
.dl .gframe{transform-style:preserve-3d;animation:vfloat 6s ease-in-out infinite;animation-delay:var(--sd,0s);transition:transform .6s var(--spring)}
@keyframes vfloat{0%,100%{transform:translate3d(0,0,0) rotateX(0deg)}50%{transform:translate3d(0,-7px,0) rotateX(2.5deg)}}
.dl .gcard{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--spring),box-shadow .6s var(--spring);box-shadow:0 14px 30px -12px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.25)}
.dl .gcard::after{transition:opacity .5s}
.dl .gicon{transform:translateZ(38px);transition:transform .6s var(--spring)}
.dl .lock{transform:translateZ(30px);transition:transform .6s var(--spring)}
.dl .gk,.dl .gt,.dl .gl{transform:translateZ(22px);transition:transform .6s var(--spring)}
.dl .gt{transform:translateZ(30px)}
.dl .gframe.tilt{animation-play-state:paused}
.dl .gframe.tilt .gcard{transition:transform .12s linear,box-shadow .4s;box-shadow:0 34px 60px -18px rgba(0,0,0,.7),0 6px 14px rgba(0,0,0,.3)}
.dl .gframe.tilt .gicon{transform:translateZ(60px) scale(1.06)}
.dl .gframe.tilt .lock{transform:translateZ(48px)}
.dl .gframe.tilt .gt{transform:translateZ(46px)}
.dl .gframe.tilt .gk,.dl .gframe.tilt .gl{transform:translateZ(34px)}
.dl .gframe:hover::before{opacity:0!important;animation:none}
.dl .gframe:hover{transform:none}
.dl .gframe:hover .gcard::before{transform:none}
/* Contour animé (nœuds, avis, carte d'achat) */
.ring2{position:relative;border-radius:18px;padding:1.2px;background:conic-gradient(from var(--ang),rgba(255,255,255,.04) 0deg,rgba(255,255,255,.55) 60deg,rgba(255,255,255,.04) 130deg,rgba(255,255,255,.04) 360deg);animation:spin 6s linear infinite}
:root[data-theme="light"] .ring2{background:conic-gradient(from var(--ang),rgba(11,11,12,.06) 0deg,rgba(11,11,12,.5) 60deg,rgba(11,11,12,.06) 130deg,rgba(11,11,12,.06) 360deg)}
.ring2 > .in{background:var(--surface);border-radius:17px;height:100%}
/* Produit */
.prod{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
.stage{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:1/1;background:#111;box-shadow:var(--shadow-lift);touch-action:pan-y}
.arrows{position:absolute;inset:auto 14px 14px auto;z-index:6;display:flex;gap:8px}
.arr{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.35);backdrop-filter:blur(12px);display:grid;place-items:center;cursor:pointer;color:#fff;transition:transform .16s,background .2s}
.arr:hover{background:rgba(0,0,0,.55)}.arr:active{transform:scale(.92)}
.arr svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cap{position:absolute;z-index:6;left:16px;top:16px;font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(6px)}
.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
.thumbs button{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:0;cursor:pointer;background:#111;opacity:.55;transition:opacity .25s,transform .25s var(--spring);outline:1.5px solid transparent;outline-offset:2px}
.thumbs button:hover{opacity:.85}.thumbs button.on{opacity:1;outline-color:var(--ink)}
.pack{background:linear-gradient(150deg,#22222A,#0B0B0C);display:grid;place-items:center}
.box{width:56%;aspect-ratio:3/4.1;position:relative;transform:perspective(700px) rotateY(-18deg);box-shadow:24px 30px 40px rgba(0,0,0,.55);animation:float2 6s ease-in-out infinite}
@keyframes float2{50%{transform:perspective(700px) rotateY(-12deg) translateY(-6px)}}
.box .f{position:absolute;inset:0;background:#0d0d0f;border:1px solid #2a2a2e;border-radius:4px;overflow:hidden;padding:9% 8%;display:flex;flex-direction:column;color:#fff}
.box .bt{font-weight:800;font-size:clamp(9px,1.5vw,19px);line-height:1;letter-spacing:-.03em}
.box .bs{font-size:clamp(5px,.6vw,8.5px);letter-spacing:.2em;color:#9b9ba1;margin-top:6%;text-transform:uppercase;font-weight:700}
.box .im{flex:1;margin-top:9%;border-radius:3px;position:relative;overflow:hidden}
.box .bb{height:3px;background:#fff;opacity:.85;margin-top:8%;border-radius:2px}
.buy .in{padding:32px}
.buy h3{font-size:30px;margin:10px 0 6px}
.rate{font-size:13px;color:var(--faint)}
.pr{display:flex;align-items:baseline;gap:10px;margin:18px 0 4px;flex-wrap:wrap}
.pr .n{font-size:34px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.pr .o{color:var(--faint);text-decoration:line-through;font-weight:600}
.pg50{margin:14px 0 6px;padding:12px 14px;border-radius:14px;border:1px solid rgba(224,51,42,.45);background:linear-gradient(135deg,rgba(224,51,42,.16),rgba(224,51,42,.05));display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}
.pg50t{display:flex;align-items:baseline;gap:10px;font-size:15px}.pg50t b{color:#ff5a4e}.pg50p{font-weight:800;font-size:17px;color:var(--ink)}
.pg50s{grid-column:1;font-size:12.5px;color:var(--muted)}.pg50s code{font:700 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;padding:3px 6px;border-radius:6px;background:var(--chip);border:1px solid var(--line);color:var(--ink)}
.pg50b{grid-column:2;grid-row:1/span 2}
.pg50c{grid-column:1;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.pg50c i{font-style:normal;display:inline-flex;align-items:baseline;gap:1px;padding:3px 6px;border-radius:7px;background:rgba(0,0,0,.35);border:1px solid rgba(224,51,42,.35);color:var(--muted)}.pg50c i b{font:700 13px/1 ui-monospace,Menlo,monospace;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:1px}
.p50c{font-style:normal;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;color:#ff5a4e;white-space:nowrap}
.npromo.p50,.annb.p50{background:#E0332A!important;color:#fff!important}
.annb.p50{white-space:nowrap}
@media(max-width:520px){.pg50{grid-template-columns:1fr}.pg50b{grid-column:1;grid-row:auto;width:100%}}
.cutl{font-size:11px;font-weight:700;letter-spacing:.07em;padding:4px 10px;border-radius:999px;background:var(--chip);border:1px solid var(--line);color:var(--ink)}
.tax{font-size:12.5px;color:var(--faint)}
.qrow{display:flex;gap:10px;margin:22px 0 10px}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:980px}
.qty button{background:none;border:0;color:var(--ink);width:40px;height:50px;font-size:18px;cursor:pointer}
.qty span{width:20px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.qrow .btn{flex:1}
.pay{display:flex;gap:7px;align-items:center;margin-top:14px;flex-wrap:wrap}
.pl{height:26px;min-width:44px;border-radius:6px;background:#fff;border:1px solid #E7E7E4;display:flex;align-items:center;justify-content:center;padding:0 8px;font-weight:800;font-size:11.5px;color:#111}
.pl.visa{color:#1a1f71;font-style:italic;font-size:13.5px}
.pl.mc i{display:inline-block;width:12px;height:12px;border-radius:50%;background:#EB001B;margin-right:-4px}.pl.mc i+i{background:#F79E1B;margin-right:5px;opacity:.9}
.pl.ap{background:#000;color:#fff;border-color:#333;font-weight:600}
.secure{font-size:12.5px;color:var(--faint);margin-left:4px}
/* Accordéons animés */
.acc{border-top:1px solid var(--line)}
.acc button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;background:none;border:0;color:var(--ink);font-size:15px;font-weight:700;padding:16px 2px;cursor:pointer;text-align:left;letter-spacing:-.01em}
.sign{flex:none;width:16px;height:16px;position:relative}
.sign::before,.sign::after{content:'';position:absolute;background:var(--ink);border-radius:2px;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .4s var(--spring),opacity .3s}
.sign::before{width:14px;height:2px}.sign::after{width:2px;height:14px}
.acc.open .sign::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.acc .body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--spring)}
.acc.open .body{grid-template-rows:1fr}
.acc .body > div{overflow:hidden}
.acc .body p{color:var(--muted);font-size:14.5px;line-height:1.6;padding:0 2px 16px}
.faq .acc button{font-size:17px;padding:24px 4px}
.faq .acc .body p{font-size:15.5px;padding:0 4px 24px;max-width:70ch}
.faq .acc{position:relative}
/* Encre de lecture : trait qui se remplit de gauche à droite sur la ligne de la question ouverte */
.faq .qbar{position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left center;z-index:2;pointer-events:none;will-change:transform,opacity;border-radius:2px}
.faq .hint{display:block;text-align:right;font-size:11.5px;font-weight:600;color:var(--faint);margin-bottom:10px;opacity:0;transition:opacity .3s}
@media(hover:hover){.faq:hover .hint{opacity:1}}@media(hover:none){.faq .hint{display:none}}
.faq{max-width:840px;margin-inline:auto;border-bottom:1px solid var(--line)}
/* Contrôle segmenté avec indicateur glissant */
.seg{position:relative;display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--chip);border:1px solid var(--line);max-width:100%}
.seg button{position:relative;z-index:1;border:0;background:none;color:var(--muted);font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:999px;cursor:pointer;transition:color .3s;white-space:nowrap}
.seg button[aria-selected="true"]{color:var(--inv)}
.seg .ind{position:absolute;z-index:0;border-radius:999px;background:var(--ink);transition:left .5s var(--spring),top .5s var(--spring),width .5s var(--spring),height .5s var(--spring)}
.segrow{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.segrow.c{justify-content:center}
.nav2{display:flex;gap:8px}
.nav2 .arr{background:var(--chip);border-color:var(--line)}
.nav2 .arr svg{stroke:var(--ink)}
/* Avant / après */
.ba{position:relative;user-select:none;cursor:ew-resize;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;box-shadow:var(--shadow-lift);background:#111;touch-action:pan-y}
.ba .raw{position:absolute;inset:0;filter:saturate(.22) contrast(.7) brightness(1.15)}
.ba .raw.real{filter:none}@media(max-width:640px){.ba{aspect-ratio:4/3}}.ba img.baimg{object-position:50% 30%;padding:0;background:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.bacap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;min-height:30px;transition:opacity .35s}.bacap.fade{opacity:0}.bacap b{font-size:15px;letter-spacing:-.01em;margin-right:4px}.bacap .bapl{display:inline-flex;gap:3px;padding:3px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}.bacap .bapl button{height:26px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--muted);font:600 12px inherit;cursor:pointer;transition:background .25s,color .25s}.bacap .bapl button[aria-selected=true]{background:var(--ink);color:var(--bg)}.bacap>span:not(.bapl){font-size:12.5px;color:var(--muted);padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.ba .layer.inc{opacity:0;transition:opacity .5s ease}.ba .layer.inc.on{opacity:1}
.ba .handle{position:absolute;top:0;bottom:0;left:50%;width:2px;z-index:6;transform:translateX(-1px);pointer-events:none}
.ba .handle::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.95) 0 6px,transparent 6px 11px);-webkit-mask-image:linear-gradient(180deg,#000 calc(50% - 38px),transparent calc(50% - 38px),transparent calc(50% + 38px),#000 calc(50% + 38px));mask-image:linear-gradient(180deg,#000 calc(50% - 38px),transparent calc(50% - 38px),transparent calc(50% + 38px),#000 calc(50% + 38px))}
.ba .handle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:72px;border-radius:999px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.ba .handle i{display:none}
@keyframes pulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}70%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}
.bl{position:absolute;top:16px;z-index:7;}.ba .bl{top:50%;transform:translateY(-50%);}.bl{font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(6px);transition:opacity .3s}
/* Arbre de nœuds */
.rwin{background:#1A1A1D;border:1px solid #2A2A30;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.rtop{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#202024;border-bottom:1px solid #2A2A30;font-size:11.5px;color:#8A8A92}
.rtop .dots{display:flex;gap:6px;margin-right:10px}.rtop .dots i{width:10px;height:10px;border-radius:50%;background:#3A3A40}
.rtop .pg{margin-left:auto;color:#C8C8CE;font-weight:600}
.rpages{display:flex;justify-content:center;gap:26px;padding:8px;background:#161618;border-top:1px solid #2A2A30;font-size:11px;color:#6E6E76;font-weight:600;flex-wrap:wrap}
.rpages b{color:#fff;border-bottom:2px solid #fff;padding-bottom:2px}
.rbody{display:grid;grid-template-columns:340px 1fr}
.viewer{background:#0D0D0F;border-right:1px solid #2A2A30;padding:14px;display:flex;flex-direction:column;gap:10px}
.viewer .img{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000}
.tc{font:600 11px ui-monospace,Menlo,monospace;color:#8A8A92;display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}
.scopes{height:170px;border-radius:6px;background:#050506;border:1px solid #232328;position:relative;overflow:hidden;display:flex;flex-direction:column}
.scopes .scph{display:flex;justify-content:space-between;align-items:center;padding:5px 8px 3px;font:600 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#77777f;letter-spacing:.02em}
.scopes .scph b{color:#cfcfd6;font-weight:600}
.scopes canvas{flex:1;width:100%;min-height:0;display:block}
.ngraph{position:relative;background:#1E1E21;background-image:radial-gradient(#2A2A2E 1px,transparent 1px);background-size:16px 16px;overflow-x:auto}
.ngin{position:relative;width:1090px;height:300px;transform-origin:0 0}
.nd2{position:absolute;width:96px;border-radius:8px;background:#2B2B2F;border:1.5px solid #3C3C42;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.35);cursor:pointer;transition:transform .35s var(--spring),border-color .25s}
.nd2:hover{transform:translateY(-3px)}
.nd2 .lb{display:flex;justify-content:space-between;align-items:center;padding:4px 7px;font-size:10.5px;font-weight:600;color:#D8D8DC;background:#333338}
.nd2 .lb em{font-style:normal;color:#8A8A92;font-weight:700}
.nd2 .im{position:relative;height:58px;overflow:hidden}
.nd2.sel{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.14),0 6px 16px rgba(0,0,0,.35)}
.nd2 .st{position:absolute;right:5px;bottom:5px;z-index:5;font-size:8px;font-weight:800;letter-spacing:.08em;background:rgba(0,0,0,.6);color:#E6E6EA;padding:1px 4px;border-radius:3px}
.io,.mix{position:absolute;border-radius:50%;background:#2B2B2F;border:1.5px solid #4A4A52;display:grid;place-items:center;color:#9A9AA2}
.io{width:26px;height:26px;font-size:10px}.mix{width:40px;height:40px;font-size:9px;font-weight:700;color:#C8C8CE}
svg.w{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.flow{stroke-dasharray:6 6;animation:dash 1.2s linear infinite}
@keyframes dash{to{stroke-dashoffset:-12}}
.nd2.live{border-color:#fff;transform:translateY(-4px) scale(1.04);box-shadow:0 0 0 3px rgba(255,255,255,.16),0 10px 30px rgba(255,255,255,.14)}
.nd2.done .lb em{color:#5ED36A}
.nd2.live .lb{background:#45454c}
.flow{transition:opacity .4s,stroke-width .4s}
.vsc{transition:filter .7s cubic-bezier(.32,.72,0,1)}
#sig,#sigG{transition:opacity .3s}
.nx{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.nx .ring2{cursor:pointer;transition:transform .35s var(--spring)}
.nx .ring2:hover{transform:translateY(-4px)}
.nx .in{padding:18px;display:flex;gap:14px}
.nx .ring2.hot{animation-duration:2.2s}
.nx .no{flex:none;width:30px;height:30px;border-radius:9px;background:var(--chip);border:1px solid var(--line);display:grid;place-items:center;font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums}
.nx b{display:block;font-size:14.5px;letter-spacing:-.01em}.nx span.t{font-size:13.5px;color:var(--muted);line-height:1.5}
.tagS{display:inline-block;margin-left:6px;font-size:9.5px;font-weight:800;letter-spacing:.08em;border:1px solid var(--line);color:var(--muted);padding:1px 5px;border-radius:4px;vertical-align:2px}
/* Vidéos */
.bill{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:21/8.5;background:#000;margin-bottom:44px}
.bill .sc{position:absolute;inset:-3%;animation:kb 18s var(--ease) infinite alternate}.bill .sc img,.bill .sc video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.bill .qdvv{opacity:0;transition:opacity .8s}.bill .qdvv.on{opacity:1}
.bill .shade{position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.2) 60%,transparent),linear-gradient(0deg,rgba(0,0,0,.6),transparent 40%)}
.bill .txt{position:absolute;z-index:5;left:44px;bottom:40px;max-width:460px;color:#fff}
.bill .k{font-size:11.5px;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.7)}
.bill h3{font-size:40px;margin:8px 0 10px}
.bill p{color:rgba(255,255,255,.78);font-size:15.5px;margin-bottom:20px}
.bill .row{display:flex;gap:10px;flex-wrap:wrap}
.bill .btn:not(.glass){background:#fff;color:#0B0B0C}
.vrow{margin-bottom:36px}
.vrow h4{font-size:19px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}
.marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mtrack{display:flex;gap:12px;width:max-content;animation:mq var(--d,50s) linear infinite}
.marq.rev .mtrack{animation-direction:reverse}
.marq:hover .mtrack{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.vc{flex:0 0 300px}.vc.vimg{cursor:default}
.vc .th .dmimg,.vc .th .dmv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.vc .th .dmv{opacity:0;transition:opacity .35s}.vc.vplay .th .dmv{opacity:1}.vc[data-demo]{cursor:pointer}
.vc .th{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#111;transition:transform .45s var(--spring),box-shadow .3s}
.vc:hover .th{transform:scale(1.04);box-shadow:var(--shadow-lift)}
.play{position:absolute;inset:0;z-index:5;display:grid;place-items:center}
.play span{position:relative;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.62);backdrop-filter:blur(12px) saturate(1.3);display:grid;place-items:center;transition:transform .3s var(--ease),background .3s}
.play span::before{content:'';position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);animation:pulse2 2.6s var(--ease) infinite}
@keyframes pulse2{0%{opacity:.7;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.6)}}
.vc:hover .play span{transform:scale(1.08);background:rgba(255,255,255,.28)}
.play svg{width:15px;height:15px;fill:#fff;margin-left:2px}
.dur{position:absolute;z-index:5;right:8px;bottom:8px;font-size:11px;font-weight:700;background:rgba(0,0,0,.72);color:#fff;padding:2px 6px;border-radius:5px;font-variant-numeric:tabular-nums}
.vc .t{font-size:13.5px;font-weight:600;margin-top:9px}.vc .m{font-size:12px;color:var(--faint)}
/* Galerie : 3 plans en carrousel */
.car{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:21/9;background:#111;box-shadow:var(--shadow-lift);touch-action:pan-y}
.car .ttl{position:absolute;z-index:6;left:28px;bottom:26px;color:#fff}
.car .ttl .k{font-size:11px;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.72)}
.car .ttl b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em}
.car .shade{position:absolute;inset:0;z-index:5;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 45%);pointer-events:none}
.car .prog{position:absolute;z-index:6;right:24px;bottom:30px;display:flex;gap:6px}
.car .prog i{position:relative;width:28px;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;cursor:pointer}
.car .prog i b{position:absolute;inset:0;width:0;background:#fff}
.car .prog i.on b{animation:fill var(--t,5s) linear forwards}
.car .prog i.done b{width:100%}
@keyframes fill{to{width:100%}}
.car:hover .prog i.on b{animation-play-state:paused}
/* Installation */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:36px 30px;box-shadow:var(--shadow)}
.steps{list-style:none;counter-reset:s;display:grid;gap:20px}
.steps li{counter-increment:s;position:relative;padding-left:48px;font-size:15.5px;color:var(--muted);line-height:1.6}
.steps li strong{color:var(--ink);font-weight:600}
.steps li::before{content:counter(s);position:absolute;left:0;top:-1px;width:30px;height:30px;border-radius:10px;background:var(--chip);border:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:700;display:grid;place-items:center}
code{background:var(--chip);border:1px solid var(--line);padding:2px 7px;border-radius:7px;font-size:13px;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.note{color:var(--faint);font-size:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.tp{display:none}.tp.on{display:block;animation:rise .5s var(--spring) both}
.steps.tp.on{display:grid} /* 14/10 : la liste d'étapes affichée reste une grille (cartes espacées, 4 colonnes sur ordinateur) */
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Avis */
.tgrid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);align-items:start}
.tgrid .ring2{border-radius:var(--r)}.tgrid .in{border-radius:calc(var(--r) - 1px);padding:26px;display:flex;flex-direction:column;gap:18px}
.tgrid .ring2:nth-child(2){animation-duration:9s;animation-direction:reverse}.tgrid .ring2:nth-child(3){animation-duration:11s}
.quote{width:28px;height:28px;border-radius:9px;background:var(--chip);border:1px solid var(--line);display:grid;place-items:center}
.quote svg{width:13px;height:13px;fill:var(--ink)}
.tgrid p{color:var(--faint);font-size:15.5px;line-height:1.62}
.twho{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.tav{flex:none;width:38px;height:38px;border-radius:50%;background:var(--chip);border:1px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:800}
.tn{font-size:14.5px;font-weight:700}.tr{font-size:12.5px;color:var(--faint)}
.tmq{margin-inline:calc(50% - 50vw);width:100vw;overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);padding-block:8px 14px;user-select:none}
.tmq.drag{cursor:grabbing}
.ttrack{display:flex;gap:16px;width:max-content;will-change:transform;align-items:flex-start}
.tcx{flex:0 0 340px;border-radius:var(--r);transition:transform .5s var(--spring)}
.tcx .in{border-radius:calc(var(--r) - 1px);padding:22px;display:flex;flex-direction:column;gap:14px;transition:background .3s}
.tcx p{color:var(--ink);font-size:16px;font-weight:500;letter-spacing:-.012em;line-height:1.55;text-wrap:pretty}
.tcx .quote{transition:transform .5s var(--spring)}
.tsh{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0B0B0C;max-height:170px}
.tsh img{display:block;width:100%;height:auto;transition:transform .8s var(--spring)}
.tsrc2{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;letter-spacing:.01em;color:var(--faint)}
.tsrc2 svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8}
.tcx .twho{gap:12px;padding-top:14px}
.tcx .tav{width:42px;height:42px;padding:0;overflow:hidden;background:#222;border:0;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line);transition:transform .5s var(--spring),box-shadow .3s}
.tcx .tav img{width:100%;height:100%;object-fit:cover;display:block}
.tcx .tn{font-size:15px;font-weight:700;letter-spacing:-.015em}
.tcx .tn a{display:inline-flex;align-items:center;gap:6px;transition:opacity .2s}
.tcx .tn a svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;opacity:0;transform:translate(-4px,4px);transition:opacity .3s,transform .4s var(--spring)}
.tcx .tr{font-size:12.5px;line-height:1.4}
/* Survol : la carte se soulève, le contour s'accélère, la capture et la photo réagissent */
.tcx:hover{transform:translateY(-8px) scale(1.015);animation-duration:1.6s}
.tcx:hover .in{background:color-mix(in srgb,var(--surface) 92%,var(--ink))}
.tcx:hover .tsh img{transform:scale(1.06)}
.tcx:hover .tav{transform:scale(1.12);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--ink)}
.tcx:hover .quote{transform:rotate(-12deg) scale(1.1)}
.tcx:hover .tn a svg{opacity:1;transform:none}
.tl8{font-size:11px;font-weight:600;color:var(--faint);margin-top:-8px}
html[lang="fr"] .tl8{display:none}
.likes{font-weight:800;color:var(--ink)}
.phn{margin-top:22px;font-size:13.5px;color:var(--muted);text-align:center}
/* Bandeau animé */
.band{position:relative;overflow:hidden;padding-block:132px 124px;text-align:center;color:#fff;background:#000}
.bfx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(96px);opacity:.22;background:#fff}
.b1{width:520px;height:520px;top:2%;left:-160px;animation:drift 19s ease-in-out infinite alternate}
.b2{width:460px;height:460px;bottom:-240px;right:-140px;animation:drift 23s ease-in-out infinite alternate-reverse;opacity:.14}
.b3{width:380px;height:380px;bottom:-200px;left:32%;animation:drift 27s ease-in-out infinite alternate;opacity:.1}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(60px,-40px,0) scale(1.18)}}
.rw{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:1;max-width:94%}.rw-a{height:52%}.rw-b{height:86%}
.ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.1);animation:turn 34s linear infinite}
.rw-b .ring{animation-duration:52s;animation-direction:reverse}
.ring::before{content:'';position:absolute;top:-4px;left:50%;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 22px 5px rgba(255,255,255,.55);transform:translateX(-50%)}
@keyframes turn{to{transform:rotate(360deg)}}
.spark{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.7);animation:fl 12s ease-in-out infinite}
@keyframes fl{0%,100%{transform:translateY(0);opacity:.12}50%{transform:translateY(-38px);opacity:.8}}
.band .wrap{position:relative;z-index:2}
.band .eyebrow{color:rgba(255,255,255,.66)}
.band h2{color:#fff;max-width:17ch;margin-inline:auto;margin-block:14px 18px;font-size:clamp(30px,5.6vw,52px)}
.band p{color:rgba(255,255,255,.76);font-size:17px;max-width:46ch;margin:0 auto 36px}
.blist{list-style:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 40px;max-width:800px}
.blist li{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;will-change:transform;transform:translate3d(0,0,0)}
/* Halo de la vague : on anime seulement l'opacité d'un calque, jamais le fond, pour rester fluide */
.blist li::after{content:'';position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.1);opacity:var(--g,0);pointer-events:none}
.band .btn{background:#fff;color:#0B0B0C}
.band .price{color:rgba(255,255,255,.6);font-size:14px;margin-top:17px}
/* Footer */
footer{padding-block:78px 64px;border-top:1px solid var(--line)}
.fg{display:grid;gap:34px;grid-template-columns:1.6fr 1fr 1fr 1fr}
/* 05/10 (JK) : réseaux Backstage Color en bas de page (un lien vide reste caché) */
.fsoc{display:flex;gap:10px;margin-top:20px}.fsoc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--muted,#9a9aa2);transition:color .2s,border-color .2s,background .2s}.fsoc a:hover{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06)}.fsoc a[href=""]{display:none}
.fl{font-weight:700;font-size:15px}
.fa{color:var(--muted);font-size:14.5px;max-width:34ch;margin-top:14px;line-height:1.6}
.fc h4{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}
.fc a{display:block;font-size:14.5px;margin-bottom:11px;font-weight:500;transition:opacity .2s;cursor:pointer}.fc a:hover{opacity:.6}.fc a[hidden]{display:none}
.fb{margin-top:52px;padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--faint);font-size:13px}
/* Pages internes */
.page{display:none}.page.on{display:block;animation:pg .6s var(--spring) both}
@keyframes pg{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ph{position:relative;overflow:hidden;background:#000;color:#fff;padding-block:0 90px}
.ph .wrap{position:relative;z-index:3}
.ph h1{font-size:clamp(38px,7vw,68px);margin:18px 0 16px;max-width:16ch}
.ph .lede{color:rgba(255,255,255,.78);font-size:18px;max-width:52ch}
.ph .eyebrow{color:rgba(255,255,255,.66)}
.lph{min-height:max(calc(45.1vw + 40px),560px);display:flex;align-items:flex-end;padding-bottom:70px}
.lph .lbg{position:absolute;left:0;right:0;top:0;height:max(45.1vw,520px);z-index:1}
.lph .lbg img{width:100%;height:100%;object-fit:cover;object-position:70% 40%;animation:lfade 1.4s ease both,lzoom 2.6s cubic-bezier(.16,1,.3,1) both}@keyframes lfade{from{opacity:0}to{opacity:1}}@keyframes lzoom{from{transform:scale(1.07)}to{transform:none}}
.lph .lbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.7) 28%,rgba(0,0,0,.25) 48%,rgba(0,0,0,0) 62%,rgba(0,0,0,0) 86%,rgba(0,0,0,.45) 100%),linear-gradient(180deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 14%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 42%,rgba(0,0,0,.45) 60%,rgba(0,0,0,.85) 78%,#000 94%)}
.lph .wrap{width:100%}
#p-luts > section{background:linear-gradient(180deg,#000 0,var(--bg) 260px)}
.lph .intro{margin:0;max-width:560px;text-align:left}
.lph .intro .lede{margin:0}
.lph .intro .cta{justify-content:flex-start}
@media(max-width:700px){.lph{min-height:0;display:block;padding-top:calc(78vw + 10px);padding-bottom:48px}.lph .lbg{height:calc(78vw + 60px)}.lph .lbg img{object-position:50% 40%}.lph .lbg::after{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 45%,rgba(0,0,0,.65) 72%,#000 96%)}}
.ph .bfx .blob{opacity:.16}
.shop{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pc{cursor:pointer}
.pc .t{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:1/1.05;box-shadow:var(--shadow);transition:transform .45s var(--spring),box-shadow .3s}
.pc:hover .t{transform:translateY(-6px);box-shadow:var(--shadow-lift)}
.fold{position:relative;width:56%;aspect-ratio:1.3;perspective:900px;margin-top:14%}
.fold .fdb{position:absolute;inset:0;border-radius:12px;background:linear-gradient(180deg,#e9e9ec,#cfcfd4);box-shadow:0 24px 50px -18px rgba(0,0,0,.8)}
.fold .fdb::before{content:"";position:absolute;left:0;top:-9%;width:40%;height:16%;background:#e9e9ec;border-radius:10px 12px 0 0}
.fold .fdc{position:absolute;left:11%;top:6%;width:78%;aspect-ratio:16/10;object-fit:cover;border-radius:7px;border:2px solid rgba(255,255,255,.92);box-shadow:0 10px 24px -8px rgba(0,0,0,.7);transition:transform .7s var(--spring)}
.fold .c1{z-index:3;transform:translateY(2%) rotate(-1deg)}.fold .c2{z-index:2;transform:rotate(-4deg)}.fold .c3{z-index:1;transform:translateY(-3%) rotate(3deg)}
.fold .fdf{position:absolute;z-index:4;left:0;right:0;bottom:0;height:74%;border-radius:12px;background:linear-gradient(180deg,#ffffff 0%,#ececef 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 -6px 18px -8px rgba(0,0,0,.6);transform-origin:50% 100%;transition:transform .7s var(--spring);padding:9% 9%;display:flex;flex-direction:column;justify-content:flex-end;color:#0B0B0C}
.fold .fdf .bt{font-weight:800;font-size:clamp(14px,1.6vw,21px);line-height:1;letter-spacing:-.03em;color:#0B0B0C}
.fold .fdf .bs{font-size:clamp(7px,.65vw,9px);letter-spacing:.2em;color:rgba(11,11,12,.6);margin-top:7%;text-transform:uppercase;font-weight:700}
.pc:hover .fold .fdf,.fold.open .fdf{transform:rotateX(-32deg)}
.pc:hover .fold .c1,.fold.open .c1{transform:translate(0,-66%) rotate(-2deg)}
.pc:hover .fold .c2,.fold.open .c2{transform:translate(-26%,-52%) rotate(-13deg);transition-delay:.06s}
.pc:hover .fold .c3,.fold.open .c3{transform:translate(24%,-58%) rotate(11deg);transition-delay:.12s}
.abg{--s:348px;display:grid;grid-template-columns:var(--s) minmax(0,820px);gap:8px;align-items:stretch}
#p-about>section:first-of-type>.wrap{max-width:none;padding-inline:clamp(38px,6vw,76px)}
.abshape{position:relative;width:var(--s);height:var(--s)}
.abshape svg{position:absolute;inset:0;width:100%;height:100%;display:block}.abshape path{fill:#F2A98E}.abshape svg{filter:drop-shadow(0 18px 30px rgba(242,169,142,.12))}
.abph{position:absolute;right:0;bottom:0;width:calc((100% - 8px)/2);height:calc((100% - 8px)/2);border-radius:40px;overflow:hidden;background:var(--surface-2);box-shadow:0 0 0 2px #F2A98E,0 14px 30px -12px rgba(0,0,0,.7)}.abph::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);pointer-events:none}.abph img{width:100%;height:100%;object-fit:cover;display:block}
.abnv{position:absolute;width:calc((100% - 8px)/2);height:calc((100% - 8px)/2);background:none;border:0;cursor:pointer;font:inherit;color:#1b1b1b;padding:22px;display:flex;align-items:flex-end;justify-content:space-between;border-radius:40px;transition:transform .35s var(--spring)}
.abnv span{font-size:14px;font-weight:600;letter-spacing:-.01em}.abnv em{font-style:normal;font-size:18px;color:#C2410C;transition:transform .35s var(--spring)}
.abnx{right:0;top:0}.abpv{left:0;bottom:0}
.abnv em{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 4px 12px -4px rgba(194,65,12,.45);transition:transform .35s var(--spring),background .25s,color .25s}.abnv em::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #C2410C;opacity:0;pointer-events:none}.abnx em{animation:abnR 2.6s ease-in-out infinite}.abpv em{animation:abnL 2.6s ease-in-out 1.3s infinite}.abnx em::after{animation:abring 2.6s ease-out infinite}.abpv em::after{animation:abring 2.6s ease-out 1.3s infinite}.abnv span{position:relative}.abnv span::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:2px;background:#C2410C;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--spring)}.abpv span::after{transform-origin:right}@keyframes abnR{0%,55%,100%{transform:translateX(0)}65%{transform:translateX(7px)}75%{transform:translateX(0)}85%{transform:translateX(4px)}}@keyframes abnL{0%,55%,100%{transform:translateX(0)}65%{transform:translateX(-7px)}75%{transform:translateX(0)}85%{transform:translateX(-4px)}}@keyframes abring{0%,50%{transform:scale(1);opacity:0}55%{opacity:.75}100%{transform:scale(1.75);opacity:0}}.abnv:hover em,.abnv:focus-visible em{animation:none;background:#C2410C;color:#fff}.abnv:hover em::after,.abnv:focus-visible em::after{animation:none}.abnx:hover em{transform:translateX(5px)}.abpv:hover em{transform:translateX(-5px)}.abnv:hover span::after,.abnv:focus-visible span::after{transform:scaleX(1)}.abnv:active{transform:scale(.97)}.abdots{display:flex;gap:6px;margin:16px 0 4px}.abdots i{width:7px;height:7px;border-radius:99px;background:var(--line2,rgba(255,255,255,.2));transition:width .4s var(--spring),background .3s}.abdots i.on{width:22px;background:#C2410C}@media(prefers-reduced-motion:reduce){.abnv em,.abnv em::after{animation:none!important}}
.abq .q{transition:opacity .28s ease,transform .45s var(--spring)}.abq.sw .q{opacity:0;transform:translateY(8px)}
.bcx3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bcx{display:block;text-decoration:none;color:inherit;border-radius:var(--r);transition:transform .45s var(--spring)}.bcx:hover{transform:translateY(-6px)}
.bcx .in{border-radius:calc(var(--r) - 1px);overflow:hidden;display:flex;flex-direction:column;height:100%}
.bcx .im{aspect-ratio:16/9;overflow:hidden}.bcx .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--spring)}.bcx:hover .im img{transform:scale(1.05)}
.bcx .bx{padding:22px 22px 24px;display:flex;flex-direction:column;gap:6px;flex:1}
.bcx em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.bcx b{font-size:19px;letter-spacing:-.02em}.bcx span{font-size:14px;color:var(--muted);line-height:1.5;flex:1}
.bcx i{font-style:normal;font-size:14px;font-weight:600;margin-top:10px}
@media(max-width:900px){.bcx3{grid-template-columns:1fr}}
.ftw{padding-inline:clamp(20px,3.4vw,52px)}
#p-foot{background:#000;color:#F4F4F6}
.tvhero,.tvdhero{position:relative;min-height:min(86vh,56.25vw + 80px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.tvdhero{min-height:min(92vh,56.25vw + 60px)}
.tvbg{position:absolute;inset:0;z-index:-1}.tvbg img,.tvbg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tvhero .tvbg video{opacity:0;transition:opacity 1s}.tvhero .tvbg video.on{opacity:1}
.tvbg img{animation:tvin 1.2s ease both}@keyframes tvin{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
.tvbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 34%,rgba(0,0,0,0) 62%),linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 80%,#000 100%);transition:opacity .5s}
.tvcap{position:relative;width:100%;padding-bottom:56px;max-width:none}.tvcap>*{max-width:620px}
.tvcap h1{font-size:clamp(34px,4.6vw,62px);letter-spacing:-.035em;line-height:1.02;margin:14px 0 12px;color:#fff}
.tvmeta{font-size:14px;color:rgba(255,255,255,.72);margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.tvmeta span+span::before{content:"·";margin-right:10px;opacity:.6}.tvmeta b{color:#fff;font-weight:600}.tvmeta span:empty{display:none}
.tvmeta .tag{border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff}.tvmeta .tag::before{display:none}
.tvlede{font-size:16px;line-height:1.5;color:rgba(255,255,255,.82);margin:0 0 22px}
.tvby{font-size:13.5px;color:rgba(255,255,255,.7);margin:-4px 0 18px}.tvby a{color:#fff;font-weight:600}
.tvbtns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
/* Lecteur plein écran façon Apple TV (03/10) */
html.tvp-open{overflow:hidden}
.tvp{position:fixed;inset:0;z-index:300;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;-webkit-user-select:none;user-select:none;cursor:none}
.tvp.ui{cursor:default}
.tvp[hidden]{display:none}
.tvp video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.tvp-sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 58%,rgba(0,0,0,.75) 100%);opacity:0;transition:opacity .35s}
.tvp-top,.tvp-mid,.tvp-bot{position:absolute;left:0;right:0;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s}
.tvp.ui .tvp-sh,.tvp.ui .tvp-top,.tvp.ui .tvp-mid,.tvp.ui .tvp-bot{opacity:1;pointer-events:auto}
.tvp-top{top:0;display:flex;justify-content:space-between;align-items:center;padding:max(18px,env(safe-area-inset-top)) 22px 0}
.tvp-pill{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:rgba(40,40,44,.55);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)}
.tvp-b{width:38px;height:38px;border:0;border-radius:50%;background:none;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}
.tvp-b[hidden]{display:none}.tvp-b:hover{background:rgba(255,255,255,.12)}.tvp-b:active{transform:scale(.92)}
.tvp-vol{padding-left:14px}
.tvp-vol input{-webkit-appearance:none;appearance:none;width:110px;height:4px;border-radius:4px;background:rgba(255,255,255,.35);outline:none}
.tvp-vol input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.tvp-vol input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}
.tvp-mid{top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;gap:clamp(40px,8vw,110px)}
.tvp-c{width:58px;height:58px;border:0;border-radius:50%;color:#fff;display:grid;place-items:center;cursor:pointer;background:rgba(40,40,44,.45);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12);transition:transform .2s,background .2s}
.tvp-c:hover{background:rgba(70,70,76,.6)}.tvp-c:active{transform:scale(.9)}
.tvp-pp{width:84px;height:84px}
.tvp-spin{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;animation:tvpsp .8s linear infinite;opacity:0;pointer-events:none;transition:opacity .2s}
.tvp.wait .tvp-spin{opacity:1}.tvp.wait.ui .tvp-spin{opacity:0}
@keyframes tvpsp{to{transform:rotate(360deg)}}
.tvp-bot{bottom:0;padding:0 26px max(22px,env(safe-area-inset-bottom))}
.tvp-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}
.tvp-tt{min-width:0}.tvp-tt small{display:block;font-size:13px;color:rgba(255,255,255,.7);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tvp-tt b{display:block;font-size:clamp(19px,2.2vw,26px);font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tvp-q span{font-size:11.5px;font-weight:800;letter-spacing:.02em;border:1.6px solid currentColor;border-radius:4px;padding:1px 4px;line-height:1.2}
.tvp-bar{display:flex;align-items:center;gap:12px;font-size:12px;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.75)}
.tvp-bar span{min-width:38px}.tvp-bar .tvp-t1{text-align:right}
.tvp-tr{position:relative;flex:1;height:22px;cursor:pointer;touch-action:none}
.tvp-tr::before,.tvp-buf,.tvp-fill{content:'';position:absolute;left:0;top:50%;height:5px;margin-top:-2.5px;border-radius:5px;transition:height .2s,margin .2s}
.tvp-tr::before{right:0;background:rgba(255,255,255,.22)}.tvp-buf{background:rgba(255,255,255,.3);width:0}.tvp-fill{background:#fff;width:0}
.tvp-knob{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.5);transform:scale(0);transition:transform .2s;left:0}
.tvp-tr:hover .tvp-knob,.tvp.drag .tvp-knob{transform:scale(1)}
.tvp-tr:hover::before,.tvp-tr:hover .tvp-buf,.tvp-tr:hover .tvp-fill,.tvp.drag .tvp-tr::before,.tvp.drag .tvp-fill{height:8px;margin-top:-4px}
.tvp-chips{display:flex;gap:8px;margin-top:12px}
.tvp-chips button{border:0;border-radius:999px;padding:8px 15px;font:inherit;font-size:13px;font-weight:600;color:#fff;background:rgba(60,60,66,.55);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;transition:background .2s,color .2s}
.tvp-chips button:hover{background:rgba(90,90,96,.65)}.tvp-chips button.on{background:#fff;color:#000}
.tvp-info{display:flex;gap:14px;align-items:center;margin-top:14px;max-width:560px}
.tvp.noinfo .tvp-info{display:none}
.tvp-info img{width:132px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#1a1a1d;flex:none}
.tvp-info b{display:block;font-size:14px;margin-bottom:4px}.tvp-info span{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.7)}
.tvp-menu{position:absolute;right:22px;bottom:110px;z-index:2;width:250px;max-height:60vh;overflow:auto;padding:6px;border-radius:14px;background:rgba(36,36,40,.82);-webkit-backdrop-filter:blur(30px) saturate(1.6);backdrop-filter:blur(30px) saturate(1.6);box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 0 0 .5px rgba(255,255,255,.12);animation:tvpm .18s ease-out}
.tvp-menu[hidden]{display:none}
@keyframes tvpm{from{opacity:0;transform:translateY(6px) scale(.98)}}
.tvp-mh{font-size:12px;font-weight:600;color:rgba(255,255,255,.55);padding:8px 10px 6px}
.tvp-menu button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;color:#fff;font:inherit;font-size:14.5px;padding:9px 10px;border-radius:9px;cursor:pointer;text-align:left}
.tvp-menu button:hover{background:rgba(255,255,255,.1)}
.tvp-menu button i{width:16px;display:grid;place-items:center;flex:none}.tvp-menu button span{flex:1}.tvp-menu button em{font-style:normal;font-size:12.5px;color:rgba(255,255,255,.5)}
.tvp-mf{font-size:12px;color:rgba(255,255,255,.5);padding:8px 10px 6px;border-top:.5px solid rgba(255,255,255,.12);margin-top:4px}
@media(max-width:700px){.tvp-top{padding:max(12px,env(safe-area-inset-top)) 12px 0}.tvp-b{width:40px;height:40px}.tvp-chips [data-a=info]{display:none}.tvp-vol input{width:70px}.tvp-mid{gap:34px}.tvp-c{width:50px;height:50px}.tvp-pp{width:70px;height:70px}.tvp-bot{padding:0 14px max(16px,env(safe-area-inset-bottom))}.tvp-info{display:none}.tvp-menu{right:12px;left:12px;width:auto}}

.ftq{display:flex;align-items:center;gap:8px;margin:12px 0 2px;flex-wrap:wrap}.ftq[hidden]{display:none}.ftq>span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:600}.ftq .seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px)}.ftq button{border:0;background:none;color:rgba(255,255,255,.75);font:inherit;font-size:13px;font-weight:600;padding:6px 11px;border-radius:7px;cursor:pointer}.ftq button[aria-checked=true]{background:#fff;color:#000}
.tvb{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 24px;border-radius:12px;border:0;font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;text-decoration:none;background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .3s var(--spring),background .2s}
.tvb:hover{background:rgba(255,255,255,.28);transform:scale(1.03)}.tvb:active{transform:scale(.97)}
.tvb.pri{background:#fff;color:#000}.tvb.pri:hover{background:#e9e9ec}.tvb.ico{width:48px;padding:0;justify-content:center;border-radius:50%}
.tvb em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.04em;opacity:.75;margin-left:2px}
.tvdots{display:flex;gap:7px;margin-top:26px}.tvdots button{width:7px;height:7px;border-radius:99px;border:0;background:rgba(255,255,255,.35);padding:0;cursor:pointer;transition:width .4s var(--spring),background .3s}.tvdots button.on{width:22px;background:#fff}
.tvres{margin:0 0 20px}.tvres b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:8px}
.tvseg{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
/* 23/10 (vérification du site) : sur un écran très étroit, le choix de caméra des Rushes défile dans sa barre au lieu de dépasser de 2 px */
#ftCam{max-width:100%;overflow-x:auto;scrollbar-width:none}#ftCam::-webkit-scrollbar{display:none}#ftCam>*{flex:none}
.tvseg button{border:0;background:none;color:rgba(255,255,255,.75);font:inherit;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer;transition:background .25s,color .25s}
.tvseg button:hover{color:#fff}.tvseg button[aria-checked="true"]{background:#fff;color:#000}.tvseg button:disabled{opacity:.35;cursor:not-allowed}
.tvback{position:absolute;top:84px;left:clamp(20px,3.4vw,52px);z-index:3;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px 0 10px;border-radius:99px;background:rgba(255,255,255,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;text-decoration:none;font-size:14px;font-weight:600}.tvback:hover{background:rgba(255,255,255,.24)}
.tvdhero.playing .tvbg::after{opacity:0}.tvdhero.playing .tvcap{opacity:0;pointer-events:none}.tvdhero .tvcap{transition:opacity .4s}
.tvdhero.playing .tvbg{z-index:2}
/* 25/10 (maquette 40) : pastille de l'aperçu qui démarre tout seul dans un rush */
.ftap{position:absolute;z-index:3;right:clamp(16px,3.4vw,52px);top:86px;display:flex;align-items:center;gap:8px;padding:5px 5px 5px 12px;border-radius:999px;background:rgba(20,20,22,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:600;color:#e4e4e7;animation:ftapIn .5s ease both}.ftap[hidden]{display:none}
@keyframes ftapIn{from{opacity:0;transform:translateY(6px)}}
.ftap i{width:7px;height:7px;border-radius:50%;background:#ff4d3d;animation:ftapP 1.6s infinite}.ftap.off i{background:#71717a;animation:none}
@keyframes ftapP{0%{box-shadow:0 0 0 0 rgba(255,77,61,.6)}70%,100%{box-shadow:0 0 0 7px rgba(255,77,61,0)}}
.ftap button{all:unset;cursor:pointer;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff}.ftap button:hover{background:rgba(255,255,255,.26)}.ftap button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ftap .ftpl,.ftap.off .ftpa{display:none}.ftap.off .ftpl{display:block}
.tvdhero.playing .ftap{display:none}
@media(max-width:700px){.ftap{right:16px}}
.ftqo{position:absolute;top:84px;right:24px;z-index:5;margin:0;opacity:0;pointer-events:none;transition:opacity .3s}.tvdhero.playing .ftqo:not([hidden]){opacity:1;pointer-events:auto}.ftqo .seg{background:rgba(0,0,0,.55)}@media(max-width:700px){.ftqo{top:70px;right:12px}.ftqo button{padding:5px 8px;font-size:12px}}
.tvbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:6px;padding-bottom:10px;flex-wrap:wrap}
.tvchips{display:flex;gap:8px;flex-wrap:wrap}
.tvsel{position:relative;display:inline-flex;align-items:center;gap:10px}.tvsel-l{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.tvsel select{-webkit-appearance:none;appearance:none;border:0;border-radius:99px;background:rgba(255,255,255,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;color:#fff;font:inherit;font-size:14px;font-weight:600;padding:9px 38px 9px 16px;cursor:pointer;color-scheme:dark;max-width:260px}.tvsel select:hover{background-color:rgba(255,255,255,.18)}.tvsel select option{background:#1a1a1d;color:#fff}.tvchips button{border:0;font:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:99px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);cursor:pointer;transition:background .25s,color .25s}.tvchips button:hover{background:rgba(255,255,255,.18)}.tvchips button.on{background:#fff;color:#000}
.ftsearch{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:999px;padding:9px 14px;width:min(280px,100%)}.ftsearch svg{width:16px;height:16px;fill:none;stroke:rgba(255,255,255,.55);stroke-width:2}.ftsearch input{background:none;border:0;outline:0;color:#fff;font:inherit;font-size:14px;width:100%}
.tvshelves{padding:18px 0 90px}
.tvshelf{margin-top:26px}.tvsh{display:flex;align-items:center;justify-content:space-between}.tvsh h3{font-size:21px;letter-spacing:-.02em;margin:0 0 12px;color:#fff}
.tvarr{display:flex;gap:6px}.tvarr button{width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.tvarr button:hover{background:rgba(255,255,255,.2)}
.tvrow{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,3.4vw,52px);padding-top:10px;padding-bottom:18px;scrollbar-width:none}.tvrow::-webkit-scrollbar{display:none}
.ftc{scroll-snap-align:start;display:block;text-decoration:none;color:inherit;flex:0 0 clamp(240px,27vw,400px)}.ftc.v{flex-basis:clamp(150px,14vw,220px)}.ftc.v .fr{aspect-ratio:9/16}.tvfil{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.tvor button{padding:7px 13px}.tvdhero.v .tvbg video{object-fit:contain}
.ftc .fr{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111;box-shadow:0 10px 30px -12px rgba(0,0,0,.8);transition:transform .45s var(--spring),box-shadow .45s}
.ftc.on .fr{transform:scale(1.045);box-shadow:0 22px 44px -14px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12)}
@media(hover:hover){.ftc:hover .fr{transform:scale(1.045);box-shadow:0 22px 44px -14px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12)}} /* 14/10 : pas d'effet de survol « collé » après un toucher */
.ftc img,.ftc video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ftc video{opacity:0;transition:opacity .35s}.ftc.on video{opacity:1}
.ftc .ftbadge{position:absolute;top:10px;left:10px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.12em;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);color:#fff;padding:4px 7px;border-radius:6px}.ftc .ftbadge.ftgot{left:auto;right:10px;background:#E0332A}
.ftc .fcap{margin-top:12px;display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;color:#fff}.ftc .fcap i{font-style:normal;font-weight:500;color:rgba(255,255,255,.55);font-size:13px}
.ftc .fsub{font-size:12.5px;color:rgba(255,255,255,.5);margin-top:2px}
.ftc .fby{font-size:12.5px;color:rgba(255,255,255,.6);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ftc .fby b{font-weight:600;color:rgba(255,255,255,.92)} /* 15/10 : « par Nom » (créateur du rush) */
.ftby{margin:8px 0 12px;font-size:15px;color:rgba(255,255,255,.7)}.ftby a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.ftnote{font-size:12.5px;color:rgba(255,255,255,.5);margin-top:14px}
.tvempty{color:rgba(255,255,255,.55);font-size:14px}
.ftc .fr.noimg{background:radial-gradient(120% 100% at 30% 20%,#2a2a30,#121215)}.ftc .fr.noimg::after{content:'S-Log3';position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.35);font-size:12px;letter-spacing:.2em;font-weight:600}
.tvhero.empty .tvbtns,.tvhero.empty .tvmeta,.tvhero.empty .tvdots{display:none}.tvhero.empty .tvbg{background:radial-gradient(120% 90% at 70% 30%,rgba(255,255,255,.07),transparent 60%),#0b0b0d}
#p-foot .tvbar[hidden]{display:none}
.tvsoon{display:flex;flex-direction:column;gap:6px;padding:40px 0 70px;text-align:center}.tvsoon b{color:#fff;font-size:17px;font-weight:600}
@media(max-width:700px){.tvhero,.tvdhero{min-height:82vh}.tvcap{padding-bottom:36px}.tvb{height:44px;padding:0 18px;font-size:14.5px}.tvseg button{padding:7px 11px}.ftc{flex-basis:78vw}.ftc.v{flex-basis:44vw}}
.tvcam{display:flex;align-items:center;gap:12px;width:100%}.tvcam b{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}.tvcam .tvseg button{padding:8px 15px}
.tvtech{padding-top:30px}.tvtech h3{font-size:21px;letter-spacing:-.02em;margin:0 0 14px;color:#fff}
.tvtg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.tvtg div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.tvtg span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}.tvtg b{font-size:15px;color:#fff;font-weight:600}.tvtg b.na{color:rgba(255,255,255,.35);font-weight:500}
.tvtip{font-size:13.5px;color:rgba(255,255,255,.6);margin:14px 0 0;max-width:70ch}
@media(max-width:900px){.tvtg{grid-template-columns:repeat(2,minmax(0,1fr))}.tvcam{flex-wrap:wrap}}
.vlock h4{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lockb{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:0;padding:5px 11px;border-radius:99px;background:var(--chip);color:var(--muted);text-decoration:none}.lockb:hover{color:var(--ink)}body.sub .lockb{display:none}
body:not(.sub) .vlock .th::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/26px no-repeat;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body:not(.sub) .vlock .vc{cursor:pointer}body:not(.sub) .vlock .th svg{opacity:0}
/* 03/10 (JK) : extraits du tutoriel pas encore disponibles → fermés pour tout le monde, forfaits compris (retirer la classe vsoon pour rouvrir) */
.vsoon .vc .th::after{content:"";position:absolute;inset:0;display:block!important;background:rgba(0,0,0,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/26px no-repeat!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.vsoon .vc .th svg,.vsoon .vc .play{opacity:0!important}.vsoon .vc{cursor:default!important}body.sub .vsoon .lockb{display:inline-flex!important}.soonb{cursor:default}.soonb:hover{color:var(--muted)}
.plans{padding-block:100px}.bill2{display:flex;justify-content:center;margin:6px 0 34px}
.plseg{background:var(--chip);backdrop-filter:none}.plseg button{color:var(--muted)}.plseg button:hover{color:var(--ink)}.plseg button[aria-checked="true"]{background:var(--ink);color:var(--inv)}
.plseg .save{font-style:normal;font-size:11px;font-weight:700;color:#E4572E;margin-left:4px}
.plgrid{display:grid;grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:16px}
.plc{border:1px solid var(--line);border-radius:26px;padding:28px;display:flex;flex-direction:column;background:var(--surface)}
.plc.pro{border-color:#F2A98E;box-shadow:0 0 0 1px #F2A98E,0 24px 60px -30px rgba(242,169,142,.45)}
.pln{font-size:14px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plt{font-size:11px;font-weight:700;color:#1b1b1b;background:#F2A98E;padding:3px 9px;border-radius:99px}
.plp{margin:14px 0 6px;display:flex;align-items:baseline;gap:6px}.plp b{font-size:46px;letter-spacing:-.04em;line-height:1}.plp .per{font-size:15px;color:var(--muted)}
.pld{font-size:13.5px;color:var(--muted);margin:0 0 20px;min-height:2.8em}
.pll{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:11px;flex:1}.pll li{font-size:14.5px;display:flex;gap:10px;align-items:flex-start}.pll li::before{content:"";flex:0 0 16px;height:16px;margin-top:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E4572E' stroke-width='3'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.plfoot{text-align:center;font-size:13px;color:var(--faint);margin-top:22px}
@media(max-width:760px){.plgrid{grid-template-columns:1fr}}
#p-tarifs{background:var(--bg);color:var(--ink)}#p-tarifs .trhead,#p-tarifs .trcmp,#p-tarifs .trfaq{padding:0}
.trw{max-width:1060px;padding-top:110px;padding-bottom:90px}
/* 05/10 (JK) : haut de page Tarifs façon Behance Pro */
.prohero{position:relative;overflow:hidden;isolation:isolate;min-height:min(560px,72vh);display:grid;place-items:center;text-align:center;padding:120px 20px 80px;background:#050506}
.prog{position:absolute;inset:-20%;z-index:-1;filter:blur(70px) saturate(1.25);opacity:.95}
.prog i{position:absolute;border-radius:50%;mix-blend-mode:screen;animation:proDrift 22s ease-in-out infinite alternate}
.prog i:nth-child(1){width:48%;height:70%;left:2%;top:28%;background:radial-gradient(closest-side,#2f5bff,rgba(47,91,255,0))}
.prog i:nth-child(2){width:38%;height:55%;left:12%;top:58%;background:radial-gradient(closest-side,#16b6c9,rgba(22,182,201,0));animation-duration:27s}
.prog i:nth-child(3){width:40%;height:60%;right:6%;top:40%;background:radial-gradient(closest-side,#ff5a1f,rgba(255,90,31,0));animation-duration:25s}
.prog i:nth-child(4){width:34%;height:50%;right:-2%;top:12%;background:radial-gradient(closest-side,#b84fd6,rgba(184,79,214,0));animation-duration:30s}
.prog i:nth-child(5){width:30%;height:42%;left:40%;top:70%;background:radial-gradient(closest-side,#e8a24a,rgba(232,162,74,0));opacity:.7;animation-duration:33s}
.prohero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 46% 52% at 50% 44%,rgba(5,5,6,.92),rgba(5,5,6,.55) 55%,rgba(5,5,6,0) 80%),linear-gradient(rgba(5,5,6,.9),rgba(5,5,6,0) 32%)}
@keyframes proDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(4%,-5%) scale(1.08)}100%{transform:translate(-3%,3%) scale(.96)}}
@media (prefers-reduced-motion:reduce){.prog i{animation:none}}
.proin{max-width:760px}
.prohero h1{margin:0;color:#fff;font-size:clamp(36px,5.4vw,66px);line-height:1.02;letter-spacing:-.04em;font-weight:700}
.prohero p{margin:18px auto 0;max-width:46ch;color:rgba(255,255,255,.86);font-size:clamp(16px,1.6vw,19px);line-height:1.45}
.probt{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.probtn{height:46px;padding:0 24px;border-radius:999px;font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .25s var(--spring),background .2s,border-color .2s}
.probtn:hover{transform:translateY(-1px)}.probtn:active{transform:scale(.98)}
.probtn.w{background:#fff;color:#0b0b0c}.probtn.o{background:rgba(0,0,0,.28);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(10px)}.probtn.o:hover{border-color:#fff}
.probtn.k{background:var(--ink);color:var(--inv)}.probtn.o2{background:transparent;color:var(--ink);border-color:var(--line2,rgba(255,255,255,.2))}.probtn.o2:hover{border-color:var(--ink)}
.prosm{display:block;margin-top:14px;font-size:13px;color:rgba(255,255,255,.62)}
.prowhy{max-width:1120px;margin:0 auto;padding:84px 22px 30px;text-align:center}
.prowhy h2{margin:0 0 40px;font-size:clamp(30px,4vw,50px);letter-spacing:-.035em;font-weight:700}
.prowg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}
.prowc{position:relative;padding:30px 26px 24px;border-radius:22px;background:var(--surface);border:1px solid var(--line);transition:border-color .25s,transform .35s var(--spring)}
.prowc:hover{transform:translateY(-3px)}
.prowc.c1{--pc:#5b8cff}.prowc.c2{--pc:#3fcf8e}.prowc.c3{--pc:#c77dff}.prowc:hover{border-color:color-mix(in srgb,var(--pc) 45%,transparent)}
.prowi{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;color:var(--pc);background:color-mix(in srgb,var(--pc) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 35%,transparent)}
.prowc h3{margin:20px 0 8px;font-size:19px;letter-spacing:-.02em}
.prowc>p{margin:0 auto;max-width:34ch;color:var(--muted);font-size:14.5px;line-height:1.5}
.prowc details{margin-top:16px}
.prowc summary{list-style:none;display:inline-flex;align-items:center;gap:4px;cursor:pointer;color:var(--pc);font-weight:600;font-size:15px}
.prowc summary::-webkit-details-marker{display:none}.prowc summary svg{transition:transform .25s}.prowc details[open] summary svg{transform:rotate(180deg)}
.prowc ul{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);text-align:left;display:grid;gap:9px}
.prowc li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--ink)}.prowc li i{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:var(--pc);background:color-mix(in srgb,var(--pc) 15%,transparent);margin-top:1px}
.prowc li svg{display:block}
.prowhy>.probt{margin-top:38px}
#p-tarifs .prowhy+.trw{padding-top:40px}
@media(max-width:900px){.prowg{grid-template-columns:1fr}.prohero{min-height:auto;padding:110px 18px 64px}.prowhy{padding-top:60px}}

#p-tarifs .trban{position:relative;overflow:hidden;border-radius:26px;padding:34px 36px;background:var(--surface);border:1px solid var(--line);isolation:isolate}
.trban::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/lut-hero.webp) 70% 45%/cover no-repeat;opacity:.55}
.trban::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--surface) 0%,var(--surface) 38%,rgba(0,0,0,0) 85%)}
:root[data-theme="light"] .trban::before{opacity:.35}
.trbk{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);background:var(--chip);border:1px solid var(--line);padding:6px 12px;border-radius:99px}.trbk svg{display:none}
.trban h2{font-size:clamp(28px,3.6vw,44px);line-height:1.04;letter-spacing:-.035em;margin:16px 0 10px;font-weight:700;max-width:14ch}.trban h2 em{font-style:normal;color:var(--muted)}
.trban p{font-size:15px;color:var(--muted);margin:0 0 20px;max-width:46ch}.trban p b{color:var(--ink)}.trban p s{opacity:.7}
.trhead{margin:70px 0 28px}.trhead h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;margin:0 0 10px}.trhead p{font-size:16px;color:var(--muted);margin:0;max-width:56ch}
.trgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.trc{position:relative;border-radius:22px;padding:24px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;transition:transform .45s var(--spring)}
.trc:hover{transform:translateY(-4px)}
.trc.u{border-color:transparent}
.trc.u::before{content:"";position:absolute;inset:-1px;border-radius:23px;padding:1.3px;background:conic-gradient(from var(--ang),rgba(255,255,255,.08) 0deg,rgba(255,255,255,.7) 60deg,rgba(255,255,255,.08) 130deg,rgba(255,255,255,.08) 360deg);animation:spin 6s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
:root[data-theme="light"] .trc.u::before{background:conic-gradient(from var(--ang),rgba(11,11,12,.08) 0deg,rgba(11,11,12,.55) 60deg,rgba(11,11,12,.08) 130deg,rgba(11,11,12,.08) 360deg)}
.trn{font-size:20px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.trtag{font-size:11px;font-weight:700;background:var(--chip);border:1px solid var(--line);color:var(--muted);padding:3px 9px;border-radius:99px}.trtag.b{background:var(--ink);color:var(--inv);border-color:var(--ink)}
.trs{font-size:13.5px;color:var(--muted);margin:6px 0 18px}
.trbox{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px;min-height:96px}
.trbox b{font-size:15px}.trbox span{font-size:13px;color:var(--muted)}.trbox i{font-style:normal;font-size:12.5px;color:var(--faint);margin-top:4px}
.trp{display:flex;align-items:baseline;gap:8px;margin:22px 0 14px;flex-wrap:wrap}.trp b{font-size:40px;letter-spacing:-.045em;line-height:1}.trp s{font-size:20px;font-weight:600;color:var(--faint)}.trp span{font-size:13.5px;color:var(--muted)}
.trc{border:1.5px solid rgba(210,45,65,.75);box-shadow:0 0 0 1px rgba(200,40,60,.12),0 22px 50px -30px rgba(200,40,60,.45)}
.trc.trfav{border-color:rgba(226,60,80,.95);box-shadow:0 0 0 1px rgba(226,60,80,.35),0 26px 60px -26px rgba(226,60,80,.6)}
.trc.u{border-color:transparent;box-shadow:0 22px 50px -30px rgba(200,40,60,.45)}
.trc.u::before{background:conic-gradient(from var(--ang),rgba(200,40,60,.35) 0deg,rgba(255,90,100,1) 60deg,rgba(200,40,60,.35) 130deg,rgba(200,40,60,.35) 360deg)!important}
.trc.s{background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,var(--surface) 42%)}
.trc.p{background:linear-gradient(180deg,rgba(200,40,60,.22) 0%,rgba(200,40,60,.05) 38%,var(--surface) 62%)}
.trc.u{background:linear-gradient(180deg,rgba(226,60,80,.38) 0%,rgba(140,20,40,.14) 40%,var(--surface) 66%)}
.trp{display:flex;align-items:center;gap:8px;margin:20px 0 12px;flex-wrap:nowrap}
.trp s{font-size:26px;font-weight:800;letter-spacing:-.03em;color:#E0384F;text-decoration-thickness:2.5px}
.trp b{font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1}
.trp span{font-size:11.5px;line-height:1.25;color:var(--faint)}.trp span i{font-style:normal}
.trbtn.tw{background:#fff;color:#0B0B0C;border-color:#fff;border-radius:12px}
.trbtn.tr{background:#C8283C;color:#fff;border-color:#C8283C;border-radius:12px}
.trbtn.tg{background:linear-gradient(90deg,#B81E34,#E0384F);color:#fff;border-color:transparent;border-radius:12px}
.trbtn.tw:hover,.trbtn.tr:hover,.trbtn.tg:hover{filter:brightness(1.08);opacity:1}
.trsave{font-size:12.5px;margin:9px 0 18px}.trsave b{color:var(--ink);font-weight:700}.trsave em{font-style:normal;color:var(--faint)}
.hqg{gap:12px}
/* 25/10 (JK, maquette 39) : sur ordinateur, prix, boutons et « Accès inclus » alignés d'une carte à l'autre
   (les lignes de chaque carte suivent la même grille, quelle que soit la longueur de la liste du haut) */
@supports (grid-template-rows:subgrid){@media(min-width:901px){.trgrid.hqg>.hq{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;align-content:start;container-type:normal}}}
.hq{position:relative;border-radius:18px;padding:16px;display:flex;flex-direction:column;border:1.5px solid rgba(210,45,65,.55);background:#141417}
.hq.s{background:linear-gradient(180deg,#232327 0%,#161619 55%)}
/* 05/10 (JK) : forfait Starter 9 $/mois, visible seulement quand son lien Whop existe (SUBCK.r) */
.hq.r{background:#161619;border-color:rgba(255,255,255,.18)}
.trt .tfree{color:var(--muted)}.trt th.tfree{color:var(--ink)}
html:not(.st-on) [data-starter],html:not(.st-on) .tst{display:none!important}
html.st-on .trgrid{grid-template-columns:repeat(4,minmax(0,1fr))}html.st-on .hqn{flex-wrap:wrap;row-gap:6px}html.st-on .hqtag{white-space:nowrap}html.st-on #p-tarifs .trw{max-width:1300px}
@media(max-width:1180px){html.st-on .trgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){html.st-on .trgrid{grid-template-columns:1fr}}
.hq.hqpop{background:linear-gradient(180deg,rgba(200,40,60,.28) 0%,rgba(90,20,30,.18) 40%,#161619 70%);border-color:rgba(226,60,80,.95);box-shadow:0 0 0 1px rgba(226,60,80,.3),0 26px 60px -26px rgba(226,60,80,.55)}/* 26/10 (JK) : « Le plus populaire » passe de Grade à Log (classe hqpop ; « pop » est déjà pris) */
.hq.p{background:linear-gradient(180deg,#232327 0%,#161619 55%)}
.hq.u{background:linear-gradient(180deg,rgba(226,60,80,.5) 0%,rgba(150,20,45,.28) 38%,#161619 72%);border-color:rgba(255,80,100,.8)}
.hqn{display:flex;align-items:center;gap:6px;font-size:23px;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;color:#fff}
.hqtag{font-size:11px;font-weight:800;font-style:italic;text-transform:uppercase;background:#C8283C;color:#fff;padding:2px 6px;border-radius:4px;letter-spacing:.01em}.hqtag.b{background:#fff;color:#0B0B0C}
.hqs{font-size:12.5px;color:rgba(255,255,255,.55);margin:3px 0 12px}
.hqbox{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 12px 10px}
.hqt{display:flex;align-items:center;gap:8px;color:#fff}.hqt b{font-size:14.5px}
.hqbox p{margin:3px 0 0 23px;font-size:12px;color:rgba(255,255,255,.6)}
.hqfix{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:8px;font-size:12px;color:rgba(255,255,255,.6)}
.hqp{display:flex;align-items:baseline;gap:6px;margin:16px 0 10px;white-space:nowrap}
/* 03/10 (JK) : prix longs (F CFA, AED…) : l'ancien prix passe au-dessus si besoin, la mention va dessous, la taille s'adapte à la carte */
.hq{container-type:inline-size}.hqp{flex-wrap:wrap;row-gap:2px}.hqp s,.hqp b{white-space:nowrap}.hqp span{flex-basis:100%;margin-top:2px}
.hqp b{font-size:clamp(20px,12.5cqi,28px)}.hqp s{font-size:clamp(16px,10cqi,25px)}
.hqp s{font-size:25px;font-weight:900;letter-spacing:-.04em;color:#E0384F;text-decoration-thickness:3px}
.hqp b{font-size:28px;font-weight:900;letter-spacing:-.04em;color:#fff}
.hqp span{font-size:12px;color:rgba(255,255,255,.55);white-space:normal}
.hqtray{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}
.hqtray p{margin:0;padding:9px 8px;text-align:center;font-size:12.5px;color:rgba(255,255,255,.55)}.hqtray p b{color:#fff}
.hqbtn{display:block;width:100%;height:46px;border:0;border-radius:10px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:filter .2s,transform .2s;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.hqbtn:hover{filter:brightness(1.08)}.hqbtn:active{transform:scale(.98)}
.hqbtn.w{background:#fff;color:#0B0B0C}.hqbtn.r{background:#C8283C;color:#fff}.hqbtn.g{background:linear-gradient(90deg,#B81E34,#F0435C);color:#fff}
.hqpan{margin-top:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:6px 10px 4px}
.hqph{display:flex;align-items:center;gap:8px;padding:8px 2px 6px;color:#fff}.hqph b{font-size:12.5px;font-weight:900;letter-spacing:.01em}.hqinfo{margin-left:auto;color:rgba(255,255,255,.4);display:flex}
.hqr{display:flex;align-items:center;gap:8px;padding:9px 6px;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:rgba(255,255,255,.4)}
.hqr i{display:flex;color:rgba(255,255,255,.35)}.hqr.on{color:#fff}.hqr.on i{color:#fff}
.hqr.hi{background:rgba(200,40,60,.12);border-radius:8px;border-top-color:transparent;color:#ff8a94}.hqr.hi i{color:#ff8a94}
.hqb{margin-left:auto;display:flex;gap:4px}
.hqb em{font-style:normal;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap}
.hqb em.in{background:#C8283C;color:#fff}.hqb em.no{background:rgba(255,255,255,.08);color:rgba(255,255,255,.4)}.hqb em.k{background:rgba(255,255,255,.14);color:#fff}
.hqmore{display:flex;align-items:center;justify-content:space-between;padding:9px 6px;border-top:1px solid rgba(255,255,255,.06);font-size:12.5px;color:#ff8a94;text-decoration:none}.hqmore em{font-style:normal;color:rgba(255,255,255,.4)}
.hqf{list-style:none;padding:0;margin:14px 2px 0;display:flex;flex-direction:column;gap:6px}
.hqf li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#fff}.hqf li i{display:flex;color:#fff}.hqf li span{text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px}
.hqf li.off{color:rgba(255,255,255,.35)}.hqf li.off i{color:rgba(255,255,255,.35)}.hqf li.off span{text-decoration:none}
.hqnew{margin-left:auto;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;background:#C8283C;color:#fff}.hqnew.g{background:#fff;color:#0B0B0C}
:root[data-theme="light"] .hq{background:#141417}
.hq{transition:transform .5s var(--spring),box-shadow .5s ease,border-color .4s}
.hq::after{content:"";position:absolute;inset:-1.5px;border-radius:19px;padding:2px;background:conic-gradient(from var(--ang),rgba(200,40,60,0) 0deg,#FF4D63 70deg,#fff 95deg,#FF4D63 120deg,rgba(200,40,60,0) 190deg,rgba(200,40,60,0) 360deg);animation:spin 3.2s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .45s ease;pointer-events:none}
.hq:hover{transform:translateY(-8px) scale(1.012);border-color:transparent;box-shadow:0 34px 70px -30px rgba(226,60,80,.75),0 0 40px -12px rgba(226,60,80,.35)}
.hq:hover::after,.hq.u::after{opacity:1}.hq.u:not(:hover)::after{opacity:.55}
.hq .hqbox,.hq .hqpan,.hq .hqtray{transition:transform .5s var(--spring),background .4s}
.hq:hover .hqbox{transform:translateY(-2px);background:rgba(255,255,255,.08)}
.hq:hover .hqbtn{filter:brightness(1.1)}
.hq .hqp b{transition:transform .5s var(--spring);display:inline-block;transform-origin:left bottom}.hq:hover .hqp b{transform:scale(1.06)}.hq .hqp b{margin-right:4px}
.hq .hqr{transition:background .3s,transform .35s var(--spring)}@media(hover:hover){.hq .hqr:hover{background:rgba(255,255,255,.05);transform:translateX(3px)}}
.hq .hqf li{transition:transform .35s var(--spring)}.hq .hqf li:hover{transform:translateX(3px)}
.hq .hqbtn{position:relative;overflow:hidden}.hq .hqbtn::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .7s ease}.hq:hover .hqbtn::after{left:120%}
@media (prefers-reduced-motion:reduce){.hq::after{animation:none}.hq:hover{transform:none}}
.nav a{position:relative}.nav a .npromo{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);font-size:9.5px;font-weight:800;font-style:italic;letter-spacing:.02em;line-height:1;white-space:nowrap;background:#C8283C;color:#fff;padding:3px 6px;border-radius:5px;box-shadow:0 4px 12px -4px rgba(200,40,60,.8);pointer-events:none;animation:promoPulse 2.4s ease-in-out infinite}
[data-nav]:not(.nav) a .npromo{position:static;transform:none;margin-left:8px;display:inline-block;vertical-align:middle}
.npromo.mp{position:static!important;transform:none!important;align-self:center;line-height:1;margin-left:8px;margin-right:auto;font-size:10px;font-weight:800;font-style:italic;background:#C8283C;color:#fff;padding:3px 6px;border-radius:5px}
@keyframes promoPulse{0%,100%{box-shadow:0 4px 12px -4px rgba(200,40,60,.8)}50%{box-shadow:0 4px 18px -2px rgba(226,60,80,1)}}
#ftDl .lk{display:none}body:not(.sub) #ftDl .lk{display:block}.frb{position:relative;z-index:3;margin:0 auto;padding:18px 24px 0;max-width:1400px}
.frbi{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:18px;background:linear-gradient(100deg,rgba(232,162,74,.16),rgba(224,51,42,.08) 55%,rgba(59,111,224,.10));box-shadow:inset 0 0 0 1px rgba(232,162,74,.35)}
.frbk{flex:none;font-size:11px;font-weight:800;letter-spacing:.08em;color:#1a1006;background:#E8A24A;padding:5px 9px;border-radius:7px}
.frbt{flex:1;min-width:0}.frbt b{display:block;font-size:16px;letter-spacing:-.01em}.frbt span{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
.frbb{flex:none;height:42px;padding:0 18px;border:0;border-radius:999px;background:#fff;color:#0b0b0c;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.frb[hidden]{display:none}
@media(max-width:700px){.frbi{flex-wrap:wrap}.frbb{width:100%}}
body.free5 #ftDl .lk{display:none!important}body.free5 #ftDl .dl{display:block!important}body.free5 #ftDl{background:#fff!important;color:#0B0B0C!important}body.free5 #ftDl:hover{background:#e9e9ec!important}#ftDl svg.dl{margin:0!important;position:static;z-index:auto}body.free5 #ftDl em{opacity:1!important}
body:not(.sub) #ftDl .dl{display:none}
body:not(.sub) #ftDl{background:rgba(255,255,255,.12)}body:not(.sub) #ftDl em{opacity:.5}
.denied{animation:lockShake .55s cubic-bezier(.36,.07,.19,.97) both!important;box-shadow:0 0 0 2px #E0384F,0 0 28px -4px rgba(224,56,79,.8)!important}
.denied .lk .sh,.denied .sh{animation:shackle .55s ease both;transform-origin:16px 11px}
@keyframes lockShake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
@keyframes shackle{0%,100%{transform:none}30%{transform:translateY(-3px) rotate(-12deg)}60%{transform:translateY(-1px) rotate(8deg)}}
.vlock .th.denied{border-radius:12px}
.vlock .th.denied::after{background-color:rgba(160,20,40,.55)!important;background-size:34px!important;transition:background-size .2s}
.lockpop{position:fixed;z-index:9999;transform:translate(-50%,-100%) scale(.8);display:flex;align-items:center;gap:7px;background:#C8283C;color:#fff;font-size:13px;font-weight:700;padding:8px 13px;border-radius:999px;box-shadow:0 12px 30px -8px rgba(200,40,60,.8);pointer-events:none;animation:lpIn .35s cubic-bezier(.34,1.56,.64,1) forwards;white-space:nowrap}
.lockpop::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#C8283C;transform:translateX(-50%) rotate(45deg);border-radius:2px}
.lockpop svg{animation:shackle .6s ease .1s both}
.lockpop.out{animation:lpOut .35s ease forwards}
@keyframes lpIn{to{transform:translate(-50%,-100%) scale(1)}}@keyframes lpOut{to{transform:translate(-50%,-120%) scale(.9);opacity:0}}
@media (prefers-reduced-motion:reduce){.denied{animation:lockFlash .6s ease both!important}}@keyframes lockFlash{0%,100%{opacity:1}30%{opacity:.75}}
#cards .gcard{cursor:pointer}#cards .gcard.denied{background-image:linear-gradient(rgba(160,20,40,.28),rgba(160,20,40,.28))!important}
#cards .gcard.denied .lock{background:#C8283C!important;color:#fff!important;animation:lockPop .5s cubic-bezier(.34,1.56,.64,1) both}#cards .gcard.denied .lock svg path{animation:shackle .55s ease both;transform-origin:16px 11px}#cards .gcard.denied::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(160,20,40,.3);pointer-events:none}#cards .gcard{position:relative}@keyframes lockPop{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}
#cards .gframe.fdeny{animation:lockShake .6s cubic-bezier(.36,.07,.19,.97) 2 both!important;z-index:5}
#cards .gframe.fdeny::before{opacity:1!important;background:conic-gradient(from var(--ang),#E0384F,#ff8a94,#fff,#E0384F)!important;animation:spin 1.2s linear infinite!important}
#cards .gframe.fdeny .gcard{box-shadow:0 0 0 2px #E0384F,0 0 50px -6px rgba(224,56,79,.9)!important}
.biglock{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(40,6,12,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:inherit;animation:blIn .3s ease both;pointer-events:none}.biglock .blgo{pointer-events:auto;margin-top:4px;border:0;border-radius:999px;background:#fff;color:#0B0B0C;font:inherit;font-size:13px;font-weight:700;padding:9px 16px;cursor:pointer;animation:blIn .4s ease .25s both}.biglock .blgo:hover{background:#f2f2f2}
.biglock span{width:68px;height:68px;border-radius:50%;background:#C8283C;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(200,40,60,.25),0 14px 34px -8px rgba(200,40,60,.9);animation:blPop .5s cubic-bezier(.34,1.56,.64,1) both}
.biglock .sh{animation:shackle .6s ease .35s 2 both;transform-origin:16px 11px}
.biglock b{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.biglock.out{animation:blOut .4s ease forwards}
@keyframes blIn{from{opacity:0}to{opacity:1}}@keyframes blOut{to{opacity:0}}@keyframes blPop{0%{transform:scale(.3)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
.gtop{display:contents}.gdlb{position:absolute;top:29px;left:70px;z-index:2;display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.02em;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:4px 9px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap}.gdlb i{font-style:normal;opacity:.7;font-weight:600}
.gframe:hover .gicon svg{animation:dlBob .8s ease-in-out infinite}@keyframes dlBob{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
.buyhl{animation:buyHl 1.8s cubic-bezier(.4,0,.2,1) 1}@keyframes buyHl{0%{box-shadow:0 0 0 0 rgba(224,56,79,0)}35%{box-shadow:0 0 0 3px rgba(224,56,79,.8),0 0 36px 2px rgba(224,56,79,.35)}100%{box-shadow:0 0 0 0 rgba(224,56,79,0)}}
#cards .gframe.gpress{transform:scale(.965)!important;transition:transform .22s cubic-bezier(.32,.72,0,1)!important}

#cards a.gframe{display:block;color:inherit;text-decoration:none;cursor:default}#cards .gcard,#cards .gcard *{cursor:pointer}
.appwrap{--gut:clamp(16px,3vw,56px);width:calc(100vw - 2*var(--gut))!important;max-width:none!important;margin-left:calc(50% - 50vw + var(--gut))!important;margin-right:0!important;padding:0!important;border-radius:18px!important}
.appwrap .rwin{border-radius:18px!important}
.appwrap .segrow{padding-inline:clamp(16px,3vw,40px)}
@media(min-width:1481px){.appwrap .rbody{grid-template-columns:220px 530px 1fr!important}}
@media(min-width:1181px) and (max-width:1480px){.appwrap .rbody{grid-template-columns:510px 1fr!important}}
@media(min-width:901px) and (max-width:1180px){.appwrap .rbody{grid-template-columns:400px 1fr!important}}
@media(min-width:901px){.appwrap .scopes{height:220px!important}}
.authc.asplit{width:min(900px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:0;padding:8px}
.asplit .aform{position:relative;padding:22px 20px 16px 26px}
.asplit .authx{z-index:3}
.ashow{position:relative;border-radius:16px;overflow:hidden;min-height:540px;background:#000;isolation:isolate}
.asl{position:absolute;inset:0}
.asl .ai{position:absolute;inset:0;opacity:0;transform:scale(1.08);transition:opacity 1s ease,transform 6s ease}
.asl .ai.on{opacity:1;transform:scale(1)}
.asl .ai>.scene,.asl .ai>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ashow::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55) 72%,rgba(0,0,0,.92) 100%);pointer-events:none}
.acap{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;color:#fff}
.atag{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.04em;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 9px;border-radius:999px}
.acap b{display:block;margin-top:10px;font-size:clamp(22px,2.6vw,30px);font-weight:900;letter-spacing:-.03em;line-height:1.02;text-transform:uppercase;animation:acIn .6s cubic-bezier(.32,.72,0,1) both}
.acap p{margin:6px 0 14px;font-size:12.5px;color:rgba(255,255,255,.65);animation:acIn .6s cubic-bezier(.32,.72,0,1) .06s both}
@keyframes acIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.abars{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.abars button{border:0;background:none;padding:0;cursor:pointer;text-align:left;color:rgba(255,255,255,.45);font:inherit;font-size:9.5px;font-weight:600}
.abars button i{display:block;height:2px;border-radius:2px;background:rgba(255,255,255,.22);overflow:hidden;margin-bottom:6px}
.abars button i::after{content:"";display:block;height:100%;width:0;background:#fff}
.abars button.done i::after{width:100%}.abars button.on{color:#fff}
.abars button.on i::after{animation:abFill var(--dur,4.5s) linear forwards}
@keyframes abFill{to{width:100%}}
@media(max-width:820px){.authc.asplit{grid-template-columns:minmax(0,1fr);width:min(440px,100%)}.asplit>*,.asplit .aform{min-width:0}.ashow{min-height:190px}.acap p{display:none}.acap b{margin-bottom:9px}.abars button span{display:none}}
.asplit .aform{display:flex;flex-direction:column;justify-content:center}
.asplit .aform>.mk{margin-inline:auto}.asplit #authT,.asplit #authS{text-align:center}
.astart[hidden],#authMain[hidden],.sbtn[hidden]{display:none!important}.astart{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.sbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;border-radius:14px;border:1px solid #2A2A30;background:#18181C;color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.sbtn:hover{background:#202025;border-color:#3A3A42}.sbtn:active{transform:scale(.98)}
.sbtn.soon{opacity:.55;cursor:default}.sbtn.soon:hover{background:#18181C;border-color:#2A2A30}.sbtn.soon:active{transform:none}.sbtn.soon{white-space:nowrap}.sbtn.soon::after{content:"Bientôt disponible";flex:none;margin-left:8px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:6px;background:#26262C;color:#C9C9D0}html[lang=en] .sbtn.soon::after{content:"Coming soon"}

.astart .aor{margin:4px 0}
.sterms{font-size:12px;color:#8B8B94;text-align:center;line-height:1.5;margin:8px 0 0}.sterms a{color:#cfcfd4;text-decoration:underline;text-underline-offset:2px}
#authMain.emailonly .gzone,#authMain.emailonly .pkzone,#authMain.emailonly .aor{display:none!important}
#mBack{margin-bottom:6px}
.ashow{min-height:640px!important}
/* 04/10 (JK) : sur téléphone, la photo reste courte pour que les boutons de connexion soient visibles sans faire défiler */
@media(max-width:820px){.ashow{min-height:0!important;height:clamp(150px,24vh,210px)}.asplit .aform{padding:22px 20px 22px!important}.astart{margin-top:20px!important;gap:10px!important}.sbtn{height:52px!important}}
.asplit .aform{padding:34px 26px 28px 32px!important}
.astart{gap:14px!important;margin-top:34px!important}
.sbtn{height:56px!important;font-size:15.5px!important}
.astart .aor{margin:8px 0!important}
.sterms{margin-top:18px!important}
.asplit #authS{margin-top:8px}
#p-about>header.ph{display:none}#p-about>section:first-of-type{padding-top:120px!important}
.tvmeta b.cc{font-weight:inherit;color:inherit}
.ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(140px,22vw,260px);background:linear-gradient(180deg,rgba(0,0,0,0) 0%,color-mix(in srgb,var(--bg) 18%,transparent) 30%,color-mix(in srgb,var(--bg) 55%,transparent) 60%,color-mix(in srgb,var(--bg) 88%,transparent) 85%,var(--bg) 100%);pointer-events:none;z-index:2}
.cmh{min-height:560px}.cmh .wrap{z-index:3}
.cmbg{position:absolute;inset:0;z-index:1;overflow:hidden}.cmbg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;opacity:0;transition:opacity 1.8s ease}.cmbg img.on{opacity:.7}
.cmbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.65) 35%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.35) 100%),linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 30%)}
.cmh .intro{max-width:620px}
.cms{padding:56px 0}.cms:first-of-type{padding-top:40px}
.cmhd{margin-bottom:30px}.cmhd h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;line-height:1.05;margin:12px 0 0}
.cmsub{color:var(--muted);font-size:17px;margin:12px 0 0;max-width:52ch}
.cmgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cmc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;transition:transform .35s var(--spring),border-color .3s}
.cmc:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ink) 30%,var(--line))}
.cmi{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--chip);color:var(--ink);margin-bottom:18px}.cmi svg{width:22px;height:22px}
.cmc h3{font-size:18px;letter-spacing:-.015em;margin:0 0 8px}.cmc p{color:var(--muted);font-size:15px;margin:0;line-height:1.5}
.cmdef{display:grid;grid-template-columns:1.25fr 1fr;border-radius:var(--r);overflow:hidden;background:#000;color:#fff;border:1px solid var(--line);text-decoration:none}
.cmdi{position:relative;min-height:320px;overflow:hidden}.cmdi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--spring);-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent 99%);mask-image:linear-gradient(90deg,#000 50%,transparent 99%)}
.cmdef:hover .cmdi img{transform:scale(1.04)}
/* 03/10 : le fondu est un masque sur l'image (plus de liseré clair au bord) */
.cmdt{padding:44px 40px;display:flex;flex-direction:column;justify-content:center}.cmdt .eyebrow{color:rgba(255,255,255,.6);margin:0;align-self:flex-start}
.cmdt h3{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;margin:12px 0 10px;line-height:1.05}.cmdt p{color:rgba(255,255,255,.72);margin:0 0 22px;font-size:16px}
.cmgo{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#fff}
.cmpl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cmp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start}
.cmlogo{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--c);color:#fff;margin-bottom:18px}.cmlogo svg{width:28px;height:28px}
.cmp h3{font-size:20px;margin:0 0 6px;letter-spacing:-.015em}.cmp p{color:var(--muted);font-size:15px;margin:0 0 22px;flex:1}
.cmp .btn{flex:none}
@media(max-width:1000px){.cmgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.cmdef{grid-template-columns:1fr}.cmdi{min-height:220px}.cmdi img{-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 99%);mask-image:linear-gradient(180deg,#000 45%,transparent 99%)}.cmdt{padding:28px 24px 32px}.cmpl{grid-template-columns:1fr}}
@media(max-width:560px){.cmgrid{grid-template-columns:1fr}.cmh{min-height:0}}
:root{--lfr:#5B7CFA;--len:#F2A24A;--les:#A77BFA}
.cmmap{position:relative;border-radius:calc(var(--r) + 2px);padding:1px;background:var(--line);overflow:hidden;isolation:isolate}
.cmmap::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from var(--ang,0deg),transparent 0deg,rgba(224,51,42,.0) 40deg,rgba(224,51,42,.85) 90deg,rgba(167,123,250,.7) 130deg,transparent 180deg,transparent 360deg);animation:cmspin 9s linear infinite;z-index:-1}
@keyframes cmspin{to{transform:rotate(360deg)}}
.cmmapin{display:grid;grid-template-columns:1fr 150px;gap:0;background:var(--surface);border-radius:var(--r)}
.cmw{position:relative;padding:28px 26px 54px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--ink) 5%,transparent),transparent 70%)}
#cmSvg{display:block;width:100%;height:auto}
#cmSvg circle{fill:color-mix(in srgb,var(--ink) 13%,transparent);transition:opacity .45s var(--ease),r .3s var(--spring)}
#cmSvg circle.l1{fill:var(--lfr)}#cmSvg circle.l2{fill:var(--len)}#cmSvg circle.l3{fill:var(--les)}
#cmSvg.f1 circle:not(.l1),#cmSvg.f2 circle:not(.l2),#cmSvg.f3 circle:not(.l3){opacity:.18}
#cmSvg.f1 circle.l1,#cmSvg.f2 circle.l2,#cmSvg.f3 circle.l3{r:4.6}
@keyframes cmpulse{0%,100%{opacity:1}50%{opacity:.55}}
.cmleg{position:absolute;left:26px;bottom:18px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12px;color:var(--muted)}
.cmleg b{color:var(--ink);font-weight:700;width:100%;font-size:12px}
.cmleg span{display:inline-flex;align-items:center;gap:6px}.cmleg i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.cmst{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:26px 22px;border-left:1px solid var(--line)}
.cmst span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.cmst b{font-size:40px;letter-spacing:-.04em;line-height:1;background:linear-gradient(180deg,var(--ink),color-mix(in srgb,var(--ink) 45%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}
.cmbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:34px 0 18px}
.cmtabs{display:inline-flex;padding:4px;border-radius:999px;background:var(--chip);border:1px solid var(--line)}
.cmtabs button{border:0;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;padding:8px 18px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.cmtabs button.on{background:var(--ink);color:var(--inv)}
.cmfil{display:flex;gap:10px;flex-wrap:wrap}
.cmsel{position:relative}.cmsel::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.cmsel select{appearance:none;-webkit-appearance:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 38px 9px 16px;cursor:pointer}
.cmsel select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.cmgr{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:900px){.cmgr{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cmgr{grid-template-columns:1fr}}
.cmg{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:4px;transition:transform .35s var(--spring),border-color .3s;animation:cmin .5s var(--spring) both}
@keyframes cmin{from{opacity:0;transform:translateY(10px)}}
.cmg:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 60%,var(--line))}
.cmg .cmlogo{width:38px;height:38px;border-radius:11px;margin-bottom:12px}.cmg .cmlogo svg{width:21px;height:21px}
.cmg b{font-size:16px;letter-spacing:-.01em}
.cmg .cmm{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-bottom:14px}
.cmg .cmm i{width:7px;height:7px;border-radius:50%;background:var(--lc)}
.cmg .cmm svg{width:13px;height:13px}
.cmg button{margin-top:auto;border:1px solid var(--line);background:var(--chip);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;border-radius:999px;padding:10px;cursor:pointer;transition:background .25s}
.cmg button:hover{background:color-mix(in srgb,var(--ink) 10%,var(--chip))}
.cmev{border:1px dashed var(--line);border-radius:20px;padding:44px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.cmev[hidden],.cmgr[hidden]{display:none}
.cmevi{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--chip);color:var(--ink);margin-bottom:6px}
.cmev p{color:var(--muted);margin:0;max-width:42ch}
@media(max-width:800px){.cmmapin{grid-template-columns:1fr}.cmst{flex-direction:row;justify-content:space-around;border-left:0;border-top:1px solid var(--line);padding:18px 16px}.cmst b{font-size:30px}.cmw{padding:18px 14px 64px}.cmleg{left:16px}}
@media(prefers-reduced-motion:reduce){.cmmap::before{animation:none}}
/* Communauté — animations */
.cmh .intro>*{animation:cmup .9s var(--spring) both}
.cmh .intro>*:nth-child(1){animation-delay:.1s}.cmh .intro>*:nth-child(2){animation-delay:.2s}.cmh .intro>*:nth-child(3){animation-delay:.32s}.cmh .intro>*:nth-child(4){animation-delay:.44s}
@keyframes cmup{from{opacity:0;transform:translateY(26px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
.cmbg img{animation:cmkb 14s ease-in-out infinite alternate}
@keyframes cmkb{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.1) translate(var(--kx,-1.5%),var(--ky,-1%))}}
.cmc{position:relative;overflow:hidden;isolation:isolate}
.cmc::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--ink) 9%,transparent),transparent 70%);opacity:0;transition:opacity .35s}
.cmc:hover::before{opacity:1}
.cmi{transition:transform .5s var(--spring),background .3s}
.cmc:hover .cmi{transform:rotate(-8deg) scale(1.1);background:var(--ink);color:var(--inv)}
.cmdi img{animation:cmkb 18s ease-in-out infinite alternate}
.cmgo svg{transition:transform .35s var(--spring)}.cmdef:hover .cmgo svg{transform:translateX(5px)}
#cmSvg circle{transform-box:fill-box;transform-origin:center;transform:scale(0)}
#cmSvg.go circle{animation:cmdot .8s var(--spring) var(--d,0s) both}
#cmSvg.go circle.lp{animation:cmdot .8s var(--spring) var(--d,0s) both,cmbeat 3.2s ease-in-out calc(var(--d,0s) + 1s) infinite}
@keyframes cmdot{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes cmbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.45)}}
#cmSvg .png{fill:none;stroke-width:2;transform:none;animation:cmping 1.8s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes cmping{from{r:3;opacity:.95}to{r:17;opacity:0}}
#cmSvg .arc{fill:none;stroke-width:2;filter:drop-shadow(0 0 5px currentColor);stroke-linecap:round;opacity:.9;animation:cmarc 2.6s cubic-bezier(.45,0,.2,1) forwards}
@keyframes cmarc{0%{stroke-dashoffset:var(--len)}55%{stroke-dashoffset:0;opacity:.9}100%{stroke-dashoffset:0;opacity:0}}
#cmSvg .hd{transform:none;animation:cmhd 2.6s cubic-bezier(.45,0,.2,1) forwards}
@keyframes cmhd{0%,50%{opacity:0}60%{opacity:1}100%{opacity:0}}
.cmtabs{position:relative}.cmtabs button{position:relative;z-index:1}
.cmtabs button.on{background:transparent}
.cmind{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:var(--ink);transition:transform .5s var(--spring),width .5s var(--spring)}
.cmg{position:relative;overflow:hidden;isolation:isolate}
.cmg::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--c) 22%,transparent),transparent 60%);opacity:0;transition:opacity .4s}
.cmg:hover::after{opacity:1}
.cmg:hover{box-shadow:0 18px 40px -18px color-mix(in srgb,var(--c) 60%,transparent)}
.cmg .cmlogo{transition:transform .55s var(--spring)}.cmg:hover .cmlogo{transform:translateY(-3px) rotate(-6deg) scale(1.08)}
.cmev .cmevi{animation:cmfloat 3.6s ease-in-out infinite}
@keyframes cmfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.cmh .intro>*,.cmbg img,.cmdi img,#cmSvg.go circle,#cmSvg.go circle.lp,.cmev .cmevi{animation:none!important}#cmSvg circle{transform:none}.cmind{transition:none}}
.nav a .npromo.nnew,.npromo.mp.nnew{background:#fff;color:#0B0B0C;font-style:normal;box-shadow:0 4px 14px -4px rgba(255,255,255,.55);animation:none}
:root[data-theme="light"] .nav a .npromo.nnew,:root[data-theme="light"] .npromo.mp.nnew{background:#0B0B0C;color:#fff}
.cmeb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}.cmeb .eyebrow{margin:0}
.wtb{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border:0;border-radius:999px;background:#fff;color:#0b0b0c;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}
.wtb:hover{transform:translateY(-1px)}.wtb.ok{background:rgba(52,211,153,.16);color:#34D399;box-shadow:inset 0 0 0 1px rgba(52,211,153,.5);cursor:default}
.cmeb .wtb{height:32px;padding:0 13px;font-size:12.5px}.vrow h4 .wtb{height:30px;padding:0 12px;font-size:12px;margin-left:10px;vertical-align:middle}
.cmnew{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#fff;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px)}
.cmnew i{width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 0 0 rgba(52,211,153,.7);animation:cmlive 1.8s ease-out infinite}
@keyframes cmlive{0%{box-shadow:0 0 0 0 rgba(52,211,153,.7)}100%{box-shadow:0 0 0 9px rgba(52,211,153,0)}}
.cmg{cursor:pointer}.cmg:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.cmsoon{position:absolute;top:18px;right:18px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--chip);border:1px solid var(--line);padding:4px 9px;border-radius:999px}
.cmg button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--muted)}
.cmg.knock{animation:cmknock .55s cubic-bezier(.36,.07,.19,.97)}
@keyframes cmknock{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}
.cmg.knock button{background:var(--ink);color:var(--inv);border-color:var(--ink)}
.cmg.knock .cmsoon{background:var(--ink);color:var(--inv)}
.cmbub{position:absolute;left:14px;right:14px;bottom:62px;font-size:13px;font-weight:600;text-align:center;color:var(--inv);background:var(--ink);padding:9px 12px;border-radius:12px;opacity:0;transform:translateY(8px) scale(.96);pointer-events:none;transition:opacity .3s,transform .45s var(--spring)}
.cmbub::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:var(--ink);transform:translateX(-50%) rotate(45deg)}
.cmg.knock .cmbub{opacity:1;transform:none}
#cmSvg{cursor:pointer}
/* Communauté : messagerie façon Whop (05/10) */
#p-comm.cxin>.cmh,#p-comm.cxin>.cms,#p-comm.cxin>.bxslot{display:none!important}
#p-comm.cxin{padding:0!important}
#p-comm .cx{padding:0!important;margin:0}
body:has(#p-comm.on.cxin) .sup-b,body:has(#p-comm.on.cxin) footer{display:none!important}
html:has(#p-comm.on.cxin),body:has(#p-comm.on.cxin){overflow:hidden}
.cxgate{padding:56px 0}.cxgate[hidden],.cx[hidden]{display:none!important}
.cxgate .wrap{max-width:860px}
.cxgi{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.cxgl{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--chip);color:var(--ink);margin-bottom:6px}
.cxgi b{font-size:20px;letter-spacing:-.02em}.cxgi p{color:var(--muted);margin:0;max-width:46ch}
.cxga{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.cx{--cxb:var(--surface);--cxs:color-mix(in srgb,var(--ink) 3%,var(--bg));--cxbub:color-mix(in srgb,var(--ink) 7%,var(--surface));--cxh:color-mix(in srgb,var(--ink) 4%,transparent);--cxa:#E0332A}
.cxw{position:relative;display:grid;grid-template-columns:248px 1fr;height:calc(100dvh - 64px);min-height:480px;background:var(--cxb);border-top:1px solid var(--line);overflow:hidden}
.cxw.cxpan{grid-template-columns:248px 1fr 340px}
.cxs{display:flex;flex-direction:column;min-height:0;background:var(--cxs);border-right:1px solid var(--line)}
.cxsh{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--line)}
.cxlogo{flex:none;width:34px;height:34px;border-radius:10px;background:#0B0B0C;display:grid;place-items:center;overflow:hidden}
.cxlogo img{width:24px;height:24px}
.cxsh b{display:block;font-size:14.5px;letter-spacing:-.01em}
.cxsh small{display:flex;align-items:center;gap:5px;font-size:12px;color:#2EAE5B;font-weight:600}
.cxsh small i{width:7px;height:7px;border-radius:50%;background:#2EAE5B}
.cxn{display:flex;flex-direction:column;gap:2px;padding:10px 8px}
.cxn button,.cxdm{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:var(--muted);font:inherit;font-size:14.5px;font-weight:600;padding:8px 10px;border-radius:10px;cursor:pointer;text-align:left}
.cxn button svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cxn button:hover,.cxdm:hover{background:var(--cxh);color:var(--ink)}
.cxn button.on,.cxdm.on{background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--ink)}
.cxn button.un{color:var(--ink)}
.cxn em,.cxdm em{margin-left:auto;font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--cxa);color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center}
.cxn em:empty,.cxdm em:empty{display:none}
.cxsep{height:1px;background:var(--line);margin:6px 8px}
.cxdmh{padding:8px 18px 4px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.cxdms{flex:1;overflow:auto;padding:0 8px 12px;display:flex;flex-direction:column;gap:2px}
.cxdm{font-size:14px;padding:6px 10px}
.cxdm span:not(.cxav){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxdm small{display:block;color:var(--faint);font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxdme{padding:6px 18px;font-size:12.5px;color:var(--faint)}
.cxm{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}
.cxh{display:flex;align-items:center;gap:10px;height:54px;flex:none;padding:0 14px 0 18px;border-bottom:1px solid var(--line)}
.cxh b{font-size:15.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxhi{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--cxa);color:#fff}
.cxhi svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cxhi .cxav{width:26px;height:26px}
.cxha{margin-left:auto;display:flex;gap:2px}
.cxib{display:grid;place-items:center;width:36px;height:36px;border:0;background:none;color:var(--muted);border-radius:10px;cursor:pointer;position:relative}
.cxib:hover,.cxib.on{background:var(--cxh);color:var(--ink)}
.cxib svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cxib[disabled]{opacity:.35;cursor:default}
.cxmenu{display:none}
.cxpin{display:flex;align-items:center;gap:10px;flex:none;width:100%;border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,#5B7CFA 7%,var(--cxb));padding:7px 16px 8px 18px;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.cxpin[hidden]{display:none}
.cxpin>span{min-width:0;flex:1}
.cxpin small{display:block;color:#5B7CFA;font-size:12px;font-weight:700}
.cxpin span span{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxpin svg{flex:none;width:16px;height:16px;fill:none;stroke:#5B7CFA;stroke-width:2}
.cxl{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 0 18px;overscroll-behavior:contain}
.cxold{display:block;margin:4px auto 10px;border:1px solid var(--line);background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;cursor:pointer}
.cxday{display:flex;justify-content:center;margin:18px 0 10px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.cxmsg{position:relative;display:flex;gap:10px;padding:3px 18px 3px 16px;margin-top:12px}
.cxmsg.g{margin-top:0}
.cxmsg:hover,.cxmsg.act{background:var(--cxh)}
.cxmsg.hl{animation:cxhl 2.4s ease}
@keyframes cxhl{0%,40%{background:color-mix(in srgb,#F2A24A 22%,transparent)}}
.cxav{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--chip);color:var(--ink);font-weight:700;font-size:14px;overflow:hidden}
.cxav img{width:100%;height:100%;object-fit:cover}
.cxav.team{background:#0B0B0C}.cxav.team img{width:70%;height:70%;object-fit:contain}
.cxmsg>.cxav{margin-top:20px}
.cxmsg.g>.cxsp{flex:none;width:34px}
.cxb{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.cxmeta{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--faint);margin-left:2px}
.cxmeta b{color:var(--muted);font-weight:600}
.cxteam{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:var(--cxa);color:#fff}
.cxbub{max-width:min(620px,100%);background:var(--cxbub);border-radius:16px;padding:8px 13px;font-size:14.5px;line-height:1.45;overflow-wrap:anywhere;color:var(--ink)}
.cxbub a{color:inherit;text-decoration:underline}
.cxbub .cxmt{color:#5B7CFA;font-weight:600;background:color-mix(in srgb,#5B7CFA 14%,transparent);border-radius:5px;padding:0 3px}
.cxbub.big{background:none;padding:0;font-size:46px;line-height:1.1}
.cxed{font-size:11px;color:var(--faint);margin-left:4px}
.cxq{display:flex;align-items:center;gap:6px;max-width:min(560px,100%);border:0;background:none;color:var(--faint);font:inherit;font-size:12.5px;padding:0 0 0 14px;cursor:pointer;position:relative;text-align:left}
.cxq::before{content:"";position:absolute;left:2px;top:-2px;width:9px;height:10px;border-left:1.6px solid var(--line);border-top:1.6px solid var(--line);border-top-left-radius:6px}
.cxq b{color:var(--muted);font-weight:600;white-space:nowrap}
.cxq span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxq i{font-style:italic}
.cxmed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:min(520px,100%);width:100%}
.cxmed.one{grid-template-columns:1fr;max-width:min(440px,100%)}
.cxmi{position:relative;border-radius:14px;overflow:hidden;background:#000;border:0;padding:0;cursor:zoom-in;display:block;width:100%}
.cxmi img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}
.cxmed:not(.one) .cxmi img{aspect-ratio:1;height:100%}
.cxvid{width:100%;max-height:420px;border-radius:14px;background:#000;display:block}
.cxaud{display:flex;align-items:center;gap:10px;background:var(--cxbub);border-radius:999px;padding:6px 14px 6px 6px;max-width:320px;width:100%}
.cxaud button{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:var(--ink);color:var(--inv);display:grid;place-items:center;cursor:pointer}
.cxaud button svg{width:14px;height:14px;fill:currentColor}
.cxaud .cxwv{flex:1;height:26px;display:flex;align-items:center;gap:2px}
.cxaud .cxwv i{flex:1;background:color-mix(in srgb,var(--ink) 25%,transparent);border-radius:2px;min-height:3px}
.cxaud .cxwv i.p{background:var(--ink)}
.cxaud small{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.cxdoc{display:flex;align-items:center;gap:10px;background:var(--cxbub);border-radius:14px;padding:10px 14px;max-width:340px;width:100%;text-decoration:none;color:var(--ink);border:0;font:inherit;cursor:pointer;text-align:left}
.cxdoc .cxdi{flex:none;width:38px;height:38px;border-radius:10px;background:#5B7CFA;color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;text-transform:uppercase}
.cxdoc b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxdoc small{color:var(--faint);font-size:12px}
.cxdoc>span:nth-child(2){min-width:0;flex:1}
.cxyt{width:min(480px,100%);aspect-ratio:16/9;border:0;border-radius:14px;background:#000}
.cxstk{display:inline-grid;place-items:center;min-width:110px;min-height:110px;font-size:76px;line-height:1;user-select:none}
.cxstk.t{font-size:22px;font-weight:900;letter-spacing:.02em;padding:14px 18px;border-radius:18px;color:#fff;transform:rotate(-4deg);min-height:0;min-width:0;box-shadow:0 8px 24px -10px rgba(0,0,0,.5);text-transform:uppercase}
.cxpoll{background:var(--cxbub);border-radius:16px;padding:12px;width:min(420px,100%)}
.cxpoll b{display:block;font-size:15px;margin:2px 2px 10px}
.cxpo{position:relative;display:flex;justify-content:space-between;gap:10px;width:100%;border:1px solid var(--line);background:var(--cxb);color:var(--ink);font:inherit;font-size:14px;padding:9px 12px;border-radius:11px;cursor:pointer;margin-top:6px;overflow:hidden;text-align:left}
.cxpo i{position:absolute;left:0;top:0;bottom:0;width:var(--w,0%);background:color-mix(in srgb,#5B7CFA 18%,transparent);transition:width .5s var(--spring)}
.cxpo span{position:relative}
.cxpo.on{border-color:#5B7CFA}.cxpo.on span:first-of-type::after{content:" ✓";color:#5B7CFA;font-weight:800}
.cxpoll small{display:block;color:var(--faint);font-size:12px;margin:8px 2px 0}
.cxrx{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.cxrx button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:999px;border:1px solid transparent;background:var(--cxbub);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.cxrx button.me{border-color:#5B7CFA;background:color-mix(in srgb,#5B7CFA 14%,var(--cxbub))}
.cxrx .cxadd{width:30px;padding:0;justify-content:center;color:var(--muted)}
.cxrx .cxadd svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.cxread{font-size:11px;color:var(--faint);margin-left:2px}
.cxdots{display:flex;gap:4px;padding:12px 14px}.cxdots i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:supdot 1.2s infinite ease-in-out}.cxdots i:nth-child(2){animation-delay:.15s}.cxdots i:nth-child(3){animation-delay:.3s}
.cxtyp .cxtb{display:none}
/* 05/10 (JK) : bulles façon WhatsApp */
.cx{--cxme:#C22D25;--cxmet:#fff;--cxin:color-mix(in srgb,var(--ink) 8%,var(--surface))}
/* Créateurs (07/10, JK) : la page Créateurs = le fil « Pour toi » ; profils ; espace créateur (e-mails autorisés) */
.ndot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#E0332A;margin-right:6px;vertical-align:1px}
#p-cr,.crmod{--cra:#E0332A;--crc:color-mix(in srgb,var(--ink) 4%,var(--surface));--crl:var(--line)}
#p-cr .crx{padding:28px 0 90px}
#p-cr .crw{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;max-width:1100px}
#p-cr .crm{flex:999 1 560px;max-width:620px;min-width:0}
#p-cr .cra{flex:1 1 280px;max-width:340px;min-width:0}
/* 08/10 (JK) : sur mobile la colonne passe sous le fil ; l'encadré « Rejoins la conversation » n'y sert à rien (connexion déjà dans le menu) */
@media (max-width:920px){#p-cr .crjoin.crbox,#p-cr .crjn{display:none}}

#p-cr .crhd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
#p-cr .crhd h1{color:var(--ink);margin:6px 0 0;font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,36px);letter-spacing:-.03em;line-height:1.05}
#p-cr .crhd p{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
:is(#p-cr,.crmod) .crbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--cra);color:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap}
:is(#p-cr,.crmod) .crbtn.ghost{background:transparent;color:var(--ink);border:1px solid var(--crl)}
:is(#p-cr,.crmod) .crbtn.light{background:var(--ink);color:var(--inv)}
:is(#p-cr,.crmod) .crbtn[disabled]{opacity:.5;cursor:default}
:is(#p-cr,.crmod) .crbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#p-cr .crst{display:flex;gap:16px;overflow-x:auto;padding:18px 0 6px;scrollbar-width:none}
#p-cr .crst::-webkit-scrollbar{display:none}
#p-cr .crst a{display:grid;justify-items:center;gap:6px;flex:none;width:76px;font-size:12px;color:var(--muted);text-decoration:none;text-align:center}
#p-cr .crst a span:last-child{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#p-cr .crring{width:68px;height:68px;border-radius:50%;padding:3px;background:var(--crl);display:grid;place-items:center}
#p-cr .crring.fresh{background:linear-gradient(135deg,#E0332A,#E8A24A,#B84FD6)}
#p-cr .crring>*{width:100%;height:100%;border-radius:50%;border:3px solid var(--bg);box-sizing:border-box}
.crav{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#12A6A0,#3B6FE0);color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;overflow:hidden;flex:none}
.crav img{width:100%;height:100%;object-fit:cover;display:block}
.crav.team{background:#141417}
.crav.team img{object-fit:contain;padding:18%;box-sizing:border-box}
.crcert{width:16px;height:16px;vertical-align:-3px;margin-left:4px;flex:none}
#p-cr .crcomp{display:flex;align-items:center;gap:12px;margin:14px 0 4px;background:var(--crc);border:1px solid var(--crl);border-radius:16px;padding:12px 14px;text-decoration:none;color:var(--ink)}
#p-cr .crcomp span.t{flex:1;min-width:0;color:var(--muted);font-size:15px}
#p-cr .crtabs{display:flex;gap:8px;margin:18px 0;overflow-x:auto;scrollbar-width:none}#p-cr .crtabs::-webkit-scrollbar{display:none}
#p-cr .crtabs a{flex:none;white-space:nowrap;border:1px solid var(--crl);border-radius:999px;color:var(--ink);font-weight:600;font-size:14px;padding:10px 18px;text-decoration:none}
#p-cr .crtabs a[aria-current="page"]{background:var(--ink);color:var(--inv);border-color:var(--ink);font-weight:700}
#p-cr .crp{border-bottom:1px solid var(--crl);padding:6px 0 22px;margin-bottom:16px}
:is(#p-cr,.crmod) .crph{display:flex;align-items:center;gap:10px;padding:6px 0 12px}
:is(#p-cr,.crmod) .crph .who{flex:1;min-width:0;line-height:1.3}
:is(#p-cr,.crmod) .crph .who a{font-weight:700;font-size:14px;color:var(--ink);text-decoration:none}
:is(#p-cr,.crmod) .crph .who small{display:block;font-size:12px;color:var(--muted)}
:is(#p-cr,.crmod) .crph .when{color:var(--faint);font-size:14px}
:is(#p-cr,.crmod) .crfol{height:34px;padding:0 14px;border:0;border-radius:999px;background:var(--cra);color:#fff;font:inherit;font-weight:700;font-size:13px;cursor:pointer}
:is(#p-cr,.crmod) .crfol.on{background:transparent;color:var(--ink);border:1px solid var(--crl);font-weight:600}
:is(#p-cr,.crmod) .crmore{width:36px;height:36px;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:50%}
.crmd{position:relative;border-radius:14px;overflow:hidden;background:#000}
.crmd .crsl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.crmd .crsl::-webkit-scrollbar{display:none}
.crmd .crsl>*{flex:0 0 100%;scroll-snap-align:center;position:relative}
.crmd img,.crmd video{display:block;width:100%;height:100%;object-fit:cover;background:#111}
/* 09/10 (JK) : en plein écran, la vidéo s'affiche en entier dans son format (9:16, 4:5…), sans être recadrée ni zoomée */
.crmd video:fullscreen{object-fit:contain!important;background:#000!important;width:100%!important;height:100%!important}
.crmd video:-webkit-full-screen{object-fit:contain!important;background:#000!important;width:100%!important;height:100%!important}
.crmd .crdots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px;pointer-events:none}
.crmd .crdots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45)}
.crmd .crdots i.on{background:#fff}
.crmd .crn{position:absolute;top:12px;right:12px;font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.6);padding:5px 9px;border-radius:8px}
.crba{position:relative;user-select:none;touch-action:pan-y;cursor:ew-resize}
.crba{overflow:hidden;background:#0c0c10;width:100%}
.crba>img,.crba>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.crba .af{clip-path:inset(0 0 0 var(--x,50%))}
.crba .ln{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:#fff;transform:translateX(-1px);box-shadow:0 0 8px rgba(0,0,0,.35);z-index:2;pointer-events:none}
.crba .ln i{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7l-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:0 4px 14px rgba(0,0,0,.4);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.crba:active .ln i{transform:scale(1.1)}
.crba .lb{position:absolute;top:12px;z-index:3;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.09em;color:#fff;background:rgba(10,10,14,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 10px;border-radius:8px;pointer-events:none}
.crba .lb.a{left:12px}.crba .lb.b{right:12px}
:is(#p-cr,.crmod) .cract{display:flex;align-items:center;gap:2px;margin-top:6px}
:is(#p-cr,.crmod) .cract button{width:44px;height:44px;border:0;background:none;color:var(--ink);padding:0;cursor:pointer;display:grid;place-items:center}
:is(#p-cr,.crmod) .cract button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
:is(#p-cr,.crmod) .cract button.on{color:var(--cra)}
:is(#p-cr,.crmod) .cract button.on svg{fill:currentColor}
:is(#p-cr,.crmod) .cract .sv{margin-left:auto}
:is(#p-cr,.crmod) .crlk{font-weight:700;font-size:14px}
.crtag{display:flex;align-items:center;gap:12px;margin-top:10px;background:var(--crc,#141417);border:1px solid var(--crl,#232328);border-radius:14px;padding:10px;text-decoration:none;color:var(--ink)}
.crtag img{width:52px;height:40px;object-fit:cover;border-radius:8px;flex:none;background:#222}
.crtag .tx{flex:1;min-width:0}
.crtag .tx small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crtag .tx b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crtag .go{flex:none;background:var(--ink);color:var(--inv);font-weight:700;font-size:13px;padding:9px 14px;border-radius:999px}
.crtag .go.o{background:transparent;color:var(--ink);border:1px solid var(--crl,#2E2E35)}
/* 31/10 (JK) : tag d'outil — vignette icône + bouton « Ouvrir ↗ » */
.crti{width:52px;height:40px;border-radius:8px;flex:none;display:grid;place-items:center;position:relative;overflow:hidden}
.crti svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;position:relative}
.crti.reel{background:linear-gradient(135deg,#FF4D3D,#E8A24A)}.crti.look{background:linear-gradient(135deg,#2B5BFF,#8E5BFF)}.crti.proj{background:linear-gradient(135deg,#1F7A5A,#56C596)}.crti.photo{background:linear-gradient(135deg,#8A3FFC,#FF6FB1)}
.crti.grade{background:conic-gradient(from 200deg,#FF4D3D,#FFD36B,#34A853,#2B9BFF,#8E5BFF,#FF4D3D)}.crti.grade:before{content:"";position:absolute;inset:7px 13px;border-radius:50%;background:rgba(0,0,0,.35)}
.crtag .go .ar{width:13px;height:13px;margin-left:5px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:is(#p-cr,.crmod) .crcap{margin:10px 0 0;font-size:14px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
:is(#p-cr,.crmod) .crkw{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
:is(#p-cr,.crmod) .crkw span{font-size:12px;color:var(--muted);background:var(--chip);border-radius:999px;padding:4px 10px}
:is(#p-cr,.crmod) .crcl{display:inline-block;margin-top:6px;font-size:14px;color:var(--muted);text-decoration:none;background:none;border:0;padding:4px 0;cursor:pointer;font-family:inherit}
#p-cr .crempty{border:1px dashed var(--crl);border-radius:18px;padding:32px 20px;text-align:center;color:var(--muted);font-size:15px;line-height:1.5}
#p-cr .crempty b{display:block;color:var(--ink);font-size:17px;margin-bottom:6px}
#p-cr .crbox{background:var(--crc);border:1px solid var(--crl);border-radius:18px;padding:18px}
#p-cr .cra h2{margin:0;font-size:15px;color:var(--muted);font-weight:600}
#p-cr .cra .crsec{margin-top:26px}
#p-cr .crme{display:flex;align-items:center;gap:12px;padding:4px 0 6px}
#p-cr .crme b{display:block;font-size:14px}
#p-cr .crme small{font-size:13px;color:var(--muted)}
#p-cr .crme small.ok{color:#34A853}
#p-cr .crsug{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:14px}
#p-cr .crsug li{display:flex;align-items:center;gap:10px}
#p-cr .crsug a{font-weight:600;font-size:14px;color:var(--ink);text-decoration:none}
#p-cr .crsug small{display:block;font-size:12px;color:var(--muted)}
#p-cr .crsug button{margin-left:auto;border:0;background:none;color:var(--cra);font:inherit;font-weight:700;font-size:13px;cursor:pointer;padding:10px 0}
#p-cr .crsug button.on{color:var(--muted);font-weight:600}
#p-cr .crfeat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
#p-cr .crfeat a{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;display:block;background:#222}
#p-cr .crfeat img{width:100%;height:100%;object-fit:cover}
#p-cr .crfeat span{position:absolute;left:8px;bottom:8px;font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:6px}
#p-cr .crrm small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:#E8A24A}
#p-cr .crrm b{display:block;font-size:15px;margin-top:6px}
#p-cr .crrm p{margin:4px 0 12px;font-size:13px;color:var(--muted);line-height:1.5}
#p-cr .crrm img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:12px;display:block}
/* Profil */
#p-cr .crpf{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
#p-cr .crpf .crav{width:110px;height:110px;font-size:34px}
/* Couverture */
#p-cr .crcov{position:relative;height:clamp(150px,24vw,280px);border-radius:24px;overflow:hidden;margin:4px 0 0;background:#0c0c10;isolation:isolate}
#p-cr .crcov img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;animation:crcovin .7s cubic-bezier(.2,.8,.2,1)}
#p-cr .crcov.def::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");mix-blend-mode:overlay}
#p-cr .crcov::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.35));pointer-events:none}
#p-cr .crcovs{position:absolute;left:0;right:0;bottom:0;height:5px;z-index:2;background:linear-gradient(90deg,#E0332A 0 16.66%,#B84FD6 0 33.33%,#3B6FE0 0 50%,#12A6A0 0 66.66%,#34A853 0 83.33%,#E8A24A 0)}
#p-cr .crcov.busy img{filter:saturate(.6) brightness(.8)}
#p-cr .crcov.busy::after{height:100%;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%) 0 0/250% 100%;animation:crshim 1.1s linear infinite}
#p-cr .crcovb{position:absolute;right:14px;top:14px;z-index:3;display:flex;gap:6px}
#p-cr .crcovb button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(10,10,14,.55);color:#fff;font:600 13px/1 inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s}
#p-cr .crcovb button:hover{background:rgba(10,10,14,.75);transform:translateY(-1px)}
#p-cr .crcovb button:active{transform:scale(.96)}
#p-cr .crcovb button[data-cvdel]{width:38px;padding:0;justify-content:center;font-size:20px}
#p-cr .crcovb svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#p-cr .crpf.cv{align-items:flex-start;margin-top:-58px;padding:0 0 0 26px;position:relative;z-index:4}
#p-cr .crpf.cv>.crav,#p-cr .crpf.cv>.crpfst{box-shadow:0 0 0 5px var(--bg),0 10px 30px rgba(0,0,0,.25)}
#p-cr .crpf.cv>.crpfst{padding:3px}
#p-cr .crpf.cv>div{padding-top:70px}
@keyframes crcovin{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@keyframes crshim{from{background-position:100% 0}to{background-position:-100% 0}}
@media (max-width:700px){#p-cr .crcov{border-radius:18px;height:150px}#p-cr .crcovb{right:10px;top:10px}#p-cr .crcovb span{display:none}#p-cr .crcovb button[data-cvch]{width:38px;padding:0;justify-content:center}#p-cr .crpf.cv{margin-top:-46px;padding-left:16px;gap:14px}#p-cr .crpf.cv>div{padding-top:0;flex-basis:100%}}
@media (prefers-reduced-motion:reduce){#p-cr .crcov img,#p-cr .crcov.busy::after{animation:none}}
#p-cr .crpf h1{margin:0;font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,38px);letter-spacing:-.03em;display:flex;align-items:center;gap:6px}
#p-cr .crpf h1 .crcert{width:24px;height:24px}
#p-cr .crpf .meta{color:var(--muted);font-size:15px;margin-top:4px}
#p-cr .crpf .bt{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#p-cr .crbio{margin:18px 0 0;max-width:640px;font-size:16px;line-height:1.6;color:var(--ink);white-space:pre-line}
/* Chiffres du profil : en ligne sous le nom, chaque chiffre mène à son onglet */
#p-cr .crpfi{flex:1;min-width:260px}
#p-cr .crstat{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0}
#p-cr .crstat>*{display:inline-flex;align-items:baseline;gap:5px;padding:8px 14px;border-radius:14px;background:color-mix(in srgb,var(--ink) 5%,transparent);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);text-decoration:none;position:relative;transition:background .2s,transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s}
#p-cr .crstat b,#p-cr .crstat span span,#p-cr .crstat a span{font-family:inherit;font-size:15px;line-height:1.3;letter-spacing:0;color:var(--ink)}
#p-cr .crstat b{font-weight:700;font-variant-numeric:tabular-nums}
#p-cr .crstat em{font-style:normal}
#p-cr .crstat span span,#p-cr .crstat a span{font-weight:500;opacity:.78}
#p-cr .crstat a:hover{background:color-mix(in srgb,var(--ink) 9%,transparent);transform:translateY(-1px)}
#p-cr .crstat a:active{transform:scale(.97)}
#p-cr .crstat a::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,#E0332A,#B84FD6,#3B6FE0,#12A6A0,#34A853,#E8A24A);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
#p-cr .crstat a:hover::after{transform:none}
#p-cr .crpfi .crbio{margin:14px 0 0;font-size:15px}
#p-cr .crpfx{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;color:var(--muted);font-size:13px}
#p-cr .crpfx:empty{display:none}
@media (max-width:700px){#p-cr .crstat{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:14px -2px 0;border-radius:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 9%,transparent);background:color-mix(in srgb,var(--ink) 4%,transparent)}
 #p-cr .crstat>*{flex-direction:column;align-items:center;gap:2px;padding:10px 2px;border:0;border-radius:0;background:none;text-align:center}
 #p-cr .crstat>*+*{border-left:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}
 #p-cr .crstat b,#p-cr .crstat span span,#p-cr .crstat a span{font-size:13px;line-height:1.25}#p-cr .crstat em{display:none}
 #p-cr .crstat a::after{left:30%;right:30%;bottom:4px}}
#p-cr .crview{display:flex;justify-content:flex-end;gap:6px;margin:16px 0 10px}
#p-cr .crview a{width:44px;height:44px;border-radius:12px;border:1px solid var(--crl);display:grid;place-items:center;color:var(--muted)}
#p-cr .crview a[aria-current="page"]{background:var(--chip);color:var(--ink);border-color:transparent}
#p-cr .crview svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
#p-cr .crgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
#p-cr .crgrid a{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#111}
#p-cr .crgrid img{width:100%;height:100%;object-fit:cover}
#p-cr .crgrid i{position:absolute;top:8px;right:8px;width:22px;height:22px;color:#fff;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.42),rgba(0,0,0,0))} /* 14/10 : sans filtre CSS (Safari peignait un petit carré blanc en haut de la page) */
#p-cr .crgrid i svg{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:2}
#p-cr .crcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
#p-cr .crjoin{max-width:860px;margin:0 auto;padding-bottom:40px}#p-cr .crjh .eb{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}#p-cr .crjh h1{margin:6px 0 10px;font-size:clamp(30px,5vw,46px);letter-spacing:-.03em;line-height:1.05}#p-cr .crjh p{margin:0;max-width:640px;color:var(--muted);font-size:16px;line-height:1.55}
#p-cr .crjp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}#p-cr .crjp>div{padding:16px;border-radius:18px;background:var(--crc,var(--chip));border:1px solid var(--crl,var(--line))}#p-cr .crjp b{display:block;font-size:15.5px;margin-bottom:6px}#p-cr .crjp span{display:block;font-size:13.5px;color:var(--muted);line-height:1.5}
#p-cr .crjt{margin:8px 0 12px;font-size:20px;letter-spacing:-.01em}#p-cr .crjs{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:j}
#p-cr .crjs li{counter-increment:j;padding:16px 16px 16px 56px;position:relative;border-radius:18px;border:1px solid var(--crl,var(--line))}#p-cr .crjs li::before{content:counter(j);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;background:#E0332A;color:#fff;font-weight:800;display:grid;place-items:center;font-size:14px}#p-cr .crjs b{display:block;font-size:14.5px}#p-cr .crjs span{display:block;font-size:13px;color:var(--muted);margin-top:4px;line-height:1.45}
#p-cr .crjb{padding:20px;border-radius:22px;background:var(--crc,var(--chip));border:1px solid var(--crl,var(--line))}#p-cr .crjst{display:grid;gap:8px;justify-items:start}#p-cr .crjst b{font-size:18px}#p-cr .crjst span{color:var(--muted);font-size:14px;line-height:1.5}#p-cr .crjst.ok b{color:#5fd27d}
#p-cr .crform label.crjok{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;font-size:13.5px;color:var(--ink)}#p-cr .crform .crjok input{width:18px;height:18px;min-height:0;padding:0;margin:1px 0 0;accent-color:#E0332A;border-radius:4px}#p-cr .crjf{margin-top:0}
@media(max-width:700px){#p-cr .crjp,#p-cr .crjs{grid-template-columns:1fr}}
#p-cr .crsbar{display:flex;align-items:center;gap:10px;margin:22px 0 20px;padding:0 16px;min-height:46px;border-radius:999px;background:var(--crc,var(--chip));border:1px solid var(--crl,var(--line));color:var(--muted);text-decoration:none;font-size:14.5px}
#p-cr .crsbar svg,#p-cr .crsri svg{flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}#p-cr .crsbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#p-cr .crsbar:hover{color:var(--ink)}
#p-cr .crsr{max-width:900px;margin:0 auto;padding:0 0 40px}
#p-cr .crsrbar{position:sticky;top:64px;z-index:3;display:flex;align-items:center;gap:6px;padding:8px 0 12px;background:var(--bg)}#p-cr .crsrbar .crback{margin:0;width:40px;height:40px;justify-content:center;flex:none}
#p-cr .crsri{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0 6px 0 16px;min-height:48px;border-radius:999px;background:var(--crc,var(--chip));border:1px solid var(--crl,var(--line));color:var(--muted)}
#p-cr .crsri:focus-within{border-color:color-mix(in srgb,var(--ink) 40%,transparent)}
#p-cr .crsri input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:inherit;font-size:16px;outline:0;-webkit-appearance:none;appearance:none}#p-cr .crsri input::-webkit-search-cancel-button{display:none}
#p-cr .crsri .x{flex:none;width:34px;height:34px;border:0;border-radius:50%;background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink);font-size:18px;line-height:1;cursor:pointer}#p-cr .crsri .x[hidden]{display:none}
#p-cr .crsrs{margin:22px 0 0;padding:0}#p-cr .crsrh{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 12px}#p-cr .crsrh h2{margin:0;font-size:17px;letter-spacing:-.01em}#p-cr .crsrh small{color:var(--muted);font-size:13px}
#p-cr .crsrcr{margin:0;gap:12px}
#p-cr .crsrcat{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px}
#p-cr .crsrci{display:flex;align-items:center;gap:12px;min-width:0;padding:8px;border-radius:16px;background:var(--crc,var(--chip));border:1px solid var(--crl,var(--line));color:var(--ink);text-decoration:none;transition:border-color .2s}#p-cr .crsrci:hover{border-color:color-mix(in srgb,var(--ink) 30%,transparent)}
#p-cr .crsrci img,#p-cr .crsrci .ph{flex:none;width:72px;height:48px;border-radius:10px;object-fit:cover;background:#222;display:grid;place-items:center;color:#fff}#p-cr .crsrci .ph svg{fill:currentColor}
#p-cr .crsrci div{min-width:0}#p-cr .crsrci b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#p-cr .crsrci small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#p-cr .crkw a{font-size:12px;color:var(--muted);background:var(--chip);border-radius:999px;padding:4px 10px;text-decoration:none}#p-cr .crkw a:hover{color:var(--ink)}
.crmod .crkw a{font-size:12px;color:var(--muted);background:var(--chip);border-radius:999px;padding:4px 10px;text-decoration:none}
#p-cr .crsrkw{margin:0;gap:8px}#p-cr .crsrkw a{font-size:14px;padding:8px 14px;color:var(--ink);display:inline-flex;gap:8px;align-items:center}#p-cr .crsrkw small{color:var(--muted);font-size:12px}
#p-cr .crtagh{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:4px 0 18px}#p-cr .crtagh>img,#p-cr .crtagh>.ph{width:132px;height:88px;border-radius:14px;object-fit:cover;background:#222;display:grid;place-items:center;color:#fff;flex:none}#p-cr .crtagh>.ph svg{fill:currentColor}
#p-cr .crtaga{display:flex;gap:8px;flex-wrap:wrap}#p-cr .crtagh .tx{flex:1;min-width:200px}#p-cr .crtagh small{color:var(--muted);font-size:13px}#p-cr .crtagh h1{margin:2px 0 4px;font-size:clamp(24px,4vw,32px);letter-spacing:-.02em}#p-cr .crtagh p{margin:0;color:var(--muted);font-size:14px}
#p-cr .crtagc{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;color:var(--muted);font-size:13px}#p-cr .crtagc>div{display:flex}#p-cr .crtagc>div a{margin-left:-8px;border-radius:50%;box-shadow:0 0 0 2px var(--bg)}#p-cr .crtagc>div a:first-child{margin-left:0}
#p-cr .crbtn[hidden],.crmod .crbtn[hidden]{display:none!important}#p-cr .crsrci .ph,#p-cr .crtagh>.ph{overflow:hidden}#p-cr .crsrci .ph svg{width:18px;height:18px}#p-cr .crtagh>.ph svg{width:26px;height:26px}
@media(max-width:600px){#p-cr .crsrbar{top:56px}#p-cr .crtagh>img,#p-cr .crtagh>.ph{width:96px;height:64px}#p-cr .crtaga{width:100%}#p-cr .crtaga .crbtn{flex:1;justify-content:center}}
#p-cr .crcard{background:var(--crc);border:1px solid var(--crl);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink)}
#p-cr .crcard img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#222}
#p-cr .crcard div{padding:14px 16px}
#p-cr .crcard b{display:block;font-size:16px}
#p-cr .crcard small{display:block;color:var(--muted);font-size:13px;margin-top:4px}
#p-cr .crback svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#p-cr .crback{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:14px}
/* Espace créateur */
#p-cr .crdw{max-width:1100px}
#p-cr .crkpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:22px}
#p-cr .crkpi div{background:var(--crc);border:1px solid var(--crl);border-radius:18px;padding:18px}
#p-cr .crkpi span{color:var(--muted);font-size:13px}
#p-cr .crkpi b{display:block;margin-top:6px;font-family:'Space Grotesk',sans-serif;font-size:30px}
#p-cr .crkpi small{color:var(--faint);font-size:12px}
#p-cr .crrow{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}
#p-cr .crrow>section{flex:1 1 320px;min-width:0}
#p-cr .crrow h2,#p-cr .crdw h2{margin:0;font-size:17px}
#p-cr .crbars{display:flex;align-items:flex-end;gap:3px;height:150px;margin-top:18px;padding-bottom:6px;border-bottom:1px solid var(--crl)}
#p-cr .crbars i{flex:1;min-height:2px;background:color-mix(in srgb,var(--ink) 18%,transparent);border-radius:4px 4px 0 0}
#p-cr .crbars i.hi{background:var(--cra)}
:is(#p-cr,.crmod) .cract2{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px;font-size:14px}
:is(#p-cr,.crmod) .cract2 small{display:block;color:var(--faint);font-size:12px}
#p-cr .crtbl{width:100%;min-width:620px;border-collapse:collapse;font-size:14px;margin-top:12px}
#p-cr .crtbl th{text-align:left;color:var(--faint);font-size:12px;font-weight:600;letter-spacing:.04em;padding:8px}
#p-cr .crtbl td{border-top:1px solid var(--crl);padding:10px 8px;vertical-align:middle}
#p-cr .crtbl img{width:44px;height:55px;object-fit:cover;border-radius:8px;background:#222;display:block}
#p-cr .crtbl .tg{color:var(--muted);font-size:13px}
#p-cr .crtbl button{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline}
#p-cr .crform{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
#p-cr .crform label,.crpub label.f{display:grid;gap:6px;font-size:13px;color:var(--muted)}
#p-cr .crform input,#p-cr .crform textarea,.crpub input[type=text],.crpub input[type=search],.crpub textarea{border-radius:12px;border:1px solid var(--crl,#2E2E35);background:var(--surface);color:var(--ink);padding:12px 14px;font:inherit;font-size:15px;min-height:46px;box-sizing:border-box;width:100%}
#p-cr .crform .wide{grid-column:1/-1}
#p-cr .crnote{font-size:13px;color:var(--faint);line-height:1.5}
/* Publication ouverte + Nouvelle publication (fenêtres) */
.crmod{position:fixed;inset:0;z-index:9990;background:rgba(5,5,6,.82);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.crmod[hidden]{display:none}
.crmod>.in{position:relative;width:100%;max-width:1080px;max-height:calc(100dvh - 48px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-wrap:wrap}
.crmod .x{position:absolute;top:10px;right:10px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:22px;cursor:pointer;line-height:1}
.crmod .ml{flex:999 1 520px;min-width:0;background:#000;display:flex;align-items:center;max-height:calc(100dvh - 48px)}
.crmod .ml .crmd{width:100%;border-radius:0}
.crmod .mr{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;max-height:calc(100dvh - 48px)}
.crmod .mr .hd{padding:14px 56px 14px 16px;border-bottom:1px solid var(--line)}
.crmod .mr .bd{flex:1;overflow:auto;padding:14px 16px}
.crmod .mr .ft{border-top:1px solid var(--line);padding:10px 16px 14px}
.crcom{display:grid;gap:12px;margin-top:16px;font-size:14px;line-height:1.5}
.crcom div b{margin-right:6px}
.crcom small{display:block;color:var(--faint);font-size:12px}
.crcom button{border:0;background:none;color:var(--faint);font:inherit;font-size:12px;cursor:pointer;padding:0;margin-left:8px}
.crcf{display:flex;gap:8px;margin-top:10px}
.crcf input{flex:1;min-width:0;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:0 16px;height:44px;font:inherit;font-size:15px}
.crcf button{border:0;background:none;color:#E0332A;font:inherit;font-weight:700;cursor:pointer;padding:0 8px}
.crpub>.in{flex-direction:column;flex-wrap:nowrap;max-width:1000px}
.crpub .hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.crpub .hd h2{margin:0;font-size:16px}
.crpub .hd button.cancel{border:0;background:none;color:var(--muted);font:inherit;font-size:15px;cursor:pointer;min-height:44px}
.crpub .bd{display:flex;flex-wrap:wrap;overflow:auto}
.crpub .l{flex:999 1 460px;min-width:0;padding:16px;display:grid;gap:12px;align-content:start;background:color-mix(in srgb,var(--ink) 3%,var(--bg))}
.crpub .r{flex:1 1 320px;min-width:0;padding:16px;display:grid;gap:16px;align-content:start}
.crpub .drop{border:2px dashed var(--line);border-radius:14px;min-height:240px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:14px;line-height:1.5;padding:20px;cursor:pointer}
.crpub .drop b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
.crpub .thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px}
.crpub .thumbs div{position:relative;width:72px;height:90px;flex:none;border-radius:10px;overflow:hidden;background:#222}
.crpub .thumbs img,.crpub .thumbs video{width:100%;height:100%;object-fit:cover}
.crpub .thumbs button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;line-height:1}
.crpub .thumbs .pr{position:absolute;left:0;bottom:0;height:4px;background:#E0332A;width:var(--p,0%)}
.crpub .thumbs .add{display:grid;place-items:center;border:2px dashed var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:26px}
.crpub .prev{border-radius:14px;overflow:hidden;background:#000;aspect-ratio:4/5;display:grid;place-items:center}
.crpub .prev img,.crpub .prev video{width:100%;height:100%;object-fit:contain}
.crpub .crseg{display:flex;flex-wrap:wrap;gap:8px}
.crpub .crseg label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:14px;cursor:pointer}
.crpub .crseg label:has(input:checked){border-color:var(--ink)}
.crpub .tagres{display:grid;gap:6px;max-height:210px;overflow:auto}
.crpub .tagres button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);padding:8px;font:inherit;font-size:14px;cursor:pointer}
.crpub .tagres button img{width:48px;height:36px;object-fit:cover;border-radius:6px;background:#222}
.crpub .tagres button .crti{width:48px;height:36px;border-radius:6px}.crpub .tagres button .crti svg{width:18px;height:18px}
.crpub .tagflt{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.crpub .tagflt button{border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;min-height:32px}
.crpub .tagflt button.on{background:var(--ink);color:var(--inv);border-color:var(--ink)}
.crpub .tagres button small{display:block;color:var(--muted);font-size:12px}
.crpub .sel .crtag{margin-top:6px}
.crpub .sel .crtag button{width:36px;height:36px;border:0;border-radius:50%;background:var(--chip);color:var(--ink);cursor:pointer;flex:none}
.crpub .tgl{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:10px}
.crpub .msg{font-size:13px;color:#E0332A;min-height:18px}
.crpub small.n{font-size:12px;color:var(--faint);line-height:1.5}
@media(max-width:600px){.crtoast{width:max-content;max-width:calc(100vw - 32px);border-radius:18px;text-align:center}}
.crtoast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9999;background:var(--ink);color:var(--inv);padding:12px 18px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:var(--shadow-lift)}
#p-cr .crst .crsti{position:relative;display:grid;justify-items:center;gap:6px;flex:none;width:76px;font-size:12px;color:var(--muted);text-align:center}
#p-cr .crst .crsti>span{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#p-cr .crst .crsti>button,#p-cr .crst .crsti>a:first-child{border:0;background:none;padding:0;cursor:pointer;border-radius:50%}
#p-cr .crring.seen{background:color-mix(in srgb,var(--ink) 30%,transparent)}
#p-cr .crst .crsti .crsplus{box-sizing:border-box;padding:0;position:absolute;top:46px;left:50px;width:24px;height:24px;border-radius:50%;background:var(--cra);color:#fff;border:3px solid var(--bg);display:grid;place-items:center;font-weight:800;font-size:16px;line-height:1;text-decoration:none}
#p-cr .crpfst{border:0;padding:3px;border-radius:50%;background:color-mix(in srgb,var(--ink) 30%,transparent);cursor:pointer}
#p-cr .crpfst.fresh{background:linear-gradient(135deg,#E0332A,#E8A24A,#B84FD6)}
#p-cr .crpfst .crav{border:3px solid var(--bg)}
#p-cr .crhl{margin-top:18px}
#p-cr .crhlt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
#p-cr .crhlr{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px}
#p-cr .crhlr button{flex:none;display:grid;justify-items:center;gap:6px;border:0;background:none;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;width:72px}
#p-cr .crhlr span{width:64px;height:64px;border-radius:50%;padding:3px;border:1px solid var(--crl);overflow:hidden;box-sizing:border-box;display:block}
#p-cr .crhlr img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
#p-cr .crhlr small{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#p-cr .crstw{flex:none;display:grid;gap:6px;width:120px}
#p-cr .crstw .crstc{width:120px}
#p-cr .crstc em{position:absolute;top:6px;left:6px;font-style:normal;font-size:11px;font-weight:700;background:rgba(0,0,0,.6);padding:3px 7px;border-radius:999px}
#p-cr .crstc.live em{background:var(--cra)}
#p-cr .crstf{min-height:34px;padding:0 8px;font-size:12px}
.crpop{position:fixed;z-index:9996;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 44px rgba(0,0,0,.45);padding:8px;display:grid;font-size:14px}
.crpop .crpoph{display:flex;align-items:center;gap:10px;padding:8px}
.crpop .crpoph b{display:block;font-size:15px}.crpop .crpoph small{display:block;color:var(--muted);font-size:12px}
.crpop .crpopi{display:grid;gap:3px;padding:4px 8px 10px;border-bottom:1px solid var(--line);margin-bottom:4px;color:var(--muted);font-size:12.5px}
.crpop a,.crpop button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--ink);font:inherit;padding:11px 10px;border-radius:10px;text-decoration:none;cursor:pointer;min-height:44px;box-sizing:border-box}
.crpop a:hover,.crpop button:hover{background:var(--chip)}
.crpop .warn{color:#E0332A}.crpop .cl{color:var(--muted);text-align:center;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px}
.crav2{position:relative;display:inline-flex;flex:none;width:52px;height:38px}
.crav2 .crav{position:absolute;width:28px!important;height:28px!important;font-size:10px!important;border:2px solid var(--bg)}
.crav2 .crav:first-child{left:0;top:0}.crav2 .crav:last-child{left:18px;top:10px}
.crand{font-weight:500;color:var(--muted)}
.crcop{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;color:#E8A24A;background:color-mix(in srgb,#E8A24A 14%,transparent);border-radius:999px;padding:2px 8px;vertical-align:1px}
#p-cr .crinv{border-color:color-mix(in srgb,#E8A24A 45%,var(--crl))}
#p-cr .crinvr{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--crl);margin-top:12px}
#p-cr .crinvr img{width:48px;height:60px;object-fit:cover;border-radius:8px;background:#222;display:block}
.crpub .crcolt{align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px}
.crpub .crcolt b{display:block;font-size:14px}.crpub .crcolt small{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:2px}
.crpub select{border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0 12px;font:inherit;font-size:15px;min-height:46px}
.crrp{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);padding:2px 0 4px}
.crrp svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.crrp a{color:var(--ink);font-weight:700;text-decoration:none}
.crrpn{margin:0 0 8px;font-size:14px;line-height:1.5;border-left:2px solid var(--line);padding-left:10px}
:is(#p-cr,.crmod) .cract button.rp.on{color:#34A853}
:is(#p-cr,.crmod) .cract button.rp.on svg{fill:none}
.crrpm>.in{max-width:520px;flex-direction:column;flex-wrap:nowrap}
.crrpm .hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.crrpm .hd h2{margin:0;font-size:16px}.crrpm .hd .cancel{border:0;background:none;color:var(--muted);font:inherit;font-size:15px;cursor:pointer;min-height:44px}
.crrpm .bd{padding:16px;display:grid;gap:14px;overflow:auto}
.crrpm .crrpc{display:flex;gap:12px;align-items:center;background:var(--chip);border-radius:14px;padding:10px}
.crrpm .crrpc img{width:56px;height:70px;object-fit:cover;border-radius:8px}
.crrpm .crrpc small{display:block;color:var(--muted);font-size:13px;line-height:1.4}
.crrpm label.f{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.crrpm textarea{border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:12px 14px;font:inherit;font-size:15px}
.crrpm .crnote{font-size:13px;color:var(--faint);line-height:1.5;margin:0}
.crrpm .crbtn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:#E0332A;color:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.crrpm .crbtn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.crpop .crpopt{font-weight:700;font-size:15px;text-align:center;padding:8px 8px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.crshm a,.crshm button{display:flex!important;align-items:center;gap:12px}
.crshm svg{flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.crshm span small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
:is(#p-cr,.crmod) .cract{gap:0}
:is(#p-cr,.crmod) .cract .crct{font-weight:600;font-size:14px;margin:0 10px 0 -4px;font-variant-numeric:tabular-nums}
:is(#p-cr,.crmod) .cract .crct:empty{margin:0 4px 0 0}
:is(#p-cr,.crmod) .cract .crcomb{width:44px;height:44px;display:grid;place-items:center;color:inherit}
:is(#p-cr,.crmod) .cract button.rp.on{color:#34A853}
.crmute{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}
.crmute svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.crsend>.in{max-width:540px;flex-direction:column;flex-wrap:nowrap;max-height:min(720px,calc(100dvh - 48px))}
.crsend .hd{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line)}
.crsend .hd h2{margin:0;font-size:16px}
.crsend .x2{width:40px;height:40px;border:0;background:none;color:var(--ink);font-size:26px;cursor:pointer;line-height:1}
.crsend .srch{display:flex;align-items:center;gap:8px;margin:12px 14px 4px;background:var(--chip);border-radius:12px;padding:0 12px;min-height:42px}
.crsend .srch svg{fill:none;stroke:var(--muted);stroke-width:2.2;stroke-linecap:round}
.crsend .srch input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:15px;outline:none}
.crsend .grid{flex:1;min-height:160px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;padding:10px 12px;align-content:start}
.crsend .pp{position:relative;display:grid;justify-items:center;gap:6px;border:0;background:none;color:var(--ink);font:inherit;font-size:12.5px;cursor:pointer;padding:10px 4px;border-radius:12px;text-align:center}
.crsend .pp:hover{background:var(--chip)}
.crsend .pp b{font-weight:500;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.crsend .pp i{position:absolute;top:50px;left:calc(50% + 14px);width:22px;height:22px;border-radius:50%;background:#3B82F6;color:#fff;font-style:normal;font-size:13px;display:none;place-items:center;border:2px solid var(--surface)}
.crsend .pp.on i{display:grid}
.crsend .gate{grid-column:1/-1;display:grid;justify-items:center;gap:8px;text-align:center;padding:24px 12px;color:var(--muted);font-size:14px;line-height:1.5}
.crsend .gate b{color:var(--ink);font-size:16px}
.crsend .crbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:#E0332A;color:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none}
.crsend .crbtn.light{background:var(--ink);color:var(--inv)}
.crsend .sendbar{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}.crsend .sendbar[hidden]{display:none}.crsend .gate{min-height:0;align-content:start}.crsend .ext{flex:none}
.crsend .sendbar input{flex:1;min-width:0;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:0 16px;height:44px;font:inherit;font-size:15px}
.crsend .ext{display:flex;gap:4px;overflow-x:auto;padding:12px;border-top:1px solid var(--line);scrollbar-width:none}
.crsend .ext a,.crsend .ext button{flex:none;display:grid;justify-items:center;gap:6px;width:72px;border:0;background:none;color:var(--ink);font:inherit;font-size:11.5px;cursor:pointer;text-decoration:none;text-align:center}
.crsend .ext span{width:50px;height:50px;border-radius:50%;background:var(--chip);display:grid;place-items:center}
.crsend .ext svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.crdmb[hidden]{display:none!important}
.crdmb{position:fixed;right:150px;bottom:24px;z-index:60;display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.crdmb svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.crdmb em,.crdmp .dmh em{font-style:normal;background:#E0332A;color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:2px 7px}
.crdmp{box-sizing:border-box;padding:0;margin:0;position:fixed;right:24px;bottom:86px;z-index:9992;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100dvh - 120px));display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden}
.crdmp .dmh{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--line)}
.crdmp .dmh b{font-size:16px;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crdmp .dmh .dmall{margin-left:auto;font-size:13px;color:var(--muted);text-decoration:none}
.crdmp .dmh button{width:36px;height:36px;border:0;background:none;color:var(--ink);font-size:24px;cursor:pointer;line-height:1;flex:none}
.crdmp .dmb{flex:1;overflow:auto}
.crdmp .dmr{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;color:var(--ink);font:inherit;text-align:left;padding:10px 16px;cursor:pointer}
.crdmp .dmr:hover{background:var(--chip)}
.crdmp .dmr>span:not(.crav){flex:1;min-width:0}
.crdmp .dmr>.crav{flex:none}
.crdmp .dmr b{display:block;font-size:14.5px;font-weight:600}
.crdmp .dmr small{display:block;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crdmp .dmr.un b,.crdmp .dmr.un small{color:var(--ink);font-weight:700}
.crdmp .dmr i{width:9px;height:9px;border-radius:50%;background:#3B82F6;flex:none}
.crdmp .dmc{display:flex;flex-direction:column;gap:8px;padding:12px}
.crdmp .dmm{display:grid;justify-items:start;gap:2px;max-width:80%}
.crdmp .dmm>div{background:var(--chip);border-radius:16px;padding:8px 12px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.crdmp .dmm.me{align-self:flex-end;justify-items:end}
.crdmp .dmm.me>div{background:#3B5BDB;color:#fff}
.crdmp .dmm>small{font-size:11px;color:var(--faint)}
.crdmp .dmm a{color:inherit;text-decoration:underline}
.crdmp .dmm a.dmpost{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none;background:rgba(0,0,0,.18);border-radius:10px;padding:6px 10px;margin-top:4px}
.crdmp .dmm a.dmpost svg,.crdmp .dmm svg{fill:none;stroke:currentColor;stroke-width:2}
.crdmp .dmf{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.crdmp .dmf input{flex:1;min-width:0;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:0 14px;height:42px;font:inherit;font-size:15px}
.crdmp .dmf button{border:0;background:none;color:#3B82F6;font:inherit;font-weight:700;cursor:pointer}
/* Notes vocales (07/10) */
.crdmp .dmf{position:relative;align-items:center}
.crdmp .dmf .dmmic{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--chip);transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s}
.crdmp .dmf .dmmic:hover{transform:scale(1.06)}.crdmp .dmf .dmmic:active{transform:scale(.94)}
.crdmp .dmf svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.crdmp .dmrec{display:none;flex:1;align-items:center;gap:10px;min-width:0;height:42px}
.crdmp .dmf.rec>input,.crdmp .dmf.rec>.dmmic,.crdmp .dmf.rec>button[type=submit]{display:none}.crdmp .dmf.rec .dmrec{display:flex;animation:crfade .2s}
.crdmp .dmrec .x{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.crdmp .dmrec .x:hover{color:#ff5a4f;background:rgba(224,51,42,.1)}
.crdmp .dmrec .dot{width:10px;height:10px;border-radius:50%;background:#E0332A;flex:none;animation:crpulse 1.1s ease-in-out infinite}
@keyframes crpulse{50%{opacity:.25;transform:scale(.7)}}
.crdmp .dmrec .t{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;min-width:34px}
.crdmp .dmrec .mx{font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}
.crdmp .dmrec .lv{flex:1;min-width:0;height:28px;display:flex;align-items:center;justify-content:flex-end;gap:2px;overflow:hidden}
.crdmp .dmrec .lv i,.crdmp .dmvn .wv i{flex:none;width:3px;border-radius:3px;background:var(--c,#fff);transition:height .1s}
.crdmp .dmrec .ok{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff!important;background:#3B5BDB!important;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.crdmp .dmrec .ok:hover{transform:scale(1.06)}
.crdmp .dmm.vo{max-width:90%;width:290px}.crdmp .dmm.vo>div{padding:6px 8px 6px 6px;width:100%;box-sizing:border-box}
.crdmp .dmvn{display:flex;align-items:center;gap:8px;min-width:0;width:100%}
.crdmp .dmvn .vpl{flex:none;width:36px;height:36px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--ink);color:var(--bg);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.crdmp .dmm.me .dmvn .vpl{background:#fff;color:#3B5BDB}
.crdmp .dmvn .vpl:active{transform:scale(.92)}
.crdmp .dmvn .vpl svg{width:15px;height:15px;fill:currentColor;stroke:none}.crdmp .dmvn .vpl .i2{display:none}.crdmp .dmvn.on .vpl .i1{display:none}.crdmp .dmvn.on .vpl .i2{display:block}
.crdmp .dmvn.ld .vpl{animation:crpulse 1s infinite}
.crdmp .dmvn .wv{flex:1;min-width:0;height:30px;display:flex;align-items:center;gap:1.5px;cursor:pointer}.crdmp .dmvn .wv i{flex:1 1 0;width:auto;max-width:3px;min-width:1.5px}
.crdmp .dmvn .wv i{background:color-mix(in srgb,currentColor 32%,transparent)}
.crdmp .dmvn .wv i.p{background:var(--c)}
.crdmp .dmm.me .dmvn .wv i{background:rgba(255,255,255,.38)}.crdmp .dmm.me .dmvn .wv i.p{background:#fff}
.crdmp .dmvn .tm{font-size:12px;font-variant-numeric:tabular-nums;min-width:30px;opacity:.85}
.crdmp .dmvn .sp{flex:none;min-width:34px;height:24px;border-radius:999px;border:0;font:700 11px/1 inherit;cursor:pointer;background:rgba(127,127,127,.22);color:inherit!important}
.crdmp .dmm.pend{opacity:.6}
/* Menu ☰ */
#p-cr .crpfbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
#p-cr .crpfbar .crback{margin-bottom:14px}
#p-cr .crham{width:44px;height:44px;border-radius:50%;border:1px solid var(--crl);background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer;margin-bottom:14px;transition:background .2s}
#p-cr .crham:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}#p-cr .crham svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#p-cr .crdxh .crham{margin-bottom:0;padding:0}
.crpm{position:fixed;inset:0;z-index:10040;background:rgba(0,0,0,.35);animation:crfade .15s}
.crpm .sh{position:absolute;width:340px;max-width:calc(100vw - 24px);border-radius:20px;background:var(--surface,#151518);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.5);padding:6px;animation:crsheet .22s cubic-bezier(.2,.8,.2,1)}
.crpm .hd{display:flex;align-items:baseline;gap:8px;padding:12px 12px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.crpm .hd b{font-size:15px}.crpm .hd small{color:var(--muted);font-size:13px;flex:1}
.crpm .x{border:0;background:none;color:var(--ink);font-size:24px;line-height:1;cursor:pointer;width:32px;height:32px}
.crpm .it{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:14px;background:none;color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.crpm .it:hover,.crpm .it:focus-visible{background:color-mix(in srgb,var(--ink) 8%,transparent);outline:none}
.crpm .it i{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 8%,transparent)}
.crpm .it i svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.crpm .it:nth-of-type(1) i{color:#E0332A}.crpm .it:nth-of-type(2) i{color:#3B6FE0}.crpm .it:nth-of-type(3) i{color:#34A853}.crpm .it:nth-of-type(4) i{color:#B84FD6}.crpm .it:nth-of-type(5) i{color:#E8A24A}
.crpm .it b{display:block;font-size:14.5px;font-weight:600}.crpm .it small{display:block;color:var(--muted);font-size:12.5px;margin-top:1px;line-height:1.35}
@media (max-width:820px){.crpm .sh{left:0;right:0;bottom:0;width:auto;max-width:none;border-radius:22px 22px 0 0;padding:6px 6px calc(14px + env(safe-area-inset-bottom,0px));animation:crsheetup .28s cubic-bezier(.2,.8,.2,1)}}
@keyframes crsheetup{from{transform:translateY(100%)}to{transform:none}}
/* Espace créateur : une fenêtre par rubrique (07/10) */
#p-cr .crdxbk{display:none}
/* 16/10 (JK) : retour visible en haut de l'Espace créateur ; sur téléphone, dans une rubrique, la barre collante .crdxbk le remplace */
#p-cr .crdxtop{display:inline-flex}@media (max-width:820px){#p-cr .crdx.sub .crdxtop{display:none}}
#p-cr .crdxmenu{display:none}
#p-cr .crdxv{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;animation:crdxin .3s cubic-bezier(.2,.8,.2,1)}
@keyframes crdxin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#p-cr .crdxv>.crdxs>.crdxt:first-child{margin-top:0}
#p-cr .crdxa .go{margin-left:auto;align-self:center;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--muted);text-decoration:none;font-size:20px}#p-cr .crdxa .go:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}
@media (max-width:820px){
 #p-cr .crdx .crdxn{display:none}
 #p-cr .crdxmenu{display:grid;gap:0;border-radius:20px;overflow:hidden;background:var(--crc);border:1px solid var(--crl)}
 #p-cr .crdxmenu a{display:flex;align-items:center;gap:14px;padding:15px 16px;color:var(--ink);text-decoration:none;border-top:1px solid var(--crl);transition:background .15s}#p-cr .crdxmenu a:first-child{border-top:0}
 #p-cr .crdxmenu a:active{background:color-mix(in srgb,var(--ink) 7%,transparent)}
 #p-cr .crdxmenu .ic{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 8%,transparent)}
 #p-cr .crdxmenu a:nth-child(1) .ic{color:#E0332A}#p-cr .crdxmenu a:nth-child(2) .ic{color:#B84FD6}#p-cr .crdxmenu a:nth-child(3) .ic{color:#3B6FE0}#p-cr .crdxmenu a:nth-child(4) .ic{color:#12A6A0}#p-cr .crdxmenu a:nth-child(5) .ic{color:#34A853}#p-cr .crdxmenu a:nth-child(6) .ic{color:#E8A24A}
 #p-cr .crdxmenu .ic svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 #p-cr .crdxmenu span{flex:1;min-width:0}#p-cr .crdxmenu b{display:block;font-size:15.5px;font-weight:600}#p-cr .crdxmenu small{display:block;font-size:12.5px;color:var(--muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #p-cr .crdxmenu em{font-style:normal;font-size:24px;line-height:1;color:var(--faint)}
 #p-cr .crdx.sub .crdxh{display:none}
 #p-cr .crdx.sub .crdxbk{position:sticky;top:56px;z-index:6;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:-8px -16px 0;padding:8px 8px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--crl)}
 #p-cr .crdxbk a{display:inline-flex;align-items:center;gap:2px;color:#7aa2ff;text-decoration:none;font-size:15px;min-height:40px;padding-right:8px}
 #p-cr .crdxbk a svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
 #p-cr .crdxbk a span{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #p-cr .crdxbk b{font-size:16px;font-weight:700}
 #p-cr .crdx.sub .crdxv{animation:crdxslide .32s cubic-bezier(.2,.8,.2,1)}
 #p-cr .crdx.sub .crdxv>.crdxs>.crdxt h2{display:none}
}
@keyframes crdxslide{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#p-cr .crdxv,#p-cr .crdx.sub .crdxv{animation:none}}
/* Espace créateur — nouvelle mise en page (07/10) */
#p-cr .crdx{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}#p-cr .crdx>*,#p-cr .crdxs>*{min-width:0}
#p-cr .crdxh{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:8px 0 4px}
#p-cr .crdxh .who{display:flex;align-items:center;gap:16px;min-width:0}
#p-cr .crdxh .who .crav{width:64px;height:64px;box-shadow:0 0 0 3px var(--bg),0 0 0 5px color-mix(in srgb,var(--ink) 14%,transparent)}
#p-cr .crdxh .eb{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#p-cr .crdxh h1{margin:4px 0 0;font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.035em;display:flex;align-items:center;gap:8px}
#p-cr .crdxh h1 .crcert{width:24px;height:24px}
#p-cr .crdxh p{margin:8px 0 0;color:var(--muted);font-size:15px;max-width:52ch}
#p-cr .crdxh .act{display:flex;gap:8px;flex-wrap:wrap}
#p-cr .crdxn{position:sticky;top:64px;z-index:5;display:flex;gap:4px;overflow-x:auto;padding:6px;margin:0 -6px;border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--crl)}
#p-cr .crdxn a{flex:none;padding:9px 16px;border-radius:999px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:600;transition:background .2s,color .2s}
#p-cr .crdxn a:hover{color:var(--ink)}#p-cr .crdxn a[aria-current]{background:var(--ink);color:var(--bg)}
#p-cr .crdxs{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;scroll-margin-top:130px;padding:0;margin:0}
#p-cr .crdxt{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}
#p-cr .crdxt h2{margin:0;font-family:'Space Grotesk',sans-serif;font-size:26px;letter-spacing:-.025em}
#p-cr .crdxs .crbox{padding:20px}
#p-cr .crdxs .hh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
#p-cr .crdxs .hh h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}
#p-cr .crdxk{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px}
#p-cr .crdxk .k{position:relative;overflow:hidden;background:var(--crc);border:1px solid var(--crl);border-radius:20px;padding:18px 20px}
#p-cr .crdxk .k span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
#p-cr .crdxk .k b{display:block;margin-top:10px;font-family:'Space Grotesk',sans-serif;font-size:34px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#p-cr .crdxk .k small{display:block;margin-top:8px;font-size:12.5px;color:var(--faint)}
#p-cr .crdxk .k.hi::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#E0332A,#B84FD6,#3B6FE0,#12A6A0,#34A853,#E8A24A)}
#p-cr .crdxg2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}#p-cr .crdxg2>*{min-width:0}
#p-cr .crdxg2.rev{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
#p-cr .crdxch{display:flex;align-items:flex-end;gap:3px;height:150px}
#p-cr .crdxch i{flex:1;border-radius:4px 4px 2px 2px;background:var(--c);opacity:.85;transition:opacity .2s,transform .2s;transform-origin:bottom}
#p-cr .crdxch i.z{background:color-mix(in srgb,var(--ink) 12%,transparent);opacity:1}#p-cr .crdxch i:hover{opacity:1;transform:scaleY(1.04)}
#p-cr .crdxax{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--faint)}
#p-cr .crdxa{list-style:none;margin:0;padding:0;display:grid;gap:2px}
#p-cr .crdxa li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--crl);font-size:14px;line-height:1.4}#p-cr .crdxa li:first-child{border-top:0}
#p-cr .crdxa .ic{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 7%,transparent)}
#p-cr .crdxa .ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9}
#p-cr .crdxa small{display:block;color:var(--faint);font-size:12px;margin-top:2px}
#p-cr .crdxl{display:block;padding:9px 0;border-top:1px solid var(--crl);color:var(--ink);text-decoration:none;font-size:14px}#p-cr .crdxl:first-of-type{border-top:0}#p-cr .crdxl small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
#p-cr .ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#p-cr .crdxrule{font-size:12.5px;font-weight:600;color:var(--muted);padding:6px 12px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--ink) 25%,transparent)}
#p-cr .crdxw{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;background:rgba(232,162,74,.1);border:1px solid rgba(232,162,74,.4);color:#f0b76a;text-decoration:none;font-weight:600;font-size:14px}
#p-cr .crdxm{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#p-cr .crdxm>div{padding:14px;border-radius:14px;background:color-mix(in srgb,var(--ink) 4%,transparent)}
#p-cr .crdxm span{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
#p-cr .crdxm b{display:block;margin-top:8px;font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#p-cr .crdxm small{display:block;margin-top:6px;font-size:12px;color:var(--faint);line-height:1.35}
#p-cr .crdxm .ok{background:rgba(52,168,83,.1);box-shadow:inset 0 0 0 1px rgba(52,168,83,.35)}#p-cr .crdxm .ok b{color:#5fd07f}
#p-cr .crdxmo{display:flex;align-items:flex-end;gap:10px;height:150px;margin-top:18px}
#p-cr .crdxmo>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
#p-cr .crdxmo i{width:100%;max-width:46px;border-radius:8px 8px 3px 3px;background:var(--c);transition:transform .2s;transform-origin:bottom}#p-cr .crdxmo i:hover{transform:scaleY(1.04)}
#p-cr .crdxmo span{font-size:12px;color:var(--faint)}
#p-cr .crdxtop{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--crl);color:var(--ink);text-decoration:none}#p-cr .crdxtop:first-of-type{border-top:0}
#p-cr .crdxtop img,#p-cr .crdxp img,#p-cr .crinvr img{flex:none;width:48px;height:60px;border-radius:10px;object-fit:cover;background:#1b1b1f;display:block}
#p-cr .crdxtop span{min-width:0}#p-cr .crdxtop b{display:block;font-family:'Space Grotesk',sans-serif;font-size:18px}#p-cr .crdxtop small{display:block;color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#p-cr .crdxtw{overflow-x:auto}
#p-cr .crdxtb{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}
#p-cr .crdxtb th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:0 10px 10px}
#p-cr .crdxtb td{padding:12px 10px;border-top:1px solid var(--crl);font-variant-numeric:tabular-nums}#p-cr .crdxtb td.num{font-weight:700}
#p-cr .crdxtb a{color:#7aa2ff;text-decoration:none}
#p-cr .crst2{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}
#p-cr .crst2.pending{background:rgba(232,162,74,.14);color:#f0b76a}#p-cr .crst2.ok{background:rgba(52,168,83,.14);color:#5fd07f}#p-cr .crst2.paid{background:rgba(59,111,224,.16);color:#86a8f5}#p-cr .crst2.void{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--faint);text-decoration:line-through}
#p-cr .crdxp{display:grid;gap:8px}
#p-cr .crdxp .r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:12px 14px;border-radius:16px;background:var(--crc);border:1px solid var(--crl);transition:border-color .2s}
#p-cr .crdxp .r:hover{border-color:color-mix(in srgb,var(--ink) 25%,transparent)}
#p-cr .crdxp .t{display:flex;align-items:center;gap:12px;min-width:0;color:var(--ink);text-decoration:none}
#p-cr .crdxp .t span{min-width:0}#p-cr .crdxp .t b{display:block;font-size:14.5px}#p-cr .crdxp .t small{display:block;font-size:12.5px;color:var(--faint);margin-top:2px}#p-cr .crdxp .t small.tg{color:var(--muted)}
#p-cr .crdxp .bad{color:#ff6b61;font-style:normal;font-weight:700}
#p-cr .crdxp .st{display:flex;gap:18px}#p-cr .crdxp .st span{display:grid;justify-items:end;font-size:11.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em}
#p-cr .crdxp .st b{font-family:'Space Grotesk',sans-serif;font-size:17px;color:var(--ink);letter-spacing:-.01em;text-transform:none}
#p-cr .crdxp .del{border:0;background:none;color:var(--faint);font:inherit;font-size:13px;cursor:pointer;padding:8px}#p-cr .crdxp .del:hover{color:#ff6b61}
@media (max-width:820px){#p-cr .crdxg2,#p-cr .crdxg2.rev{grid-template-columns:minmax(0,1fr)}#p-cr .crdxs .crinvr{flex-wrap:wrap}#p-cr .crdxs .crinvr>div{flex-basis:calc(100% - 64px)!important}#p-cr .crdxs .crinvr .crbtn{flex:1;justify-content:center}#p-cr .crdxm{grid-template-columns:1fr 1fr 1fr}#p-cr .crdxm b{font-size:19px}#p-cr .crdxp .r{grid-template-columns:1fr auto;gap:10px}#p-cr .crdxp .st{grid-column:1/-1;justify-content:space-between;padding-top:8px;border-top:1px solid var(--crl)}#p-cr .crdxp .st span{justify-items:start}#p-cr .crdxp .del{grid-row:1;grid-column:2}#p-cr .crdxn{top:56px}#p-cr .crdxk .k b{font-size:28px}}
@media (max-width:520px){#p-cr .crdxk{grid-template-columns:1fr 1fr;gap:10px}#p-cr .crdxk .k{padding:14px}#p-cr .crdxk .k b{font-size:24px}#p-cr .crdxk .k span{font-size:11px;letter-spacing:.05em}#p-cr .crdxh h1{font-size:26px}#p-cr .crdxh .who{align-items:flex-start}#p-cr .crdxt h2{font-size:22px}#p-cr .crdxs .crbox{padding:16px}#p-cr .crdxm{grid-template-columns:1fr}#p-cr .crdxh .act{width:100%;flex-wrap:nowrap}#p-cr .crdxh .act .crbtn:not(.cric){flex:1;justify-content:center;padding:0 10px;min-width:0}}
.crps .crbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:#E0332A;color:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer}.crps .crbtn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.crps .crbtn:disabled{opacity:.5}
.crwhen{display:grid;gap:8px;margin:14px 0 6px;padding:12px 14px;border-radius:14px;border:1px solid var(--line)}.crwhen>b{font-size:14px}.crwhen small{color:var(--muted);font-size:12.5px;line-height:1.5}
.crwseg{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:12px;background:var(--chip)}.crwseg button{min-height:38px;border:0;border-radius:9px;background:none;color:var(--muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.crwseg button[aria-checked="true"]{background:var(--surface,#16161a);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.crwat{display:grid;gap:4px}.crwat[hidden]{display:none}.crwat span{font-size:12px;color:var(--muted)}.crwat input{min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--chip);color:var(--ink);font:inherit;font-size:15px;color-scheme:dark}
.crdrb{border:0;background:none;color:var(--ink);font:inherit;font-size:12.5px;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.crdrb:disabled{opacity:.5}
#p-cr .crdrl{display:grid;gap:8px;margin:0 0 22px;padding:14px;border-radius:18px;border:1px dashed color-mix(in srgb,var(--ink) 25%,transparent)}#p-cr .crdrl h3{margin:0 0 4px;font-size:15px}#p-cr .crdrl h3 span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--chip);font-size:12px;margin-left:6px}
#p-cr .crdrl .r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}#p-cr .crdrl img,#p-cr .crdrl .ph{width:48px;height:60px;border-radius:10px;object-fit:cover;background:#222}
#p-cr .crdrl .tx{min-width:0}#p-cr .crdrl .tx b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#p-cr .crdrl .tx small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
#p-cr .crdrl .ac{display:flex;gap:6px}#p-cr .crdrl .ac .crbtn{min-height:36px;padding:0 14px;font-size:13px}
.crdrs{font-style:normal;font-weight:700}.crdrs.s{color:#7aa2ff}.crdrs.d{color:var(--ink)}.crdrs.f{color:#ff6b61}
.crdre .crdrm{display:flex;gap:8px;align-items:center;overflow-x:auto}.crdre .crdrm img,.crdre .crdrm .ph{width:72px;height:90px;border-radius:12px;object-fit:cover;background:#222;flex:none}.crdre .crdrm small{color:var(--muted);font-size:12px}
.crdre .crdrt{display:flex;flex-wrap:wrap;gap:6px}.crdre .crdrt span{font-size:12.5px;padding:4px 10px;border-radius:999px;background:var(--chip)}
.crdre .crdrf{display:grid;gap:6px}.crdre .crdrf span{font-size:12.5px;color:var(--muted)}.crdre textarea,.crdre .crdrf input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--chip);color:var(--ink);font:inherit;font-size:15px;resize:vertical}
.crdre .crdrc{display:flex;gap:10px;align-items:center;font-size:14px}.crdre .crdrc input{width:18px;height:18px;accent-color:#E0332A}
.crdre .crwhen{margin:0}.crdre .crdra{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.crdre .crdrx{margin-left:auto;border:0;background:none;color:#ff6b61;font:inherit;font-size:13px;cursor:pointer;padding:8px}
@media(max-width:600px){#p-cr .crdrl .r{grid-template-columns:auto minmax(0,1fr)}#p-cr .crdrl .ac{grid-column:1/-1}#p-cr .crdrl .ac .crbtn{flex:1;justify-content:center}.crdre .crdra .crbtn{flex:1;justify-content:center}.crdre .crdrx{margin:0 auto}}
#p-cr .crdxp .ac{display:flex;flex-direction:column;align-items:flex-end;gap:0}#p-cr .crdxp .sts{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:8px}#p-cr .crdxp .sts svg{fill:none;stroke:currentColor;stroke-width:2}#p-cr .crdxp .sts:hover{color:#ff6b61}
@media(max-width:820px){#p-cr .crdxp .ac{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;margin:-4px -8px -8px}}
.crps{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;background:rgba(0,0,0,.62);animation:crfade .2s;padding:16px}
.crpsb{width:min(640px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:22px;background:var(--surface,#16161a);border:1px solid var(--line);color:var(--ink);animation:crsheet .25s cubic-bezier(.2,.8,.2,1)}
.crpsh{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--surface,#16161a);border-bottom:1px solid var(--line)}.crpsh b{font-size:17px}.crpsh .x{width:34px;height:34px;border:0;border-radius:50%;background:var(--chip);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
.crpsc{padding:16px 18px 20px;display:grid;gap:16px}
.crpsp{display:flex;gap:14px;align-items:center}.crpsp img,.crpsp .ph{width:64px;height:80px;border-radius:12px;object-fit:cover;background:#222;flex:none}.crpsp div{min-width:0}.crpsp b{display:block;font-size:14.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.crpsp small{display:block;color:var(--muted);font-size:12.5px;margin:3px 0 6px}.crpsp a{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}
.crpsk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.crpsk .k{padding:12px 14px;border-radius:14px;background:var(--chip);min-width:0}.crpsk .k b{display:block;font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-.02em}.crpsk .k span{display:block;font-size:12px;color:var(--muted)}.crpsk .k small{display:block;font-size:11.5px;margin-top:4px;color:var(--muted)}.crpsk i{font-style:normal;font-weight:700}.crpsk i.up{color:#34A853}.crpsk i.dn{color:#E8A24A}
.crpsm{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.crpsm>div{padding:12px 14px;border-radius:14px;border:1px solid var(--line)}.crpsm b{display:block;font-family:'Space Grotesk',sans-serif;font-size:22px}.crpsm span{display:block;font-size:12.5px;color:var(--muted);line-height:1.4}.crpsm small{display:block;font-size:11px;color:var(--faint);margin-top:4px;line-height:1.35}.crpsm sup{font-size:12px}
.crpsm .money{background:color-mix(in srgb,#34A853 12%,transparent);border-color:color-mix(in srgb,#34A853 35%,transparent)}.crpsm .money b{color:#5fd27d}.crpsm .money.none{background:none;border-color:var(--line)}.crpsm .money.none b{color:var(--ink)}
.crpsg .hh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}.crpsg .hh span{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.crpsg .hh i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:8px}.crpsg .hh i.v{background:#3B6FE0}.crpsg .hh i.c{background:#E0332A;border-radius:50%}
.crpsg .bars{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;height:140px;align-items:end}.crpsg .d{display:grid;grid-template-rows:1fr auto;height:100%;gap:4px}.crpsg .col{position:relative;display:flex;align-items:flex-end;background:color-mix(in srgb,var(--ink) 5%,transparent);border-radius:6px;overflow:visible}
.crpsg .col .v{display:block;width:100%;min-height:2px;border-radius:6px;background:linear-gradient(180deg,#5b8cff,#3B6FE0)}.crpsg .col .c{position:absolute;left:50%;transform:translate(-50%,-4px);min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#E0332A;color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center}
.crpsg .d small{text-align:center;font-size:10.5px;color:var(--faint)}
.crpst{display:grid;gap:8px}.crpst>b{font-size:14.5px}.crpst .r{display:grid;grid-template-columns:auto minmax(0,1fr) repeat(3,auto);gap:12px;align-items:center;padding:8px 10px;border-radius:14px;background:var(--chip)}.crpst img,.crpst .ph{width:48px;height:32px;border-radius:8px;object-fit:cover;background:#222}
.crpst .n{font-size:14px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crpst .n small{display:block;font-weight:500;font-size:11.5px;color:var(--muted)}.crpst .c{display:grid;justify-items:end;font-size:11px;color:var(--muted)}.crpst .c b{font-size:15px;color:var(--ink)}
@media(max-width:520px){.crps{padding:0;place-items:end stretch}.crpsb{border-radius:22px 22px 0 0;max-height:92dvh}.crpsk{grid-template-columns:repeat(2,minmax(0,1fr))}.crpst .r{grid-template-columns:auto minmax(0,1fr) auto auto;}.crpst .r .c:last-child{display:none}.crpsg .bars{height:110px;gap:3px}}
/* Mentions, vues, Paramètres et confidentialité, certification (07/10) */
.crmen{color:#7aa2ff;font-weight:600;text-decoration:none}.crmen:hover{text-decoration:underline}
.crmenp{position:fixed;z-index:9998;max-height:300px;overflow:auto;padding:6px;border-radius:16px;background:var(--surface,#151518);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.45);animation:crfade .15s}
.crmenp button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:10px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.crmenp button.on,.crmenp button:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.crmenp b{display:flex;align-items:center;gap:4px;font-size:14px}.crmenp b .crcert{width:14px;height:14px}.crmenp small{display:block;color:var(--muted);font-size:12.5px}
.crmenp .none{padding:10px;color:var(--muted);font-size:13px}
.crmd .crvws{position:absolute;left:10px;top:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:5px 9px 5px 7px;border-radius:999px;background:rgba(10,10,14,.6);color:#fff;font:700 12px/1 Inter,system-ui,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}
.crmd .crvws svg,#p-cr .crgrid .gv svg{fill:none;stroke:currentColor;stroke-width:2}
@keyframes crbump{0%{transform:scale(1)}35%{transform:scale(1.18);background:rgba(224,51,42,.85)}100%{transform:scale(1)}}
.crmd .crvws.bump{animation:crbump .7s cubic-bezier(.34,1.56,.64,1)}
#p-cr .crgrid .gv{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:12.5px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.crcom div.hid{opacity:.55}
.crcom .crthr{display:grid;gap:10px}.crcom .crsubs{display:grid;gap:10px;margin-left:22px;padding-left:12px;border-left:2px solid var(--line)}
.crcom .crcmt{display:flex;align-items:flex-start;gap:10px;border-radius:10px;transition:background .6s}.crcom .crcmt.new{background:color-mix(in srgb,#E0332A 12%,transparent)}
.crcom .crcmt .tx{flex:1;min-width:0;overflow-wrap:anywhere}.crcom .crcmt .tx b{margin-right:6px}
.crcom .crcmb{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,#E0332A 18%,transparent);color:#ff6a60;font-size:10.5px;font-weight:700;vertical-align:1px}
.crcom .crcmto{color:var(--muted);font-weight:600}
.crcom .crcmt small button{margin-left:10px;font-weight:600}
.crcom .crclk{flex:none;margin:2px 0 0;display:grid;justify-items:center;gap:1px;min-width:28px;color:var(--faint)}.crcom .crclk svg{fill:none;stroke:currentColor;stroke-width:2}.crcom .crclk span{font-size:11px;line-height:1}
.crcom .crclk.on{color:#E0332A}.crcom .crclk.on svg{fill:currentColor}
.crcom .crmore2{margin:0;justify-self:start;font-weight:600;color:var(--muted)}
.crrbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 -2px;padding:6px 10px;border-radius:10px;background:var(--chip);font-size:12.5px;color:var(--muted)}.crrbar[hidden]{display:none}.crrbar button{border:0;background:none;color:var(--ink);font-size:18px;line-height:1;cursor:pointer;padding:0 4px}
#p-cr .crgrid .crpin{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff}#p-cr .crgrid .crpin svg{fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round}.crcom small button{margin-left:8px}
.crdmp .dmh .dmblk{font-size:0;color:var(--muted)}.crdmp .dmh .dmblk svg{fill:none;stroke:currentColor;stroke-width:2}.crdmp .dmh .dmblk:hover{color:#ff5a4f}
.crask.crask2{position:fixed;z-index:10050}
.crrep>form{width:min(380px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border-radius:20px;background:var(--surface,#16161a);border:1px solid var(--line);text-align:left;animation:crsheet .25s cubic-bezier(.2,.8,.2,1)}
.crrep b{padding:20px 20px 4px}.crrep p{padding:0 20px 12px}
.crrepl{display:grid;gap:2px;padding:0 12px 10px}.crrepl label,.crrepb{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 10px;border-radius:12px;cursor:pointer;font-size:14.5px}.crrepl label:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.crrepl input,.crrepb input{width:18px;height:18px;margin:0;accent-color:#E0332A;flex:none}
.crrep textarea{display:block;width:calc(100% - 40px);margin:0 20px 8px;box-sizing:border-box;resize:vertical;min-height:60px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink);font:inherit;font-size:14px}
.crrepb{margin:0 10px}.crrep small{display:block;padding:8px 20px 16px;color:var(--muted);font-size:12.5px;line-height:1.5}
.crrep .y{text-align:center}.crrep .y:disabled{opacity:.4;cursor:default}.crrep .n{text-align:center}
#p-cr .cric{width:44px;padding:0;justify-content:center}#p-cr .cric svg,#p-cr .crbtn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#p-cr .crmens h2{margin:0 0 6px}#p-cr .crmrow{display:block;padding:10px 0;border-top:1px solid var(--crl);color:var(--ink);text-decoration:none;font-size:14px}#p-cr .crmrow:first-of-type{border-top:0}#p-cr .crmrow small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
#p-cr .crset{max-width:1040px;margin:0 auto}
#p-cr .crseth h1{margin:0;font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,40px);letter-spacing:-.03em}#p-cr .crseth p{color:var(--muted);margin:6px 0 0}
#p-cr .crsetg{display:grid;grid-template-columns:220px 1fr;gap:28px;margin-top:24px;align-items:start}
#p-cr .crsetn{position:sticky;top:88px;display:grid;gap:2px}
#p-cr .crsetn a{padding:10px 12px;border-radius:12px;color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:600;transition:background .2s,color .2s}#p-cr .crsetn a:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}
#p-cr .crsetb{display:grid;gap:16px;min-width:0}#p-cr .crsetb .crbox{scroll-margin-top:90px}
#p-cr .crsetb h2{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:18px}
#p-cr .crsrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--crl)}#p-cr .crsetb h2+.crsrow{border-top:0}
#p-cr .crsrow b{display:block;font-size:14.5px}#p-cr .crsrow small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:3px;max-width:52ch}
#p-cr .crsrow.tg{cursor:pointer}
#p-cr .crseg3{display:flex;flex:none;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,transparent)}
#p-cr .crseg3 button{min-height:34px;padding:0 13px;border:0;border-radius:999px;background:none;color:var(--muted);font:600 13px/1 inherit;cursor:pointer;transition:background .2s,color .2s}
#p-cr .crseg3 button[aria-checked=true]{background:var(--ink);color:var(--bg)}
#p-cr .crsw{appearance:none;-webkit-appearance:none;flex:none;width:48px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--ink) 18%,transparent);position:relative;cursor:pointer;transition:background .25s}
#p-cr .crsw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
#p-cr .crsw:checked{background:linear-gradient(90deg,#E0332A,#B84FD6,#3B6FE0,#12A6A0,#34A853,#E8A24A)}#p-cr .crsw:checked::after{transform:translateX(20px)}
#p-cr .crwords{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}#p-cr .crwords span{display:inline-flex;align-items:center;gap:4px;padding:6px 6px 6px 12px;border-radius:999px;background:var(--chip);font-size:13.5px}
#p-cr .crwords button{width:22px;height:22px;border:0;border-radius:50%;background:rgba(127,127,127,.25);color:var(--ink);cursor:pointer;line-height:1}
#p-cr .crwadd{display:flex;gap:8px;margin-top:6px}#p-cr .crwadd input{flex:1;min-width:0;height:44px;border-radius:12px;border:1px solid var(--crl);background:var(--surface);color:var(--ink);padding:0 14px;font:inherit;font-size:15px}
#p-cr .crblk{display:grid;gap:4px;margin-top:8px}#p-cr .crblk>div{display:flex;align-items:center;gap:12px;padding:8px 0}#p-cr .crblk b{flex:1;font-size:14.5px}#p-cr .crblk small{color:var(--muted);font-size:12.5px}
#p-cr .crcertp{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--ink) 4%,transparent)}
#p-cr .crcertp>div:nth-child(2){flex:1;min-width:180px}#p-cr .crcertp b{display:block}#p-cr .crcertp small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
#p-cr .crcertp .crcring{flex:none;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#E0332A 0%,#B84FD6 calc(var(--p)*.2%),#3B6FE0 calc(var(--p)*.4%),#12A6A0 calc(var(--p)*.6%),#34A853 calc(var(--p)*.8%),#E8A24A calc(var(--p)*1%),color-mix(in srgb,var(--ink) 12%,transparent) 0)}
#p-cr .crcertp .crcring b{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--crc);font-size:15px}
#p-cr .crcrit{list-style:none;margin:0;padding:0;display:grid;gap:2px}
/* 16/10 : boutons « faire » des critères, carte de la Vue d'ensemble, page tuto Whop */
#p-cr .crcrit .ca{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-style:normal}#p-cr .crcrit .ca a,#p-cr .crwtuto{font-size:13px;font-weight:600;color:#E0332A;text-decoration:none}#p-cr .crcrit .ca a:hover,#p-cr .crwtuto:hover{text-decoration:underline}
#p-cr .crcertc .crcertp{margin:6px 0 4px}
#p-cr .crtuto{max-width:720px;margin:0 auto}#p-cr .crtuto .crbox{margin-top:14px}
#p-cr .crtutov{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;margin-top:10px}#p-cr .crtutov iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#p-cr .crtuto-s{margin:10px 0 16px;padding-left:20px;display:grid;gap:8px;font-size:14.5px;line-height:1.55}
#p-cr .crcrit li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--crl);font-size:14px}
#p-cr .crcrit li i{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ink) 25%,transparent);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;margin-top:1px}
#p-cr .crcrit li.ok i{border-color:#34A853;background:#34A853;color:#fff}#p-cr .crcrit li.pend i{border-color:#E8A24A;border-style:dashed}
#p-cr .crcrit li.ok span{color:var(--muted)}#p-cr .crcrit small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}#p-cr .crcrit a{display:block;width:fit-content;margin-top:4px;font-size:13px;color:#7aa2ff;font-weight:600}
#p-cr .crwst{margin:10px 0 0;font-size:13px;font-weight:600;color:var(--muted)}#p-cr .crwst.ok{color:#34A853}#p-cr .crwst.pend{color:#E8A24A}
#p-cr .crbtn.danger{color:#ff5a4f;border-color:rgba(224,51,42,.45)}
@media (max-width:820px){#p-cr .crsetg{grid-template-columns:1fr}#p-cr .crsetn{position:static;display:flex;overflow-x:auto;gap:6px;padding-bottom:4px}#p-cr .crsetn a{flex:none;border:1px solid var(--crl);border-radius:999px;padding:8px 14px;font-size:13px}
 #p-cr .crsrow{flex-direction:column;align-items:stretch}#p-cr .crsrow.tg{flex-direction:row;align-items:center}#p-cr .crseg3{align-self:flex-start}}
/* Photos et vidéos dans les messages */
.crdmp .dmf .dmadd{margin-right:-2px}
.crdmp .dmtray{display:flex;gap:8px;padding:10px 10px 0;overflow-x:auto;border-top:1px solid var(--line)}
.crdmp .dmtray[hidden]{display:none}.crdmp .dmtray+.dmf{border-top:0}
.crdmp .dmtray .ti{position:relative;flex:none;width:64px;height:64px;border-radius:12px;overflow:hidden;background:#1b1b1f;animation:crfade .2s}
.crdmp .dmtray .ti img,.crdmp .dmtray .ti video{width:100%;height:100%;object-fit:cover;display:block}
.crdmp .dmtray .ti b{position:absolute;left:5px;bottom:3px;color:#fff;font-size:10px;text-shadow:0 1px 3px #000}
.crdmp .dmtray .ti button{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;font-size:13px;line-height:20px;padding:0;cursor:pointer}
.crdmp .dmtray .tadd{flex:none;width:64px;height:64px;border-radius:12px;border:2px dashed var(--line);background:none;color:var(--muted);font-size:22px;cursor:pointer}
.crdmp .dmm.dmph{max-width:78%;width:250px;justify-items:stretch}.crdmp .dmm.dmph.me{justify-items:stretch}.crdmp .dmm.dmph>div{justify-self:start}.crdmp .dmm.dmph.me>div{justify-self:end}.crdmp .dmm.dmph>small{justify-self:start}.crdmp .dmm.dmph.me>small{justify-self:end}
.crdmp .dmm>div.dmg{background:none!important;padding:0!important;justify-self:stretch!important;line-height:0}
.crdmp .dmg{display:grid;gap:3px;width:100%;border-radius:16px;overflow:hidden}
.crdmp .dmg.n1{grid-template-columns:1fr}.crdmp .dmg.n2{grid-template-columns:1fr 1fr}.crdmp .dmg.n3{grid-template-columns:1fr 1fr}.crdmp .dmg.n3 .dmgi:first-child{grid-column:1/-1}.crdmp .dmg.n4{grid-template-columns:1fr 1fr}
.crdmp .dmgi{position:relative;display:block;border:0;padding:0;margin:0;background:#1b1b1f;cursor:zoom-in;aspect-ratio:1;overflow:hidden}
.crdmp .dmg.n1 .dmgi{aspect-ratio:4/5;max-height:320px}.crdmp .dmg.n3 .dmgi:first-child{aspect-ratio:16/10}
.crdmp .dmgi img,.crdmp .dmgi video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.crdmp .dmgi:hover img,.crdmp .dmgi:hover video{transform:scale(1.03)}
.crdmp .dmgi .pv{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 6px;border-radius:999px;background:rgba(10,10,14,.65);color:#fff;font:700 11px/1 inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.crdmp .dmgi .pv svg{width:12px;height:12px;fill:#fff;stroke:none}
.crdmp .dmgi .more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:22px;font-weight:800}
.crdmp .dmgi .dpr{position:absolute;left:0;bottom:0;height:4px;background:#fff;transition:width .2s}
.crdmp .dmm.dmph>div:not(.dmg){margin-top:3px}
.crlbx{position:fixed;inset:0;z-index:9996;background:rgba(0,0,0,.94);display:grid;place-items:center;animation:crfade .2s}
.crlbx .st{width:100%;height:100%;display:grid;place-items:center;padding:56px 16px}
.crlbx .st img,.crlbx .st video{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;animation:crcovin .3s cubic-bezier(.2,.8,.2,1)}
.crlbx button{position:absolute;z-index:2;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;border-radius:50%;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.crlbx .x{top:14px;right:14px;width:44px;height:44px;font-size:26px}
.crlbx .nv{top:50%;width:48px;height:48px;margin-top:-24px;font-size:30px}.crlbx .nv.p{left:14px}.crlbx .nv.n{right:14px}
.crlbx .c{position:absolute;top:24px;left:50%;transform:translateX(-50%);color:#fff;font:600 13px/1 inherit;opacity:.8}
@media (prefers-reduced-motion:reduce){.crdmp .dmrec .dot,.crdmp .dmvn.ld .vpl{animation:none}}
@media (max-width:700px){.crdmb{right:auto;left:16px;bottom:16px;height:46px;padding:0 14px}.crdmb span{display:none}.crdmp{right:0;left:0;bottom:0;top:0;width:100vw;height:100dvh;border-radius:0;padding-top:env(safe-area-inset-top,0px)}.crsend>.in{max-height:100dvh}}
#p-cr .crsl2{display:flex;gap:10px;overflow-x:auto;margin-top:12px;padding-bottom:4px}
#p-cr .crstc{position:relative;flex:none;width:110px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;border:0;padding:0;background:#222;cursor:pointer;color:#fff;text-align:left}
#p-cr .crstc img{width:100%;height:100%;object-fit:cover}
#p-cr .crstc span{position:absolute;left:0;right:0;bottom:0;padding:8px;font-size:12px;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.75))}
#p-cr .crstc small{font-weight:500;opacity:.85}
.crsv{background:#000;padding:0}
.crsv .svb{position:relative;width:min(100vw,calc((100dvh - 24px)*9/16));height:min(100dvh,calc(100vw*16/9));max-height:100dvh;background:#111;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;color:#fff}
.crsv .svbars{position:absolute;top:10px;left:10px;right:10px;z-index:3;display:flex;gap:4px}
.crsv .svbars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.crsv .svbars b{display:block;height:100%;background:#fff}
.crsv .svb::before{content:'';position:absolute;left:0;right:0;top:0;height:110px;z-index:2;pointer-events:none;background:linear-gradient(rgba(0,0,0,.5),transparent)}
.crsv .svh{position:absolute;top:20px;left:10px;right:10px;z-index:3;display:flex;align-items:center;gap:10px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.crsv .svh a{color:#fff;font-weight:700;font-size:14px;text-decoration:none}
.crsv .svh small{display:block;font-size:12px;opacity:.8}
.crsv .svx{width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.4);color:#fff;font-size:24px;cursor:pointer}
.crsv .svm{position:absolute;inset:0;display:block}
.crsv .svm img,.crsv .svm video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.crsv .svp,.crsv .svn{position:absolute;top:70px;bottom:120px;border:0;background:transparent;cursor:pointer}
.crsv .svp{left:0;width:34%}.crsv .svn{right:0;width:66%}
.crsv .svf{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:40px 12px 14px;background:linear-gradient(transparent,rgba(0,0,0,.8));display:grid;gap:8px}
.crsv .svf>*{min-width:0}
.crsv .svf p{margin:0;font-size:15px;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.crsv .crtag{background:rgba(20,20,23,.85);border-color:rgba(255,255,255,.15);color:#fff;margin:0}
.crsv .crtag .tx small{color:rgba(255,255,255,.7)}
.crsv .crtag .go{background:#fff;color:#0B0B0C}.crsv .crtag .go.o{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.crsv .svme{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.crsv .svme button{border:0;background:none;color:#fff;text-decoration:underline;font:inherit;cursor:pointer}
/* 15/10 (JK) : stories comme Instagram — barre du bas (répondre, J'aime, partager), « Activité », son, appui long, glisser */
.crsv{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.crsv input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.crsv .svm{touch-action:none}
.crsv .svm img[hidden],.crsv .svm video[hidden]{display:none}
.crsv .svm img{-webkit-user-drag:none}
.crsv .svwho{flex:1;min-width:0;line-height:1.25}
.crsv .svwho a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.crsv .svx{flex:none;display:grid;place-items:center;padding:0;line-height:1}
.crsv .svx svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.crsv .svbars,.crsv .svh,.crsv .svf,.crsv .svb::before{transition:opacity .2s}
.crsv.hold .svbars,.crsv.hold .svh,.crsv.hold .svf,.crsv.hold .svb::before{opacity:0}
.crsv .svf{transform:translateY(calc(-1 * var(--kb,0px)));padding-bottom:max(14px,calc(env(safe-area-inset-bottom,0px) + 8px));pointer-events:none}
.crsv .svf>*{pointer-events:auto}
.crsv.typing .svf>p,.crsv.typing .svf>.crtag{display:none}
.crsv.typing .svm::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5);pointer-events:none}
.crsv .svr{display:flex;align-items:center;gap:2px}
.crsv .svr input{flex:1;min-width:0;height:44px;box-sizing:border-box;margin:0 4px 0 0;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.18);color:#fff;padding:0 16px;font:inherit;font-size:16px;outline:none;-webkit-appearance:none;appearance:none}
.crsv .svr input:focus{border-color:#fff;background:rgba(0,0,0,.35)}
.crsv .svr input::placeholder{color:rgba(255,255,255,.85);opacity:1}
.crsv .svr button{flex:none;height:44px;min-width:44px;padding:0;border:0;background:none;color:#fff;display:grid;place-items:center;cursor:pointer}
.crsv .svr svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.crsv .svr .svl.on svg{fill:#E0332A;stroke:#E0332A}
.crsv .svr .svl.crbang svg{animation:crpop .45s cubic-bezier(.34,1.56,.64,1)}
.crsv .svr .svgo{display:none;font:inherit;font-weight:700;font-size:15px;padding:0 10px}
.crsv .svr.has .svgo{display:grid}.crsv .svr.has .svl,.crsv .svr.has .svs{display:none}
.crsv .svme{align-items:center}
.crsv .svme button{min-height:44px}
.crsv .svme .svact{display:flex;align-items:center;gap:6px;padding:0;color:#fff;font-size:13px;text-decoration:none}
.crsv .svact svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.crsv .svact small{font-size:13px;font-weight:700;margin-left:4px}
.crsv .svsh{position:absolute;left:0;right:0;bottom:0;z-index:5;max-height:62%;display:flex;flex-direction:column;background:#141417;color:#fff;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation:crsheetup .25s cubic-bezier(.2,.8,.2,1)}
.crsv .svsh[hidden]{display:none}
.crsv .svsh .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px}
.crsv .svsh .hd button{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.crsv .svsh .bd{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:6px 16px 14px}
.crsv .svsh .crnote{color:rgba(255,255,255,.7);padding:14px 0;text-align:center}
.crsv .svv{display:flex;align-items:center;gap:12px;padding:8px 0}.crsv .svv>.crav{flex:none}.crsv .svv>.svt{flex:1;min-width:0}
.crsv .svv b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crsv .svv small{display:block;font-size:12px;opacity:.7}
.crsv .svv i svg{width:20px;height:20px;fill:#E0332A;stroke:#E0332A}
.crdmp a.dmst{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:inherit;text-decoration:none!important}.crdmp .dmm.me a.dmst{justify-content:flex-end}
.crdmp .dmst img,.crdmp .dmst i{flex:none;width:42px;height:74px;border-radius:8px;object-fit:cover;background:rgba(127,127,127,.25)}
.crdmp .dmst small{font-size:12px;opacity:.75;line-height:1.3}
a.cxqi{text-decoration:none}
.crsa .prev img,.crsa .prev video{object-fit:cover}
#p-cr .crring>.crav:not(:has(img)),#p-cr .crpfst>.crav:not(:has(img)){background:linear-gradient(135deg,#12A6A0,#3B6FE0)}
.crsa .prev,.crsa .svdrop{aspect-ratio:9/16;max-height:60dvh;margin:0 auto;position:relative;width:auto}
@media (max-width:700px){.crsv .svb{border-radius:0;width:100vw;height:100dvh}}
/* ===== Identité Backstage Color (07/10, JK) : pas une copie d'Instagram ===== */
#p-cr,.crmod,.crdmp,.crdmb{--b6:conic-gradient(from -150deg,#E0332A 0 60deg,#B84FD6 60deg 120deg,#3B6FE0 120deg 180deg,#12A6A0 180deg 240deg,#34A853 240deg 300deg,#E8A24A 300deg 360deg);--b6l:linear-gradient(90deg,#E0332A,#B84FD6,#3B6FE0,#12A6A0,#34A853,#E8A24A)}
/* Ronds des stories : anneau segmenté aux 6 couleurs du logo */
#p-cr .crring.fresh,#p-cr .crpfst.fresh{background:conic-gradient(from -150deg,#E0332A 0 52deg,transparent 52deg 60deg,#B84FD6 60deg 112deg,transparent 112deg 120deg,#3B6FE0 120deg 172deg,transparent 172deg 180deg,#12A6A0 180deg 232deg,transparent 232deg 240deg,#34A853 240deg 292deg,transparent 292deg 300deg,#E8A24A 300deg 352deg,transparent 352deg 360deg)}
#p-cr .crring{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}
#p-cr .crst .crsti:hover .crring,#p-cr .crst .crsti:focus-within .crring{transform:scale(1.06)}
/* Cartes de publication */
#p-cr .crp{background:var(--crc);border:1px solid var(--crl);border-radius:22px;padding:12px 12px 16px;margin-bottom:18px}
#p-cr .crp .crph{padding:2px 2px 10px}
#p-cr .crp>.crcap,#p-cr .crp>.crkw,#p-cr .crp>.crcl,#p-cr .crp>.crtag{margin-left:2px;margin-right:2px}
#p-cr .crp .crmd{border-radius:16px}
.crgs{display:block;height:3px;margin:8px 2px 0;border-radius:3px;background:linear-gradient(90deg,#E0332A,#B84FD6,#3B6FE0,#12A6A0,#34A853,#E8A24A);opacity:.35;transition:opacity .3s}
#p-cr .crp:has(.crb.lk.on) .crgs{opacity:1}
/* Téléphones (08/10, JK) : publications bord à bord comme dans une appli, en-tête plus compact, bulles réduites */
#p-cr .crcomp .t .sm,#p-cr .crtag small .by{display:inline}
#p-cr .crcomp .t .sm{display:none}
@media (max-width:600px){
 #p-cr .crm{margin-left:0;margin-right:0}
 #p-cr .crp{margin:0 -18px;border-radius:0;border-width:0 0 1px;background:transparent;padding:12px 0 16px}
 #p-cr .crp>*:not(.crmd){margin-left:16px;margin-right:16px}
 #p-cr .crp .crph{padding:0 0 10px}
 #p-cr .crp .crmd{border-radius:0}
 #p-cr .crhd h1{font-size:28px}
 #p-cr .crhd p{display:none}
 #p-cr .crhd{align-items:center}
 #p-cr .crcomp .t .lg,#p-cr .crtag small .by{display:none}
 #p-cr .crcomp .t .sm{display:inline}
 body:has(#p-cr.on) .sup-b .sup-tx{display:none}
 body:has(#p-cr.on) .sup-b{padding:0 6px!important;gap:0}
}
@keyframes crjust{0%{box-shadow:0 0 0 0 rgba(224,51,42,.0)}15%{box-shadow:0 0 0 3px rgba(224,51,42,.85)}100%{box-shadow:0 0 0 0 rgba(224,51,42,0)}}
#p-cr .crp.crjust{animation:crjust 2.4s ease-out}
/* 09/10 (JK, modèle Instagram) : fil centré étroit, barre de navigation à gauche, colonne compte + suggestions à droite */
#p-cr .crrail{display:none}
#p-cr .crlnk{border:0;background:none;color:var(--cra);font:inherit;font-weight:700;font-size:13px;cursor:pointer;padding:8px 0;flex:none}
#p-cr .crsech{display:flex;align-items:center;justify-content:space-between;gap:10px}
#p-cr .crsech a{font-size:12.5px;font-weight:700;color:var(--ink);text-decoration:none}
#p-cr .crft{margin:30px 0 0;font-size:12px;line-height:1.8;color:var(--faint)}
#p-cr .crft a{color:inherit;text-decoration:none}#p-cr .crft a:hover{text-decoration:underline}
#p-cr .crsk{display:grid;gap:26px;padding-top:8px}
#p-cr .crsk i{display:block;height:420px;border-radius:8px;background:linear-gradient(100deg,var(--crc) 30%,color-mix(in srgb,var(--ink) 8%,var(--crc)) 50%,var(--crc) 70%) 0 0/250% 100%;animation:crshim 1.2s linear infinite}
#p-cr .crsk i:first-child{height:84px;border-radius:14px}
@media (min-width:1100px){
 #p-cr .crx{padding-top:18px}
 #p-cr .crw.crig{display:grid!important;grid-template-columns:76px minmax(0,470px) 320px;gap:0 56px;justify-content:center;align-items:start;max-width:none}
 #p-cr .crig>.crm{max-width:470px;width:100%}
 #p-cr .crig>.cra{max-width:320px;width:100%;padding-top:10px}
 #p-cr .crrail{display:flex;flex-direction:column;gap:2px;position:sticky;top:84px;align-self:start}
 #p-cr .crrl{display:none}
 #p-cr .crri{display:flex;align-items:center;gap:16px;height:52px;padding:0 13px;border-radius:12px;color:var(--ink);text-decoration:none;border:0;background:none;font:inherit;font-size:15px;cursor:pointer;width:100%;box-sizing:border-box}
 #p-cr .crri:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}
 #p-cr .crri:active{transform:scale(.97)}
 #p-cr .crri .ic{display:grid;place-items:center;width:26px;height:26px;flex:none;transition:transform .15s}
 #p-cr .crri:hover .ic{transform:scale(1.08)}
 #p-cr .crri svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 #p-cr .crri.on{font-weight:700}#p-cr .crri.on svg{stroke-width:2.6}
 #p-cr .crri .lb{display:none;white-space:nowrap}
 #p-cr .crri .crav{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--ink)}
 /* en-tête, recherche et zone « Publier » passent dans la barre de gauche */
 #p-cr .crig .crhd,#p-cr .crig .crsbar,#p-cr .crig .crcomp{display:none}
 #p-cr .crig .crst{padding:4px 0 10px;gap:14px}
 #p-cr .crig .crtabs{gap:22px;margin:6px 0 18px;border-bottom:1px solid var(--crl)}
 #p-cr .crig .crtabs a{border:0;border-radius:0;padding:10px 0;margin-bottom:-1px;font-size:14px;font-weight:600;color:var(--muted);background:none}
 #p-cr .crig .crtabs a[aria-current="page"]{color:var(--ink);background:none;border-bottom:2px solid var(--ink);font-weight:700}
 /* publications : sans carte, comme Instagram */
 #p-cr .crig .crp{background:none;border:0;border-bottom:1px solid var(--crl);border-radius:0;padding:0 0 18px;margin-bottom:22px}
 #p-cr .crig .crp .crph{padding:0 0 10px}
 #p-cr .crig .crp>.crcap,#p-cr .crig .crp>.crkw,#p-cr .crig .crp>.crcl,#p-cr .crig .crp>.crtag{margin-left:0;margin-right:0}
 #p-cr .crig .crp .crmd{border-radius:6px;box-shadow:0 0 0 1px var(--crl)}
 #p-cr .crig .crgs{display:none}
 #p-cr .crig .crb{border-color:transparent;padding:0 8px;min-width:40px}
 #p-cr .crig .crb:hover{background:none;opacity:.6}
 #p-cr .crig .crb .lbl{display:none}
 #p-cr .crig .crbar{gap:2px;margin-left:-8px}
 #p-cr .crig .cra .crme{padding:0}
 #p-cr .crig .cra .crsec{margin-top:22px}
 #p-cr .crig .cra h2{font-size:14px}
 #p-cr .crig .crsug{gap:12px;margin-top:12px}
}
@media (min-width:1380px){
 #p-cr .crw.crig{grid-template-columns:220px minmax(0,470px) 320px;gap:0 64px}
 #p-cr .crrl{display:flex;align-items:center;gap:10px;padding:6px 13px 22px;font-size:20px;font-weight:700;line-height:1;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
 #p-cr .crri .lb{display:inline}
}
/* 09/10 (JK) : barre d'onglets en bas (téléphone et tablette) — Accueil, Rechercher, Publier, Messages, Profil.
   16/10 (JK) : barre du bas comme Instagram (vidéo de l'écran de JK sur instagram.com) — remplace la capsule flottante en verre du 09/10.
   Pleine largeur, collée en bas, fond plein, fin trait en haut, 50 px de haut (+ la zone du bas de l'iPhone), 5 colonnes égales,
   icônes de 24 px sans texte (le nom reste lu par les lecteurs d'écran : aria-label), onglet actif = icône pleine ou plus épaisse (plus de pastille),
   profil = petite photo ronde de 24 px (anneau blanc quand on est sur son profil), pastille rouge des messages en haut à droite de l'icône.
   La page défile de nouveau normalement (fin du défilement dans <body> du 15/10, « comme Higgsfield ») : en défilant, Safari (iPhone)
   et Chrome (Android) replient leur barre, et notre barre, fixée en bas de l'écran, suit ce mouvement en douceur, comme sur Instagram.
   Elle ne se cache jamais en défilant (seulement quand le clavier est ouvert, voir plus bas). */
.crtb{display:none}
@media (max-width:1099px){
 body:has(#p-cr.on) .crtb{display:flex;align-items:stretch;position:fixed;left:0;right:0;bottom:0;z-index:87;height:calc(50px + env(safe-area-inset-bottom,0px));
  padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-sizing:border-box;
  background:var(--bg);border-top:1px solid rgba(255,255,255,.08)}
 :root[data-theme="light"] body:has(#p-cr.on) .crtb{border-top-color:rgba(11,11,12,.1)}
 .crtbi{position:relative;flex:1 1 0;min-width:0;display:grid;place-items:center;height:50px;border:0;background:none;color:var(--ink);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
 .crtbi>svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .crtbi.on>svg{stroke-width:2.6}
 .crtbi.on[href="#createurs"]>svg{fill:currentColor;stroke-width:2} /* Accueil actif : maison pleine, comme Instagram */
 .crtbi:active{transform:scale(.92)}
 .crtbi .crtbp{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 2px currentColor}
 .crtbi .crtbp svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round}
 .crtbi.on .crtbp{background:var(--ink);color:var(--bg);box-shadow:none}
 .crtbi.on .crav{box-shadow:0 0 0 1.5px var(--bg),0 0 0 3px var(--ink)}
 .crtbi .dot{position:absolute;top:6px;left:calc(50% + 4px);min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#E0332A;color:#fff;font:700 11px/18px Inter,system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--bg)}
 .crtbi .dot:empty{min-width:0;width:8px;height:8px;padding:0;top:11px;left:calc(50% + 9px)}
 /* au-dessus de la barre (50 px + zone du bas) : messages, bandeau cookies (UE) et petit avis cookies ; bas de page dégagé */
 body:has(#p-cr.on) .crtoast{bottom:calc(62px + env(safe-area-inset-bottom,0px))}
 body:has(#p-cr.on) .bcck{bottom:calc(62px + env(safe-area-inset-bottom,0px))}
 body:has(#p-cr.on) .bcckn{bottom:calc(62px + env(safe-area-inset-bottom,0px))}
 body:has(#p-cr.on) footer{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 /* publication, story, vidéos ou photo ouverte : la page ne défile pas derrière et garde sa place (même position à la fermeture) */
 html:has(#p-cr.on):has(>body>:is(.crmod,.crlbx,.crreel,.crpm,.crps)),html:has(#p-cr.on):has(>body>.authw:not([hidden])){overflow:hidden}
 .crmod{overscroll-behavior:contain}
 body:has(#p-cr.on) .crdmb{display:none!important}
 /* au-dessus de la barre : fenêtres, menus, connexion (z-index plus hauts) ; la barre (87) passe sous l'en-tête (88), donc sous le menu ☰ et le panier */
 body:has(#p-cr.on) .sup-b{display:none!important} /* 14/10 : le support passe par le menu ☰ du profil (la barre d'onglets offre déjà Messages) */
 #p-cr .crx{padding-bottom:24px}
 #p-cr .cra .crft{display:none}
 #p-cr .crbar,.crmod .crbar{flex-wrap:nowrap}#p-cr .crb .lbl,.crmod .crb .lbl{display:none}
 #p-cr .crig .crsbar{display:none}#p-cr .crig .crcomp{display:none}
}
@media (max-width:1099px) and (pointer:coarse){
 /* clavier ouvert (recherche, commentaire, message…) : la barre s'efface, comme sur Instagram, au lieu de flotter au-dessus du clavier */
 body:has(#p-cr.on):has(:is(input:not([type=checkbox],[type=radio],[type=file],[type=range],[type=button],[type=submit],[type=reset],[type=color]),textarea,[contenteditable="true"]):focus) .crtb{visibility:hidden}
}
/* 15/10 (JK) : vidéos du fil comme Instagram — l'aperçu s'affiche tout de suite (plus de cadre vide), une seule vidéo joue à la fois,
   et à la fin « Revoir » ou « Voir plus de vidéos » (plus de lecture en boucle dans le fil) */
.crmd .crpvi{position:absolute;inset:0;z-index:1;pointer-events:none;transition:opacity .25s}
.crmd .crpvi.off{opacity:0}
.crmd .crend{position:absolute;inset:0;z-index:4;background:rgba(0,0,0,.76)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;display:flex;align-items:center;justify-content:center;gap:34px;background:rgba(0,0,0,.6);animation:crfade .2s;cursor:default}
.crmd .crend[hidden],.crmd .crend button[hidden]{display:none}
.crmd .crend button{display:grid;justify-items:center;gap:8px;min-width:96px;min-height:44px;padding:6px;border:0;background:none;color:#fff;font:600 13px/1.2 Inter,system-ui,sans-serif;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.crmd .crend svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* La fenêtre de connexion (et ses messages) passe au-dessus des fenêtres de Créateurs et des vidéos plein écran (avant : ouverte derrière, invisible) */
body:has(>.crmod,>.crreel) .authw{z-index:10060}
body:has(>.crmod,>.crreel) :is(.toast,.crtoast){z-index:10070}
/* Vidéos plein écran (reels) : sous les fenêtres (9990), menus (9996) et messages (9999) qui s'ouvrent par-dessus, au-dessus de tout le reste */
.crreel{position:fixed;inset:0;z-index:9980;background:#000;color:#fff;animation:crfade .18s;-webkit-tap-highlight-color:transparent;outline:none;font-family:Inter,system-ui,sans-serif}
.crreel .rlsc{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:none}
.crreel .rlsc::-webkit-scrollbar{display:none}
.crreel .rls{position:relative;box-sizing:border-box;height:100%;margin:0;padding:0;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.crreel .rlst{position:relative;height:100%;margin:0 auto;max-width:100%}
/* ombres en dégradés (pas de filter: drop-shadow : WebKit dessinait un carré noir dans le coin de l'écran par-dessus la vidéo) */
.crreel .rlst::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:2;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none}
.crreel .rlst::before{content:"";position:absolute;top:0;right:0;bottom:0;z-index:2;width:110px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.24));pointer-events:none}
/* téléphone tenu droit : la vidéo occupe tout l'écran ; écran plus large (paysage, tablette, ordinateur) : une colonne au format de la vidéo */
@media (min-aspect-ratio:2/3){.crreel .rlst{max-width:min(100%,calc(100dvh*var(--ar,.5625)))}}
.crreel .rlpv,.crreel .rlv,.crreel .rlv video{position:absolute;inset:0;width:100%;height:100%}
.crreel .rlpv,.crreel .rlv video{display:block;object-fit:contain;background:transparent}
.crreel .rls.rlfill .rlpv,.crreel .rls.rlfill .rlv video{object-fit:cover}
.crreel .rlpv{z-index:1;pointer-events:none;transition:opacity .2s}
.crreel .rlpv.off{opacity:0}
.crreel video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
.crreel video::-webkit-media-controls{display:none!important}
.crreel .rltop{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 8px 14px;background:linear-gradient(rgba(0,0,0,.5),transparent);pointer-events:none}
.crreel .rltop b{font-size:17px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.crreel .rltop button,.crreel .rlnav button{pointer-events:auto;width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.32);color:#fff;display:grid;place-items:center;cursor:pointer}
.crreel .rltop svg,.crreel .rlnav svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.crreel :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:2px}
.crreel .rlside{position:absolute;right:4px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px}
.crreel .rlb{display:grid;justify-items:center;align-content:center;gap:4px;min-width:52px;min-height:50px;padding:2px;border:0;background:none;color:#fff;font:700 12.5px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.crreel .rlb svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;transition:transform .15s}
.crreel .rlb:active svg{transform:scale(.86)}
.crreel .rlb b:empty{display:none}
.crreel .rlb.rlmo svg{fill:currentColor;stroke:none}
.crreel .rlb.lk.on svg{fill:url(#crb6);stroke:#FF6B5E}
.crreel .rlb.rp.on{color:#3FD0C9}
.crreel .rlb.rlsv.on{color:#F2B867}.crreel .rlb.rlsv.on svg{fill:currentColor}
.crreel .rlb.crbang svg{animation:crpop .45s cubic-bezier(.34,1.56,.64,1)}
.crreel .rlbot{position:absolute;left:0;right:64px;bottom:0;z-index:4;display:grid;gap:8px;padding:56px 14px calc(18px + env(safe-area-inset-bottom,0px));pointer-events:none}
.crreel .rlbot>*{pointer-events:auto;min-width:0}
.crreel .rlwho{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.crreel .rlwho .rlnm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crreel .rlwho a{color:#fff;text-decoration:none}
.crreel .rlwho .crand{color:rgba(255,255,255,.75)}
.crreel .rlwho .crav2 .crav{border-color:#000}
.crreel .crfol{flex:none;height:32px;padding:0 14px;border-radius:9px;border:1px solid rgba(255,255,255,.75);background:rgba(0,0,0,.15);color:#fff;font:700 13px/1 Inter,system-ui,sans-serif;cursor:pointer}
.crreel .crfol.on{border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.85);font-weight:600}
.crreel .rlcap{margin:0;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.crreel .rlcap.open{display:block;max-height:38dvh;overflow:auto;overscroll-behavior:contain}
.crreel .rlcap a{color:#fff;font-weight:700;text-decoration:none}
.crreel .crtag{margin:2px 0 0;background:rgba(20,20,23,.82);border-color:rgba(255,255,255,.14);color:#fff}
.crreel .crtag .tx small{color:rgba(255,255,255,.72)}.crreel .crtag small .by{display:none}
.crreel .crtag .go{background:#fff;color:#0B0B0C}.crreel .crtag .go.o{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
/* tag compact sur la vidéo : une ligne, sans le nom du pack */
.crreel .rlbot .crtag{gap:10px;padding:7px 8px}.crreel .rlbot .crtag img{width:38px;height:38px}
.crreel .rlbot .crtag .tx b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}.crreel .rlbot .crtag .tx b .mfx-pk{display:none}
.crreel .rlbot .crtag .go{padding:8px 12px;font-size:12.5px}
.crreel .rlbot .crtag{max-width:440px}.crreel .rlcap{max-width:640px}
.crreel .rlpl{position:absolute;left:50%;top:50%;z-index:3;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.8);transition:opacity .15s,transform .15s;pointer-events:none}
.crreel .rlpl svg{margin-left:4px}
.crreel .rls.paused .rlpl{opacity:1;transform:none}
.crreel .rlerr{position:absolute;left:16px;right:16px;top:calc(50% + 50px);z-index:3;margin:0;text-align:center;font-size:14px;color:rgba(255,255,255,.8)}
.crreel .rlerr[hidden]{display:none}
.crreel .rlend{display:grid;place-items:center;text-align:center;padding:24px}
.crreel .rlend>div{display:grid;justify-items:center;gap:10px;max-width:300px}
.crreel .rlend b{font-size:20px}
.crreel .rlend span{font-size:14px;line-height:1.45;color:rgba(255,255,255,.7)}
.crreel .crbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:0 20px;border-radius:999px;border:0;background:#fff;color:#0B0B0C;font:700 14px/1 Inter,system-ui,sans-serif;cursor:pointer}
.crreel .rlld{display:none;margin:0;font-size:14px;color:rgba(255,255,255,.7)}
.crreel.rlload .rlend>div{display:none}.crreel.rlload .rlld{display:block}
.crreel .rlnav{display:none}
body:has(>.crreel) .crtb{display:none!important}
@media (min-width:900px){
 .crreel .rlst{max-width:min(calc(100% - 300px),calc(100dvh*var(--ar,.5625)))}
 .crreel .rlside{right:-72px;bottom:20px}
 .crreel .rlst::before{display:none}
 .crreel .rlbot{right:0}
}
@media (min-width:900px) and (hover:hover){
 .crreel .rlnav{position:absolute;right:20px;top:50%;z-index:6;transform:translateY(-50%);display:grid;gap:12px}
 .crreel .rlnav button{width:48px;height:48px;background:rgba(255,255,255,.12)}
 .crreel .rlnav button:hover,.crreel .rltop button:hover{background:rgba(255,255,255,.22)}
}
/* Commentaires des vidéos plein écran : feuille qui monte du bas, au-dessus du clavier */
.crmod.crcs{align-items:flex-end;padding:0 0 var(--kb,0px);background:rgba(0,0,0,.4)}
.crmod.crcs>.in{max-width:620px;width:100%;height:min(calc(var(--vvh,100dvh)*.72),640px);max-height:calc(var(--vvh,100dvh) - 40px);border-radius:18px 18px 0 0;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;animation:crsheetup .28s cubic-bezier(.2,.8,.2,1)}
.crcs .hd{flex:none;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid var(--line)}
.crcs .hd h2{margin:0;font-size:15px;font-weight:700}
.crcs .hd .sp{width:40px}
.crcs .x2{width:40px;height:40px;border:0;background:none;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}
.crcs #crCom{flex:1;min-height:0;margin:0;padding:14px 16px;overflow:auto;overscroll-behavior:contain}
.crcs .ft{flex:none;padding:6px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.crcs .crcf{margin-top:4px}.crcs .crcf input{font-size:16px}
.crcs .crnote{margin:8px 4px;font-size:13px;color:var(--faint)}
/* 15/10 (après les tests) — feuille de commentaires : chaque ligne garde sa hauteur (plus de grands vides entre deux commentaires) */
.crcs #crCom,.crcs #crCom .crthr{align-content:start}
.crcs #crCom:focus{outline:none}
/* zones de toucher d'au moins 44 px, sans changer le dessin : son du fil, Suivre et auteur des vidéos plein écran, fermer « Activité »,
   Répondre et J'aime d'un commentaire, « + » de la rangée des stories */
.crmute::before,.crsv .svsh .hd button::before,.crcom .crclk::before,#p-cr .crst .crsti .crsplus::before{content:"";position:absolute;left:-4px;top:-4px;width:44px;height:44px;border-radius:50%}
.crsv .svsh .hd button,.crcom .crclk{position:relative}
.crreel .crfol{position:relative}.crreel .crfol::before{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:44px;transform:translateY(-50%)}
.crreel .rlau{flex:0 1 auto;display:flex;align-items:center;gap:10px;min-width:0;min-height:44px}.crreel .rlau.co,.crreel .rlau>.crav2{flex:none}
.crreel .rlwho>.rlnm{line-height:44px}.crreel .rlwho>.rlnm a{padding:13px 0}
.crcom .crcmt small button{position:relative}.crcom .crcmt small button::before{content:"";position:absolute;left:-4px;right:-4px;top:-3px;bottom:-19px}.crcom .crcmt a{position:relative;z-index:1}
/* messages : en haut de l'écran au-dessus d'une story ou des vidéos plein écran (en bas, ils cachaient « Envoyer un message… », l'auteur et Suivre) */
body:has(>.crsv,>.crreel) .crtoast,body:has(#p-cr.on):has(>.crsv,>.crreel) .crtoast{top:calc(76px + env(safe-area-inset-top,0px));bottom:auto}
/* bandeau cookies (UE) : sous une fenêtre ou les vidéos, la barre d'onglets est cachée → plus de décalage de 84 px ;
   au-dessus d'une story ou des vidéos plein écran (1re visite par un lien partagé), il passe en haut, sous les boutons du haut, pour ne jamais cacher
   la barre de réponse, J'aime, Envoyer, Enregistrer, ••• ni l'auteur ; sur téléphone, sans son paragraphe (titre et boutons) */
@media (max-width:1099px){body:has(#p-cr.on):has(>.crmod,>.crreel) .bcck{bottom:calc(12px + env(safe-area-inset-bottom,0px))}}
body:has(>.crsv,>.crreel) .bcck,body:has(#p-cr.on):has(>.crsv,>.crreel) .bcck{top:calc(68px + env(safe-area-inset-top,0px));bottom:auto}
body:has(>.crsv,>.crreel) .bcckn{top:calc(68px + env(safe-area-inset-top,0px))!important;bottom:auto!important}
@media (max-width:560px){body:has(>.crsv,>.crreel) .bcck>p{display:none}body:has(>.crreel) .bcck{right:64px}}   /* vidéos : la colonne de boutons de droite reste libre (petits écrans) */
/* Barre d'actions : pastilles */
.crbar{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.crb{display:inline-flex;align-items:center;gap:7px;height:40px;min-width:44px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:14px;cursor:pointer;text-decoration:none;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s,color .2s}
.crb:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.crb:active{transform:scale(.92)}
.crb:focus-visible{outline:2px solid #3B6FE0;outline-offset:2px}
.crb svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;flex:none}
.crb b{font-weight:700;font-variant-numeric:tabular-nums}
.crb b:empty{display:none}
.crb .lbl{font-weight:600}
.crb.crkeep{margin-left:auto;padding:0;width:40px;justify-content:center}
.crb.lk.on{border-color:transparent;background:color-mix(in srgb,#E0332A 14%,transparent);color:#FF6B5E}
.crb.lk.on svg{fill:url(#crb6);stroke:#FF6B5E}
.crb.rp.on{border-color:transparent;background:color-mix(in srgb,#12A6A0 16%,transparent);color:#3FD0C9}
.crb.crkeep.on{border-color:transparent;background:color-mix(in srgb,#E8A24A 16%,transparent);color:#F2B867}
.crb.crkeep.on svg{fill:currentColor}
.crb.crbang svg{animation:crpop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes crpop{0%{transform:scale(1)}35%{transform:scale(1.45) rotate(-12deg)}100%{transform:scale(1)}}
.crb b.roll{animation:crroll .3s ease-out}
@keyframes crroll{from{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}
.crspk{position:fixed;z-index:9999;width:7px;height:7px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:crspk .65s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes crspk{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.3);opacity:0}}
.crring2{position:fixed;z-index:9999;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;pointer-events:none;background:conic-gradient(from -150deg,#E0332A 0 60deg,#B84FD6 60deg 120deg,#3B6FE0 120deg 180deg,#12A6A0 180deg 240deg,#34A853 240deg 300deg,#E8A24A 300deg 360deg);-webkit-mask:radial-gradient(circle,transparent 52%,#000 54%);mask:radial-gradient(circle,transparent 52%,#000 54%);animation:crring2 .75s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes crring2{0%{transform:scale(.2) rotate(-60deg);opacity:0}30%{opacity:1}100%{transform:scale(1.15) rotate(30deg);opacity:0}}
@media (max-width:420px){.crb .lbl{display:none}.crb{padding:0 11px}}
@media (max-width:400px){.crbar{gap:6px}.crb{padding:0 9px;gap:5px}}
/* Avant / après : poignée en roue chromatique */
/* Composer : modèle avant / après */
.crbat{display:grid;gap:12px}
.crbaf{display:flex;gap:6px}
.crbaf button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:12px;border:1px solid var(--crl,rgba(255,255,255,.12));background:none;color:var(--ink);font:700 13px/1 inherit;cursor:pointer;transition:background .2s,border-color .2s}
.crbaf button small{font-weight:500;color:var(--muted);font-size:11.5px}
.crbaf button i{height:16px;border:1.6px solid currentColor;border-radius:3px}
.crbaf button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.crbaf button[aria-pressed=true] small{color:inherit;opacity:.7}
.crbaed{border-radius:14px;max-height:62vh;margin:0 auto}
.crbaed[style*="9/16"]{width:auto;height:62vh}
.crbaed .slots{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;z-index:1}
.crbaed .slot{display:grid;place-content:center;gap:6px;text-align:center;padding:16px;background:rgba(14,14,18,.86);border:2px dashed rgba(255,255,255,.22);color:#fff;cursor:pointer;font:inherit;transition:background .2s,border-color .2s}
.crbaed .slot+.slot{border-left-width:1px}
.crbaed .slot:hover{background:rgba(24,24,30,.9);border-color:rgba(255,255,255,.5)}
.crbaed .slot.on{background:transparent;border-color:transparent}
.crbaed .slot b{font-size:16px}.crbaed .slot span{font-size:12.5px;opacity:.7}.crbaed .slot em{font-style:normal;font-size:12.5px;font-weight:700;margin-top:6px;padding:8px 12px;border-radius:999px;background:#fff;color:#0B0B0C;justify-self:center}
.crbaed>.af{clip-path:inset(0 0 0 var(--x,50%))}
.crbasw{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.crbasw button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--crl,rgba(255,255,255,.12));background:none;color:var(--muted);font:500 13px/1 inherit;cursor:pointer}
.crbasw button span{color:var(--ink);font-weight:800;letter-spacing:.06em;font-size:11px;text-transform:uppercase}
.crbasw .bpr{position:absolute;left:0;bottom:0;height:3px;background:#fff;transition:width .2s}
/* Publier en étapes (07/10, JK) */
.crwiz>.in{max-width:1120px;height:min(92vh,860px)}
/* 30/10 (JK) : fond flouté et assombri comme une vraie fenêtre ; à l'étape « choisir », la fenêtre prend la hauteur de son contenu */
.crmod.crpub{background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(14px) saturate(.8);backdrop-filter:blur(14px) saturate(.8)}
@media (min-width:701px){.crwiz.pk>.in{height:auto;max-width:680px}}
.crwiz .hd{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.crwiz .hd .hr{justify-self:end}.crwiz .hd .hl{justify-self:start}
.crwiz .ht{display:grid;justify-items:center;gap:6px}
.crdots4{display:flex;gap:5px}.crdots4 i{width:16px;height:4px;border-radius:4px;background:color-mix(in srgb,var(--ink) 16%,transparent);transition:width .3s cubic-bezier(.2,.8,.2,1),background .3s}
.crdots4 i.done{background:color-mix(in srgb,var(--ink) 55%,transparent)}.crdots4 i.on{width:30px;background:linear-gradient(90deg,#E0332A,#B84FD6,#3B6FE0,#12A6A0,#34A853,#E8A24A)}
.crbk{width:42px;height:42px;border-radius:50%;border:0;background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s}.crbk:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.crbk svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.crwiz .bd{flex:1;min-height:0}
.crwiz.one .l{flex:1 1 100%}
.crwiz .l{animation:crstep .32s cubic-bezier(.2,.8,.2,1)}
@keyframes crstep{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.crpick{max-width:580px;width:100%;margin:0 auto;padding:18px 0;display:grid;gap:16px}
.crpick .drop{min-height:320px;border-radius:22px;display:grid;place-content:center;justify-items:center;gap:8px;transition:border-color .2s,background .2s}
.crpick .drop:hover{border-color:color-mix(in srgb,var(--ink) 45%,transparent);background:color-mix(in srgb,var(--ink) 3%,transparent)}
.crpick .drop .ic svg{width:64px;height:64px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.crpick .drop b{font-size:19px;margin:6px 0 0}.crpick .drop span{font-size:13.5px}.crpick .drop em{font-style:normal;margin-top:12px}
.crpick .or{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.crpick .or::before,.crpick .or::after{content:"";flex:1;height:1px;background:var(--line)}
.crbacard{display:flex;align-items:center;gap:16px;text-align:left;padding:16px;border-radius:18px;border:1px solid var(--line);background:none;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .2s,transform .2s cubic-bezier(.2,.8,.2,1)}
.crbacard:hover{border-color:color-mix(in srgb,var(--ink) 45%,transparent);transform:translateY(-1px)}
.crbacard b{display:block;font-size:15px}.crbacard small{display:block;color:var(--muted);font-size:13px;margin-top:3px;line-height:1.45}
.crbacard .mini{position:relative;flex:none;width:72px;height:54px;border-radius:10px;overflow:hidden;display:flex}
.crbacard .mini i{flex:1}.crbacard .mini i:first-child{background:linear-gradient(135deg,#6d6d72,#3c3c40)}.crbacard .mini i:nth-child(2){background:linear-gradient(135deg,#E8A24A,#E0332A 60%,#3B6FE0)}
.crbacard .mini b{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff}.crbacard .mini b::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:#fff}
.crstage{display:grid;place-items:center;border-radius:16px;background:#08080a;padding:10px;min-height:260px}
.crfr{position:relative;overflow:hidden;border-radius:10px;background:#000;isolation:isolate;max-width:100%}
.crfr .m{position:absolute;max-width:none;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.crfr .ovt,.crfr .ovf,.crfr .ovv{position:absolute;inset:0;pointer-events:none}.crfr .ovt{mix-blend-mode:soft-light}.crfr .ovf{background:#5a5a5a;mix-blend-mode:lighten}
.crfr.crop{cursor:grab;touch-action:none}.crfr.crop.drag{cursor:grabbing}
.crfr .g{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s;background:linear-gradient(90deg,transparent calc(33.33% - .5px),rgba(255,255,255,.55) calc(33.33% - .5px) calc(33.33% + .5px),transparent 0,transparent calc(66.66% - .5px),rgba(255,255,255,.55) calc(66.66% - .5px) calc(66.66% + .5px),transparent 0),linear-gradient(transparent calc(33.33% - .5px),rgba(255,255,255,.55) calc(33.33% - .5px) calc(33.33% + .5px),transparent 0,transparent calc(66.66% - .5px),rgba(255,255,255,.55) calc(66.66% - .5px) calc(66.66% + .5px),transparent 0)}
.crfr.crop:hover .g,.crfr.crop.drag .g{opacity:1}
.crtools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.crrat{display:flex;gap:6px;flex-wrap:wrap}.crrat button,.crtabs2 button{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--ink);font:600 13px/1 inherit;cursor:pointer;transition:background .2s,color .2s}
.crrat button[aria-pressed=true],.crtabs2 button[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.crzoom{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:16px}
.crvcov{display:flex;align-items:center;gap:14px;padding:10px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:14px;margin-top:4px}
.crvcov canvas{width:120px;height:auto;max-height:120px;object-fit:cover;border-radius:8px;background:#000;flex:none}
.crvcov .tx{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.crvcov .tx b{font-size:14px}
.crvcov .tx small{color:var(--muted);font-size:12.5px}
.crvcov input{width:100%;accent-color:var(--red,#E0332A)}.crzoom input{width:150px}
.crwiz input[type=range]{accent-color:var(--ink)}
.crstrip{display:flex;gap:8px;overflow-x:auto;padding:2px}
.crstrip button{position:relative;flex:none;width:64px;height:64px;padding:0;border-radius:12px;overflow:hidden;border:2px solid transparent;background:#1b1b1f;cursor:pointer;transition:border-color .2s,transform .2s}
.crstrip button.on{border-color:var(--ink)}.crstrip button:hover{transform:translateY(-1px)}
.crstrip img{width:100%;height:100%;object-fit:cover;display:block}
.crstrip button i{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-style:normal;font-size:13px;line-height:20px;text-align:center}
.crstrip button b{position:absolute;left:4px;bottom:3px;color:#fff;font-size:10px;text-shadow:0 1px 3px #000}
.crstrip .add{border:2px dashed var(--line);background:none;color:var(--muted);font-size:24px}
.crtabs2{display:flex;gap:6px}
.crlooks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.crlooks button{display:grid;gap:6px;justify-items:center;padding:0;border:0;background:none;color:var(--muted);font:600 12px/1.2 inherit;cursor:pointer}
.crlooks button>span{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;isolation:isolate;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s,transform .2s cubic-bezier(.2,.8,.2,1)}
.crlooks button>span img{width:100%;height:100%;object-fit:cover;display:block}
.crlooks button>span i{position:absolute;inset:0}.crlooks .ovt{mix-blend-mode:soft-light}.crlooks .ovf{background:#5a5a5a;mix-blend-mode:lighten}
.crlooks button:hover>span{transform:scale(1.03)}.crlooks button[aria-pressed=true]{color:var(--ink)}.crlooks button[aria-pressed=true]>span{outline-color:var(--ink)}
.cradj{display:grid;gap:16px}.cradj label{display:grid;gap:8px;font-size:13.5px;color:var(--ink)}.cradj label span{display:flex;justify-content:space-between}.cradj output{color:var(--muted);font-variant-numeric:tabular-nums}
.crreset{justify-self:start;border:0;background:none;color:var(--muted);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:0}
.crnote2{margin:0;font-size:12.5px;color:var(--faint);line-height:1.5}
.crwme{display:flex;align-items:center;gap:10px;font-size:14px}
.crcapw{position:relative;display:grid;gap:6px}.crcapw textarea{width:100%;resize:vertical}
.crcapb{display:flex;justify-content:space-between;align-items:center;color:var(--faint);font-size:12px}
.crcapb .emo{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--ink);font-size:18px;cursor:pointer}
.cremo{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.cremo button{border:0;background:none;font-size:20px;min-height:36px;border-radius:8px;cursor:pointer}.cremo button:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.crsec{display:grid;gap:8px}.crst2{font-size:13px;color:var(--muted)}
.cradv{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cradv>button{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;border:0;background:none;color:var(--ink);font:600 14px/1 inherit;cursor:pointer}
.cradv>button i{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .25s}.cradv.open>button i{transform:rotate(-135deg)}
.cradv .advb{display:none;gap:14px;padding:0 14px 14px}.cradv.open .advb{display:grid}
.crhdt{align-items:flex-start}.crhdt b{display:block;font-size:14px}.crhdt small{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:2px}
.crmail{margin:18px 0 6px;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,#E0332A 45%,var(--line));background:color-mix(in srgb,#E0332A 7%,transparent);cursor:pointer}
.crmail input{width:22px;height:22px;flex:none;accent-color:#E0332A;margin-top:2px}
.crmail.crmoff{cursor:default;border-color:var(--line);background:transparent}.crmail.crmoff b{color:var(--muted)}
.crask{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(0,0,0,.6);animation:crfade .2s}
@keyframes crfade{from{opacity:0}}
.crask>div{width:min(340px,calc(100% - 32px));border-radius:20px;background:var(--surface,#16161a);border:1px solid var(--line);text-align:center;overflow:hidden;animation:crsheet .25s cubic-bezier(.2,.8,.2,1)}
.crask b{display:block;font-size:17px;padding:22px 20px 4px}.crask p{margin:0;padding:0 22px 18px;color:var(--muted);font-size:13.5px;line-height:1.5}
.crask button{display:block;width:100%;min-height:50px;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:inherit;font-size:14.5px;cursor:pointer}.crask .y{color:#ff5a4f;font-weight:700}
.crwiz .in{position:relative}
.crpvw{display:flex;flex-direction:column;gap:12px;align-items:center}
.crpvt{align-self:stretch;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.crpvt b{font-size:14px}.crpvt span{font-size:12.5px;color:var(--muted)}
.crpv{width:min(100%,470px)}
.crpv .crp{background:var(--crc);border:1px solid var(--crl);border-radius:22px;padding:12px 12px 16px;margin:0;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.crpv .crp .crph{padding:2px 2px 10px}.crpv .crp>.crcap,.crpv .crp>.crkw,.crpv .crp>.crtag{margin-left:2px;margin-right:2px}
.crpv .crop{display:block}.crpv .crmd{position:relative;border-radius:16px;overflow:hidden}.crpv .crfr{border-radius:0}
.crpv .crcap0{color:var(--faint);font-style:italic}
.crpvsw{display:none}
@media (max-width:700px){.crpvsw{display:flex;gap:6px;padding:12px 16px 0;position:sticky;top:0;z-index:3;background:var(--bg)}.crpvsw button{flex:1;min-height:40px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--ink);font:600 13.5px/1 inherit;cursor:pointer}.crpvsw button[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
 .crwiz.pvd .bd>.l{display:none}.crwiz.pvp .bd>.r{display:none}}
.crprog{display:grid;gap:6px}.crprog[hidden]{display:none}
.cremo[hidden]{display:none}.crdots4[hidden]{display:none}.crwiz .l,.crwiz .r{display:flex;flex-direction:column}.crwiz .l>*,.crwiz .r>*{flex:none}.crwiz.one .l>.crpick{margin:0 auto}
@media (min-width:701px){.crwiz .bd{overflow:hidden;flex-wrap:nowrap}.crwiz .l,.crwiz .r{overflow:auto;max-height:100%}.crwiz .r{flex:0 0 340px}}.crprog::before{content:"";grid-area:1/1;height:6px;border-radius:6px;background:color-mix(in srgb,var(--ink) 12%,transparent)}
.crprog i{grid-area:1/1;height:6px;width:0;border-radius:6px;background:var(--ink);transition:width .25s}.crprog span{font-size:12.5px;color:var(--muted)}
@media (max-width:700px){.crwiz>.in{height:100dvh}.crwiz .bd{flex-direction:column;flex-wrap:nowrap}.crwiz .l,.crwiz .r{flex:none}.crpick .drop{min-height:240px}.crzoom input{width:110px}.crlooks{gap:8px}}
.crbatip{border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--ink) 5%,transparent);border:1px solid color-mix(in srgb,var(--ink) 9%,transparent);font-size:13px;line-height:1.5;color:var(--muted)}
.crbaerr{border-radius:12px;padding:12px 14px;background:rgba(224,51,42,.12);border:1px solid rgba(224,51,42,.45);color:#ff8a80;font-size:13px;font-weight:600;line-height:1.45}
.crbatip>b{display:block;color:var(--ink);font-size:13.5px;margin-bottom:6px}
.crbatip p{margin:6px 0 0;display:grid;grid-template-columns:52px 1fr;gap:8px}
.crbatip p span{font-weight:800;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding-top:2px}
.crmd .crhdb{position:absolute;left:10px;bottom:10px;z-index:2;font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;color:#0B0B0C;background:#fff;padding:5px 7px;border-radius:6px;pointer-events:none}
.crmd .crsl>div{position:relative}
@media (max-width:520px){.crbaf button small{display:none}}
/* Fenêtre « Envoyer » : feuille qui glisse, liste de contacts */
.crsend>.in{animation:crsheet .28s cubic-bezier(.2,.8,.2,1)}
@keyframes crsheet{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.crsend .grid{grid-template-columns:1fr!important;gap:2px!important}
.crsend .pp{display:flex!important;align-items:center;gap:12px;justify-items:initial;text-align:left;padding:8px 10px!important;border-radius:14px;font-size:14px!important}
.crsend .pp .ppn{flex:1;min-width:0}
.crsend .pp .ppn b{display:block;font-weight:600;-webkit-line-clamp:1}
.crsend .pp .ppn small{display:block;color:var(--muted);font-size:12.5px}
.crsend .pp>i{position:static!important;display:block!important;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);background:transparent;flex:none;transition:all .18s}
.crsend .pp.on{background:color-mix(in srgb,#3B6FE0 12%,transparent)}
.crsend .pp.on>i{border-color:transparent;background:conic-gradient(from -150deg,#E0332A 0 60deg,#B84FD6 60deg 120deg,#3B6FE0 120deg 180deg,#12A6A0 180deg 240deg,#34A853 240deg 300deg,#E8A24A 300deg 360deg);box-shadow:inset 0 0 0 5px var(--surface)}
.crsend .ext{flex-wrap:wrap;gap:8px!important}
.crsend .ext a,.crsend .ext button{display:inline-flex!important;flex-direction:row;align-items:center;gap:8px;width:auto!important;height:40px;padding:0 14px 0 6px;border:1px solid var(--line)!important;border-radius:999px;font-size:13px!important}
.crsend .ext span{width:30px!important;height:30px!important}
.crsend .ext svg{width:16px;height:16px}
@media (max-width:700px){.crsend{align-items:flex-end}.crsend>.in{border-radius:22px 22px 0 0;height:auto!important;max-height:88dvh}}
/* Bouton Messages */
.crdmb{background:var(--surface);border:0;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 0 0 1px var(--line)}
.crdmb::before{content:'';position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from -150deg,#E0332A 0 60deg,#B84FD6 60deg 120deg,#3B6FE0 120deg 180deg,#12A6A0 180deg 240deg,#34A853 240deg 300deg,#E8A24A 300deg 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s}
.crdmb:has(em)::before,.crdmb:hover::before{opacity:1}
.crdmp{animation:crsheet .25s cubic-bezier(.2,.8,.2,1)}
.crdmp .dmm.me>div{background:linear-gradient(135deg,#3B6FE0,#7B4FD6)}
@media (prefers-reduced-motion:reduce){.crb,.crb svg,.crsend>.in,.crdmp,#p-cr .crring{animation:none!important;transition:none!important}}
@media (max-width:700px){#p-cr .crx{padding-top:16px}#p-cr .crw{gap:28px}.crmod{padding:0}.crmod>.in{border-radius:0;max-height:100dvh;height:100dvh;overflow:auto}.crmod .ml,.crmod .mr{max-height:none}#p-cr .crpf .crav{width:84px;height:84px;font-size:26px}}
.cxl{background-color:var(--cxb);background-image:radial-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1.3px);background-size:22px 22px}
.cxday{display:flex!important;justify-content:center;margin:16px 0 10px}.cxday::before,.cxday::after{display:none!important}
.cxday span{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:none;padding:5px 12px;border-radius:999px;box-shadow:0 2px 6px -3px rgba(0,0,0,.3)}
.cxmsg{margin-top:2px;padding-top:2px;padding-bottom:2px}.cxmsg.first{margin-top:10px}
.cxmsg.me{flex-direction:row-reverse;padding-left:56px}
.cxmsg:not(.me){padding-right:56px}
.cxmsg.me .cxb{align-items:flex-end}
.cxmsg.me .cxtb{right:auto;left:14px}
.cxmsg>.cxav{margin-top:18px}
.cxbub{position:relative;background:var(--cxin);color:var(--ink);border-radius:14px;padding:6px 9px 7px 11px;max-width:min(560px,100%);box-shadow:0 1px 1.5px rgba(0,0,0,.18)}
.cxbub.me{background:var(--cxme);color:var(--cxmet)}
.cxbub.me a{color:#fff}
.cxbub.me .cxmt{color:#fff;background:rgba(255,255,255,.2)}
.cxmsg.first:not(.me) .cxbub:not(.big){border-top-left-radius:4px}
.cxmsg.first.me .cxbub:not(.big){border-top-right-radius:4px}
.cxmsg.first:not(.me) .cxbub:not(.big)::before,.cxmsg.first.me .cxbub:not(.big)::before{content:"";position:absolute;top:0;width:9px;height:12px;background:inherit}
.cxmsg.first:not(.me) .cxbub:not(.big)::before{left:-8px;clip-path:polygon(100% 0,0 0,100% 100%)}
.cxmsg.first.me .cxbub:not(.big)::before{right:-8px;clip-path:polygon(0 0,100% 0,0 100%)}
.cxbub.big{box-shadow:none;background:none!important;padding:0}
.cxbub.hasm{width:min(420px,100%);padding:4px 4px 6px}
.cxbub.hasm .cxtx{padding:4px 6px 0}
.cxbub.hasm>.cxtm{margin-right:5px}
.cxbub .cxmed{max-width:none}
.cxbub .cxmi,.cxbub .cxvid{border-radius:10px}
.cxbub .cxdoc,.cxbub .cxaud{background:rgba(0,0,0,.12);max-width:none}
.cxbub.me .cxdoc,.cxbub.me .cxaud{background:rgba(0,0,0,.18);color:#fff}
.cxbub.me .cxaud button{background:#fff;color:var(--cxme)}
.cxbub.me .cxaud .cxwv i{background:rgba(255,255,255,.4)}.cxbub.me .cxaud .cxwv i.p{background:#fff}
.cxbub.me .cxaud small,.cxbub.me .cxdoc small{color:rgba(255,255,255,.75)}
.cxtx{display:inline;overflow-wrap:anywhere;line-height:1.42;font-size:14.5px}
.cxtm{float:right;display:inline-flex;align-items:center;gap:3px;margin:7px 0 -5px 12px;font-size:11px;line-height:1;opacity:.72;white-space:nowrap;position:relative;top:1px}
.cxbub.hasm .cxtm{float:none;display:flex;justify-content:flex-end;margin:4px 4px -2px 0}
.cxtmo{display:flex}.cxmsg.me .cxtmo{justify-content:flex-end}.cxtmo .cxtm{float:none;margin:2px 4px 0;color:var(--muted);opacity:1}
.cxtk{width:17px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.cxtk.rd{stroke:#7FD8FF;opacity:1}
.cxtmo .cxtk.rd{stroke:#34B7F1}
.cxqi{display:block;width:100%;box-sizing:border-box;text-align:left;border:0;border-left:3px solid #5B7CFA;background:rgba(0,0,0,.14);border-radius:8px;padding:5px 9px;margin:1px 0 5px;color:inherit;font:inherit;font-size:12.5px;line-height:1.35;cursor:pointer}
.cxbub.me .cxqi{border-left-color:#fff;background:rgba(0,0,0,.2)}
.cxqi b{display:block;color:#5B7CFA;font-size:12px}.cxbub.me .cxqi b{color:#fff}
.cxqi span{display:block;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxbub.hasm>.cxqi{margin:2px 2px 5px;width:calc(100% - 4px)}
.cxmsg.me .cxrx{justify-content:flex-end}
.cxmsg.me .cxstk.t{transform:rotate(3deg)}
.cxed{display:none}
.cxpr .cxmsg,.cxhcard .cxmsg{padding-right:18px}

.cxshare{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 2px 8px}.cxshare[hidden]{display:none}
.cxshb{display:inline-flex;padding:3px;border-radius:999px;background:var(--cxbub);border:1px solid var(--line)}
.cxshb button{border:0;background:none;color:var(--muted);font:inherit;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.cxshb button.on{background:var(--ink);color:var(--inv)}
.cxshare small{font-size:12px;color:var(--faint);min-width:0;flex:1}
.cxhr div:last-child:nth-child(odd){grid-column:1/-1}
@keyframes cxin{from{opacity:0;transform:translateY(10px)}}
@keyframes cxfade{from{opacity:0;transform:translateY(6px)}}
@keyframes cxpopin{from{opacity:0;transform:translateY(4px) scale(.97)}}
.cxmsg.nw{animation:cxin .5s var(--spring)}
.cxl.sw,.cxhome.sw{animation:cxfade .35s var(--ease)}
.cxpop:not([hidden]){animation:cxpopin .16s var(--ease)}
.cxn button{position:relative;transition:background .2s,color .2s}
.cxn button::before{content:"";position:absolute;left:-8px;top:50%;width:3px;height:0;border-radius:3px;background:var(--cxa);transform:translateY(-50%);transition:height .3s var(--spring)}
.cxn button.on::before{height:20px}
.cxdm{transition:background .2s}
.cxht{display:flex;flex-direction:column;min-width:0;line-height:1.2}.cxht small{font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxmsg{transition:background .2s}
.cxtb{display:flex!important;opacity:0;pointer-events:none;transform:translateY(4px) scale(.96);transition:opacity .15s,transform .2s var(--spring)}
.cxmsg:hover .cxtb,.cxmsg.act .cxtb{opacity:1;pointer-events:auto;transform:none}
.cxpr .cxtb,.cxhcard .cxtb,.cxtyp .cxtb{display:none!important}
.cxbub{transition:background .2s}
.cxmi img{transition:transform .5s var(--ease)}.cxmi:hover img{transform:scale(1.03)}
.cxrx button{transition:transform .2s var(--spring),background .2s,border-color .2s}.cxrx button:active{transform:scale(.88)}.cxrx button:hover{background:color-mix(in srgb,var(--ink) 12%,var(--cxbub))}
.cxrow{transition:box-shadow .25s,background .25s}.cxrow:focus-within{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ink) 28%,transparent)}
.cxsend{transition:background .25s,color .25s,transform .25s var(--spring),opacity .2s}
.cxsend:not([disabled]){background:var(--cxa)!important;color:#fff!important}.cxsend:not([disabled]):hover{transform:scale(1.06)}
.cxpin{background:linear-gradient(90deg,color-mix(in srgb,#5B7CFA 12%,var(--cxb)),var(--cxb))}
.cxday{gap:12px;align-items:center}.cxday::before,.cxday::after{content:"";flex:1;max-width:120px;height:1px;background:var(--line)}
.cxhfi.nw{animation:cxin .6s var(--spring),cxglow 2.4s ease}
@keyframes cxglow{0%,35%{border-color:#5B7CFA;background:color-mix(in srgb,#5B7CFA 12%,var(--cxs))}}
.cxhlv{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);background:var(--cxs);border-radius:14px;padding:14px}
.cxhlv .cxhred{align-self:flex-start}
.cxhlt{font-size:14px;line-height:1.45;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cxhlb{display:flex;gap:8px;flex-wrap:wrap}.cxhlb a.btn{text-decoration:none;background:var(--cxa);color:#fff}
@media(prefers-reduced-motion:reduce){.cxmsg.nw,.cxl.sw,.cxhome.sw,.cxpop,.cxhfi.nw{animation:none!important}}
.cxhb{position:relative;height:220px;background:#000;overflow:hidden}
.cxhb img{width:100%;height:100%;object-fit:cover;opacity:.8;animation:cxkb 18s ease-in-out infinite alternate}
.cxhbg{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--cxb))}
@keyframes cxkb{to{transform:scale(1.05)}}
.cxhw{max-width:980px}
.cxhtop{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.cxhlive{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--cxs)}
.cxhlive b{color:var(--ink);font-variant-numeric:tabular-nums}
.cxhlive i{width:8px;height:8px;border-radius:50%;background:#2EAE5B;box-shadow:0 0 0 0 rgba(46,174,91,.6);animation:cxpl 2s infinite}
@keyframes cxpl{70%{box-shadow:0 0 0 8px rgba(46,174,91,0)}100%{box-shadow:0 0 0 0 rgba(46,174,91,0)}}
.cxhact{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 24px}
.cxhci{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--chip);transition:transform .4s var(--spring),background .3s,color .3s}
.cxhc button:hover .cxhci{transform:rotate(-8deg) scale(1.08);background:var(--ink);color:var(--inv)}
.cxhc button{transition:transform .3s var(--spring),border-color .2s}.cxhc button:hover{transform:translateY(-3px)}
.cxhlast{display:block;width:100%;margin-top:6px;padding-top:8px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxhlast:empty{display:none}
.cxhg{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:8px}
.cxhg>*{min-width:0}
.cxhfeed{display:flex;flex-direction:column;gap:6px}
.cxhfi{display:flex;align-items:flex-start;gap:10px;width:100%;border:1px solid var(--line);background:var(--cxs);color:var(--ink);font:inherit;border-radius:14px;padding:10px 12px;cursor:pointer;text-align:left;transition:border-color .2s,transform .3s var(--spring)}
.cxhfi:hover{border-color:color-mix(in srgb,var(--ink) 30%,var(--line));transform:translateX(3px)}
.cxhfi>.cxhft{min-width:0;flex:1}.cxhc>button{min-width:0}.cxhw{box-sizing:border-box;width:100%}
.cxhfi b{display:flex;gap:6px;align-items:baseline;font-size:13px}.cxhfi time{color:var(--faint);font-weight:500;font-size:11.5px}
.cxhft>span{display:block;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxhppl{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.cxhppl .cxav{width:38px;height:38px;border:2px solid var(--cxb);box-shadow:0 0 0 1px var(--line)}
.cxhnext button,.cxhnext>span{display:flex;align-items:flex-start;gap:10px;width:100%;border:1px solid var(--line);background:var(--cxs);color:var(--ink);font:inherit;font-size:13.5px;border-radius:14px;padding:12px;cursor:pointer;text-align:left;line-height:1.4}
.cxhnext>span{color:var(--muted);cursor:default}
.cxhred{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#fff;background:var(--cxa);border-radius:6px;padding:3px 7px}
.cxhred i{width:6px;height:6px;border-radius:50%;background:#fff;animation:cxbl 1.2s infinite}
.cxhr{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cxhr div{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--cxs)}
.cxhr b{display:block;font-size:14.5px;margin-bottom:4px}.cxhr span{font-size:13.5px;color:var(--muted);line-height:1.45}
.cxhlinks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cxhlinks a{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--ink);text-decoration:none;background:var(--cxs);transition:transform .3s var(--spring),border-color .2s}
.cxhlinks a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ink) 30%,var(--line))}
.cxhlinks b{font-size:14.5px}.cxhlinks b span{display:inline-block;transition:transform .3s var(--spring)}.cxhlinks a:hover b span{transform:translateX(4px)}
.cxhlinks small{font-size:12.5px;color:var(--muted)}
.cxhfoot{margin-top:34px;padding:26px 0 8px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:20px}
.cxhfl{display:flex;align-items:center;gap:12px}.cxhfl b{display:block;font-size:16px}.cxhfl small{color:var(--muted);font-size:13px}
.cxhfc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cxhfc>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.cxhfc>div>span{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.cxhfc button{border:0;background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:600;padding:0;cursor:pointer;text-align:left}
.cxhfc button:hover{text-decoration:underline}
.cxhsoc{display:flex;gap:8px}.cxhsoc a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);color:var(--ink);transition:transform .3s var(--spring),background .2s}
.cxhsoc a:hover{transform:translateY(-2px);background:var(--chip)}
.cxhsoc svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cxhcopy{color:var(--faint);font-size:12px}.cxhcopy a{color:inherit}
.cxup{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease) var(--d,0ms),transform .7s var(--spring) var(--d,0ms)}
.cxup.in{opacity:1;transform:none}
@media(max-width:900px){.cxhg{grid-template-columns:1fr}.cxhlinks{grid-template-columns:repeat(2,1fr)}.cxhfc{grid-template-columns:1fr}}
@media(max-width:560px){.cxhr{grid-template-columns:1fr}.cxhb{height:160px}}
@media(prefers-reduced-motion:reduce){.cxup{opacity:1;transform:none;transition:none}.cxhb img,.cxhlive i,.cxhred i{animation:none}}
.cxrow .cxib[hidden]{display:none!important}
.cxteam.ia{background:#5B7CFA}
.cxtb{position:absolute;right:14px;top:-14px;display:none;align-items:center;gap:1px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:2px;box-shadow:0 6px 18px -8px rgba(0,0,0,.35);z-index:3}
.cxmsg:hover .cxtb,.cxmsg.act .cxtb{display:flex}
.cxtb button{width:30px;height:30px;border:0;background:none;border-radius:8px;cursor:pointer;color:var(--muted);display:grid;place-items:center;font-size:16px}
.cxtb button:hover{background:var(--cxh);color:var(--ink)}
.cxtb svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cxjump{position:absolute;left:50%;bottom:86px;transform:translateX(-50%);z-index:4;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:0 8px 24px -10px rgba(0,0,0,.4)}
.cxjump[hidden]{display:none}
.cxc{flex:none;padding:8px 14px 14px;position:relative}
.cxrep,.cxedit{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);padding:6px 10px 6px 14px;background:var(--cxbub);border-radius:12px 12px 0 0;margin:0 2px -2px}
.cxrep[hidden],.cxedit[hidden],.cxatt:empty,.cxrec[hidden],.cxro[hidden],.cxrow[hidden]{display:none!important}
.cxrep span,.cxedit span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxrep b{color:var(--ink)}
.cxrep button,.cxedit button{border:0;background:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0 4px}
.cxatt{display:flex;gap:8px;flex-wrap:wrap;padding:8px 2px}
.cxat{position:relative;width:76px;height:76px;border-radius:12px;overflow:hidden;background:var(--chip);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted);text-align:center;padding:4px;box-sizing:border-box;overflow-wrap:anywhere}
.cxat img,.cxat video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cxat button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:14px;line-height:1;cursor:pointer;z-index:1}
.cxat .cxconv{position:absolute;left:4px;bottom:6px;z-index:1;font-size:10px;font-weight:800;color:#fff;background:rgba(0,0,0,.65);border-radius:6px;padding:2px 5px}
.cxat .cxprog{position:absolute;left:0;bottom:0;height:3px;background:#5B7CFA;width:var(--p,0%);z-index:1}
.cxrow{display:flex;align-items:flex-end;gap:6px;background:var(--cxbub);border-radius:16px;padding:5px}
.cxrow textarea{flex:1;min-width:0;min-height:38px;box-sizing:border-box;border:0;background:none;color:var(--ink);font:inherit;font-size:15px;line-height:1.4;padding:8px 4px;resize:none;max-height:160px;outline:none}
.cxrow textarea::placeholder{color:var(--faint)}
.cxtools{display:flex;align-items:center;gap:1px}
.cxplus{flex:none}
.cxsend{background:var(--ink)!important;color:var(--inv)!important}
.cxsend[disabled]{opacity:.3}
.cxrec{display:flex;align-items:center;gap:10px;background:var(--cxbub);border-radius:16px;padding:8px 8px 8px 16px;font-size:14px;font-variant-numeric:tabular-nums}
.cxrec i{width:10px;height:10px;border-radius:50%;background:var(--cxa);animation:cxbl 1s infinite}
@keyframes cxbl{50%{opacity:.25}}
.cxrec span{flex:1}
.cxro{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:13.5px;color:var(--muted);background:var(--cxbub);border-radius:16px;padding:13px 16px}
.cxpop{position:fixed;z-index:120;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px -16px rgba(0,0,0,.5);padding:6px;max-height:min(420px,70dvh);overflow:auto}
.cxpop[hidden]{display:none}
.cxmn{display:flex;flex-direction:column;min-width:210px}
.cxmn button{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;padding:8px 10px;border-radius:9px;cursor:pointer;text-align:left}
.cxmn button:hover{background:var(--cxh)}
.cxmn button.dg{color:var(--cxa)}
.cxmn svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cxmn .cxmi2{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none}
.cxmn .cxmi2 svg{width:15px;height:15px}
.cxmn small{padding:6px 10px 4px;color:var(--faint);font-size:12px;border-top:1px solid var(--line);margin-top:4px}
.cxmn label{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:14px}
.cxmn label:hover{background:var(--cxh)}
.cxmn h4{margin:4px 10px 6px;font-size:13px}
.cxemo{display:grid;grid-template-columns:repeat(8,34px);gap:2px}
.cxemo button{width:34px;height:34px;border:0;background:none;border-radius:8px;font-size:21px;cursor:pointer;line-height:1}
.cxemo button:hover{background:var(--cxh)}
.cxstks{display:grid;grid-template-columns:repeat(4,78px);gap:6px}
.cxstks button{height:78px;border:0;background:var(--cxh);border-radius:12px;cursor:pointer;display:grid;place-items:center;font-size:40px;overflow:hidden;padding:2px}
.cxstks button:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}
.cxstks .cxstk{min-width:0;min-height:0;font-size:40px}
.cxstks .cxstk.t{font-size:11px;padding:6px 7px;border-radius:9px}
.cxat2{display:flex;flex-direction:column;gap:2px;min-width:200px}
.cxat2 button{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;padding:6px 8px;border-radius:9px;cursor:pointer;text-align:left}
.cxat2 button:hover,.cxat2 button.on{background:var(--cxh)}
.cxpanel{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:var(--cxb)}
.cxpanel[hidden]{display:none}
.cxph{display:flex;align-items:center;gap:8px;height:54px;flex:none;padding:0 10px 0 16px;border-bottom:1px solid var(--line)}
.cxph b{flex:1;font-size:15px}
.cxsf{display:flex;align-items:center;gap:8px;margin:12px 12px 6px;border:1px solid var(--line);border-radius:11px;padding:0 10px;background:var(--cxs)}
.cxsf svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--faint);stroke-width:2}
.cxsf input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;padding:10px 0;outline:none}
.cxso{padding:4px 12px}
.cxso h5{margin:8px 4px;font-size:12.5px;color:var(--muted)}
.cxso button{display:block;width:100%;border:0;background:none;text-align:left;font:inherit;font-size:13.5px;color:var(--ink);padding:6px 6px;border-radius:8px;cursor:pointer}
.cxso button:hover{background:var(--cxh)}
.cxso button span{color:var(--faint)}
.cxpr{flex:1;overflow:auto;padding:4px 0 16px}
.cxpr .cxmsg{cursor:pointer;margin-top:4px}
.cxpr .cxtb{display:none!important}
.cxpr .cxch{font-size:11px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.cxpe{padding:28px 18px;text-align:center;color:var(--muted);font-size:14px}
.cxhome{flex:1;min-height:0;overflow:auto}
.cxhome[hidden]{display:none}
.cxhb{position:relative;height:200px;background:#000;overflow:hidden}
.cxhb img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.85}
.cxhw{max-width:760px;margin:0 auto;padding:0 22px 40px}
.cxhl{width:84px;height:84px;border-radius:22px;background:#0B0B0C;border:4px solid var(--cxb);margin-top:-46px;position:relative;display:grid;place-items:center}
.cxhl img{width:56px;height:56px}
.cxhw h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.03em;margin:12px 0 4px}
.cxhw>p{color:var(--muted);margin:0 0 6px;font-size:15px}
.cxhs{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:8px 0 22px}
.cxhs b{color:var(--ink)}
.cxhc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.cxhc button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid var(--line);background:var(--cxs);color:var(--ink);font:inherit;border-radius:16px;padding:14px;cursor:pointer;text-align:left;position:relative}
.cxhc button:hover{border-color:color-mix(in srgb,var(--ink) 30%,var(--line))}
.cxhc button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cxhc b{font-size:14.5px}.cxhc small{color:var(--muted);font-size:12.5px;line-height:1.4}
.cxhc em{position:absolute;top:12px;right:12px;font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--cxa);color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center}
.cxhc em:empty{display:none}
.cxhh{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:18px 0 8px}
.cxhcard{border:1px solid var(--line);border-radius:16px;padding:6px 0;background:var(--cxs);cursor:pointer}
.cxhcard .cxmsg{margin-top:4px}.cxhcard .cxtb{display:none!important}
.cxmod{position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:16px}
.cxmod[hidden]{display:none}
.cxmb{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:18px}
.cxmb h3{margin:0 0 12px;font-size:18px;display:flex;align-items:center;justify-content:space-between}
.cxmb h3 button{border:0;background:none;color:var(--muted);font-size:22px;cursor:pointer}
.cxmb input[type=text]{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--cxs);color:var(--ink);border-radius:11px;padding:10px 12px;font:inherit;font-size:14.5px;margin-bottom:8px}
.cxmb .cxma{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.cxmb canvas{display:block;width:100%;border-radius:12px;background:var(--chip);margin-bottom:10px}
.cxmb .cxpick{display:grid;place-items:center;height:180px;border:1.5px dashed var(--line);border-radius:12px;color:var(--muted);cursor:pointer;margin-bottom:10px;font-size:14px}
.cxlb{position:fixed;inset:0;z-index:140;background:rgba(0,0,0,.92);display:grid;place-items:center;cursor:zoom-out}
.cxlb[hidden]{display:none}
.cxlb{z-index:9995;background:rgba(8,8,10,.97);cursor:default;grid-template-rows:auto 1fr;place-items:stretch;animation:cxlbin .18s ease}@keyframes cxlbin{from{opacity:0}to{opacity:1}}.cxlb img{max-width:calc(100vw - 32px);max-height:calc(100dvh - 90px);object-fit:contain;place-self:center;grid-row:2;grid-column:1;border-radius:4px;user-select:none;-webkit-user-drag:none}.cxlbh{grid-row:1;grid-column:1;display:flex;align-items:center;gap:8px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));color:#fff}.cxlbw{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.cxlbw b{font-size:15px;font-weight:600}.cxlbw span{font-size:12.5px;color:rgba(255,255,255,.6)}.cxlbb{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08);border:0;cursor:pointer}.cxlbb:hover{background:rgba(255,255,255,.16)}.cxlbn{grid-row:2;grid-column:1;align-self:center;z-index:1;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:28px;line-height:1;cursor:pointer;margin:0 16px}.cxlbn[data-lbp]{justify-self:start}.cxlbn[data-lbn]{justify-self:end}.cxlbn:hover{background:rgba(255,255,255,.2)}.cxlbn[hidden]{display:none}
.cxemp{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:var(--muted);padding:24px;gap:6px}
.cxemp b{color:var(--ink);font-size:17px}
.cxsk{height:54px;margin:10px 18px;border-radius:14px;background:linear-gradient(90deg,var(--chip),color-mix(in srgb,var(--ink) 6%,var(--chip)),var(--chip));background-size:200% 100%;animation:cfsk 1.2s linear infinite}
@keyframes cfsk{to{background-position:-200% 0}}
.cxmen{position:fixed;z-index:121}
@media(max-width:1100px){.cxw.cxpan{grid-template-columns:248px 1fr}.cxpanel{position:absolute;right:0;top:0;bottom:0;width:min(360px,100%);z-index:6;box-shadow:-20px 0 40px -20px rgba(0,0,0,.5)}}
@media(max-width:760px){
 .cxw,.cxw.cxpan{grid-template-columns:1fr}
 .cxs{position:absolute;left:0;top:0;bottom:0;width:min(290px,86vw);z-index:8;transform:translateX(-102%);transition:transform .3s var(--ease);box-shadow:20px 0 40px -20px rgba(0,0,0,.5)}
 .cxw.cxnav .cxs{transform:none}
 .cxw.cxnav::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:7}
 .cxmenu{display:grid}
 .cxh{padding:0 8px}
 .cxmsg{padding:3px 10px 3px 8px}
 .cxtb{right:8px}
 .cxhc{grid-template-columns:1fr}
 .cxrow textarea{font-size:16px}
 .cxpanel{width:100%}
 .cxemo{grid-template-columns:repeat(7,34px)}
 .cxstks{grid-template-columns:repeat(3,78px)}
}

/* Couverture logo + carte Lives (05/10) */
.cxhb .cxhbv{width:100%;height:100%;display:block;animation:cxkb 20s ease-in-out infinite alternate;transform-origin:70% 40%}
.cxlive{position:relative;flex:none;margin:12px 16px 0;padding:20px 22px;border-radius:18px;background:#050506;border:1px solid var(--line);overflow:hidden;box-shadow:0 18px 40px -26px rgba(0,0,0,.9)}
.cxlive[hidden]{display:none}
.cxlive::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,rgba(59,111,224,.16),transparent);pointer-events:none}
.cxlive.on{border-color:rgba(224,51,42,.55);box-shadow:0 0 0 4px rgba(224,51,42,.08),0 18px 40px -26px rgba(224,51,42,.6)}
.cxlive.on::after{background:radial-gradient(closest-side,rgba(224,51,42,.22),transparent)}
.cxlvt{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cxlvl{width:34px;height:34px;display:grid;place-items:center}.cxlvl img,.cxlvl svg{width:34px;height:34px}
.cxlvp{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 8px;background:rgba(255,255,255,.03)}
.cxlvp i{width:6px;height:6px;border-radius:50%;background:var(--faint)}
.cxlive.on .cxlvp{color:#fff;background:#E0332A;border-color:#E0332A}.cxlive.on .cxlvp i{background:#fff;animation:cxpl 1.4s ease-in-out infinite}
@keyframes cxpl{50%{opacity:.25}}
.cxlive>b{display:block;font-size:22px;letter-spacing:-.02em;line-height:1.2}
.cxlive>p{margin:6px 0 16px;color:var(--muted);font-size:14.5px;line-height:1.45;max-width:560px}
.cxlva{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.cxlvx{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:600;border-radius:10px;padding:9px 14px;cursor:pointer;text-decoration:none;border:1px solid var(--line);background:transparent;color:var(--ink);transition:background .15s,transform .15s var(--spring,ease)}
.cxlvx:hover{background:rgba(255,255,255,.06)}.cxlvx:active{transform:scale(.97)}.cxlvx:disabled{opacity:.6}
.cxlvx svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cxlvx.pri{background:#F4F4F6;color:#0B0B0C;border-color:#F4F4F6}.cxlvx.pri:hover{background:#fff}
.cxlive.on .cxlvx.pri{background:#E0332A;border-color:#E0332A;color:#fff}
@media(max-width:560px){.cxlive{margin:10px 10px 0;padding:14px 16px}.cxlvt{margin-bottom:8px}.cxlvl,.cxlvl img,.cxlvl svg{width:28px;height:28px}.cxlive>b{font-size:18px}.cxlive>p{font-size:13.5px;margin:4px 0 12px}.cxlvx{padding:8px 12px;font-size:13.5px}}
@media(prefers-reduced-motion:reduce){.cxhb .cxhbv,.cxlive.on .cxlvp i{animation:none}}


/* Survol : seule la bulle est concernée, la barre d'actions se colle à la bulle (05/10) */
.cxl .cxmsg:hover,.cxl .cxmsg.act{background:none}
.cxl .cxmsg>.cxb{flex:0 1 auto;max-width:calc(100% - 42px);position:relative}
.cxl .cxmsg.me>.cxb{max-width:100%}
.cxl .cxb .cxvid{width:440px;max-width:100%}
.cxl .cxb .cxmed{width:520px;max-width:100%}.cxl .cxb .cxmed.one{width:440px}
.cxl .cxb .cxpoll{width:420px;max-width:100%}
.cxl .cxb .cxaud{width:320px;max-width:100%}.cxl .cxb .cxdoc{width:340px;max-width:100%}
.cxl .cxbub,.cxl .cxpoll,.cxl .cxstk{transition:filter .15s}
.cxl .cxb:hover>.cxbub,.cxl .cxmsg.act .cxbub{filter:brightness(1.1)}
.cxl .cxb>.cxtb{top:2px;right:auto;left:calc(100% + 8px)}
.cxl .cxmsg.first:not(.me)>.cxb>.cxtb{top:22px}
.cxl .cxmsg.me>.cxb>.cxtb{left:auto;right:calc(100% + 8px)}
.cxl .cxb>.cxtb::before{content:"";position:absolute;top:-6px;bottom:-6px;left:-12px;right:-12px;z-index:-1}
.cxl .cxmsg:hover .cxtb{opacity:0;pointer-events:none;transform:translateY(4px) scale(.96)}
.cxl .cxb:hover>.cxtb,.cxl .cxmsg.act .cxtb{opacity:1;pointer-events:auto;transform:none}
@media(max-width:900px),(hover:none){
 .cxl .cxb>.cxtb,.cxl .cxmsg.first:not(.me)>.cxb>.cxtb{top:auto;bottom:calc(100% - 2px);left:0;right:auto}
 .cxl .cxmsg.me>.cxb>.cxtb{left:auto;right:0}
 .cxl .cxmsg.first:not(.me)>.cxb>.cxtb{bottom:calc(100% - 22px);left:auto;right:0}
}

/* 05/10 (JK, rapidité) : plus de carré noir — cadre aux bonnes proportions qui scintille, aperçu de la vidéo, image qui apparaît en fondu */
@keyframes cxshim{to{background-position:-200% 0}}
.cxvw{position:relative;border-radius:14px;overflow:hidden;max-width:100%;background-color:#1b1b1f;background-size:cover;background-position:center}
.cxvw:not(.ok)::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);background-size:200% 100%;animation:cxshim 1.2s linear infinite;pointer-events:none}
.cxvw .cxvid{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;border-radius:0;background:transparent}
.cxvw.ok{background-color:#000}
.cxmi{background:#1b1b1f linear-gradient(110deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);background-size:200% 100%;animation:cxshim 1.2s linear infinite}
.cxmi.ok{animation:none;background:none}
.cxmi img{opacity:0;transition:opacity .25s}.cxmi.ok img{opacity:1}

/* 05/10 (JK) : actions par appui long — plus de barre au survol */
.cxl .cxtb{display:none!important}
.cxl .cxbub,.cxl .cxmed,.cxl .cxvw,.cxl .cxstk,.cxl .cxpoll{transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .2s,box-shadow .2s}
.cxl .cxmsg.lp :is(.cxbub,.cxmed,.cxvw,.cxstk,.cxpoll){transform:scale(.965);transition-duration:.45s}
.cxl .cxmsg.act :is(.cxbub,.cxvw,.cxpoll){box-shadow:0 0 0 2px rgba(255,255,255,.22),0 12px 30px -12px rgba(0,0,0,.8)}
@media(hover:none){.cxl :is(.cxbub,.cxmed,.cxvw,.cxstk,.cxpoll,.cxaud,.cxdoc){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}
.cxqr{display:flex;gap:2px;padding:4px;margin:-2px -2px 6px;border-bottom:1px solid var(--line)}
.cxqr button{width:38px;height:38px;border:0;border-radius:50%;background:none;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .15s}
.cxqr button:hover{transform:scale(1.18);background:var(--cxh)}
.cxqr button.on{background:rgba(224,51,42,.18)}
.cxqr [data-qrp]{font-size:20px;color:var(--muted);background:var(--cxh)}
#cxPop:has(.cxqr){animation:cxlpin .28s cubic-bezier(.22,1.3,.36,1)}
@keyframes cxlpin{from{opacity:0;transform:scale(.92) translateY(6px)}}

/* 05/10 (JK) : sur ordinateur, bouton « ⋯ » à côté de la bulle (au survol) qui ouvre réactions + Répondre, Partager… ; sur téléphone : appui long */
.cxmo{position:absolute;top:2px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer;
 opacity:0;pointer-events:none;transition:opacity .15s,background .15s,color .15s;box-shadow:0 6px 16px -8px rgba(0,0,0,.6);z-index:2}
.cxmo svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.cxmo:hover{background:var(--cxh);color:var(--ink)}
.cxl .cxmsg:not(.me)>.cxb>.cxmo{left:calc(100% + 6px)}
.cxl .cxmsg.first:not(.me)>.cxb>.cxmo{top:22px}
.cxl .cxmsg.me>.cxb>.cxmo{right:calc(100% + 6px)}
@media(hover:hover){.cxl .cxb:hover>.cxmo,.cxl .cxmsg.act>.cxb>.cxmo{opacity:1;pointer-events:auto}}
@media(hover:none){.cxmo{display:none}}
.cxpr .cxmo,.cxhcard .cxmo,.cxtyp .cxmo{display:none}
.cxl .cxb>.cxmo::before{content:"";position:absolute;inset:-6px -10px}

/* 05/10 (JK) : photo seule aux bonnes proportions, rien n'est coupé ; « ⋯ » dans le coin haut droit de la bulle ; menu toujours au premier plan */
.cxl .cxb .cxmed.one{width:auto;max-width:100%}
.cxmed.one .cxmi{max-width:100%}
/* 06/10 (JK) : photo seule affichée à sa taille réelle (pixels d'origine), réduite seulement si elle dépasse la place disponible */
.cxl .cxb .cxmed.one,.cxl .cxbub.hasm .cxmed.one{max-width:100%}
.cxmed.one .cxmi[data-r] img{height:100%;max-height:none;object-fit:cover}
.cxmed.one .cxmi:not([data-r]) img{max-height:none;object-fit:contain}
.cxl .cxmsg img,.cxl .cxmsg video{-webkit-user-drag:none}
.cxl .cxmsg>.cxb>.cxmo,.cxl .cxmsg.me>.cxb>.cxmo,.cxl .cxmsg:not(.me)>.cxb>.cxmo{left:auto;right:6px;top:6px;width:28px;height:28px;border:0;background:rgba(10,10,12,.62);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cxl .cxmsg.first:not(.me)>.cxb>.cxmo{top:28px}
.cxl .cxb>.cxmo:hover{background:rgba(10,10,12,.85)}
.cxl .cxb>.cxmo::before{display:none}
.cxpop{z-index:1000}
.cxl .cxbub.hasm{width:min-content;max-width:100%}
.cxl .cxbub.hasm .cxtx{min-width:120px;padding:5px 5px 0}
#cxPop:has(.cxqr){animation:cxlpin2 .18s ease-out}
@keyframes cxlpin2{from{opacity:0}}

/* 06/10 (JK) : bulle avec média = largeur réelle du média (photo seule : taille d'origine), jamais plus large que la place disponible ; « ⋯ » dans la bulle */
.cxl .cxmsg>.cxb:has(>.cxbub.hasm){flex:1 1 auto}
.cxl .cxbub.hasm{width:min(var(--mw,440px),100%)!important;max-width:100%}
.cxmed{position:relative}.cxvc{display:inline-flex;align-items:center;gap:3px;margin-right:6px;font-variant-numeric:tabular-nums;vertical-align:middle}.cxvc svg{opacity:.85}

.cxl .cxbub.hasm .cxmed.one,.cxl .cxbub.hasm .cxmed.one .cxmi{width:100%!important;max-width:100%}
.cxl .cxbub.hasm .cxvw{width:100%!important}
.cxl .cxbub>.cxmo{left:auto!important;right:8px!important;top:8px!important}
@media(hover:hover){.cxl .cxbub:hover>.cxmo,.cxl .cxmsg.act .cxbub>.cxmo{opacity:1;pointer-events:auto}}
/* « écrit… » (05/10) */
#cxHs.ty{color:#3DDC84;font-weight:600}
#cxHs.ty::after{content:"";display:inline-block;width:0}
.cxty2 .cxdots{padding:11px 14px;min-height:16px;align-items:center}
.cxty2 .cxdots i{width:7px;height:7px;background:var(--muted);animation:cxty 1.3s infinite ease-in-out}
.cxty2 .cxdots i:nth-child(2){animation-delay:.18s}.cxty2 .cxdots i:nth-child(3){animation-delay:.36s}
@keyframes cxty{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@media(prefers-reduced-motion:reduce){.cxmsg.hl,.cxrec i,.cxsk{animation:none!important}}
.cmmb{position:absolute;z-index:5;transform:translate(-50%,calc(-100% - 14px)) scale(.9);opacity:0;pointer-events:none;background:var(--ink);color:var(--inv);border-radius:14px;padding:10px 14px;text-align:center;box-shadow:0 14px 34px -12px rgba(0,0,0,.6);transition:opacity .25s,transform .45s var(--spring);width:max-content;max-width:220px}
.cmmb b{display:block;font-size:14px}.cmmb span{display:block;font-size:12px;opacity:.7;margin-top:2px}
.cmmb::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:var(--ink);transform:translateX(-50%) rotate(45deg)}
.cmmb.on{opacity:1;transform:translate(-50%,calc(-100% - 14px)) scale(1)}
.lph::after{display:none}
#p-luts > section{background:linear-gradient(180deg,#000 0,color-mix(in srgb,var(--bg) 35%,#000) 120px,color-mix(in srgb,var(--bg) 75%,#000) 240px,var(--bg) 380px)!important}
/* 24/10 (JK, maquette 27) : photo du haut de l'onglet LUTs entière, plus de masque ni de grand dégradé noir à gauche : un voile léger derrière le texte, et le fondu du bas vers la galerie */ @media(min-width:701px){.lph .lbg img{-webkit-mask-image:none;mask-image:none;object-position:62% 40%}.lph .lbg::after{background:radial-gradient(70% 80% at 0% 100%,rgba(0,0,0,.6) 0%,rgba(0,0,0,.25) 45%,rgba(0,0,0,0) 75%),linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 12%,rgba(0,0,0,0) 62%,rgba(0,0,0,.55) 82%,#000 97%)}}
/* ===== Espace connecté ===== */
.bellg{display:none;position:relative}body.logged .bellg{display:block}
.bellg .dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#E0332A;color:#fff;font:800 10.5px/18px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px var(--deep,#000);display:none}
.bellg.has .dot{display:block}
.navcta.login.in{padding:5px 14px 5px 5px;gap:9px}
.navcta.login.in .ini{width:28px;height:28px;font-size:12px;background:linear-gradient(135deg,#fff,#cfcfd4)}
.navcta.login.in::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6;margin-left:2px;transition:transform .3s var(--spring)}
.navcta.login.in[aria-expanded="true"]::after{transform:translateY(1px) rotate(225deg)}
.accp,.ntfp{position:fixed;top:72px;right:max(16px,calc((100vw - 1360px)/2 + 16px));z-index:95;width:330px;max-height:calc(100dvh - 90px);overflow:auto;background:#141417;color:#F4F4F6;border:1px solid #26262C;border-radius:18px;padding:10px;box-shadow:0 30px 70px -20px rgba(0,0,0,.75);transform-origin:top right;animation:appop .38s var(--spring)}
.accp[hidden],.ntfp[hidden]{display:none}
/* 20/10 (JK) : la barre prend toute la largeur (marge --hnpad) : le menu du compte et les notifications s'ouvrent sous le bouton, pas à 1360 px du centre */
@media(min-width:561px){.accp,.ntfp{right:var(--hnpad,16px)}}
@keyframes appop{from{opacity:0;transform:translateY(-6px) scale(.97)}}
.aph{display:flex;align-items:center;gap:12px;padding:8px 8px 12px}
.apav,.prav,.acav{display:grid;place-items:center;border-radius:50%;font-weight:800;color:#0B0B0C;background:radial-gradient(circle at 35% 30%,#fff 0,#e9e9ee 35%,#9d9da6 100%);flex:none}
.apav{width:40px;height:40px;font-size:16px}
.apid b{display:block;font-size:14.5px}.apid span{font-size:12.5px;color:#9B9BA1}
.apcr{background:#1B1B20;border:1px solid #26262C;border-radius:14px;padding:12px;margin-bottom:8px}
.apcrh{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.apk{display:inline-flex;align-items:center;gap:7px;font-weight:600}.apcrh b{font-size:12.5px;color:#9B9BA1;font-weight:600}
.apdots{position:relative;height:6px;border-radius:6px;background:#26262C;overflow:hidden;margin:12px 0 13px}.apdots b{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:6px;background:linear-gradient(90deg,#B3261E,#E0332A 60%,#FF6A4D);box-shadow:0 0 12px rgba(224,51,42,.45);transition:width 1s cubic-bezier(.22,1,.36,1)}.apdots.low b{animation:aplow 1.6s ease-in-out infinite}@keyframes aplow{50%{opacity:.55}}


.aprow{display:flex;justify-content:space-between;font-size:12.5px;color:#9B9BA1;padding:2px 0 10px}.aprow b{color:#F4F4F6;font-weight:600}.aprow[hidden]{display:none}
.apget{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;background:#232329;color:#F4F4F6;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s}
.apget:hover{background:#2C2C33}.apget em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;background:#E0332A;color:#fff;padding:4px 11px;border-radius:999px}
.apgi{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(224,51,42,.18);color:#FF6A5E}
.apl{display:flex;flex-direction:column}
.apl>a,.apl>button{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border-radius:10px;border:0;background:none;color:#E6E6EA;font:inherit;font-size:13.5px;font-weight:500;text-decoration:none;cursor:pointer;text-align:left;transition:background .18s}
.apl>a:hover,.apl>button:hover{background:#1F1F24}
.apl svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none;opacity:.85}
.apnew{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;background:#C8283C;color:#fff;padding:3px 7px;border-radius:5px}
.aplv{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-style:normal;color:#9B9BA1;font-size:12.5px}
.aplv .chv{width:14px;height:14px;transition:transform .3s var(--spring)}#apLangB[aria-expanded="true"] .chv{transform:rotate(180deg)}
.lnm::after{content:attr(data-n)}
.aplang{display:flex;flex-direction:column;gap:2px;padding:4px;margin:2px 0 4px;border-radius:12px;background:#1B1B20;border:1px solid #26262C;animation:appop .3s var(--spring)}
.aplang[hidden]{display:none}
.aplang .lang{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;border:0;background:none;color:#E6E6EA;font:inherit;font-size:13.5px;cursor:pointer}
.aplang .lang:hover,.aplang .lang[aria-pressed="true"]{background:#26262C;color:#fff}
.aplang .ck{margin-left:auto;width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.4;opacity:0}.aplang .lang[aria-pressed="true"] .ck{opacity:1}
.flg{width:18px;height:18px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.flg.fr{background:linear-gradient(90deg,#1F4FB8 0 33.3%,#fff 33.3% 66.6%,#E33D3D 66.6%)}
.flg.en{background:linear-gradient(#2B3A8C,#2B3A8C) 0 0/50% 54% no-repeat,repeating-linear-gradient(#C8283C 0 2.57px,#fff 2.57px 5.14px)}
.flg.es{background:linear-gradient(#C60B1E 0 25%,#FFC400 25% 75%,#C60B1E 75%)}.flg.zh{background:radial-gradient(circle at 32% 34%,#FFDE00 0 2.6px,transparent 3px),#DE2910}.flg.ja{background:radial-gradient(circle,#BC002D 0 4.6px,#fff 5px)}
/* 25/10 (maquette 41) : chinois et japonais — polices adaptées, titres sans resserrement des lettres */
html[lang=zh] body{font-family:Inter,"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif}html[lang=ja] body{font-family:Inter,"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif}
html:is([lang=zh],[lang=ja]) :is(h1,h2,h3,h4){letter-spacing:0!important;word-break:auto-phrase}html:is([lang=zh],[lang=ja]) p{line-break:strict}
/* bouton langue de l'en-tête (ordinateur ; sur téléphone : menu et pied de page) */ .lgg{position:relative}.lgb{display:inline-flex!important;align-items:center;gap:6px;width:auto!important;padding:0 10px!important;font:600 12px/1 Inter,system-ui,sans-serif;color:#fff}.lgb .flg{width:16px;height:16px}.lgm{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:200px;padding:5px;border-radius:14px;background:#141418;border:1px solid #2A2A31;box-shadow:0 20px 50px -10px #000;display:grid;gap:2px}.lgm[hidden]{display:none}.lgm .lang{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;border:0;background:none;color:#E6E6EA;font:inherit;font-size:13.5px;cursor:pointer;text-align:left}.lgm .lang:hover,.lgm .lang[aria-pressed="true"]{background:#26262C;color:#fff}@media(max-width:900px){.lgg{display:none!important}}
.apout{border-top:1px solid #26262C!important;border-radius:0 0 10px 10px!important;margin-top:4px;padding-top:12px!important}
.ntfp{width:370px;padding:14px}
.nth{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 10px}.nth b{font-size:14.5px}.nth>div{display:flex;align-items:center;gap:6px}
.ntall{border:0;background:none;color:#9B9BA1;font:inherit;font-size:12px;cursor:pointer}.ntall:hover{color:#fff}
.ntx{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:0;background:#1F1F24;color:#fff;cursor:pointer}.ntx svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.4;fill:none}
.ntt{display:flex;gap:4px;margin-bottom:10px}
.ntt button{border:0;background:none;color:#9B9BA1;font:inherit;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer}
.ntt button.on{background:#fff;color:#0B0B0C}
.ntl{display:flex;flex-direction:column;gap:6px;min-height:170px}
.ntn{display:flex;gap:11px;padding:11px;border-radius:12px;background:#1B1B20;border:1px solid #26262C;cursor:pointer;animation:cmin .45s var(--spring) both}
.ntn .nti{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#26262C;flex:none}.ntn .nti svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2}
.ntn b{display:block;font-size:13px}.ntn p{margin:2px 0 0;font-size:12.5px;color:#9B9BA1;line-height:1.4}.ntn time{display:block;font-size:11px;color:#6E6E76;margin-top:5px}
.ntn.unr{border-color:#3A3A42}.ntn.unr b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#E0332A;margin-left:7px;vertical-align:middle}
.ntempty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9B9BA1;font-size:13px;padding:28px 0;border-radius:12px;background:#18181C}
.ntempty span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#232329;animation:cmfloat 3.6s ease-in-out infinite}.ntempty svg{width:22px;height:22px;fill:none;stroke:#9B9BA1;stroke-width:1.8}
/* Pied de page : langue */
.flang{display:inline-flex;gap:4px;padding:3px;border-radius:999px;border:1px solid var(--line)}
.flang .lang{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;cursor:pointer}
.flang .lang[aria-pressed="true"]{background:var(--chip);color:var(--ink)}.flang .flg{width:14px;height:14px}
/* 25/10 (maquette 41) : 5 langues — la liste passe à la ligne sur téléphone */ .flang{flex-wrap:wrap;justify-content:center;max-width:100%} @media(max-width:600px){.flang{display:flex;border-radius:16px}.flang .lang{padding:5px 9px}}
/* Portes (non connecté) */
.gate{display:none;min-height:70vh;place-items:center;padding:60px 16px}
body:not(.logged) .gate{display:grid}body:not(.logged) [data-auth]{display:none!important}
.gatei{text-align:center;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:10px}
.gatel{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--chip);color:var(--ink)}
.gatei h2{font-size:28px;letter-spacing:-.025em;margin:6px 0 0}.gatei p{color:var(--muted);margin:0 0 10px}
/* Profil */
.prw{display:grid;grid-template-columns:300px 1fr;min-height:calc(100dvh - 64px);max-width:1360px;margin:0 auto}
.pra{position:sticky;top:64px;align-self:start;height:calc(100dvh - 64px);display:flex;flex-direction:column;padding:40px 30px;border-right:1px solid var(--line)}
.prav{width:76px;height:76px;font-size:30px;margin-bottom:18px;animation:cmup .8s var(--spring) both}
.pra h1{font-size:22px;margin:0;letter-spacing:-.02em}.prh{color:var(--muted);margin:3px 0 16px;font-size:14px}
.prmeta{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.prmeta span:first-child{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--chip);border:1px solid var(--line);padding:4px 10px;border-radius:999px}
.prst{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.prst div{padding:14px;text-align:center;background:var(--surface)}.prst div+div{border-left:1px solid var(--line)}
.prst b{display:block;font-size:20px}.prst span{font-size:12px;color:var(--muted)}
.prset{margin-top:12px;justify-content:center}
.prm{padding:34px clamp(18px,4vw,60px) 70px}
.prtabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:30px}
.prtabs button{position:relative;border:0;background:none;color:var(--muted);font:inherit;font-size:14.5px;font-weight:600;padding:10px 0 13px;cursor:pointer}
.prtabs button.on{color:var(--ink)}.prtabs button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);border-radius:2px;animation:prln .4s var(--spring)}
@keyframes prln{from{transform:scaleX(0)}}
.prsec{margin-bottom:44px}.prsec h2{font-size:21px;margin:0 0 16px;letter-spacing:-.02em}.prsec[hidden]{display:none}
.prgrid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.prph{aspect-ratio:4/3;border-radius:16px;background:linear-gradient(180deg,var(--chip),transparent);border:1px solid var(--line)}
.prempty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:linear-gradient(180deg,transparent,var(--bg) 70%);padding:20px}
.prempty b{font-size:17px}.prempty span{color:var(--muted);font-size:14px;margin-bottom:8px}
.prit{border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;animation:cmin .45s var(--spring) both}
.prit img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.prit div{padding:10px 12px}.prit b{display:block;font-size:13.5px}.prit span{font-size:12px;color:var(--muted)}
/* Compte */
.acw{display:grid;grid-template-columns:260px 1fr;max-width:1360px;margin:0 auto;min-height:calc(100dvh - 64px)}
.acs{position:sticky;top:64px;align-self:start;height:calc(100dvh - 64px);display:flex;flex-direction:column;padding:26px 18px}
.acws{font-size:12.5px;color:var(--muted);margin:0 8px 12px}
.acn{display:flex;flex-direction:column;gap:2px}
.acn button{display:flex;align-items:center;gap:11px;border:0;background:none;color:var(--ink);font:inherit;font-size:14.5px;font-weight:500;padding:9px 10px;border-radius:11px;cursor:pointer;text-align:left;transition:background .2s}
.acn button:hover,.acn button.on{background:var(--chip)}
.acn i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--c);color:#fff}.acn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.accom{margin-top:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .35s var(--spring)}
.accom:hover{transform:translateY(-3px)}
.accomi{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;margin-top:-40px;background:linear-gradient(135deg,#E0332A,#8E1B2B);color:#fff;box-shadow:0 12px 26px -10px rgba(224,51,42,.8);animation:cmfloat 3.6s ease-in-out infinite}
.accom b{font-size:14.5px}.accom span{font-size:12.5px;color:var(--muted)}.accom em{font-style:normal;font-size:13px;font-weight:700;margin-top:4px}
.acout{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--muted);font:inherit;font-size:14px;padding:14px 10px 0;cursor:pointer}.acout:hover{color:var(--ink)}
.acm{padding:28px clamp(16px,3vw,48px) 80px;display:flex;flex-direction:column;gap:14px;max-width:760px;width:100%;margin:0 auto}
.acx{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 20px;scroll-margin-top:90px;animation:cmin .5s var(--spring) both}
.acprof{display:flex;align-items:center;gap:18px;padding:22px}
.acav{width:72px;height:72px;font-size:28px}
.acnm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.acnm b{font-size:24px;letter-spacing:-.02em}
.acnm input{font:inherit;font-size:20px;font-weight:700;color:var(--ink);background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:5px 10px;width:220px}
.acedit{flex:none;width:auto;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--chip);color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:8px;cursor:pointer}
.acml{color:var(--muted);font-size:14px}
.acg2{display:grid;grid-template-columns:1fr 1fr;gap:14px;scroll-margin-top:90px}
.acch{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;color:var(--muted);margin-bottom:12px}
.acch>span:first-child{display:inline-flex;align-items:center;gap:8px}
.acmini{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:3px 9px;border-radius:8px;text-decoration:none}
.accrb,.acsubb{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.acbig{display:block;font-size:22px;letter-spacing:-.02em}.acsm{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.acbar{height:6px;border-radius:4px;background:var(--chip);overflow:hidden;margin:14px 0 8px}.acbar i{display:block;height:100%;border-radius:4px;background:var(--ink);width:0;transition:width 1s var(--spring)}
.acnote{font-size:12.5px;color:var(--faint);margin:10px 0 0}.accx{margin-top:12px}.accx[hidden]{display:none!important}.accx.danger{border-color:#E0332A;color:#E0332A}
.achist{display:flex;align-items:flex-end;gap:3px;height:70px;padding-top:6px}
.achist i{flex:1;border-radius:3px;background:var(--line);min-height:4px;transform-origin:bottom;animation:achb .7s var(--spring) both}
.achist i.on{background:var(--ink)}
@keyframes achb{from{transform:scaleY(0)}}
.achl{display:flex;justify-content:space-between;font-size:11.5px;color:var(--faint);margin-top:8px}
.acpill{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--chip);color:var(--muted)}
.acpill.ok{background:rgba(52,211,153,.14);color:#34D399}
.acinc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
/* 16/10 (JK, 099) : Mon compte → Abonnement : jours restants de la découverte du Studio (compte gratuit) */
.acstd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--chip);border:1px solid var(--line)}.acstd[hidden]{display:none}
.acstd>div{min-width:0}.acstd b{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:15px;letter-spacing:-.01em}.acstd .acsm{margin-top:4px;line-height:1.45}.acstd .btn{flex:none}.acstd .btn[hidden]{display:none}
.acstdp{display:inline-block;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em;padding:3px 9px;border-radius:999px;background:#E0332A;color:#fff}.acstdp[hidden]{display:none}
@media(max-width:560px){.acstd{flex-direction:column;align-items:flex-start}}
.acinc div{padding:11px 12px;border-radius:12px;background:var(--chip)}.acinc span{display:block;font-size:12px;color:var(--muted)}.acinc b{font-size:13.5px}
.acpf{display:flex;gap:10px}.acpf input{flex:1 1 0;min-width:0;width:100%;font:inherit;font-size:14.5px;color:var(--ink);background:var(--chip);border:1px solid var(--line);border-radius:12px;padding:10px 14px;text-transform:uppercase}
.acpf .btn{flex:none}.acpm{font-size:13px;margin:10px 0 0;min-height:1em}.acpm.err{color:#FF6A5E}
.acrow{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.acls{display:flex;gap:6px;flex-wrap:wrap;max-width:100%}
.acls .lang{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--chip);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:12px;cursor:pointer}
.acls .lang[aria-pressed="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.acdel summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.acdel summary::-webkit-details-marker{display:none}
.acdel summary svg{transition:transform .3s var(--spring);color:var(--muted)}.acdel[open] summary svg{transform:rotate(180deg)}
.acdel p{color:var(--muted);font-size:14px;margin:14px 0}
.acdb{border:1px solid rgba(224,51,42,.5);background:rgba(224,51,42,.1);color:#FF6A5E;font:inherit;font-size:13.5px;font-weight:700;padding:9px 16px;border-radius:10px;cursor:pointer}
/* Affiliation */
.afh{position:relative;margin:14px var(--gut) 0;border-radius:24px;overflow:hidden;min-height:min(78vh,640px);display:grid;place-items:center;text-align:center;color:#fff;isolation:isolate}
.afbg{position:absolute;inset:0;z-index:-1}.afbg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;animation:cmkb 22s ease-in-out infinite alternate}
.afbg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,rgba(0,0,0,.45),rgba(0,0,0,.78) 75%)}
.afin{max-width:640px;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}
.afin>*{animation:cmup .9s var(--spring) both}.afin>*:nth-child(2){animation-delay:.1s}.afin>*:nth-child(3){animation-delay:.2s}.afin>*:nth-child(4){animation-delay:.3s}
.afin h1{font-size:clamp(34px,6vw,62px);line-height:1.02;letter-spacing:-.035em;margin:0}.afin h1 em{font-style:normal;color:#FF5A4E}
.afin p{font-size:17px;color:rgba(255,255,255,.82);margin:0}
.afs{padding:90px 0 20px}
.afhd{text-align:center;max-width:640px;margin:0 auto 36px;display:flex;flex-direction:column;align-items:center;gap:12px}
.afchip{font-size:12px;font-weight:700;color:#FF6A5E;background:rgba(224,51,42,.12);border:1px solid rgba(224,51,42,.4);padding:5px 12px;border-radius:8px}
.afhd h2{font-size:clamp(30px,4.6vw,50px);letter-spacing:-.035em;line-height:1.02;margin:0;text-transform:uppercase;font-weight:900}
.afhd p{color:var(--muted);margin:0}
.af3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.afc{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;transition:transform .4s var(--spring),border-color .3s}
.afc:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ink) 30%,var(--line))}
.afi{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--chip);border:1px solid var(--line);margin-bottom:34px}.afi svg{width:21px;height:21px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round}
.afc h3{font-size:19px;margin:0 0 8px}.afc p{color:var(--muted);margin:0;font-size:15px}
.afcalc{display:grid;grid-template-columns:400px 1fr;gap:14px}
.afctl{display:flex;flex-direction:column;gap:14px}
.afsl,.aftot{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}
.afsl>span,.aftot>span{display:block;font-size:13.5px;color:var(--muted)}
.afsl b{display:block;font-size:26px;letter-spacing:-.02em;margin:6px 0 14px}.afsl b i{font-style:normal;color:var(--muted);font-weight:600}
.afsl input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:26px;border-radius:999px;background:linear-gradient(90deg,#8E1B2B,#E0332A) 0/var(--v,10%) 100% no-repeat,var(--chip);cursor:pointer}
.afsl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:0;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.afsl input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#fff;border:0}
.afpl{display:flex;gap:6px}.afpl button{flex:1;border:1px solid var(--line);background:var(--chip);color:var(--muted);font:inherit;font-size:13.5px;font-weight:700;padding:9px;border-radius:12px;cursor:pointer;transition:all .25s}
.afpl button.on{background:#E0332A;border-color:#E0332A;color:#fff}
.aftot{background:linear-gradient(135deg,#E0332A,#8E1B2B);border:0;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:4px}
.aftot>span{color:rgba(255,255,255,.8);grid-column:1}.aftot b{font-size:32px;letter-spacing:-.03em;grid-column:1}.aftot .btn{grid-column:2;grid-row:1/3;background:#fff;color:#0B0B0C}
.afch{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px 22px 16px;display:flex;flex-direction:column}
.afbars{flex:1;display:flex;align-items:flex-end;gap:clamp(4px,1vw,12px);min-height:260px;background:repeating-linear-gradient(180deg,transparent 0 63px,var(--line) 63px 64px)}
.afbars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#FF5A4E,#8E1B2B);height:0;transition:height .7s var(--spring);position:relative}
.afbars i:hover{filter:brightness(1.25)}
.afax{display:flex;gap:clamp(4px,1vw,12px);margin-top:8px}.afax span{flex:1;text-align:center;font-size:11.5px;color:var(--faint)}
.aftip{position:absolute;top:10px;right:18px;font-size:13px;font-weight:700;background:var(--chip);border:1px solid var(--line);padding:4px 10px;border-radius:8px}
.pp .per{font-size:.8em;font-weight:600;opacity:.7;margin-left:4px}
.afest{text-align:center;color:var(--faint);font-size:12.5px;margin:18px auto 0;max-width:640px}
.afq{max-width:760px}
.acq details{border-bottom:1px solid var(--line)}.acq summary{display:flex;justify-content:space-between;align-items:center;padding:18px 4px;font-weight:600;font-size:16px;cursor:pointer;list-style:none}
.acq summary::-webkit-details-marker{display:none}
.acq summary i{position:relative;width:14px;height:14px}.acq summary i::before,.acq summary i::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--spring)}
.acq summary i::after{transform:rotate(90deg)}.acq details[open] summary i::after{transform:rotate(0)}
.acq p{color:var(--muted);margin:0 4px 18px}
@media(max-width:1000px){.afcalc{grid-template-columns:1fr}.prgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.prw,.acw{grid-template-columns:1fr}.pra,.acs{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.pra{padding:28px 18px}.prst{margin-top:18px}.acn{flex-direction:row;overflow-x:auto;scrollbar-width:none}.acn button{white-space:nowrap}.accom{display:none}.acout{display:none}.acg2{grid-template-columns:1fr}.af3{grid-template-columns:1fr}}
@media(max-width:560px){.accp,.ntfp{left:10px;right:10px;width:auto;top:66px}.acinc{grid-template-columns:1fr}.acprof{flex-direction:column;align-items:flex-start}.afbars{min-height:200px}.aftot{grid-template-columns:1fr}.aftot .btn{grid-column:1;grid-row:auto;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.accp,.ntfp,.acx,.prit,.ntn,.achist i,.afbg img,.afin>*{animation:none!important}}
.afhh .intro{max-width:640px}
.afkpi{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.afkpi div{padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);min-width:120px}
.afkpi b{display:block;font-size:22px;letter-spacing:-.02em;color:#fff}.afkpi span{font-size:12.5px;color:rgba(255,255,255,.7)}
.afc{position:relative}.afn{position:absolute;top:22px;right:24px;font-size:13px;font-weight:800;color:var(--faint);letter-spacing:.06em}
.afwho{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.afw{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:4/5;color:#fff;text-decoration:none;isolation:isolate}
.afw img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--spring)}
.afw::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.88))}
.afw:hover img{transform:scale(1.05)}
.afw div{position:absolute;left:0;right:0;bottom:0;padding:22px}.afw b{display:block;font-size:19px;letter-spacing:-.015em;margin-bottom:6px}.afw span{font-size:14px;color:rgba(255,255,255,.78)}
.afchh{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13.5px;color:var(--muted)}
.afchh .aftip{position:static}
@media(max-width:860px){.afwho{grid-template-columns:1fr}.afw{aspect-ratio:16/10}}
.prban{position:relative;border-radius:22px;overflow:hidden;min-height:210px;display:flex;align-items:flex-end;margin-bottom:30px;color:#fff;isolation:isolate;animation:cmin .6s var(--spring) both}
.prban img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%;z-index:-2;animation:cmkb 22s ease-in-out infinite alternate}
.prban::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.45) 60%,rgba(0,0,0,.15)),linear-gradient(0deg,rgba(0,0,0,.6),transparent 60%)}
.prban>div{padding:24px 26px}.prban .eyebrow{color:rgba(255,255,255,.7);margin:0}.prban h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;margin:8px 0 14px}
.prq{display:flex;gap:8px;flex-wrap:wrap}.prq a{font-size:13px;font-weight:600;color:#fff;text-decoration:none;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);transition:background .2s}.prq a:hover{background:rgba(255,255,255,.22)}
/* Affiliation : candidature et statut */
.afrules{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.afr{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:6px}
.afr i{font-style:normal;font-size:12px;font-weight:800;color:#FF6A5E;letter-spacing:.06em}.afr b{font-size:16px}.afr span{color:var(--muted);font-size:14px}
.afmd{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px}.afmd[hidden]{display:none}
.afmdbg{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);animation:lfade .3s both}
.afmdb{position:relative;width:min(540px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#141417;color:#F4F4F6;border:1px solid #26262C;border-radius:24px;padding:28px;box-shadow:0 40px 90px -30px rgba(0,0,0,.8);animation:appop .45s var(--spring)}
.afmdb .eyebrow{color:#9B9BA1;margin:0}
.afmdb h3{font-size:26px;letter-spacing:-.025em;margin:8px 0 4px}.afmsub{color:#9B9BA1;margin:0 0 20px;font-size:14.5px}
.afx{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;background:#1F1F24;color:#fff;cursor:pointer}.afx svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.4;fill:none}
.aff{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.aff>span{font-size:13px;font-weight:600;color:#C9C9CF}
.aff small{font-size:12px;color:#8A8A92}
.afrow{display:flex;gap:8px}.afrow .cmsel{flex:none}
.afmdb input[type=email],.afmdb input[name=h]{flex:1;min-width:0;font:inherit;font-size:14.5px;color:#fff;background:#1B1B20;border:1px solid #2C2C33;border-radius:12px;padding:11px 14px}
.afmdb input:focus{outline:none;border-color:#fff}
.afmdb .cmsel select{background:#1B1B20;border-color:#2C2C33;color:#fff;border-radius:12px;padding:11px 36px 11px 14px}
.afchips{display:flex;flex-wrap:wrap;gap:6px}
.afchips button{border:1px solid #2C2C33;background:#1B1B20;color:#C9C9CF;font:inherit;font-size:13px;font-weight:600;padding:8px 12px;border-radius:999px;cursor:pointer;transition:all .2s}
.afchips button.on{background:#fff;color:#0B0B0C;border-color:#fff}
.afok{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#B5B5BC;margin:4px 0 8px;cursor:pointer}.afok input{margin-top:2px;accent-color:#E0332A;width:16px;height:16px;flex:none}
.aferr{color:#FF6A5E;font-size:13px;min-height:1em;margin:0 0 10px}
.afsend{width:100%;background:#fff;color:#0B0B0C}
.aff.bad input,.aff.bad .afchips button{border-color:#E0332A}
.afsent{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 0 6px}.afsent[hidden]{display:none}
.afsent p{color:#9B9BA1;margin:0 0 14px;max-width:38ch}
.afck{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:rgba(52,211,153,.14);margin-bottom:8px;animation:appop .5s var(--spring)}
.afck svg{width:30px;height:30px;fill:none;stroke:#34D399;stroke-width:2.6;stroke-dasharray:24;stroke-dashoffset:24;animation:afdraw .6s .25s ease forwards}
@keyframes afdraw{to{stroke-dashoffset:0}}
.acpill.wait{background:rgba(232,162,74,.15);color:#E8A24A}.acpill.no{background:rgba(224,51,42,.14);color:#FF6A5E}
.afst{display:flex;flex-direction:column;gap:12px}.afst p{margin:0;color:var(--muted);font-size:14px}
.aflink{display:flex;gap:8px}.aflink input{flex:1;min-width:0;font:inherit;font-size:13.5px;color:var(--ink);background:var(--chip);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.afkp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.afkp div{padding:12px;border-radius:12px;background:var(--chip)}.afkp span{display:block;font-size:12px;color:var(--muted)}.afkp b{font-size:18px}
.afdemo{align-self:flex-start;border:1px dashed var(--line);background:none;color:var(--faint);font:inherit;font-size:12px;padding:6px 10px;border-radius:8px;cursor:pointer}
.apst{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;padding:3px 7px;border-radius:5px}.apst.wait{background:rgba(232,162,74,.18);color:#E8A24A}.apst.ok{background:rgba(52,211,153,.16);color:#34D399}
@media(max-width:1000px){.afrules{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.afrules{grid-template-columns:1fr}.afkp{grid-template-columns:1fr}.afmdb{padding:22px}.afrow{flex-direction:column}}
.afch{overflow:hidden;isolation:isolate}
.afch::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,80%) var(--my,20%),rgba(224,51,42,.13),transparent 65%);transition:opacity .4s}
.afbars{position:relative}
.afbars i{transform:scaleY(0);transform-origin:bottom;transition:height .8s var(--spring),transform 1s var(--spring),filter .25s;transition-delay:0s,calc(var(--k)*70ms),0s;overflow:visible}
.afch.go .afbars i{transform:scaleY(1)}
.afbars i::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:3px;background:#FFB3AC;box-shadow:0 0 14px 2px rgba(255,90,78,.75);opacity:0;transition:opacity .4s calc(var(--k)*70ms + .4s)}
.afch.go .afbars i::before{opacity:1}
.afbars i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%) 0 0/250% 100% no-repeat;background-position:150% 0;animation:afsh 3.8s ease-in-out infinite;animation-delay:calc(var(--k)*90ms + 1.2s)}
@keyframes afsh{0%,55%{background-position:150% 0}100%{background-position:-60% 0}}
.afbars i:hover{filter:brightness(1.3)}
.afbt{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%,6px);white-space:nowrap;font-size:12px;font-weight:700;color:#0B0B0C;background:#fff;padding:5px 9px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s,transform .3s var(--spring);z-index:3}
.afbt::after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:#fff;transform:translateX(-50%) rotate(45deg)}
.afbars i:hover .afbt{opacity:1;transform:translate(-50%,0)}
.afbars i:nth-child(-n+2) .afbt{left:0;transform:translate(0,6px)}.afbars i:nth-child(-n+2):hover .afbt{transform:none}.afbars i:nth-child(-n+2) .afbt::after{left:14px}
.afbars i:nth-child(n+11) .afbt{left:auto;right:0;transform:translate(0,6px)}.afbars i:nth-child(n+11):hover .afbt{transform:none}.afbars i:nth-child(n+11) .afbt::after{left:auto;right:10px}
.afln{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}
.afln #afPath{fill:none;stroke:url(#afLg);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}
.afln #afPath.draw{animation:afdrawl 1.6s cubic-bezier(.65,0,.35,1) forwards}
@keyframes afdrawl{to{stroke-dashoffset:0}}
.afar{fill:rgba(255,255,255,.05);opacity:0;transition:opacity 1s .6s}.afch.go .afar{opacity:1}
.afdot{position:absolute;z-index:3;width:12px;height:12px;margin:0 0 -6px -6px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.6);opacity:0;transform:scale(0);transition:opacity .3s 1.5s,transform .5s var(--spring) 1.5s}
.afch.go .afdot{opacity:1;transform:scale(1);animation:afping 2s ease-out 2s infinite}
@keyframes afping{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}100%{box-shadow:0 0 0 16px rgba(255,255,255,0)}}
.afleg{display:flex;gap:14px;font-size:12px;color:var(--muted)}.afleg span{display:inline-flex;align-items:center;gap:6px}.afleg i{width:10px;height:10px;border-radius:3px;background:linear-gradient(180deg,#FF5A4E,#8E1B2B)}.afleg i.l{height:2px;border-radius:2px;background:#fff}
.afch.bump .aftip{animation:afbump .5s var(--spring)}
/* 25/10 (JK, maquette 38) : affiliation sur téléphone, légende du graphique sur une ligne et montant jamais coupé ; « + » de la FAQ décollé du texte */
.aftip{white-space:nowrap}.acq summary i{flex:none;margin-left:14px}
@media(max-width:560px){.afchh{flex-wrap:wrap;gap:8px}.afleg{gap:12px;flex-wrap:wrap}.afleg span{white-space:nowrap}}
@keyframes afbump{40%{transform:scale(1.12)}}
.afpop{animation:afbump .45s var(--spring)}
.aftot{position:relative;overflow:hidden;isolation:isolate}
.aftot::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%) 0 0/250% 100% no-repeat;animation:afsh 4.5s ease-in-out infinite}
.aftot b{display:inline-block;transform-origin:left center}
.afsl input[type=range]::-webkit-slider-thumb{transition:transform .25s var(--spring),box-shadow .25s}
.afsl input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 8px rgba(224,51,42,.25),0 4px 14px rgba(0,0,0,.5)}
@media(prefers-reduced-motion:reduce){.afbars i{transform:none;transition:height .2s}.afbars i::after,.aftot::after,.afch.go .afdot{animation:none}.afln #afPath{stroke-dashoffset:0}.afln #afPath.draw{animation:none}}
.acavw{position:relative;flex:none}
.acavb{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:3px solid var(--surface);background:var(--ink);color:var(--inv);cursor:pointer;transition:transform .3s var(--spring)}
.acavb:hover{transform:scale(1.1)}
.apav,.prav,.acav,.navcta.login .ini{background-size:cover!important;background-position:center!important}
.hasph{color:transparent!important}
.acphl{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.acphx{border:0;background:none;color:var(--faint);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:underline}
.secrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.secrow:first-of-type{border-top:0;padding-top:4px}.secrow b{font-size:14.5px}
.secflow{padding:16px;border-radius:14px;background:var(--chip);margin-bottom:6px;animation:cmin .45s var(--spring) both}.secflow[hidden],.secstep[hidden]{display:none}
.secotp{display:flex;gap:8px}.secotp input{width:44px;height:52px;text-align:center;font:inherit;font-size:22px;font-weight:700;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px}
.secotp input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 15%,transparent)}
.secotp.bad input{border-color:#E0332A}
.secdemo{font-size:12px;color:var(--faint);margin:10px 0 0}
.secbtns{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.secf{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.secf>span{font-size:13px;font-weight:600}
.secpw{position:relative}.secpw input{width:100%;font:inherit;font-size:14.5px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 40px 10px 12px}
.secey{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);cursor:pointer;display:grid}
.secmeter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:2px 0 8px}.secmeter i{height:4px;border-radius:3px;background:var(--line);transition:background .3s}
.secmeter[data-s="1"] i:nth-child(-n+1){background:#E0332A}.secmeter[data-s="2"] i:nth-child(-n+2){background:#E8A24A}.secmeter[data-s="3"] i:nth-child(-n+3){background:#C9C94A}.secmeter[data-s="4"] i{background:#34D399}
.secrules{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--muted)}
.secrules li::before{content:"○";margin-right:7px}.secrules li.ok{color:#34D399}.secrules li.ok::before{content:"✓"}
.sectg{position:relative;width:46px;height:26px;border-radius:999px;border:0;background:var(--line);cursor:pointer;flex:none;transition:background .3s}
.sectg i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .35s var(--spring);box-shadow:0 2px 6px rgba(0,0,0,.3)}
.sectg[aria-checked="true"]{background:#34D399}.sectg[aria-checked="true"] i{transform:translateX(20px)}
#secVer{display:inline-flex;align-items:center;gap:4px}
@media(max-width:560px){.secotp input{width:38px;height:46px}.secrow{flex-wrap:wrap}}
#secPwB[hidden]{display:none}
/* Logo Backstage Color : symbole scope + nom en Space Grotesk */
.logo0 .bcsym{width:28px;height:28px;flex:none;color:var(--ink);transition:transform .6s var(--spring)}
.logo0:hover .bcsym{transform:rotate(-30deg)}
.logo0 .lw{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.045em;line-height:1;color:var(--ink)}
.logo0{gap:9px}
.fl{display:flex;align-items:center;gap:12px}
.fl .bcsym{width:46px;height:46px;flex:none;color:var(--ink)}
.flw{display:flex;flex-direction:column;font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:22px;letter-spacing:-.05em;line-height:.92;color:var(--ink)}
/* 04/10 (JK) : le logo complet reste visible sur téléphone, même connecté (texte et boutons resserrés) */
/* 15/10 (JK) : sans FR | EN ni devise dans l'en-tête, le nom garde sa taille normale une fois connecté ; plus petit seulement sous 350 px */
@media(max-width:350px){body.logged .logo0 .lw{font-size:13px;letter-spacing:-.05em}body.logged .logo0 .bcsym{width:22px;height:22px}body.logged .tools{gap:2px}body.logged .tool{width:32px}}
.trpop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;letter-spacing:.04em;background:#C8283C;color:#fff;padding:5px 12px;border-radius:99px;white-space:nowrap;box-shadow:0 6px 16px -6px rgba(200,40,60,.7)}
.trtag.trpo{background:rgba(200,40,60,.14);border-color:rgba(200,40,60,.5);color:#ff8a94}
.trbtn{display:inline-flex;align-items:center;justify-content:center;height:50px;border-radius:980px;border:1px solid transparent;font:inherit;font-size:16px;font-weight:600;letter-spacing:-.01em;cursor:pointer;text-decoration:none;width:100%;transition:transform .3s var(--spring),background .2s,opacity .2s}
.trbtn:hover{opacity:.9}.trbtn:active{transform:scale(.97)}
.trbtn.w,.trbtn.pe,.trbtn.d{background:transparent;color:var(--ink);border-color:var(--line)}.trbtn.w:hover,.trbtn.pe:hover,.trbtn.d:hover{background:var(--chip);opacity:1}
.trbtn.gr{background:var(--ink);color:var(--inv)}
.trban .trbtn.w{background:var(--ink);color:var(--inv);border-color:var(--ink)}
.trbtn.sm{height:40px;font-size:14px;width:auto;padding:0 20px}
.trsave{text-align:center;font-size:13px;color:var(--faint);margin:10px 0 18px}.trsave b{color:var(--ink)}
.tracc{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:10px}
.trah{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--faint);margin-bottom:2px}
.tri{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:var(--faint)}.tri.on{color:var(--ink)}
.tri em{font-style:normal;font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--chip);color:var(--ink);border:1px solid var(--line)}.tri em.no{background:none;color:var(--faint);border-color:transparent}.tri em.v{background:var(--ink);color:var(--inv);border-color:var(--ink)}
.trl{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:9px}.trl li{font-size:14px;display:flex;gap:10px;color:var(--muted)}.trl li::before{content:"";flex:0 0 14px;height:14px;margin-top:3px;border-radius:50%;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}.trl li.off{color:var(--faint)}.trl li.off::before{background:var(--faint)}
.trfine{text-align:center;font-size:12.5px;color:var(--faint);margin:20px 0 0}
.trcmp{margin-top:100px}.trcmp h2,.trfaq h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-.035em;margin:0 0 8px}.trcmp>p{font-size:15px;color:var(--muted);margin:0 0 28px}
.trtw{overflow-x:auto}.trt{width:100%;border-collapse:collapse;min-width:760px}
.trt th{text-align:left;font-size:18px;font-weight:700;padding:10px 12px;vertical-align:bottom}.trt th small{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-top:4px}.trt th.hl{color:var(--ink)}
.trt td{padding:14px 12px;font-size:14.5px;border-bottom:1px solid var(--line);color:var(--ink)}.trt td:first-child{color:var(--muted);width:38%}.trt td.trna{color:var(--faint)}
.trt tr.grp td{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding-top:32px;border-bottom:0}.trt tr.trbr td{border-bottom:0;padding-bottom:6px}
/* 14/10 (copywriting) : bouton « Créer mon compte gratuit » de la colonne Gratuit (passe à la ligne dans la colonne étroite du téléphone) */
.trt .trbtn.sm.tfgo{height:auto;min-height:40px;padding:8px 14px;white-space:normal;line-height:1.2;text-align:center;border-radius:14px}
/* 17/10 (3e relecture) : tablette et petit ordinateur (701 à 1024 px), colonnes étroites : un libellé qui passe sur 2 lignes (« Ton forfait »)
   agrandit sa pastille au lieu d'en sortir (comme « Créer mon compte gratuit » au-dessus) */
@media(min-width:701px){.trt tr.trbr .trbtn.sm:not(.tfgo){height:auto;min-height:40px;padding-top:6px;padding-bottom:6px;white-space:normal;line-height:1.2;text-align:center}}
.trfaq{margin:100px auto 0;max-width:760px}.trfaq h2{text-align:center;margin-bottom:26px}
.trready{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:36px;font-size:15px;color:var(--muted)}.trready .trbtn{background:var(--ink);color:var(--inv);border-color:var(--ink)}
@media(max-width:900px){.trgrid{grid-template-columns:1fr}.trw{padding-top:90px}#p-tarifs .trban{padding:26px 22px}.trban::after{background:linear-gradient(180deg,var(--surface) 30%,rgba(0,0,0,.35))}}

.abnp{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:28px;letter-spacing:-.02em;color:var(--muted)}.abnp span{font-size:10.5px;font-weight:500;letter-spacing:0;color:var(--faint)}
.abq{border-radius:36px;background:var(--surface);color:var(--ink);padding:30px 36px;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.abq .qm{font-style:normal;font-size:34px;line-height:.6;color:#E4572E;font-weight:700;margin-bottom:18px}
.abq .q{color:var(--ink);font-size:clamp(19px,1.75vw,24px);line-height:1.36;letter-spacing:-.012em;flex:1;margin:0}
.abq .who{margin-top:16px;display:flex;flex-direction:column;gap:3px}.abq .who .nm{font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;width:max-content}.abq .who .nm:hover{text-decoration:underline;text-underline-offset:3px}.abq .who span{font-size:11.5px;color:var(--muted)}
@media(max-width:820px){.abg{--s:min(348px,calc(100vw - 48px));grid-template-columns:1fr}.abq .q{font-size:16.5px}}
/* À propos : contenu centré, 1 à 2 cm de marge de chaque côté (30/09) */
#p-about .wrap{padding-inline:clamp(38px,6vw,76px)}
#p-about .abg{max-width:1040px;margin-inline:auto;grid-template-columns:var(--s) minmax(0,1fr)}
@media(max-width:820px){#p-about .abg{--s:min(348px,calc(100vw - 76px));grid-template-columns:1fr;justify-items:center}#p-about .abq{width:100%}}
/* Vidéo de présentation (À propos) — style Netflix : image/vidéo bord à bord, assombrie, titre et bouton centrés en bas */
.pvs{position:relative;height:min(92vh,980px);min-height:560px;overflow:hidden;background:#000;color:#fff;display:flex;align-items:flex-end;justify-content:center}
.pvbg{position:absolute;inset:0}.pvbg img{object-position:50% 30%}.pvbg>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.pvbg iframe{top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);pointer-events:none}
.pvbg img{animation:pvkb 24s ease-in-out infinite alternate}@keyframes pvkb{to{transform:scale(1.06)}}
.pvbg .pvsl{opacity:0;transition:opacity 1.6s ease;animation:pvkb2 14s ease-in-out infinite alternate}.pvbg .pvsl.on{opacity:1}@keyframes pvkb2{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.1) translate(var(--kx,0),var(--ky,0))}}
@media(prefers-reduced-motion:reduce){.pvbg img,.pvbg .pvsl{animation:none}}
.pvs::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,11,12,.55) 0%,rgba(11,11,12,0) 22%,rgba(11,11,12,0) 45%,rgba(11,11,12,.55) 72%,rgba(11,11,12,.96) 100%),radial-gradient(120% 90% at 50% 40%,rgba(0,0,0,0) 55%,rgba(0,0,0,.35))}
.pvin{position:relative;z-index:2;text-align:center;padding:0 24px clamp(64px,11vh,120px);max-width:760px}
.pveb{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.pvin h2{margin:10px 0 10px;font-size:clamp(30px,4.2vw,54px);letter-spacing:-.025em;line-height:1.02;text-shadow:0 4px 30px rgba(0,0,0,.45)}
.pvin p{margin:0 auto;max-width:520px;font-size:clamp(15px,1.3vw,17px);line-height:1.5;color:rgba(255,255,255,.82)}
.pvbt{display:flex;gap:12px;justify-content:center;margin-top:24px}
.pvgo{height:52px;padding:0 26px;border-radius:999px;border:0;background:#fff;color:#0B0B0C;font:700 15.5px Inter,system-ui,sans-serif;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:transform .2s,box-shadow .3s;box-shadow:0 14px 40px -14px rgba(255,255,255,.45)}
.pvgo:hover{transform:scale(1.03)}.pvgo svg{width:17px;height:17px}.pvgo[disabled]{opacity:.6;cursor:default;transform:none;box-shadow:none}
.pvmu[hidden]{display:none}.pvmu{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)}.pvmu svg{width:20px;height:20px}
.pvlogo{position:absolute;z-index:2;left:clamp(20px,3vw,44px);bottom:clamp(20px,3.5vh,40px);display:flex;flex-direction:column;line-height:.86;font-family:'Space Grotesk',Inter,sans-serif;font-size:clamp(18px,1.8vw,26px);letter-spacing:-.02em;opacity:.92}
.pvsoon{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:4px 12px;border-radius:999px;background:rgba(232,162,74,.16);border:1px solid rgba(232,162,74,.45);color:#F2C27A;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:760px){.pvs{height:auto;min-height:0;aspect-ratio:4/5}.pvlogo{display:none}.pvin{padding-bottom:40px}.pvgo{height:48px;padding:0 20px;font-size:14.5px}.pvmu{width:48px;height:48px}}
/* En un coup d'œil (bento animé) */
.bnt{padding-block:96px 40px}.bnt .head{margin-inline:auto;text-align:center}
.bgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.bnfx .bc{will-change:transform,opacity}.bnfx .bm{will-change:transform;transform-origin:50% 100%}.bc:hover .bm{box-shadow:0 -14px 50px -18px rgba(194,65,12,.35)}
.bnfx .bc{transform:perspective(1400px) translateY(var(--sy,0)) scale(calc(var(--ss,1)*var(--hs,1))) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s}
.bnfx .bm{transform:perspective(1100px) rotateX(var(--mx,0deg)) translateY(calc(var(--my,0px) + var(--hy,0px))) scale(calc(var(--ms,1)*var(--hm,1)));transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.bc.hov{--hs:1.025;--hm:1.045;--hy:-8px;border-color:rgba(194,65,12,.45);box-shadow:0 30px 70px -30px rgba(0,0,0,.7),0 0 0 1px rgba(194,65,12,.25);z-index:2}
.bc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.09),transparent 60%)}.bc.hov::after{opacity:1}
.bc img{transition:transform .8s cubic-bezier(.22,1,.36,1)}.bc.hov .bgr img,.bc.hov .bdp img,.bc.hov .bpv img,.bc.hov .btp img{transform:scale(1.08)}
.bc{position:relative;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:26px 26px 0;overflow:hidden;display:flex;flex-direction:column;gap:20px;min-width:0}
.bc-lib{grid-column:span 7}.bc-dl{grid-column:span 5}.bc-pg{grid-column:span 5}.bc-tu{grid-column:span 7}
.bct h3{margin:0 0 6px;font-size:21px;letter-spacing:-.02em}.bct p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5;max-width:520px}
.bm{position:relative;margin-top:auto;border-radius:16px 16px 0 0;background:#0D0D10;border:1px solid #26262c;border-bottom:0;color:#ECECEF;font-size:12px;overflow:hidden;box-shadow:0 -10px 40px -20px rgba(0,0,0,.6)}
/* bibliothèque */
.bmlib{display:grid;grid-template-columns:130px 1fr;min-height:330px}
.bml{border-right:1px solid #222228;padding:14px 10px}.bml b{display:block;font-size:13px;margin:0 0 14px 6px;letter-spacing:-.02em}.bml b span{color:#8a8a92;margin-left:3px;font-weight:600}
.bml ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.bml li{padding:7px 8px;border-radius:8px;color:#9a9aa2}.bml li.on{background:#1d1d22;color:#fff}
.bmr{padding:14px;min-width:0}.bmt{display:flex;justify-content:space-between;align-items:center;gap:10px}.bmh b{display:block;font-size:13px}.bmh small{color:#8a8a92;font-size:11px}
.bsr{display:flex;align-items:center;gap:7px;height:30px;padding:0 10px;border-radius:9px;border:1px solid #2c2c33;background:#151518;min-width:150px;color:#cfcfd6}.bsr svg{color:#8a8a92;flex:none}
.bsr .caret{width:1px;height:14px;background:#fff;animation:bcar 1s steps(1) infinite}@keyframes bcar{50%{opacity:0}}
.bch{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}.bch span{padding:4px 9px;border-radius:7px;border:1px solid #2a2a30;color:#a8a8b0;font-size:11px}
.bgr{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bgr figure{margin:0;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:#1a1a1f;animation:bin .45s cubic-bezier(.32,.72,0,1) both}.bgr img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes bin{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
/* téléchargement */
.bmdl{padding:16px;display:grid;grid-template-columns:44% 1fr;gap:14px;align-items:center;min-height:200px}
.bdp{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden}.bdp img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s}.bdp span{position:absolute;left:7px;top:7px;padding:2px 6px;border-radius:5px;background:rgba(0,0,0,.6);font-size:10px;font-weight:800}
.bdi b{display:block;font-size:13px;margin-bottom:7px}.bdc{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.bdc span{padding:2px 6px;border-radius:5px;background:#1d1d22;color:#b5b5bd;font-size:10.5px}
.bdb{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border:0;border-radius:9px;background:#fff;color:#0B0B0C;font-family:inherit;font-size:12.5px;font-weight:700;transition:transform .15s,background .3s,color .3s}
.bdb.press{transform:scale(.94)}.bdb.done{background:#34A853;color:#fff}
.bdbar{height:4px;border-radius:2px;background:#26262c;margin:12px 0 6px;overflow:hidden}.bdbar i{display:block;height:100%;width:0;background:#fff;border-radius:2px}
.bdi small{color:#8a8a92;font-size:11px;font-variant-numeric:tabular-nums}
.bcur{position:absolute;left:92%;top:110%;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:left .9s cubic-bezier(.32,.72,0,1),top .9s cubic-bezier(.32,.72,0,1)}
/* PowerGrade */
.bmpg{padding:14px 14px 16px;min-height:200px}
.bpv{position:relative;aspect-ratio:16/8;border-radius:10px;overflow:hidden;background:#000}.bpv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.bpv img.g{opacity:0;transition:opacity .55s ease}
.bpv span{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.6);font-size:10.5px;font-weight:700}
.bnd{display:flex;align-items:center;gap:0;margin-top:12px}.bnd span{flex:none;padding:5px 8px;border-radius:7px;border:1px solid #2c2c33;background:#151518;color:#8a8a92;font-size:10.5px;font-weight:700;transition:all .3s}.bnd i{flex:1;height:2px;background:#2a2a30;transition:background .3s}
.bnd span.on{border-color:#C2410C;background:#2a140b;color:#fff;box-shadow:0 0 0 3px rgba(194,65,12,.18)}.bnd i.on{background:#C2410C}
/* tuto */
.bmtu{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:200px}
.btp{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/10;align-self:start}.btp img{width:100%;height:100%;object-fit:cover;display:block}
.btpl{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.5);display:grid;place-items:center}
.btbar{position:absolute;left:8px;right:8px;bottom:8px;height:3px;border-radius:2px;background:rgba(255,255,255,.25)}.btbar i{display:block;height:100%;width:0;background:#C2410C;border-radius:2px}
.btl{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:c}.btl li{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;color:#9a9aa2;transition:background .3s,color .3s;counter-increment:c}
.btl li::before{content:counter(c);flex:none;width:18px;height:18px;border-radius:50%;border:1px solid #3a3a42;display:grid;place-items:center;font-size:10px;font-weight:700;transition:all .3s}
.btl li b{flex:1;font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btl li span{font-size:10.5px;color:#6e6e76;font-variant-numeric:tabular-nums}
.btl li.on{background:#1d1d22;color:#fff}.btl li.on::before{border-color:#C2410C;color:#C2410C}.btl li.ok{color:#cfcfd6}.btl li.ok::before{content:"✓";background:#34A853;border-color:#34A853;color:#fff}
@media(max-width:900px){.bc-lib,.bc-dl,.bc-pg,.bc-tu{grid-column:1/-1}.bmlib{grid-template-columns:1fr}.bml{display:none}}
@media(max-width:560px){.bc{padding:20px 16px 0}.bmdl{grid-template-columns:1fr}.bmtu{grid-template-columns:1fr}.bgr{grid-template-columns:repeat(3,1fr)}.bsr{min-width:120px}.bct h3{font-size:19px}}
.gtL{position:absolute;left:0;top:0;bottom:0;width:48%;overflow:hidden;background:#000}.gtL img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.gtL .gg{opacity:0;transition:opacity .7s ease}
.gtt{position:absolute;left:12px;bottom:12px;padding:4px 9px;border-radius:7px;background:rgba(0,0,0,.6);color:#fff;font:700 10.5px/1.2 system-ui,sans-serif;letter-spacing:.02em}
.gtR{position:absolute;left:48%;top:0;right:0;bottom:0;background:#1e1e21;background-image:radial-gradient(#2a2a2e 1px,transparent 1px);background-size:10px 10px}
.gtR svg{position:absolute;inset:0;width:100%;height:100%}.gtR path{stroke:#4a8f5a;stroke-width:1.4;stroke-dasharray:4 4;animation:gflow 1s linear infinite}@keyframes gflow{to{stroke-dashoffset:-16}}
.gn{position:absolute;width:36%;height:21%;background:#2c2c30;border:1px solid #3d3d42;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s,transform .3s}
.gn .gh{display:flex;justify-content:space-between;align-items:center;padding:0 5px;height:30%;background:#37373b;font:700 7px/1 system-ui,sans-serif;color:#e8e8ec;white-space:nowrap}.gn .gh b{color:#5fbf73}
.gn .gb{flex:1;position:relative}.gn .gb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gn.on{border-color:#5fbf73;box-shadow:0 0 0 2px rgba(95,191,115,.35),0 0 18px rgba(95,191,115,.35);transform:scale(1.06);z-index:2}.gn.done{border-color:#3f6b49}
.pflb{position:fixed;inset:0;z-index:9990;background:rgba(0,0,0,.9);display:grid;place-items:center;padding:clamp(16px,4vw,48px);opacity:0;transition:opacity .3s}.pflb.on{opacity:1}
.bcp .fr{position:relative}.bcp video{cursor:pointer;background:#000}
.bcbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:28px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;opacity:0;transition:opacity .25s;z-index:3}
.bcp .fr.ui .bcbar,.bcp .fr:hover .bcbar{opacity:1}
.bcb{width:36px;height:36px;border:0;border-radius:9px;background:none;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.bcb:hover{background:rgba(255,255,255,.14)}
.bcbar .tm{font:600 12px/1 inherit;font-variant-numeric:tabular-nums;color:#e8e8ee;flex:none}
.bcbar .sk{position:relative;flex:1;height:18px;cursor:pointer;touch-action:none}.bcbar .sk::before,.bcbar .sk i{content:"";position:absolute;left:0;top:7px;height:4px;border-radius:2px}.bcbar .sk::before{right:0;background:rgba(255,255,255,.22)}.bcbar .sk .buf{background:rgba(255,255,255,.35);width:0}.bcbar .sk .pr{background:#fff;width:0}
.bcbar .sk b{position:absolute;top:3px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;left:0;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.bcbar .vl{width:80px;accent-color:#fff;flex:none}
.bcbar .qw{position:relative;flex:none}.bcbar .qb{position:relative;width:36px;height:36px;border:0;border-radius:9px;background:none;color:#fff;display:grid;place-items:center;cursor:pointer}.bcbar .qb:hover{background:rgba(255,255,255,.14)}.bcbar .qb svg{transition:transform .35s ease}.bcbar .qb.open svg{transform:rotate(60deg)}.bcbar .qbadge{position:absolute;top:2px;right:-1px;padding:1px 2px;border-radius:3px;background:#C2410C;color:#fff;font-family:inherit;font-size:7.5px;font-weight:800;line-height:1.15;font-style:normal;letter-spacing:.02em;pointer-events:none}.bcbar .qbadge[hidden]{display:none}.bcbar .qm .qh{padding:6px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9a9aa3}
.bcbar .qm{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.95);transform-origin:bottom right;transition:opacity .22s ease,transform .28s cubic-bezier(.32,.72,0,1),visibility 0s linear .28s}.bcbar .qw.open .qm{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .22s ease,transform .28s cubic-bezier(.32,.72,0,1),visibility 0s}
.bcbar .qm{position:absolute;right:0;bottom:44px;min-width:130px;padding:6px;border-radius:12px;background:rgba(20,20,24,.96);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.5);display:grid;gap:2px}
.bcbar .qm button{display:flex;justify-content:space-between;align-items:center;gap:10px;height:34px;padding:0 10px;border:0;border-radius:8px;background:none;color:#ddd;font:600 13px inherit;cursor:pointer;text-align:left}.bcbar .qm button:hover{background:rgba(255,255,255,.1)}.bcbar .qm button.on{color:#fff;background:rgba(255,255,255,.16)}.bcbar .qm em{font-style:normal;font-size:9.5px;font-weight:800;padding:2px 5px;border-radius:4px;background:#C2410C;color:#fff}
.bcp .fr:fullscreen{width:100%;height:100%;border-radius:0;aspect-ratio:auto}.bcp .fr:fullscreen video{object-fit:contain}
@media(max-width:600px){.bcbar{gap:6px;padding:22px 8px 8px}.bcbar .vl{display:none}.bcbar .tm.du{display:none}}

.pflb .fr{width:min(1200px,100%);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}.pflb .fr iframe,.pflb .fr video{width:100%;height:100%;border:0;display:block}
.pflb .x{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:20px;cursor:pointer}
.pflb .cap{position:absolute;z-index:2;left:0;right:0;top:auto;bottom:18px;text-align:center;color:#d8d8de;font-size:14px;font-weight:500;letter-spacing:0;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}
.box .im img.boximg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.pc .box{width:48%}
.pc .nm{margin-top:14px;font-size:16px;font-weight:700;letter-spacing:-.015em}
.pc .ds{font-size:13.5px;color:var(--muted);margin-top:2px}
.pc .pp{font-size:14.5px;margin-top:8px;font-weight:700}.pc .pp s{color:var(--faint);margin-right:6px;font-weight:500}
.badge{position:absolute;z-index:6;left:14px;top:14px;font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(6px)}
.luts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lut .t{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#0B0B0C;cursor:pointer;box-shadow:var(--shadow);transition:transform .45s var(--spring)}
@media(hover:hover){.lut:hover .t{transform:scale(1.02)}}
.lut .t img,.lut .t video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.lut .t video{opacity:0;transition:opacity .35s ease}.lut .t.on video{opacity:1}.lut .t .hint{position:absolute;left:12px;bottom:12px;font:600 11px/1 inherit;letter-spacing:.04em;color:#fff;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:7px 10px;border-radius:999px;display:flex;align-items:center;gap:6px;transition:opacity .3s}.lut .t.on .hint{opacity:0}.lut .t .hint i{width:0;height:0;border-left:7px solid #fff;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}

.lut .no{font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--faint);margin-top:12px}
.lut b{display:block;font-size:17px;letter-spacing:-.02em}.lut span{font-size:13.5px;color:var(--muted)}
.tl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tl .in{padding:26px}.tl .d{font-size:36px;font-weight:800;letter-spacing:-.04em}
.tl p{color:var(--muted);font-size:14.5px;margin-top:6px}
.mods{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.mod{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .35s var(--spring),border-color .25s}
.mod:hover{transform:translateY(-3px);border-color:var(--ink)}
.mod .i{flex:none;width:36px;height:36px;border-radius:10px;background:var(--chip);border:1px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:13px}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.portrait{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:#111;box-shadow:var(--shadow-lift)}
.roles{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}
.roles span{font-size:13px;font-weight:600;padding:7px 13px;border-radius:999px;background:var(--chip);border:1px solid var(--line)}
.creed{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.2}
.creed span{display:block;color:var(--faint)}
.creed span.on{color:var(--ink)}
.pill3{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.pill3 .in{padding:18px}.pill3 b{display:block;font-size:14.5px;margin-bottom:4px}.pill3 span{font-size:13px;color:var(--muted)}
.soc{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
/* Panier */
.ov{position:fixed;inset:0;background:rgba(8,8,10,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;opacity:0;pointer-events:none;transition:opacity .3s}
.drawer{position:fixed;top:0;right:0;bottom:0;width:430px;max-width:100%;background:var(--surface);z-index:96;transform:translateX(100%);visibility:hidden;transition:transform .55s var(--spring),visibility 0s linear .55s;display:flex;flex-direction:column;box-shadow:var(--shadow-lift);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body.cart .ov{opacity:1;pointer-events:auto}body.cart .drawer{transform:none;visibility:visible;transition:transform .55s var(--spring),visibility 0s}
.dh{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}
.dh b{font-size:19px;letter-spacing:-.02em}
.x{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer;font-size:14px}
.db{padding:24px;flex:1;overflow:auto}
.ci{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}
.ci .th{width:72px;height:72px;border-radius:14px;overflow:hidden;position:relative;flex:none}
.ci .p2{margin-left:auto;font-weight:800;white-space:nowrap}
.ups{margin-top:18px;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;gap:12px;align-items:center}
.ups .th{width:54px;height:54px;border-radius:12px;overflow:hidden;position:relative;flex:none}
.df{padding:24px;border-top:1px solid var(--line)}
.promo{display:flex;gap:8px;margin-bottom:16px}
.promo input{flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--ink);font-family:inherit;font-size:14px}
.promo button{background:var(--ink);color:var(--inv);border:0;border-radius:14px;padding:0 16px;font-weight:600;cursor:pointer}
.tot{display:flex;justify-content:space-between;font-size:17px;font-weight:800;margin-bottom:14px}
.conv{font-size:12.5px;color:var(--faint);margin-top:6px}
/* 14/10 (copywriting) : prix affiché dans une autre devise que le dollar → « Débité en dollars » près du prix (paiement Whop en USD) */
.usdn{display:none;margin:6px 0 0;font-size:12.5px;line-height:1.35;font-weight:500;color:var(--faint)}
html.curx .usdn{display:block}html.curx .usdn.i{display:inline;margin:0 0 0 6px}
@media(max-width:900px){
 .wrap{padding-inline:18px}
 .nav{display:none}.burger{display:grid}
 .hero-main{grid-template-columns:1fr;padding-block:60px 0}
 .grid,.tgrid,.shop,.luts,.tl{grid-template-columns:1fr 1fr}
 .prod,.about{grid-template-columns:1fr}
 .rbody{grid-template-columns:1fr}.viewer{border-right:0;border-bottom:1px solid #2A2A30}
 .nx{grid-template-columns:1fr}
 .bill{aspect-ratio:4/5}.bill .txt{left:20px;right:20px;bottom:22px}.bill h3{font-size:28px}
 .car{aspect-ratio:4/5}
 .vc{flex:0 0 230px}
 .fg{grid-template-columns:1fr 1fr}
 .pill3{grid-template-columns:1fr 1fr}
 .mods{grid-template-columns:1fr}
 section{padding-block:72px}
}
@media(max-width:560px){
 .grid,.tgrid,.shop,.luts,.tl{grid-template-columns:1fr}
 .gcard{min-height:170px}
 .tools{top:calc(12px + env(safe-area-inset-top,0px));right:12px;gap:6px}
 .tool{height:34px;width:34px}
 .lang{padding:5px 9px;font-size:11px}
 .cta .btn{width:100%}
 .thumbs{grid-template-columns:repeat(6,1fr);gap:6px}
 .pill3{grid-template-columns:1fr}
}

/* ===== Look SaaS : barre de navigation fixe, hero centré, visuel produit, sections centrées ===== */
body{padding-top:64px}
.nav0{position:fixed;top:0;left:0;right:0;z-index:88;padding-top:env(safe-area-inset-top,0px);background:var(--bg);background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border-bottom:1px solid var(--line)}
.nav0in{max-width:var(--max);margin:0 auto;padding-inline:24px;height:64px;display:flex;align-items:center;gap:22px}
.logo0{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15.5px;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.logo0 .mk{width:22px;height:22px;border-radius:7px;background:conic-gradient(from 210deg,#FF4A3C,#E8A24A,#12A6A0,#FF4A3C);box-shadow:inset 0 0 0 5px var(--bg)}
.navc{margin-inline:auto}
.nav0 .nav a{color:var(--muted)}.nav0 .nav a:hover{color:var(--ink);background:var(--chip)}.nav0 .nav a.on{color:var(--ink)}
.nav0 .nav .new{border-color:var(--line);color:var(--ink)}
.tools{position:static;display:flex;gap:6px}
.tools > .g{background:transparent;border:1px solid var(--line);box-shadow:none;backdrop-filter:none}
.tool{color:var(--ink)}.tool svg{stroke:var(--ink)}.tool:hover{background:var(--chip)}
.tool .n{background:var(--ink);color:var(--inv)}
.lang{color:var(--muted)}.lang:hover{color:var(--ink)}.lang[aria-pressed="true"]{background:var(--ink);color:var(--inv)}
.pop{top:46px}
.navcta{margin-left:4px}
.btn.sm{padding:10px 18px;font-size:14px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--chip);color:var(--muted);font-size:11px;letter-spacing:.12em}
.head.c,.head{text-align:center;margin-inline:auto}.head .lede2{margin-inline:auto}
.segrow .head{text-align:left;margin:0}
h2{font-size:clamp(30px,4.6vw,48px)}
/* Hero */
.hero2{position:relative;overflow:hidden;padding-block:72px 40px;text-align:center}
.hgrid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 55% at 50% 30%,#000 30%,transparent 75%);opacity:.7}
.hglow{position:absolute;left:50%;top:360px;width:1100px;height:520px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(255,74,60,.16),rgba(18,166,160,.10) 45%,transparent 70%);filter:blur(30px);pointer-events:none}
:root[data-theme="light"] .hglow{opacity:.6}
.hin{position:relative}
.hero2 .intro{max-width:820px;margin:0 auto}
.ann{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13.5px;font-weight:600;color:var(--muted);transition:border-color .2s,transform .3s var(--spring)}
.ann:hover{border-color:var(--ink);transform:translateY(-1px)}
.annb{font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:4px 9px;border-radius:999px;background:var(--ink);color:var(--inv)}
.ann svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2}
.hero2 h1{font-size:clamp(42px,7.4vw,84px);margin:26px auto 20px;max-width:14ch;letter-spacing:-.045em;background:linear-gradient(180deg,var(--ink) 30%,color-mix(in srgb,var(--ink) 55%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2 .lede{font-size:clamp(16px,2.2vw,19px);color:var(--muted);max-width:52ch;margin:0 auto}
.hero2 .cta{justify-content:center}
.hero2 .pnote{color:var(--faint);font-size:13.5px;margin-top:14px}
.hero2 .pold{color:var(--faint);text-decoration:line-through;font-size:13.5px;margin-right:4px}
.appwrap{position:relative;margin:56px auto 0;max-width:1080px;padding:10px;border-radius:24px;background:transparent;box-shadow:0 40px 120px -30px rgba(0,0,0,.7)}
.appwrap .segrow{margin:4px 0 12px}
.appwrap .rwin{text-align:left}
.trust{margin-top:56px}
.tt{font-size:12.5px;color:var(--faint);font-weight:600;margin-bottom:16px}
.tk{flex:none;padding:10px 20px;border-radius:12px;font-weight:700;font-size:15px;color:var(--muted);letter-spacing:-.01em;white-space:nowrap;display:flex;align-items:center;gap:8px}
.tk i{width:6px;height:6px;border-radius:50%;background:var(--faint)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:48px auto 0;max-width:920px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}
.stats div{padding:22px 16px;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}
.stats b{display:block;font-size:30px;font-weight:800;letter-spacing:-.04em}
.stats span{font-size:13px;color:var(--muted)}
.dl{margin-top:30px}
/* Installation en étapes horizontales */
.panel .steps{grid-template-columns:repeat(4,1fr);gap:14px}
@media(min-width:901px){.panel .steps[data-tp="1"]{grid-template-columns:repeat(3,1fr)}}
.panel .steps li{padding:20px;padding-top:58px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.panel .steps li::before{left:20px;top:18px}
/* CTA final */
.final{padding-top:40px}
.finbox{position:relative;overflow:hidden;text-align:center;padding:80px 24px;border:1px solid var(--line);border-radius:28px;background:var(--surface)}
.finbox > *{position:relative}
.finbox h2{max-width:18ch;margin-inline:auto}
.finbox .lede2{margin:0 auto 26px}
@media(max-width:900px){.navc{display:none}.navcta{display:none}.nav0in{padding-inline:16px;gap:10px}.tools{margin-left:auto}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.panel .steps{grid-template-columns:1fr 1fr}.hero2{padding-top:44px}.appwrap{margin-top:36px;padding:6px}}
@media(max-width:560px){.panel .steps{grid-template-columns:1fr}.logo0{font-size:14px}}
.appwrap{max-width:none;width:min(1600px,calc(100vw - 40px));margin-left:calc(50% - min(800px,50vw - 20px));margin-right:0}
.appwrap .rbody{grid-template-columns:220px 420px 1fr}
.rgal{contain:size;background:#161618;border-right:1px solid #2A2A30;display:flex;flex-direction:column;min-width:0}
.rgh{display:flex;gap:14px;align-items:center;padding:10px 12px;border-bottom:1px solid #2A2A30;font-size:11px;color:#8a8a93;white-space:nowrap;overflow:hidden}
.rgh b{color:#e8e8ec;font-weight:600}
.rgc{display:grid;grid-template-columns:78px 1fr;flex:1;min-height:0;overflow:hidden}
.ralb{list-style:none;margin:0;padding:8px 0;border-right:1px solid #2A2A30;font-size:10.5px;color:#8a8a93}
.ralb li{padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ralb li.on{color:#e8e8ec;background:#232327}
.rstills{overflow-y:auto;scrollbar-width:none;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;padding:10px 10px;align-content:start}
.rst{cursor:pointer;text-align:center;font:500 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a8a93}
.rst .th{position:relative;aspect-ratio:16/10;border-radius:4px;overflow:hidden;border:1.5px solid #2e2e34;margin-bottom:5px;transition:border-color .25s,transform .35s var(--spring)}
.rst .th .scene{position:absolute;inset:0}
.rst:hover .th{transform:translateY(-2px);border-color:#55555e}
.rst.on .th{border-color:#e5484d}
.rst.on{color:#e8e8ec}
@media(max-width:1480px){.appwrap .rbody{grid-template-columns:400px 1fr}.rgal{display:none}.appwrap{width:min(1400px,calc(100vw - 32px));margin-left:calc(50% - min(700px,50vw - 16px))}}
@media(max-width:900px){.appwrap .rbody{grid-template-columns:1fr}.seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}.seg::-webkit-scrollbar{display:none}.appwrap .segrow{flex-direction:column;gap:10px}.rtop .pg{display:none}}

/* Vidéo en fond derrière le titre */
.hero2{padding-block:110px 40px}
.hvid{position:absolute;top:0;left:0;right:0;height:min(760px,92vh);overflow:hidden;background:#000}
.hvid video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.22);transform-origin:75% 90%}
.hvshade{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 42%,rgba(0,0,0,.42),rgba(0,0,0,.6) 100%),linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.55) 75%,var(--bg) 100%)}
.hero2 .hgrid{opacity:.25}
.hero2 .intro h1{background:linear-gradient(180deg,#fff 40%,rgba(255,255,255,.72));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hero2 .intro .lede{color:rgba(255,255,255,.84)}
.hero2 .intro .pnote,.hero2 .intro .pold{color:rgba(255,255,255,.62)}
.hero2 .intro .ann{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.85);backdrop-filter:blur(10px)}
.hero2 .intro .annb{background:#fff;color:#0B0B0C}
.hero2 .intro .btn:not(.line){background:#fff;color:#0B0B0C}
.hero2 .intro .btn.line{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(0,0,0,.25);backdrop-filter:blur(10px)}
.hero2 .appwrap{margin-top:120px}
@media(max-width:900px){.hvid{height:720px}.hero2 .appwrap{margin-top:80px}}
.hvid{background:#000}
/* 14/10 : l'image d'attente est la 1re image de la vidéo, cadrée exactement comme elle (même agrandissement) → aucun saut au fondu */
/* 16/10 (JK, lenteurs) : l'image de fond du titre PowerGrade ne se charge que quand sa page est affichée */
.hvid::before{content:'';position:absolute;inset:0;background:center/cover no-repeat;transform:scale(1.22);transform-origin:75% 90%}
.page.on .hvid::before{background-image:url(/hero-poster-f0.jpg)}
.hvid video{pointer-events:none}
.hvid video::-webkit-media-controls,.hvid video::-webkit-media-controls-start-playback-button,.hvid video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;opacity:0}
/* Fondu sans couture : la vidéo entière s'efface en transparence (masque à paliers doux) vers le fond de la page */
.hvid{height:min(900px,110vh);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 52%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.75) 68%,rgba(0,0,0,.52) 76%,rgba(0,0,0,.3) 84%,rgba(0,0,0,.13) 91%,rgba(0,0,0,.04) 96%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 52%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.75) 68%,rgba(0,0,0,.52) 76%,rgba(0,0,0,.3) 84%,rgba(0,0,0,.13) 91%,rgba(0,0,0,.04) 96%,transparent 100%)}
.hvshade{background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(0,0,0,.30),rgba(0,0,0,.62) 100%),linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.18) 60%,rgba(0,0,0,.35) 100%)}
.hvid::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.18}
@media(max-width:900px){.hvid{height:820px}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

/* Barre du haut : liens à gauche, outils à droite */
.nav0in{max-width:1360px}
.navc{margin-inline:14px auto !important}
.nav0 .tools{margin-left:auto}
.nav a{white-space:nowrap}
.navcta.login{display:inline-flex;align-items:center;gap:7px;margin-left:6px}
.loginm{display:none}
@media(max-width:1280px){.nav a{padding:7px 9px}.navc .new{display:none}.nav0in{gap:14px}}
@media(max-width:1120px){.navcta.login span{display:none}.navcta.login{padding-inline:12px}.nav a{padding:7px 7px}}
@media(max-width:900px){.loginm{display:block}.navcta.login{display:none}}
@media(max-width:560px){.tools .g:has(#themeBtn){display:none}}

/* Survol visible sur les boutons secondaires (contour) */
.btn.line{transition:background .25s var(--ease),border-color .25s var(--ease),color .25s,transform .35s var(--spring)}
.btn.line:hover{background:color-mix(in srgb,var(--ink) 9%,transparent);border-color:var(--ink);transform:translateY(-1px)}
.hero2 .intro .btn.line:hover{background:rgba(255,255,255,.26);border-color:#fff;color:#fff;box-shadow:0 8px 28px -10px rgba(255,255,255,.35)}
.btn:active{transform:scale(.97)}

/* Rangées vidéo : pleine largeur d'écran, pilotées par le curseur */
.vrow .marq{margin-inline:calc(50% - 50vw);width:100vw;-webkit-mask-image:none;mask-image:none;touch-action:pan-y}
.vrow .mtrack{animation:none;will-change:transform;padding-inline:0}

/* ===== Espace Académie (façon Backstage OS) ===== */
.acsec{padding-top:90px}
.acad{display:grid;grid-template-columns:1fr 360px;gap:18px;background:#0B0B0C;border:1px solid #232328;border-radius:22px;padding:18px;box-shadow:0 40px 120px -40px rgba(0,0,0,.7);color:#EDEDF0}
.aplayer{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.aplayer .layer .scene,.aplayer .layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.aplayer::after{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.15) 55%,rgba(0,0,0,.35));pointer-events:none}
.aplay{position:absolute;z-index:4;left:50%;top:44%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.14);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer;transition:transform .4s var(--spring),background .25s}
.aplay svg{width:24px;height:24px;fill:#fff;margin-left:3px}
.aplay:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,255,255,.24)}
.alock{position:absolute;z-index:5;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:12px;font-size:14px}
.alock .lk{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;flex:none}
.alock .lk svg{width:16px;height:16px}
.alock b{font-weight:600}
.alock .btn{margin-left:auto;background:#fff;color:#0B0B0C}
.ameta{padding:18px 6px 6px}
.ameta .eyebrow{color:#8B8B94}
.ameta h3{font-size:clamp(22px,2.6vw,30px);font-weight:750;letter-spacing:-.025em;margin:8px 0 8px}
.ameta p{color:#A2A2AB;font-size:15.5px;max-width:62ch;line-height:1.55}
.aside{display:flex;flex-direction:column;gap:12px;min-width:0}
.aside .seg{background:#18181B;border-color:#26262B;align-self:stretch}
.aside .seg button{flex:1;color:#A2A2AB}
.aside .seg button[aria-selected="true"]{color:#0B0B0C}
.eps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:430px;overflow:auto;scrollbar-width:thin}
.ep{display:grid;grid-template-columns:28px 104px 1fr 18px;align-items:center;gap:10px;padding:8px;border-radius:12px;cursor:pointer;transition:background .25s,transform .35s var(--spring)}
.ep:hover{background:#17171A;transform:translateX(3px)}
.ep.on{background:#1E1E22}
.ep .no{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6E6E77;text-align:center}
.ep.on .no{color:#fff}
.ep .th{position:relative;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:#111}
.ep .th .scene,.ep .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ep b{display:block;font-size:13.5px;font-weight:600;line-height:1.3;color:#EDEDF0}
.ep small{display:block;font-size:11.5px;color:#7C7C85;margin-top:3px}
.ep .l svg{width:14px;height:14px;color:#6E6E77}
.schg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sch{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#141417;border:1px solid #26262B;display:flex;align-items:flex-end;padding:10px;font-size:12px;font-weight:600;color:#C9C9D0}
.sch svg.g{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.sch .l{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center}
.sch .l svg{width:12px;height:12px}
.snote{font-size:12.5px;color:#7C7C85;margin-top:10px}
@media(max-width:980px){.acad{grid-template-columns:1fr}.eps{max-height:none}}
@media(max-width:560px){.acad{padding:10px;border-radius:18px}.alock b{display:none}.ep{grid-template-columns:22px 88px 1fr 16px}}

/* ===== Académie : page « show » façon Backstage OS, au design Julva Creator ===== */
.show{padding:0;background:#0A0A0B;color:#EDEDF0}
.shero{position:relative;min-height:min(78vh,720px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate}
.shero .bg{position:absolute;inset:0;z-index:-2}
.shero .bg .layer img,.shero .bg .layer .scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.shero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0A0A0B 0%,rgba(10,10,11,0.987) 8.1%,rgba(10,10,11,0.951) 15.5%,rgba(10,10,11,0.896) 22.5%,rgba(10,10,11,0.825) 29%,rgba(10,10,11,0.741) 35.3%,rgba(10,10,11,0.648) 41.2%,rgba(10,10,11,0.55) 47.1%,rgba(10,10,11,0.45) 52.9%,rgba(10,10,11,0.352) 58.8%,rgba(10,10,11,0.259) 64.7%,rgba(10,10,11,0.175) 71%,rgba(10,10,11,0.104) 77.5%,rgba(10,10,11,0.049) 84.5%,rgba(10,10,11,0.013) 91.9%,rgba(10,10,11,0) 100%) bottom/100% 62% no-repeat,linear-gradient(90deg,rgba(10,10,11,0.9) 0.0%,rgba(10,10,11,0.888) 5.0%,rgba(10,10,11,0.856) 9.6%,rgba(10,10,11,0.806) 13.9%,rgba(10,10,11,0.742) 18.0%,rgba(10,10,11,0.667) 21.9%,rgba(10,10,11,0.583) 25.5%,rgba(10,10,11,0.495) 29.2%,rgba(10,10,11,0.405) 32.8%,rgba(10,10,11,0.317) 36.5%,rgba(10,10,11,0.233) 40.1%,rgba(10,10,11,0.158) 44.0%,rgba(10,10,11,0.094) 48.0%,rgba(10,10,11,0.044) 52.4%,rgba(10,10,11,0.012) 57.0%,rgba(10,10,11,0.0) 62.0%) left/100% 100% no-repeat,linear-gradient(180deg,rgba(10,10,11,.55),rgba(10,10,11,0) 20%)}
.shtop{position:absolute;top:18px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding-inline:max(24px,calc(50% - 560px));font-size:13px;font-weight:600}
.sback{color:#fff;opacity:.85;transition:opacity .2s,transform .3s var(--spring)}
.sback:hover{opacity:1;transform:translateX(-3px)}
.sbadge{display:inline-flex;align-items:center;gap:8px;color:#fff;opacity:.9}
#p-master .acsoon,#p-master #sPlay[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}#p-master #sPlay .ico-play,#p-master #sPlay .t-play{display:none!important}#p-master #sPlay .ico-lock,#p-master #sPlay .t-lock{display:inline-flex!important}
#p-master .scta .join{display:none}#p-master .sv{cursor:pointer}#p-master .sv .l{opacity:.5}
.acpill{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:3px 10px;border-radius:999px;background:rgba(232,162,74,.14);border:1px solid rgba(232,162,74,.4);color:#F2C27A;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.acpill i{width:6px;height:6px;border-radius:50%;background:#E8A24A;animation:acp 1.6s ease-in-out infinite}@keyframes acp{50%{opacity:.35}}
.nav a .npromo.soon,[data-nav] a .npromo.soon{background:#E8A24A;color:#0B0B0C;box-shadow:0 4px 12px -4px rgba(232,162,74,.8)}
.sbadge .mk{width:16px;height:16px;border-radius:4px;background:conic-gradient(#ff5f57,#febc2e,#28c840,#2d9cff,#ff5f57)}
.shin{padding-bottom:44px;max-width:1120px;text-align:left;width:100%}
.shin>*{margin-left:0!important;margin-right:0!important}
.shin .eyebrow{color:rgba(255,255,255,.75)}
.shin h2{font-size:clamp(36px,4.8vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1.02;margin:10px 0 10px;max-width:20ch;color:#fff}
.ssub{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.shin p{max-width:46ch;color:rgba(255,255,255,.78);font-size:16px;line-height:1.55;margin:14px 0 16px}
.sby{display:flex;align-items:center;gap:10px;font-size:13.5px;color:rgba(255,255,255,.75)}
.sby b{color:#fff}
.av{width:30px;height:30px;border-radius:50%;background:#26262B;border:1px solid #34343B;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;flex:none}
.av.lg{width:46px;height:46px;font-size:14px}
.scta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.scta .btn{background:#fff;color:#0B0B0C}
.scta .btn.sgrey{background:rgba(255,255,255,.14);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.18);cursor:default;backdrop-filter:blur(8px)}
.scta .btn.sgrey svg{width:12px;height:12px}
.scta .btn.sgrey:hover{opacity:1}
.sbody{padding-block:10px 90px;margin-top:-1px;background:#0A0A0B;max-width:1120px}
.pills{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:#151518;border:1px solid #232328;margin-bottom:12px}
.pills button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#9A9AA3;font:600 12.5px/1 inherit;font-family:inherit;padding:8px 14px;border-radius:999px;cursor:pointer;transition:background .3s var(--ease),color .25s}
.pills button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.pills button:hover{color:#fff}
.pills button.on{background:#fff;color:#0B0B0C}
.stabs{display:block}
.svids{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-width:640px}
.sv{display:grid;grid-template-columns:22px 92px 1fr 18px;gap:14px;align-items:center;padding:8px 10px;border-radius:12px;cursor:pointer;transition:background .25s,transform .35s var(--spring)}
.sv:hover{background:#151518;transform:translateX(3px)}
.sv.on{background:#1B1B1F}
.sv .no{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6E6E77;text-align:center}
.sv.on .no{color:#fff}
.sv .th{position:relative;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:#111}
.sv .th img,.sv .th .scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv b{display:block;font-size:14px;font-weight:600;color:#EDEDF0}
.sv small{display:block;font-size:12px;color:#77777F;margin-top:3px}
.sv .l svg{width:14px;height:14px;color:#6E6E77}
.slab{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8B8B94;margin:44px 0 14px}
.mcrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,210px);justify-content:start;gap:12px;overflow-x:auto;scrollbar-width:none;padding:10px 4px 16px;margin:-10px -4px 0}
.mcrow::-webkit-scrollbar{display:none}
/* 25/10 (JK, maquette 39) : sur ordinateur, les cartes des modules prennent toute la largeur (elles s'arrêtaient à 60 %) */
@media(min-width:901px){.mcrow{grid-auto-columns:minmax(160px,1fr)}}
.mc{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;cursor:pointer;background:#111;border:1px solid #26262B;transition:transform .5s var(--spring),opacity .35s,filter .35s,box-shadow .5s;isolation:isolate;text-align:left;padding:0;font-family:inherit;color:#fff}
.mc .scene,.mc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--spring)}
.mc::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.1) 60%,rgba(0,0,0,.25))}
.mc .ic{position:absolute;top:12px;left:12px;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);display:grid;place-items:center}
.mc .ic svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2}
.mc .tx{position:absolute;left:12px;right:12px;bottom:12px}
.mc .tx small{display:block;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.7)}
.mc .tx b{display:block;font-size:14px;font-weight:700;line-height:1.2;margin-top:4px}
.mc.on{border-color:rgba(255,255,255,.7)}
@media(hover:hover) and (pointer:fine){.mcrow:hover .mc:not(:hover){opacity:.55;filter:saturate(.7)}}
@media(hover:hover) and (pointer:fine){.mc:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 24px 50px -20px rgba(0,0,0,.8);z-index:2}}
@media(hover:hover) and (pointer:fine){.mc:hover .scene,.mc:hover img{transform:scale(1.08)}}
.creator{display:flex;gap:14px;align-items:flex-start;max-width:560px;padding:18px;border-radius:16px;background:#121215;border:1px solid #232328}
.creator b{display:block;font-size:15px;color:#fff}
.creator small{display:block;font-size:12.5px;color:#8B8B94;margin-top:2px}
.creator p{font-size:13.5px;color:#A9A9B1;margin:10px 0;line-height:1.5}
.creator a{font-size:13px;font-weight:600;color:#fff;opacity:.85}
.creator a:hover{opacity:1}
.sband{position:relative;text-align:center;background:linear-gradient(180deg,#0A0A0B,#1a1a1f 60%,#2a2a31);color:#fff;padding-block:110px}
.sband h2{font-size:clamp(28px,4vw,44px);max-width:18ch;margin:0 auto 12px;letter-spacing:-.03em}
.sband p{color:rgba(255,255,255,.72);margin:0 auto 26px;max-width:44ch}
.sband .btn{background:#fff;color:#0B0B0C}
.schg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:640px}
.sch{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#141417;border:1px solid #26262B;display:flex;align-items:flex-end;padding:10px;font-size:12px;font-weight:600;color:#C9C9D0}
.sch svg.g{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.sch .l{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center}
.sch .l svg{width:12px;height:12px}
.snote{font-size:12.5px;color:#7C7C85;margin-top:10px}
@media(max-width:700px){.shero{min-height:auto;padding-top:120px}.shtop{padding-inline:16px}.shin p{font-size:15px}.mcrow{grid-auto-columns:140px;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px;scroll-snap-type:x mandatory}.mc{scroll-snap-align:start}.schg{grid-template-columns:1fr 1fr}.sv{grid-template-columns:20px 80px 1fr 14px;gap:10px}}

/* Académie : texte collé à gauche de l'écran, sans en-tête au-dessus */
#p-master .show{margin-top:0}
.shtop{top:82px;padding-inline:clamp(20px,3.4vw,52px)}
.shin{max-width:none;padding-inline:clamp(20px,3.4vw,52px)}
.shero{min-height:min(88vh,820px)}
.sbody{max-width:none;padding-inline:clamp(20px,3.4vw,52px)}
.aclearn .wrap,.aclearn + .alt .wrap{max-width:none;padding-inline:clamp(20px,3.4vw,52px)}
.aclearn .head,.aclearn + .alt .head{text-align:left;margin-inline:0}
.aclearn .head>*,.aclearn + .alt .head>*{margin-left:0}
.aclearn .mods{grid-template-columns:repeat(3,1fr)}
/* 25/10 (JK, maquette 39) : 4 modules sur une ligne (le 4e restait seul) */
@media(min-width:1101px){.aclearn .mods{grid-template-columns:repeat(4,1fr)}}
.tl.tl4{grid-template-columns:repeat(4,1fr)}
.tl4 .d{font-size:28px}
.aclearn .head h2,.aclearn + .alt .head h2{max-width:24ch}
.sband h2{max-width:24ch}
.sv b small{display:inline;font-size:inherit;color:#77777F;margin:0;font-weight:500}
.mc .tx .cnt{display:inline-block;margin-top:6px;font-size:10.5px;font-weight:600;color:rgba(255,255,255,.75)}
@media(max-width:1100px){.tl.tl4{grid-template-columns:1fr 1fr}.aclearn .mods{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tl.tl4,.aclearn .mods{grid-template-columns:1fr}.shtop{top:76px}}

/* Schémas : les six sur une ligne */
.schg{grid-template-columns:repeat(6,minmax(0,1fr))!important;max-width:none!important}
@media(max-width:900px){.schg{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:150px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}}
/* Zoom au survol : planning et compétences */
#p-master .tl4 .ring2,#p-master .aclearn .mod{transition:transform .55s cubic-bezier(.32,.72,0,1),box-shadow .55s cubic-bezier(.32,.72,0,1),border-color .3s;will-change:transform}
@media(hover:hover) and (pointer:fine){#p-master .tl4 .ring2:hover{transform:scale(1.045);box-shadow:0 30px 60px -28px rgba(0,0,0,.75);z-index:2;animation-duration:2.2s}}
@media(hover:hover) and (pointer:fine){#p-master .aclearn .mod:hover{transform:scale(1.035);border-color:color-mix(in srgb,var(--ink) 30%,transparent);box-shadow:0 26px 50px -26px rgba(0,0,0,.7);z-index:2}}
#p-master .tl4 .ring2 .d,#p-master .aclearn .mod .i{transition:transform .55s cubic-bezier(.32,.72,0,1)}
@media(hover:hover) and (pointer:fine){#p-master .tl4 .ring2:hover .d{transform:translateX(3px)}}
@media(hover:hover) and (pointer:fine){#p-master .aclearn .mod:hover .i{transform:scale(1.12)}}
.sch{transition:transform .5s cubic-bezier(.32,.72,0,1),border-color .3s}
@media(hover:hover) and (pointer:fine){.sch:hover{transform:scale(1.05);border-color:#3a3a42}}
/* Mise en page : respirations régulières */
.aclearn{padding-top:96px}
.aclearn .head,.aclearn + .alt .head{margin-bottom:34px}
.aclearn .mods{gap:14px}
.slab{margin:40px 0 14px}
.sby .sbyl{color:#fff;font-weight:700;background-image:linear-gradient(#fff,#fff);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s cubic-bezier(.32,.72,0,1)}
.sby .sbyl:hover{background-size:100% 1px}
.sby a.av{transition:transform .35s cubic-bezier(.32,.72,0,1),border-color .25s}
.sby a.av:hover{transform:scale(1.08);border-color:#fff}

/* Académie : colonne « statistiques » façon Stack */
.sgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.sstats{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.stc{background:#111114;border:1px solid #232328;border-radius:16px;padding:16px 16px 14px;transition:transform .5s cubic-bezier(.32,.72,0,1),border-color .3s}
.stc:hover{transform:scale(1.02);border-color:#34343B}
.sth{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:#9A9AA3;font-weight:600}
.sth .demo{font-style:normal;font-size:10px;font-weight:600;color:#77777F;border:1px dashed #3a3a42;border-radius:999px;padding:2px 7px;white-space:nowrap}
.stbig{display:flex;align-items:baseline;gap:10px;margin:10px 0 12px}
.stbig b{font-size:34px;font-weight:800;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.stbig small{font-size:12.5px;color:#5ED36A;font-weight:600}
.stbar{display:flex;gap:3px;height:6px;border-radius:999px;overflow:hidden;margin-bottom:12px}
.stbar i{display:block;height:100%;border-radius:999px;transform-origin:left;animation:stgrow 1.1s cubic-bezier(.32,.72,0,1) both}
@keyframes stgrow{from{transform:scaleX(0)}}
.strows,.stinfo{list-style:none;margin:0;padding:0}
.strows li{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;font-size:13.5px;color:#DADAE0;padding:6px 0}
.strows li i{width:8px;height:8px;border-radius:50%}
.strows li em{font-style:normal;color:#9A9AA3;font-variant-numeric:tabular-nums;font-size:12.5px}
.strows li small{display:block;color:#77777F;font-size:11.5px;margin-top:1px}
.stnote{font-size:11.5px;color:#6E6E77;margin-top:10px;line-height:1.45}
.stinfo li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #1E1E22;font-size:13px;color:#9A9AA3}
.stinfo li:first-child{border-top:0}
.stinfo li b{color:#EDEDF0;font-weight:600}
@media(max-width:1100px){.sgrid{grid-template-columns:1fr}.sstats{position:static;flex-direction:row;flex-wrap:wrap}.stc{flex:1 1 300px}}

/* Mise en page Académie : onglets sur une ligne, liste et stats alignées */
.stop2{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:18px}
.stop2 .pills{margin-bottom:0;max-width:100%;overflow-x:auto;scrollbar-width:none}
.stop2 .pills::-webkit-scrollbar{display:none}
.stop2 .pills button{white-space:nowrap;flex:none}
.sgrid{grid-template-columns:minmax(0,1fr) 360px!important;gap:32px!important}.sgrid.sgrid1{grid-template-columns:minmax(0,1fr)!important}
.svids{max-width:none!important;margin-top:0!important}
.sstats{top:88px}
.stc{padding:20px 20px 18px}
.stbig b{font-size:40px}
.sbody{padding-top:18px!important}
.schg{margin-top:0}
@media(max-width:1100px){.sgrid{grid-template-columns:minmax(0,1fr)!important}.stc{flex:1 1 100%;min-width:0}}
.sth .live{font-style:normal;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9A9AA3}
.sth .live i{width:6px;height:6px;border-radius:50%;background:#5ED36A;box-shadow:0 0 0 0 rgba(94,211,106,.6);animation:livep 2s infinite}
@keyframes livep{70%{box-shadow:0 0 0 6px rgba(94,211,106,0)}100%{box-shadow:0 0 0 0 rgba(94,211,106,0)}}
.stbar i.empty{background:#232328;animation:none}
.stbig small.first{color:#9A9AA3;font-weight:500}

/* ===== Connexion, paiement et accès ===== */
.authw{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;overflow-y:auto}
.authw[hidden]{display:none}
.authbg{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);animation:fadein .3s ease}
.authc{position:relative;width:min(420px,100%);background:#111114;border:1px solid #26262B;border-radius:22px;padding:28px 26px 22px;color:#EDEDF0;box-shadow:0 40px 100px -30px rgba(0,0,0,.9);animation:popin .5s cubic-bezier(.32,.72,0,1)}
@keyframes popin{from{opacity:0;transform:translateY(18px) scale(.97)}}
@keyframes fadein{from{opacity:0}}
.authc .mk{display:block;width:28px;height:28px;border-radius:8px;background:conic-gradient(#ff5f57,#febc2e,#28c840,#2d9cff,#ff5f57);margin-bottom:14px}
.authc h3{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}
.authsub{font-size:14px;color:#9A9AA3;margin:0 0 16px;line-height:1.5}
.authx{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid #2A2A30;background:#18181B;color:#bbb;font-size:18px;cursor:pointer}
.authx:hover{color:#fff;border-color:#44444c}
.authtabs[hidden]{display:none}
.authtabs{display:flex;width:100%;margin-bottom:16px}
.authtabs button{flex:1;justify-content:center}
.fld{display:block;margin-bottom:12px}
.fld > span{display:block;font-size:12.5px;font-weight:600;color:#A2A2AB;margin-bottom:6px}
.fld input{width:100%;box-sizing:border-box;background:#0B0B0D;border:1px solid #2A2A30;border-radius:12px;padding:12px 14px;color:#fff;font:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}
.fld input:focus{outline:none;border-color:#6b6b75;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
#authF:not(.up) .f-up{display:none}
.autherr{min-height:18px;font-size:12.5px;color:#ff7b72;margin:2px 0 8px}
.authc .btn.full{width:100%;background:#fff;color:#0B0B0C}
.authfoot{font-size:13px;color:#8B8B94;text-align:center;margin:14px 0 0}
.authfoot a{color:#fff;font-weight:600}
.demo-pay{display:block;margin:12px auto 0;background:none;border:1px dashed #3a3a42;color:#8B8B94;font:inherit;font-size:12px;padding:7px 12px;border-radius:999px;cursor:pointer}
.demo-pay:hover{color:#fff;border-color:#6b6b75}
.toast{position:fixed;left:50%;bottom:24px;z-index:210;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#fff;color:#0B0B0C;font-weight:600;font-size:14px;padding:12px 18px;border-radius:999px;box-shadow:0 20px 40px -12px rgba(0,0,0,.6);transition:opacity .35s,transform .5s cubic-bezier(.32,.72,0,1)}
.toast.on{opacity:1;transform:translate(-50%,0)}
/* 17/10 (JK) : feuilles « Pourquoi tu pars ? » et changement de forfait (collées en bas sur téléphone) */
.cxr{display:grid;gap:8px;margin:4px 0 2px}.cxr[hidden],.cxo[hidden]{display:none}
.cxr button{display:block;width:100%;text-align:left;min-height:48px;padding:12px 16px;border-radius:12px;border:1px solid #2A2A30;background:#18181B;color:#EDEDF0;font:inherit;font-size:15px;font-weight:600;line-height:1.35;cursor:pointer;transition:border-color .2s,background .2s}
.cxr button:hover{border-color:#55555E;background:#1E1E22}
.cxo textarea{display:block;width:100%;box-sizing:border-box;min-height:88px;resize:vertical;background:#0B0B0D;border:1px solid #2A2A30;border-radius:12px;padding:12px 14px;color:#fff;font:inherit;font-size:16px;margin-bottom:12px}
.cxo textarea:focus{outline:none;border-color:#6b6b75;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.cxl{display:block;margin:12px auto 0;background:none;border:0;color:#A2A2AB;font:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0 12px}
.cxl:hover{color:#fff}.cxl.cxd{color:#FF6A5E}
.authc .btn.full.line{background:transparent;color:#EDEDF0;border:1px solid #33333A;margin-top:10px}
.authc button[disabled]{opacity:.6;cursor:default}
@media(max-width:560px){.authw.sheet{place-items:end center;padding:0}.authw.sheet .authc{width:100%;border-radius:22px 22px 0 0;border-bottom:0;margin:0;padding:24px 20px calc(18px + env(safe-area-inset-bottom));max-height:92vh;max-height:92dvh;animation:sheetin .45s cubic-bezier(.32,.72,0,1)}}
@keyframes sheetin{from{transform:translateY(48px);opacity:0}}
.hqbtn.pcur,.trbtn.pcur{opacity:.55;cursor:default;filter:none!important}
.tfr .tftry{font-size:13.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;line-height:1.4}.tfr .tftry:hover{color:var(--ink)}
.acdelm{margin-top:12px}.acdelm[hidden]{display:none}.acdelm p{margin:0 0 10px}
.acpsv{font-size:13px;margin:8px 0 0}.acpsv[hidden]{display:none}.acpsv b{letter-spacing:.02em}.acpsv button{font:inherit;font-size:13px;font-weight:600;background:none;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 2px}
.acpm.ok{color:var(--ink)}
/* État membre / non membre */
#sPlay .ico-play,#sPlay .t-play{display:none}
#sPlay svg{width:13px;height:13px}
body.paid #sPlay .ico-lock,body.paid #sPlay .t-lock{display:none}
body.paid #sPlay .ico-play,body.paid #sPlay .t-play{display:inline-flex}
body:not(.paid) #sPlay{cursor:pointer}
.mbadge{display:none;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff;padding:10px 16px;border-radius:999px;background:rgba(94,211,106,.14);border:1px solid rgba(94,211,106,.35)}
.mbadge i{width:7px;height:7px;border-radius:50%;background:#5ED36A}
body.paid .scta .join{display:none}
body.paid .mbadge{display:inline-flex}
body.paid .sband{display:none}
.sv .l .pl{display:none}
body.paid .sv .l .lk{display:none}
body.paid .sv .l .pl{display:inline}
/* Page d'accès */
.accs{min-height:78vh;display:grid;place-items:center;padding-block:120px 80px}
.accbox{max-width:620px;margin:0 auto;text-align:center}
.accbox h1{font-size:clamp(32px,5vw,50px);letter-spacing:-.035em;margin:10px 0 12px}
.accbox .lede2{margin:0 auto 24px}
.accbox .btn{background:#fff;color:#0B0B0C}
.acchk{display:grid;margin-left:auto;margin-right:auto;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(94,211,106,.14);border:1px solid rgba(94,211,106,.4);color:#5ED36A;margin-bottom:18px;animation:popin .7s cubic-bezier(.32,.72,0,1)}
.acchk svg{width:28px;height:28px}
.acchk.no{background:#18181B;border-color:#2A2A30;color:#9A9AA3}
.accnote{font-size:13px;color:var(--faint);margin-top:18px}
/* Bouton Connexion quand connecté */
.navcta.login.in{background:#18181B;color:#fff;border:1px solid #2A2A30}
.navcta.login .ini{display:none;width:22px;height:22px;border-radius:50%;background:#fff;color:#0B0B0C;font-size:10.5px;font-weight:800;place-items:center}
.navcta.login.in .ini{display:inline-grid}
.navcta.login.in svg{display:none}

.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 14px;border-radius:12px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:transform .35s cubic-bezier(.32,.72,0,1),box-shadow .25s}
.gbtn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.aor{display:flex;align-items:center;gap:12px;margin:16px 0 14px;font-size:12px;color:#77777F}
.aor::before,.aor::after{content:'';flex:1;height:1px;background:#26262B}
.gback{background:none;border:0;color:#9A9AA3;font:inherit;font-size:13px;cursor:pointer;padding:0;margin-bottom:12px}
.gback:hover{color:#fff}
.gstep{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:16px}
.gstep[hidden],#authW [hidden]{display:none!important} /* 14/10 : une étape cachée (ex. « lien envoyé ») ne s'affiche plus par-dessus le formulaire */
.gstep b{font-size:17px}
.gstep small{font-size:12.5px;color:#8B8B94;line-height:1.5;max-width:34ch}

.frow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#authF:not(.up) .f-up{display:none!important}
#authF.up .f-in{display:none}
/* 25/10 (maquette 41) : fenêtre « bloqué » */ .bkc{text-align:left} .bktick{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;color:#34D399;background:rgba(52,211,153,.12);padding:5px 10px;border-radius:99px} .bkc h3{margin:12px 0 8px;font-size:21px;line-height:1.25;text-wrap:balance} .bkc #bkB p,.bkc #bkB li{color:#C9C9CF;font-size:14px;line-height:1.6} .bkc #bkB p{margin:0 0 12px} .bkc #bkB ul{margin:0 0 14px;padding-left:18px} .bkacts{display:grid;gap:8px} .bkacts .bks{all:unset;box-sizing:border-box;text-align:center;cursor:pointer;width:100%;padding:12px;border-radius:12px;border:1px solid #33333B;color:#fff;font-weight:600;font-size:14px} .bkacts textarea{box-sizing:border-box;width:100%;background:#0F0F13;border:1px solid #2C2C34;border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;color:#fff;min-height:44px;resize:vertical} .bkacts .bksent{color:#34D399;font-size:13px;text-align:center} .bkchg{font-size:12.5px;color:#8B8B94;text-align:center;margin:14px 0 0} .bkchg button{all:unset;cursor:pointer;color:#DDD;text-decoration:underline;text-underline-offset:2px} .bkpick{display:grid;gap:6px;margin-top:10px}.bkpick[hidden]{display:none} .bkpick button{all:unset;box-sizing:border-box;cursor:pointer;padding:11px 13px;border-radius:10px;background:#1D1D23;border:1px solid #2C2C34;font-size:13.5px;font-weight:600;color:#fff} .bkpick button.on{border-color:#E0332A}
/* 25/10 (maquette 41) : case des politiques */ .agree{display:flex;gap:11px;align-items:flex-start;background:#1B1B21;border:1px solid #2C2C34;border-radius:12px;padding:12px 13px;cursor:pointer;font-size:13px;line-height:1.5;color:#D6D6DB;text-align:left;transition:border-color .2s} .agree input{appearance:none;-webkit-appearance:none;flex:none;width:19px;height:19px;border-radius:6px;border:1.6px solid #6B6B74;margin:1px 0 0;display:grid;place-items:center;cursor:pointer;background:#111} .agree input:checked{background:#E0332A;border-color:#E0332A} .agree input:checked::after{content:"";width:9px;height:5px;border:2.4px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)} .agree a{color:#fff;text-decoration:underline;text-underline-offset:2px} .agree.err{border-color:#E0332A;animation:agsh .4s} @keyframes agsh{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}} .agreeh{display:none;color:#FF6B61;font-size:12.5px;margin:-6px 0 0}.agreeh.on{display:block} .astart .sbtn.off{opacity:.42} #termsW .agree{margin:16px 0 10px} #termsW .agreeh{margin:-4px 0 10px} .agree2{background:none;border:0;padding:0;font-size:12.5px;color:#A2A2AB}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#A2A2AB;margin:4px 0 8px;cursor:pointer;line-height:1.45}
.chk input{margin-top:2px;width:16px;height:16px;accent-color:#fff;flex:none}
.chk a,.gnote a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.gnote{font-size:11.5px;color:#77777F;text-align:center;margin:8px 0 0}
.remb[hidden]{display:none!important}
.remb{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:14px;background:#18181B;border:1px solid #2A2A30;margin-bottom:14px}
.remb .av{width:32px;height:32px;font-size:13px;background:#fff;color:#0B0B0C;border:0}
.remb small{display:block;font-size:11px;color:#77777F}
.remb b{display:block;font-size:13.5px;color:#fff;word-break:break-all}
.remb span:nth-child(2){flex:1;min-width:0}
#remUse{border:0;background:#fff;color:#0B0B0C;font:inherit;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;cursor:pointer}
.remx{border:0;background:none;color:#77777F;font-size:18px;cursor:pointer;padding:0 4px}
.remx:hover{color:#fff}
.authc{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;scrollbar-width:none;margin:auto}
.polc{width:min(620px,100%)}
.polc h3{font-size:21px;padding-right:36px}
.polmeta{font-size:12px;color:#77777F;margin:0 0 14px}
.polbody{max-height:52vh;overflow:auto;padding-right:6px;margin-bottom:16px;scrollbar-width:thin}
.polbody h4{font-size:14px;margin:14px 0 4px;color:#fff}
.polbody p{font-size:13.5px;color:#A9A9B1;line-height:1.6;margin:0}

.fem{position:relative}
.emsug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;list-style:none;margin:0;padding:6px;background:#18181B;border:1px solid #2E2E34;border-radius:14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.9);animation:popin .35s cubic-bezier(.32,.72,0,1)}
.emsug[hidden]{display:none}
.emsug li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;font-size:14px;color:#EDEDF0}
.emsug li:hover,.emsug li.on{background:#232328}
.emsug .av{display:grid;place-items:center;flex:none;border-radius:50%;font-weight:700;width:26px;height:26px;font-size:11px;background:#fff;color:#0B0B0C;border:0}
.emsug .em{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.emsug .em small{margin-left:8px;font-size:10.5px;color:#8B8B94;border:1px solid #34343B;border-radius:999px;padding:1px 6px}
.emx{border:0;background:none;color:#6E6E77;font-size:16px;cursor:pointer;padding:0 4px}
.emx:hover{color:#fff}

#authMain:not(.up) .gzone{display:none}
#authMain.up .pkzone{display:none}
.pkbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 14px;border-radius:12px;background:#18181B;color:#fff;border:1px solid #34343B;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:transform .35s cubic-bezier(.32,.72,0,1),border-color .25s}
.pkbtn:hover{transform:translateY(-1px);border-color:#6b6b75}
.pkring{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#18181B;border:1px solid #34343B;color:#fff;position:relative}
.pkring::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.25);animation:pkpulse 1.8s ease-out infinite}
@keyframes pkpulse{from{transform:scale(.9);opacity:1}to{transform:scale(1.25);opacity:0}}
#authP .demo-pay{margin-top:4px}
.pwr{list-style:none;margin:-4px 0 10px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
#authF:not(.up) .pwr{display:none}
.pwr li{position:relative;padding-left:18px;font-size:12px;color:#77777F;transition:color .25s}
.pwr li::before{content:'';position:absolute;left:2px;top:5px;width:8px;height:8px;border-radius:50%;border:1.5px solid #4a4a52;transition:all .25s}
.pwr li.ok{color:#5ED36A}
.pwr li.ok::before{background:#5ED36A;border-color:#5ED36A}

.fld > span{display:flex;justify-content:space-between;align-items:baseline}
.fgt{font-size:12px;font-weight:500;color:#9A9AA3}
.fgt:hover{color:#fff}
.fgt[hidden]{display:none}
.fpw{position:relative}
.fpw input{padding-right:44px}
.fpw .eye{position:absolute;right:8px;bottom:6px;width:34px;height:34px;border:0;background:none;color:#77777F;cursor:pointer;display:grid;place-items:center;border-radius:8px}
.fpw .eye:hover{color:#fff;background:#1E1E22}
.rt{font-size:20px;margin:0 0 6px}
.pkring.ok{color:#5ED36A;border-color:rgba(94,211,106,.4)}
#authB.ld{color:transparent;position:relative;pointer-events:none}
#authB.ld::after{content:'';position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid #0B0B0C;border-right-color:transparent;animation:authspin .7s linear infinite}
@keyframes authspin{to{transform:rotate(360deg)}}

.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:4px 0 6px}
.otp input{width:100%;box-sizing:border-box;aspect-ratio:1/1.15;text-align:center;font-size:24px;font-weight:700;background:#0B0B0D;border:1px solid #2A2A30;border-radius:12px;color:#fff;font-family:inherit;transition:border-color .2s,box-shadow .2s,transform .3s cubic-bezier(.32,.72,0,1)}
.otp input:focus{outline:none;border-color:#9A9AA3;box-shadow:0 0 0 3px rgba(255,255,255,.08);transform:translateY(-2px)}
.otp input.bad{border-color:#ff7b72}
#vBtn{margin-top:4px}
#vBtn:disabled{opacity:.45;cursor:default}
.vres{text-align:center;font-size:13px;color:#77777F;margin:12px 0 0}
.vres button{background:none;border:0;color:#fff;font:inherit;font-weight:600;cursor:pointer;padding:0}
.vres button:disabled{color:#77777F;cursor:default}
.vdemo{text-align:center;font-size:12px;color:#77777F;margin:10px auto 0;border:1px dashed #3a3a42;border-radius:999px;padding:6px 12px;width:max-content;max-width:100%}
.vdemo b{color:#fff;letter-spacing:.12em}
.gstep strong{color:#fff;font-weight:600}

/* Fenêtre Resolve élargie : visualiseur et scopes plus grands */
.appwrap .ngin{margin-inline:auto}
.appwrap .viewer{padding:16px;gap:12px}
@media(min-width:901px) and (max-width:1180px){.appwrap .rbody{grid-template-columns:320px 1fr}.scopes{height:140px}}

/* Arbre de nœuds rangé : un flux gauche → droite, groupes nommés, mis à l'échelle de la fenêtre */
.ngrp{position:absolute;border:1px dashed rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.018);pointer-events:none}
.ngrp span{position:absolute;left:12px;top:-8px;padding:0 6px;background:#1E1E21;font:700 9.5px/16px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:#6E6E77}
.ngraph{display:flex;align-items:center;padding-block:26px}
.appwrap .ngin{margin-inline:0}
.once{font-size:12.5px;color:var(--faint);margin:10px 0 0;text-align:center}

body:not(.has-pg) .drawer .ci,body:not(.has-pg) .drawer .df{display:none}
body.has-pg .drawer .cempty{display:none}
.cempty{text-align:center;padding:40px 10px}
.cempty b{display:block;font-size:17px;margin-bottom:6px}
.cempty p{color:var(--faint);font-size:14px;margin:0 auto 18px;max-width:32ch}
.drawer .ci{position:relative}
.crm{font-size:13px} /* 14/10 : la colonne du fil (.crm) garde sa taille de base ; le reste ne vaut que pour le ✕ du panier */
#cRm{border:0;background:none;color:var(--faint);cursor:pointer;margin-left:8px}
#cRm:hover{color:var(--ink)}

.pmsg{font-size:12.5px;min-height:0;margin:6px 2px 0;color:var(--faint)}
.pmsg.err{color:#ff7b72}
.pmsg.ok{color:#5ED36A}
.disc{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#5ED36A;margin-top:12px}
.disc[hidden]{display:none}
.disc b{font-weight:700;letter-spacing:.04em}
.disc button{border:0;background:none;color:var(--faint);cursor:pointer;margin-left:6px;font-size:12px}
@media(max-width:1480px){.navc .new{display:none}.nav a{padding:7px 8px}.nav0in{gap:14px}}
@media(max-width:1300px){.navc{display:none!important}.burger{display:grid!important}.tools{margin-left:auto}}
.acw>*,.prw>*{min-width:0}
@media(max-width:460px){body.logged .logo0{font-size:0;gap:7px}body.logged .tools{gap:4px}}
.bcsym.mk{background:none!important;box-shadow:none!important;border-radius:0!important;flex:none}
.authc .bcsym.mk{display:block;width:46px;height:46px;color:#F4F4F6;margin-bottom:14px;animation:bcspin 1.1s cubic-bezier(.32,.72,0,1) both}
@keyframes bcspin{from{transform:rotate(-120deg) scale(.7);opacity:0}}
.sbadge .bcsym.mk{width:18px;height:18px;color:#fff}
.nti.ntb{background:#0B0B0C;border:1px solid #26262C}.nti .nbs{width:22px!important;height:22px!important;color:#F4F4F6;stroke:none!important}
@media(max-width:420px){.logo0 .lw{font-size:15.5px}.logo0 .bcsym{width:24px;height:24px}.logo0{gap:7px}}
.vc .vfb{position:absolute;left:10px;top:10px;z-index:4;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:#E0332A;color:#fff;box-shadow:0 6px 16px -6px rgba(224,51,42,.8)}
body.sub .vc .vfb{display:none}
body.free .vlock .vc[data-free] .th::after{display:none}
body.free .vlock .vc[data-free] .th svg{opacity:1}
.pvw{display:grid;place-items:center}.pvw[hidden]{display:none}
.pvc{position:relative;width:min(900px,calc(100vw - 32px));background:#0E0E11;border:1px solid #26262B;border-radius:20px;overflow:hidden;color:#EDEDF0;box-shadow:0 40px 100px -30px rgba(0,0,0,.9);animation:popin .5s cubic-bezier(.32,.72,0,1)}
.pvc video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.pvc .authx{z-index:3}
.pvi{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px}.pvi b{font-size:16px}.pvi #pvM{color:#9A9AA3;font-size:13.5px}
.pvtag{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:#E0332A;color:#fff}.pvtag[hidden]{display:none}
.trbw{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 30px}.trsw{display:flex;align-items:center;gap:14px}.trsl{border:0;background:none;font:inherit;font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 2px;transition:color .3s}.trsl.on{color:var(--ink)}.trsl:hover{color:var(--ink)}.trsl em{font-style:normal;font-size:11px;font-weight:800;background:#C8283C;color:#fff;padding:2px 7px;border-radius:6px}.trsk{position:relative;width:62px;height:36px;border-radius:999px;border:0;padding:0;cursor:pointer;background:#3A3A3F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:background .3s ease}.trsk span{position:absolute;top:3px;left:3px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.2);transition:transform .35s cubic-bezier(.3,1.4,.5,1),width .2s}.trsk[aria-checked=true]{background:#34C759}.trsk[aria-checked=true] span{transform:translateX(26px)}.trsk:active span{width:36px}.trsk[aria-checked=true]:active span{transform:translateX(20px)}.trsk:focus-visible,.trsl:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:999px}.trsn{margin:0;font-size:13px;color:var(--muted)}
#p-tarifs .tyy{display:none}#p-tarifs.yr .tyy{display:revert}#p-tarifs.yr .tym{display:none}#p-tarifs .hqp.tyy{display:none}#p-tarifs.yr .hqp.tyy{display:flex}#p-tarifs .hqtag.tyy{display:none}#p-tarifs.yr .hqtag.tyy{display:inline-block}
.trdemo{margin-top:14px;padding:26px 28px 28px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}.trdh{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}.trdh p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55;max-width:620px}.trdh p b{color:var(--ink)}
.trdh p.trdfree{display:flex;align-items:center;gap:8px;flex-basis:100%;max-width:none;margin:-8px 0 0;font-size:14px;font-weight:600;color:var(--ink)}.trdfree svg{flex:none;color:#E0332A} /* 16/10 (JK, 099) */
.trdv{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#09090b;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}.trdv iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.trdgo{position:absolute;top:14px;right:14px;z-index:2;padding:8px 14px;border-radius:99px;background:rgba(255,255,255,.92);color:#0b0b0c;font-size:13px;font-weight:700;text-decoration:none;backdrop-filter:blur(8px)}.trdgo:hover{background:#fff}
@media(max-width:700px){.trdemo{padding:18px 14px}}
/* 14/10 (JK, téléphone) : la présentation du Studio (iframe, canevas d'ordinateur réduit) devenait illisible → sur téléphone, la démo « Créer un look » de l'accueil, à taille réelle ; « Ouvrir le Studio » passe dessous */
.mfx-trsc{display:none}
@media(max-width:700px){.trdv{aspect-ratio:auto;overflow:visible;border-radius:0;background:none;box-shadow:none}.trdv iframe{display:none}.trdv .mfx-trsc{display:block}.trdv .mfx-trsc .sa-wb{padding:14px;max-height:480px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}.trdgo{position:static;display:inline-flex;align-items:center;min-height:40px;margin-top:14px;padding:0 18px;font-size:14px;background:#fff}}
.trcred{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;margin-top:14px;padding:26px 28px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}.trcred p{margin:10px 0 0;font-size:14.5px;color:var(--muted);line-height:1.55}.trcred p b{color:var(--ink)}.tcr{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tcr li{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.04)}.tcr li b{white-space:nowrap}
@media(max-width:900px){.trcred{grid-template-columns:1fr;gap:16px;padding:22px}}
.trfree{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 260px;gap:28px;align-items:center;margin-top:14px;padding:26px 28px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.trfree .hqn{display:flex;align-items:center;gap:10px}
.tfnew{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:#E0332A;color:#fff}
.tfl p{margin:8px 0 0;color:var(--muted);font-size:14.5px;line-height:1.5}.tfl p b{color:var(--ink)}
.tfi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14.5px}.tfi li{display:flex;align-items:center;gap:10px}
.tfi i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--chip);color:var(--ink);flex:none}
.tfi li.tfhi span{color:var(--ink);font-weight:600}.tfi li.tfhi i{background:#E0332A;color:#fff} /* 16/10 (JK, 099) : 5 jours pour découvrir le Studio */
.tfr{display:flex;flex-direction:column;gap:10px;text-align:center}.tfr>b{font-size:30px;font-weight:800;letter-spacing:-.02em}.tfr small{color:var(--muted);font-size:12.5px}
:root[data-theme="light"] .trfree .hqbtn.w{background:#0B0B0C;color:#fff}
@media(max-width:900px){.trfree{grid-template-columns:1fr;gap:18px;padding:22px}}
body.sub .vlock .lockb{display:none}
.lbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.lbr{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lsr{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;background:var(--chip);border:1px solid var(--line);color:var(--muted);width:240px;max-width:100%}
.lsr input{flex:1;min-width:0;border:0;background:none;outline:0;color:var(--ink);font:inherit;font-size:14px}
.lsr:focus-within{border-color:var(--ink)}
.lsel{position:relative}.lsel::after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.lsel select{appearance:none;-webkit-appearance:none;height:42px;padding:0 38px 0 16px;border-radius:999px;background:var(--chip);border:1px solid var(--line);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.ltg{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.ltg button{border:1px solid var(--line);background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.ltg button:hover{color:var(--ink);border-color:var(--ink)}.ltg button.on{background:var(--ink);color:var(--inv);border-color:var(--ink)}
.lct{margin:18px 0 0;font-size:13px;color:var(--faint);font-weight:600;letter-spacing:.02em}
.lgrp{margin-top:26px}.lgrp+.lgrp{margin-top:56px}
.lgh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.lgh em{display:block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.lgh h3{margin:4px 0 2px;font-size:24px;letter-spacing:-.02em}.lgh span{color:var(--muted);font-size:14px}.lgh .btn span{color:inherit;font-size:inherit}
.lghr{display:flex;align-items:center;gap:14px}.lghr small{color:var(--faint);font-size:13px;font-weight:600}
#lutList>.luts{margin-top:26px}
.lut .lpk{position:absolute;left:12px;top:12px;z-index:2;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;backdrop-filter:blur(6px)}
.ltags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.ltags i{font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted);padding:3px 9px;border-radius:999px;background:var(--chip)}
.lemp{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:20px;margin-top:26px}.lemp span{color:var(--muted);font-size:14px}.lemp .btn{margin-top:8px}
@media(max-width:700px){.lbar{flex-direction:column;align-items:stretch}.lbr{width:100%}.lsr{flex:1;width:auto}.ltg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.ltg button{flex:none}}
.prbuy div{display:flex;flex-direction:column;gap:4px}
.prdl{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:8px;padding:7px 12px;border-radius:999px;background:var(--ink);color:var(--inv);font-size:12.5px;font-weight:700;text-decoration:none}
.prdl:hover{filter:brightness(.92)}
.prbuy small{font-size:11.5px;color:var(--faint);line-height:1.4}
.prtu{margin-right:6px}.prdl2{background:var(--chip);color:var(--ink);border:1px solid var(--line)}.tum{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:16px;backdrop-filter:blur(6px)}.tum[hidden]{display:none}.tub{width:min(960px,100%);background:#0F0F12;border:1px solid #26262C;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}.tuh{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#F4F4F6;font-size:14.5px}.tux{background:none;border:0;color:#9A9AA3;font-size:18px;cursor:pointer}.tub video{display:block;width:100%;aspect-ratio:16/9;background:#000}.tul{display:flex;flex-direction:column;max-height:30vh;overflow:auto}.tul button{display:flex;gap:12px;align-items:center;text-align:left;padding:10px 16px;background:none;border:0;border-top:1px solid #1E1E23;color:#C9C9D0;font:500 13.5px/1.35 inherit;cursor:pointer}.tul button span{color:#6E6E77;font-variant-numeric:tabular-nums}.tul button.on{color:#fff;background:#18181C}.tum-m{margin:0;padding:12px 16px 16px;color:#A1A1AA;font-size:13.5px}.tum-m:empty{display:none}.tub video[hidden]{display:none}.tub{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto}.tuf{aspect-ratio:16/9;background:#000}.tuf[hidden]{display:none}.tuf iframe{display:block;width:100%;height:100%;border:0}.tuo{display:grid;place-items:center;width:100%;height:100%;background:#000 center/cover no-repeat;color:#fff;text-decoration:none;font:600 14px/1 inherit}.tuo span{background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.25);padding:11px 18px;border-radius:999px}.tul button .tuph,.tul button img{width:64px;aspect-ratio:16/9;object-fit:cover;border-radius:4px;flex:none;background:#1A1A1F}
.prfiles{display:flex;flex-direction:column;gap:6px;margin-top:10px;width:100%}.prf{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:var(--chip);border:1px solid var(--line);color:var(--ink);font:600 12.5px/1.3 inherit;text-align:left;cursor:pointer}.prz span b{font-weight:700}.prf span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.prf em{font-style:normal;font-weight:500;color:var(--muted);flex:none}.prf:hover{border-color:var(--muted)}.prf[disabled]{opacity:.7}.prfm{font-size:12px;color:var(--muted);margin:0}
.prsoon{font-style:normal;font-size:12px;font-weight:600;color:var(--muted);margin-top:8px}
[data-own] .lown{display:none}[data-own].owned .lbuy{display:none}[data-own].owned .lown{display:inline}
[data-own].owned{background:var(--chip);color:var(--ink);border:1px solid var(--line)}

/* Espace publicité (accueil) */
.hwp{display:none}.hwp.on{display:block;animation:hwin .45s cubic-bezier(.22,1,.36,1)}@keyframes hwin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hwl{text-align:center;margin:0 auto 28px;max-width:640px}#noeuds .hwp .segrow{margin-top:4px;justify-content:center}
.bxslot{padding-block:24px 56px;padding-inline:clamp(24px,3vw,64px)}
/* 25/10 (JK, maquette 39) : sur la page Communauté, la bannière a la même largeur que les blocs du dessus (et son lien n'est plus sous le bouton Chat) */
#p-comm .bxslot>*{max-width:calc(var(--max) - 48px);margin-inline:auto}
.bxban{position:relative;display:block;width:100%;margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:3/1;max-height:600px;background:#111;box-shadow:var(--shadow-lift);color:#fff;isolation:isolate;cursor:pointer}
.bxban img,.bxban video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--spring)}
.bxban:hover img,.bxban:hover video{transform:scale(1.03)}
.bxban .bximg{opacity:0;transition:opacity 1.1s ease,transform 1.2s var(--spring)}.bxban .bximg.on{opacity:1}
.bxban{animation:bxin .7s ease both}@keyframes bxin{from{opacity:.001}to{opacity:1}}
.bxpg{position:absolute;right:18px;top:18px;display:flex;gap:5px;z-index:3;pointer-events:none}.bxpg[hidden]{display:none}.bxpg i{position:relative;width:26px;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}.bxpg i b{position:absolute;inset:0;background:#fff;border-radius:3px;transform:scaleX(0);transform-origin:left center}
.bxban .bxdots{position:absolute;right:20px;bottom:18px;display:flex;gap:6px}.bxban .bxdots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);transition:background .3s,transform .3s}.bxban .bxdots i.on{background:#fff;transform:scale(1.2)}
.bxban::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,0) 70%)}
.bxban .bxtx{position:absolute;left:clamp(24px,4vw,64px);bottom:clamp(24px,4vw,56px);max-width:560px}
.bxslot:not(.bxa) .bxlb{display:none}
.bxban.bxm{aspect-ratio:4/5;max-height:82vh}.bxban.bxm::after{background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,0) 80%)}.bxban.bxm .bxtx{left:20px;right:20px;bottom:22px}
.bxslot .bxme{display:flex;justify-content:flex-end;margin-top:10px}.bxslot .bxme a{font-size:12.5px;font-weight:600;color:var(--faint);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .2s}.bxslot .bxme a:hover{color:var(--ink)}
.bxban.house{background:radial-gradient(70% 120% at 85% 50%,rgba(224,51,42,.38),transparent 60%),radial-gradient(60% 110% at 60% 110%,rgba(59,111,224,.32),transparent 60%),radial-gradient(50% 90% at 100% 0%,rgba(184,79,214,.3),transparent 60%),#0B0B0D;border:1px solid rgba(255,255,255,.1);background-size:140% 140%;animation:bxin .7s ease both,hglow 9s ease-in-out infinite alternate}
@keyframes hglow{from{background-position:0% 50%}to{background-position:100% 50%}}
.bxban.house .hring{position:absolute;right:7%;top:50%;width:min(34%,340px);aspect-ratio:1;transform:translateY(-50%);animation:hspin 18s linear infinite;opacity:.9;filter:drop-shadow(0 0 30px rgba(224,51,42,.35))}@keyframes hspin{to{transform:translateY(-50%) rotate(360deg)}}
.bxban.house .hs{opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease;pointer-events:none}.bxban.house .hs.on{opacity:1;transform:none;pointer-events:auto}
@media(max-width:700px){.bxban.house .hring{opacity:.35;right:-10%;width:60%}}
.bxban.house::after{background:linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 60%)}.bxban.house .hk{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:10px;display:block}
.bxslot.bxsub{padding-block:8px 56px}
.bxban .bxlb{position:absolute;left:18px;top:16px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px)}
.bxban h3{font-size:clamp(22px,3.2vw,38px);margin:0 0 8px;color:#fff}
.bxban p{color:rgba(255,255,255,.82);font-size:15.5px;margin:0 0 16px}
.bxban .btn{background:#fff;color:#0B0B0C}
@media(max-width:700px){.bxban{aspect-ratio:4/5}.bxban::after{background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 55%,rgba(0,0,0,0) 75%)}.bxban .bxtx{left:20px;right:20px;bottom:22px}}
.bcts{display:flex;justify-content:center;margin:10px 0 4px}.bcts:empty{display:none}
.mqx{position:relative;cursor:grab;user-select:none;-webkit-user-select:none}.mqx.grab{cursor:grabbing}.mqx.grab .vc{pointer-events:none}
.mqx .vc img,.mqx .vc video{-webkit-user-drag:none}
.mqa{position:absolute;top:calc(50% - 30px);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(11,11,12,.72);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .25s,background .2s,transform .2s}
.mqa.prev{left:max(16px,calc(50vw - 640px))}.mqa.next{right:max(16px,calc(50vw - 640px))}
.mqx:hover .mqa{opacity:1}.mqa:hover{background:rgba(224,51,42,.9);transform:scale(1.06)}
@media (hover:none){.mqa{opacity:.9;width:38px;height:38px}}
/* 25/10 (JK, maquette 38) : sur téléphone, les flèches ‹ › passent sous la rangée (elles cachaient les vidéos) */
@media (hover:none) and (max-width:760px){.mqx{padding-bottom:50px}.mqa{top:auto;bottom:0}.mqa.prev{left:calc(50% - 46px)}.mqa.next{right:calc(50% - 46px)}}
.bxstk{position:relative}
.bxstk .bxban.nx{animation:none}
.bxstk .bxban.bxnew{position:absolute;inset:0;opacity:0;transform:scale(1.015);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1);z-index:2}
.bxstk .bxban.bxnew.show{opacity:1;transform:none}
.bxban .bxtx>*{opacity:0;transform:translateY(18px);filter:blur(10px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1)}
.bxban .bxtx>*:nth-child(2){transition-delay:.09s}.bxban .bxtx>*:nth-child(3){transition-delay:.18s}.bxban .bxtx>*:nth-child(4){transition-delay:.27s}
.bxban.live:not(.house) .bxtx>*,.bxban.house.live .hs.on>*{opacity:1;transform:none;filter:none}
.bxban.out .bxtx>*,.bxban.house .hs:not(.on)>*{transition-delay:0s;transition-duration:.45s}
.bxban.house .hs{transition:none;transform:none;opacity:1}.bxban.house .hs:not(.on){pointer-events:none}
.bxban .bximg{transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.2s var(--spring)}
@media (prefers-reduced-motion:reduce){.bxban .bxtx>*{filter:none;transform:none;transition-duration:.3s}}
.fah .lbg{background:#000 url(/assets-hero.webp) 50% 40%/cover no-repeat}
.fah .lbg video{width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:0;transform:scale(1.04);transition:opacity 1.6s cubic-bezier(.22,1,.36,1),transform 2.8s cubic-bezier(.16,1,.3,1)}
.fah .lbg video.on{opacity:1;transform:none}
@media(max-width:700px){.fah.lph{padding-top:calc(56.25vw + 30px)}.fah .lbg{height:calc(56.25vw + 70px)}}
.fah .intro{max-width:none}.fah h1{max-width:20.5ch}.fah .lede{max-width:62ch}
.fah .lbg::after{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 24%,rgba(0,0,0,.12) 46%,rgba(0,0,0,0) 62%),linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,0) 62%,rgba(0,0,0,.6) 82%,#000 97%)}
#p-assets > section{background:linear-gradient(180deg,#000 0,var(--bg) 280px)}
@media(max-width:700px){.fah h1{max-width:none}.fah .lbg::after{background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 45%,rgba(0,0,0,.7) 75%,#000 96%)}}

/* V81 : couvertures des schémas */
.schg{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:1240px!important;gap:14px!important} /* 13/10 (JK) : 4 schémas par ligne (Cinéma 4+4, Étalonnage 4+2) */
@media (max-width:1100px) and (min-width:761px){.schg{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){.schg{grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}.schg .sch{min-width:0}.schg .sch.cov{aspect-ratio:3/4}.schg .sch.cov .sd{top:17%;height:42%}.schg .sch.cov .stx b{font-size:13px;line-height:1.2}.schg .sch.cov .stx small{font-size:11px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
@media (max-width:760px){.schg{grid-template-columns:1fr 1fr!important;gap:10px!important}}
.sch.cov{aspect-ratio:4/3;padding:0;align-items:stretch;border-color:#2a2a30}
.sch.cov .sbg,.sch.cov .ssplit img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sch.cov .sbg{filter:saturate(1.05) brightness(.62)}.sch.cov .ssplit{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.sch.cov .ssplit img{filter:brightness(.72)}
.sch.cov .sdiv{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.6)}
.sch.cov .sav,.sch.cov .sap{position:absolute;top:38%;font-size:10px;letter-spacing:.08em;padding:3px 7px;border-radius:5px;background:rgba(0,0,0,.55);color:#fff}.sch.cov .sav{left:8%}.sch.cov .sap{right:8%}
.sch.cov .sfade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 35%,transparent 55%,rgba(0,0,0,.85) 100%)}
.sch.cov .sd{position:absolute;left:8%;top:14%;width:84%;height:56%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.sch.cov .stag{position:absolute;top:10px;left:10px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:99px;background:rgba(0,0,0,.5);color:#fff;backdrop-filter:blur(6px)}
.sch.cov .l{top:10px;right:10px;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);color:#fff}
.sch.cov .stx{position:absolute;left:12px;right:12px;bottom:10px;display:flex;flex-direction:column;gap:2px}.sch.cov .stx b{font-size:14px;color:#fff;letter-spacing:-.01em}.sch.cov .stx small{font-size:11.5px;font-weight:500;color:rgba(255,255,255,.7)}
/* ===== 05/10 (JK) : page Entreprise (remplace À propos), modèle Higgsfield Enterprise ===== */
#p-ent{--ek:#0B0B0C;--eg:#F2F2F3;--em:#6B6B70;background:#fff;color:var(--ek);overflow:clip}
#p-ent.on{animation:none}
#p-ent{padding:0!important;margin-top:-64px}
#p-ent .enh,#p-ent .enpd{padding:0}
#p-ent h1,#p-ent h2{letter-spacing:-.025em}
.enbtn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:999px;background:var(--ek);color:#fff;font-weight:650;font-size:14px;border:0;cursor:pointer;text-decoration:none;transition:transform .2s var(--spring),background .2s}
.enbtn:hover{transform:translateY(-1px);background:#26262b}.enbtn.w{background:#fff;color:var(--ek)}.enbtn.w:hover{background:#ececee}
/* Hero : image collante, le texte monte, un 2e bloc apparaît */
.enh{position:relative;height:210vh;background:#05070a}
.enh-st{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;color:#fff}
.enh-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%;transform:scale(calc(1.06 + var(--p,0)*.08));transform-origin:50% 60%;will-change:transform}
.enh-sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,14,.3) 0%,rgba(4,10,14,.06) 30%,rgba(4,10,14,.05) 55%,rgba(4,6,8,.75) 100%);opacity:calc(.85 + var(--p,0)*.15)}
.enh-c1,.enh-c2{position:absolute;left:0;right:0;text-align:center;padding:0 22px}
.enh-c1{top:0;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:clamp(84px,11vh,120px);transform:translateY(calc(var(--a,0)*-62vh));opacity:calc(1 - var(--a,0)*.15)}
.enh-cr{position:absolute;top:clamp(78px,10vh,96px);left:max(22px,calc(50% - 560px));font-size:12.5px;color:rgba(255,255,255,.6)}.enh-cr b{color:#fff;font-weight:600}
.enh-sym{width:30px;height:30px;margin:clamp(30px,7vh,70px) 0 14px;opacity:.95}
.enh-c1 h1{font-size:clamp(34px,4.6vw,62px);line-height:1.04;font-weight:700;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.enh-bd{margin-top:auto;margin-bottom:clamp(70px,13vh,140px);display:flex;flex-direction:column;align-items:center}
.enh-lr{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.18em}.enh-lr svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round}
.enh-big{font-size:clamp(66px,8vw,104px);line-height:.92;font-weight:900;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 0%,#d9dde2 38%,#8d939b 62%,#f1f2f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}
.enh-bd small{font-size:14px;color:rgba(255,255,255,.85);max-width:320px;text-shadow:0 1px 12px rgba(0,0,0,.5);line-height:1.35}
.enh-c2{bottom:clamp(40px,9vh,90px);opacity:var(--b,0);transform:translateY(calc((1 - var(--b,0))*90px))}
.enh-c2 h2{font-size:clamp(28px,3.4vw,46px);line-height:1.08;font-weight:700;max-width:760px;margin:0 auto}
.enh-c2 p{margin:16px auto 22px;max-width:560px;color:rgba(255,255,255,.75);font-size:15px;line-height:1.55}
/* Sections blanches */
.enw{padding:clamp(70px,10vw,120px) 0}
.enin{max-width:1160px;margin:0 auto;padding:0 22px;text-align:center}
.enchip{display:inline-block;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--eg);color:#3a3a40}
.enh2{font-size:clamp(26px,3.2vw,40px);line-height:1.1;font-weight:700;margin:14px auto 0;max-width:820px}.enh2.l{margin:0;text-align:left}
.entr{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:36px max(22px,calc(50% - 580px)) 6px;scrollbar-width:none;cursor:grab}.entr::-webkit-scrollbar{display:none}
.entr.drag{cursor:grabbing;scroll-snap-type:none}.entr.drag *{pointer-events:none}
.enpr{width:120px;height:2px;margin:26px auto 0;background:#e6e6e8;border-radius:2px;overflow:hidden}.enpr i{display:block;height:100%;width:30%;background:var(--ek);border-radius:2px;transform:translateX(0);transition:transform .15s linear}
/* Défilement continu des rushes */
.enmq{overflow:hidden;padding:36px 0 6px;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.enmq-t{display:flex;gap:10px;width:max-content;padding-left:22px;will-change:transform}
.encd.pj{text-decoration:none}.encd video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.encd video.on{opacity:1}.encd.pj .encd-o,.encd.pj:hover .encd-o{opacity:1;background:linear-gradient(180deg,rgba(0,0,0,0) 62%,rgba(0,0,0,.55))}.encd.pj:hover>img{filter:none}
.encd-l{transition:opacity .3s}
@media(prefers-reduced-motion:reduce){.enmq{overflow-x:auto}}
/* Cartes projets */
.encd{position:relative;flex:0 0 clamp(220px,19vw,250px);aspect-ratio:2/2.95;border-radius:14px;overflow:hidden;scroll-snap-align:start;background:#111;color:#fff;isolation:isolate}
.encd>img,.encd .encd-b{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s ease,transform .8s var(--spring),filter .5s}
.encd .encd-b{opacity:0}
.encd:hover .encd-b{opacity:1}
.encd-o{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35) 55%,rgba(0,0,0,.55));transition:opacity .4s}
.encd-l{padding:0 14px;font-size:clamp(19px,1.7vw,25px);line-height:1;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.encd-o small{position:absolute;bottom:16px;left:0;right:0;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.85;font-weight:700}
.encd-h{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;text-align:left;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.82));opacity:0;transform:translateY(10px);transition:opacity .4s,transform .5s var(--spring)}
.encd-h b{font-size:15px;line-height:1.2}.encd-h p{font-size:11.5px;line-height:1.45;color:rgba(255,255,255,.75);margin-top:6px}.encd-h a{margin-top:10px;font-size:12px;font-weight:700;color:#fff;text-decoration:underline}
.encd:hover>img{filter:blur(2px) brightness(.8)}.encd:hover .encd-o{opacity:0}.encd:hover .encd-h{opacity:1;transform:none}
.encd.pj:hover>img{filter:none}.encd.pj:hover .encd-h{background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.78))}
.encd-f>img{object-position:50% 20%}
/* Onglets animés */
.enpl{display:inline-flex;gap:4px;padding:4px;margin-top:18px;border-radius:12px;background:var(--eg)}
.enpl button{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#55555b;background:none;border:0;border-radius:9px;padding:7px 12px;cursor:pointer;transition:background .25s,color .25s}
.enpl button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.enpl button.on{background:var(--ek);color:#fff}
.enst{position:relative;height:430px;max-width:760px;margin:26px auto 0}
.ens{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(14px) scale(.985);transition:opacity .55s ease,transform .7s var(--spring),visibility 0s .55s}
.ens.on{opacity:1;visibility:visible;transform:none;transition:opacity .55s ease .1s,transform .7s var(--spring) .1s}
.ens-sym{width:34px;height:34px;margin-bottom:18px}.ens.on .ens-sym{animation:enspin 1.6s var(--spring)}
@keyframes enspin{from{transform:rotate(-120deg) scale(.6);opacity:0}to{transform:none;opacity:1}}
.ens-t{font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-.03em}
.ens-c{margin-top:22px;font-size:clamp(17px,2vw,21px);line-height:1.3;font-weight:650;letter-spacing:-.01em}
.ens-files{position:relative;width:min(380px,92vw);height:300px}
.ens-core{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:20px;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(180deg,#d6d6da,#6d6d73);box-shadow:0 14px 30px rgba(0,0,0,.18);outline:2px dotted #2a2a2e;outline-offset:6px}
.ens-orb{position:absolute;inset:0}
.ensf{position:absolute;left:50%;top:50%;width:56px;height:66px;margin:-33px 0 0 -28px;border-radius:10px;background:linear-gradient(180deg,#5a5a60,#1f1f23);box-shadow:0 10px 24px rgba(0,0,0,.2);clip-path:polygon(0 0,74% 0,100% 18%,100% 100%,0 100%);--a:calc(var(--k)*360deg/var(--n));transform:rotate(var(--a)) translateX(140px) rotate(calc(-1*var(--a)));animation:enorbc 16s linear infinite}
.ensf em{position:absolute;top:7px;left:8px;font-style:normal;font-size:11px;font-weight:700;color:#fff}
@keyframes enorbc{from{transform:rotate(var(--a)) translateX(140px) rotate(calc(-1*var(--a)))}to{transform:rotate(calc(var(--a) + 360deg)) translateX(140px) rotate(calc(-1*var(--a) - 360deg))}}
.ens.on .ens-orb{animation:enfadein .8s ease both}
@keyframes enfadein{from{opacity:0;scale:.85}to{opacity:1;scale:1}}
.ens-core{z-index:2}
.ens-ba{position:relative;width:min(460px,86vw);aspect-ratio:2.33/1;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.ens-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ens-bg{position:absolute;inset:0;clip-path:inset(0 0 0 100%)}.ens.on .ens-bg{animation:enwipe 3.2s var(--spring) .4s both}
@keyframes enwipe{0%{clip-path:inset(0 0 0 100%)}55%,100%{clip-path:inset(0 0 0 0)}}
.ens-l1,.ens-l2{position:absolute;top:10px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff}.ens-l1{left:10px}.ens-l2{right:10px;background:#fff;color:var(--ek)}
.ens-chat{width:min(320px,86vw);background:#fff;border-radius:16px;padding:16px;box-shadow:0 18px 40px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:12px;text-align:left}
.ens-m b{display:flex;align-items:center;gap:8px;font-size:12px}.ens-m b::before{content:"";width:20px;height:20px;border-radius:50%;background:var(--ek)}
.ens-m.me b{justify-content:flex-end}.ens-m.me b::before{order:2;background:#c9c9ce}
.ens-m p{margin-top:6px;font-size:12.5px;padding:8px 11px;border-radius:10px;background:var(--eg);display:inline-block}
.ens-m.me{text-align:right}.ens.on .ens-m{animation:enpop .6s var(--spring) both}.ens.on .ens-m.bs{animation-delay:1s}
@keyframes enpop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.ens-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(560px,92vw)}
.ens-steps div{background:#fff;border-radius:12px;padding:12px 10px 40px;text-align:left;box-shadow:0 10px 26px rgba(0,0,0,.08);border:1px solid #eee;position:relative}
.ens-steps div::after{content:"";position:absolute;left:10px;right:10px;bottom:10px;height:20px;border-radius:6px;background:linear-gradient(90deg,#1c2a33,#3d5866,#b9a07a)}
.ens-steps b{font-size:13.5px}.ens-steps small{display:block;font-size:10.5px;color:var(--em);line-height:1.3;margin-top:2px}
.ens.on .ens-steps div{animation:enpop .6s var(--spring) both}.ens.on .ens-steps div:nth-child(2){animation-delay:.12s;transform:translateY(-8px)}.ens.on .ens-steps div:nth-child(3){animation-delay:.24s}.ens.on .ens-steps div:nth-child(4){animation-delay:.36s}
.endt{display:flex;justify-content:center;gap:5px;margin-top:6px}.endt i{width:6px;height:6px;border-radius:6px;background:#d6d6d9;transition:width .35s var(--spring),background .3s}.endt i.on{width:22px;background:var(--ek)}
/* Produits : plein écran, liste à gauche, carte à droite */
.enpd{position:relative;height:calc(var(--n,6)*75vh + 25vh);background:#0d1418}
.enpd-st{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;color:#fff}
.enpd-bgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%);opacity:0;transform:scale(1.06);transition:opacity .9s ease,transform 1.6s var(--spring)}
.enpd-bgs img.on{opacity:1;transform:none}
.enpd-bgs::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,14,.72) 0%,rgba(6,10,14,.2) 30%,rgba(6,10,14,0) 50%,rgba(6,10,14,.25) 72%,rgba(6,10,14,.6) 100%),linear-gradient(0deg,rgba(6,10,14,.55),rgba(6,10,14,0) 40%)}
.enpd-in{position:relative;z-index:1;max-width:none;height:100%;margin:0 auto;padding:0 clamp(22px,4vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:40px;padding-bottom:clamp(40px,9vh,90px)}
.enpd-l{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.enpd-l button{background:none;border:0;padding:0;color:rgba(255,255,255,.42);font-size:clamp(19px,2vw,25px);font-weight:650;letter-spacing:-.02em;cursor:pointer;text-align:left;transition:color .35s}
.enpd-l button.on,.enpd-l button:hover{color:#fff}
.enpd-c{display:block;color:#fff;text-decoration:none;max-width:clamp(300px,27vw,400px);justify-self:end;width:100%}
.enpd-im{background:#fff;border-radius:14px;padding:10px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.enpd-im img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;transition:opacity .35s}
.enpd-c b{display:block;margin-top:14px;font-size:15px}.enpd-c p{margin-top:4px;font-size:13px;color:rgba(255,255,255,.7);max-width:400px;line-height:1.45}
.enpd-c.sw .enpd-im img,.enpd-c.sw b,.enpd-c.sw p{opacity:.15}
.enpd-c b,.enpd-c p{transition:opacity .35s}
/* Pourquoi */
.enwy-h{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left}
.enwy-t{align-items:stretch}
.enwc{flex:0 0 clamp(230px,22vw,260px);scroll-snap-align:start;background:#f4f4f5;border-radius:16px;padding:18px;display:flex;flex-direction:column;text-align:left}
.enwc.big{flex-basis:clamp(300px,34vw,420px)}
.enwc b{font-size:15px;margin-top:14px}.enwc p,.enwc li{font-size:12.5px;color:var(--em);line-height:1.45;margin-top:4px}
.enwc ul{list-style:none;padding:0;margin:6px 0 0}.enwc li::before{content:"·";margin-right:6px;font-weight:900}
.enwc-im{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/10}.enwc-im img{width:100%;height:100%;object-fit:cover}
.enwc-b{position:absolute;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;color:#fff;background:#2f9e44}.enwc-b.enwc-b1{left:12px;top:12px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1}
.enwc-v{flex:1;min-height:150px;display:grid;place-items:center}
/* 25/10 (JK, maquette 39) : titres des petites cartes alignés (« Paiement sécurisé » remontait quand son texte était plus long) */
.enwc:not(.big) .enwc-v{flex:none;height:150px}
.enwc-sp{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#b5d33a;background:#e6e6e8;border-radius:999px;padding:8px 14px;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.enwc-sp i{width:12px;height:12px;border:2px solid #b5d33a;border-right-color:transparent;border-radius:50%;animation:enrot 1s linear infinite}
@keyframes enrot{to{transform:rotate(360deg)}}
.enwc-tg{width:84px;height:48px;border-radius:999px;background:#d4d4d8;position:relative;animation:entgbg 3.2s ease-in-out infinite}
.enwc-tg i{position:absolute;top:5px;left:5px;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);animation:entg 3.2s var(--spring) infinite}
@keyframes entg{0%,15%{transform:none}35%,85%{transform:translateX(36px)}100%{transform:none}}
@keyframes entgbg{0%,15%{background:#d4d4d8}35%,85%{background:#34c759}100%{background:#d4d4d8}}
.enwc-lk{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#fafafa,#d9d9de);box-shadow:0 10px 24px rgba(0,0,0,.12);outline:2px dotted #8e8e94;outline-offset:5px}
.enwc-lk svg{width:28px;height:28px;fill:none;stroke:#3aa0e8;stroke-width:2;stroke-linecap:round}
/* Académie */
.enac{padding-bottom:0}.enac-p{margin:12px auto 20px;max-width:460px;color:var(--em);font-size:14px;line-height:1.5}
.enac-im{margin-top:clamp(40px,6vw,64px);height:clamp(300px,60vh,620px);position:relative;overflow:hidden}
.enac-im img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(calc(1.12 - var(--q,0)*.12))}
.enac-im::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,rgba(9,9,11,0),#09090b)}
/* Contact + FAQ */
.enct{background:#09090b;color:#f4f4f6;padding:clamp(60px,9vw,110px) 0 clamp(60px,8vw,100px)}
.enct-in{max-width:1160px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start}
.enct-l h2{font-size:clamp(32px,3.6vw,46px);line-height:1.04;font-weight:700}
.enct-l small{display:block;margin-top:26px;font-size:11.5px;color:#7b7b83}
.enct-l ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:9px}.enct-l li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#d4d4d8}
.enct-l svg{width:16px;height:16px;fill:none;stroke:#a1a1a8;stroke-width:1.7;stroke-linecap:round;flex:none}
.enct-f{background:#18181b;border:1px solid #26262b;border-radius:16px;padding:20px;position:relative}
.enct-f>b{font-size:17px}.enct-f>p{font-size:12.5px;color:#8b8b93;margin-top:2px}
.enct-g{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.enct-g .w{grid-column:1/-1}
.enct-g label span{display:block;font-size:11.5px;color:#c9c9cf;margin-bottom:5px}
.enct-g input,.enct-g select,.enct-g textarea{width:100%;background:#232327;border:1px solid #2e2e34;border-radius:8px;color:#fff;font:inherit;font-size:13.5px;padding:9px 11px;outline:none;transition:border-color .2s}
.enct-g textarea{resize:vertical;min-height:96px}
.enct-g input:focus,.enct-g select:focus,.enct-g textarea:focus{border-color:#6b6b73}
.enct-g input::placeholder,.enct-g textarea::placeholder{color:#62626a}
.enct-e{min-height:18px;margin-top:8px;font-size:12.5px;color:#ff8a8a}
.enct-a{display:flex;justify-content:flex-end}
.enct-ok[hidden]{display:none!important}.enct-ok{position:absolute;inset:0;border-radius:16px;background:#18181b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}
.enct-ok b{font-size:20px}.enct-ok p{margin-top:6px;color:#a1a1a8;font-size:14px}
.enfq{max-width:720px;margin:clamp(70px,9vw,110px) auto 0;padding:0 22px}
.enfq h2{text-align:center;font-size:clamp(24px,2.8vw,34px);font-weight:700;margin-bottom:22px}
.enq{border-bottom:1px solid #222227}
.enq button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;color:#f4f4f6;font:inherit;font-size:14.5px;font-weight:650;padding:15px 2px;cursor:pointer;text-align:left}
.enq button i{position:relative;width:12px;height:12px;flex:none}.enq button i::before,.enq button i::after{content:"";position:absolute;left:0;right:0;top:5px;height:2px;background:#a1a1a8;border-radius:2px;transition:transform .3s var(--spring)}.enq button i::after{transform:rotate(90deg)}.enq.open button i::after{transform:rotate(0)}
.enq-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--spring)}.enq.open .enq-b{grid-template-rows:1fr}.enq-b>div{overflow:hidden}
.enq-b p{color:#a1a1a8;font-size:13.5px;line-height:1.6;padding:0 2px 16px}.enq-b a{color:#fff}
/* Bouton « Nous contacter » toujours visible en bas */
.enfab{background:#0B0B0C!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;height:44px!important;padding:0 24px!important;position:fixed;left:50%;bottom:18px;z-index:60;transform:translate(-50%,90px);opacity:0;transition:transform .5s var(--spring),opacity .3s;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.enfab.on{transform:translate(-50%,0);opacity:1}
/* Apparition au défilement */
.enr{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform 1s var(--spring)}.enr.in{opacity:1;transform:none}
@media(max-width:820px){
 .enh{height:190vh}.enh-cr{left:22px}
 .enh-c1{padding-top:78px}.enh-c1 .enh-sym{margin:26px 0 10px;width:24px;height:24px}.enh-c1 h1{font-size:30px}
 .enfab{left:16px;transform:translateY(90px)}.enfab.on{transform:none}
 .enpd-in{grid-template-columns:1fr;align-content:space-between;align-items:start;gap:22px;padding-top:84px;padding-bottom:96px}
 .enpd-bgs img{object-position:50% 30%}
 .enpd-l{flex-direction:row;gap:14px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.enpd-l::-webkit-scrollbar{display:none}.enpd-l button{font-size:17px}
 .enpd-c{justify-self:end;max-width:min(300px,78vw)}.enpd-c p{display:none}
 .enwy-h{flex-direction:column;align-items:flex-start}
 .enct-in{grid-template-columns:1fr}
 .enst{height:400px}
 .ens-steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){.enct-g{grid-template-columns:1fr}.enpl button{min-height:40px;padding:0 10px;font-size:12.5px}.enpl button svg{display:none}}
@media(prefers-reduced-motion:reduce){.enh-bg,.enac-im img{transform:none!important}.enr{opacity:1;transform:none}}

/* ===== Accueil (13/10, v3) : la structure de la page PowerGrade, pour toute l'offre · préfixe hm- ===== */
.hm-hero2{padding-bottom:0;overflow:visible}
.hm-hero2 .hvid{z-index:0}
.hm-hero2 .hin{z-index:1}
.hm-hero2 .intro h1{max-width:13ch}
/* Accès aux outils : rangée de tuiles en verre sous les boutons */
.hm-tiles{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:44px auto 0;max-width:1060px}
.hm-tile{display:flex;align-items:center;gap:12px;min-width:0;padding:7px 16px 7px 7px;border-radius:16px;background:rgba(18,18,22,.42);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);color:#fff;text-align:left;transition:background .25s,border-color .25s,transform .35s var(--spring)}
.hm-tile:hover{background:rgba(40,40,46,.6);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}
.hm-tile img{width:46px;height:46px;border-radius:11px;object-fit:cover;flex:none;background:#222}
.hm-tile b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.015em;line-height:1.2;white-space:nowrap}
.hm-tile small{display:block;font-size:12.5px;color:rgba(255,255,255,.66);line-height:1.3;white-space:nowrap}
/* Variantes de texte des blocs partagés */
#p-home .pgp-only,#p-powergrade .hm-only{display:none!important}
#p-home #noeuds .wrap>.segrow,#p-home #noeuds .hwp[data-hp="1"],#p-home .vsoon{display:none}
#p-home #noeuds .hwp[data-hp="0"]{display:block}
.hm-fq .faq .acc button{text-align:left}
@media(max-width:760px){
 .hm-hero2{overflow:hidden;padding-block:52px 30px}
 .hm-hero2 .hvid{height:100%}
 .hm-hero2 .intro h1{font-size:44px;margin:0 auto 14px}
 .hm-hero2 .intro .lede{font-size:15.5px;line-height:1.5}
 .hm-hero2 .cta{margin-top:22px;gap:10px}
 .hm-hero2 .cta .btn{padding-block:13px}
 .hm-tiles{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:28px -24px 0;padding:2px 24px 6px;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
 .hm-tiles::-webkit-scrollbar{display:none}
 .hm-tile{flex:none;scroll-snap-align:start}
 #p-home .pgp-app{padding-top:8px}
}
/* ===== Avis (13/10, JK : version « mur de témoignages ») · préfixe tsw- · même bloc sur l'accueil et sur #powergrade ===== */
.tsw-sec .head{margin-inline:auto;text-align:center;max-width:720px}
.tsw-sec .head .lede2{margin-inline:auto}
.tsw-feat{max-width:940px;margin:8px auto 52px;text-align:center}
.tsw-feat blockquote{font-size:clamp(24px,4.4vw,44px);font-weight:700;letter-spacing:-.035em;line-height:1.16;text-wrap:balance;color:var(--ink)}
.tsw-feat .tl8{display:block;margin-top:12px}
html[lang="fr"] .tsw-feat .tl8{display:none}
.tsw-feat figcaption{display:inline-flex;align-items:center;gap:14px;margin-top:28px;text-align:left}
.tsw-av{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--chip);font-size:13px;font-weight:800;color:var(--ink);box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--line)}
.tsw-feat .tsw-av{width:52px;height:52px}
.tsw-av img{width:100%;height:100%;object-fit:cover;display:block}
.tsw-n{display:block;font-size:15px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.tsw-n:hover{text-decoration:underline;text-underline-offset:3px}
.tsw-r{display:block;font-size:12.5px;color:var(--muted);line-height:1.4}
.tsw-src{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--muted);padding:6px 11px 6px 9px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 70%,transparent);white-space:nowrap}
.tsw-src svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tsw-feat .tsw-src{margin-left:6px}
.tsw-c{flex:0 0 360px;display:flex;flex-direction:column;gap:18px;padding:26px 26px 22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 55%,var(--bg)));box-shadow:0 1px 0 rgba(255,255,255,.04) inset;transition:transform .5s var(--spring),border-color .3s;user-select:none}
.tsw-c:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ink) 30%,transparent)}
.tsw-c blockquote{font-size:16.5px;font-weight:500;line-height:1.55;letter-spacing:-.012em;color:var(--ink);text-wrap:pretty}
.tsw-c .tl8{margin-top:-10px}
.tsw-who{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line);min-width:0}
.tsw-who>div{min-width:0}
.tsw-sec .ttrack{align-items:flex-start;padding-block:6px}
.tsw-nav{display:flex;justify-content:center;gap:10px;margin-top:22px}
@media(max-width:760px){
 .tsw-feat{margin-bottom:36px;text-align:left}
 .tsw-feat blockquote{font-size:25px}
 .tsw-feat figcaption{flex-wrap:wrap}
 .tsw-feat .tsw-src{margin-left:0}
 .tsw-c{flex-basis:290px;padding:22px 20px 18px}
 .tsw-c blockquote{font-size:15.5px}
}
/* ===== Page Creator PowerGrade (13/10) : préfixe pgp- ===== */
.pgp-hero{padding-bottom:0}
.hero2.pgp-app{padding-block:0 40px;overflow:visible}
.pgp-hero{overflow:visible}
.pgp-hero .hvid{z-index:0}
.pgp-hero .hin,.pgp-app .hin{z-index:1}
@media(max-width:760px){
 #p-powergrade.on{display:flex;flex-direction:column}
 #p-powergrade>*{order:5;min-width:0}
 #p-powergrade>.pgp-hero{order:1}
 #p-powergrade>#acheter{order:2}
 #p-powergrade>.pgp-app{order:3}
 .pgp-hero{overflow:hidden;padding-block:40px 30px}
 .pgp-hero .hvid{height:100%}
 .pgp-hero .intro h1{font-size:40px;margin:0 auto 12px}
 .pgp-hero .intro .lede{font-size:15.5px;line-height:1.5}
 .pgp-hero .cta{margin-top:20px;gap:10px}
 #p-powergrade #acheter{padding-top:8px!important;padding-bottom:56px;scroll-margin-top:72px}
 #p-powergrade #acheter .prod{gap:20px}
 #p-powergrade #acheter .prod>.buy{order:-1}
 .pgp-app{padding-top:8px}
 .pgp-app .appwrap{margin-top:0}
}
/* ===== Explorer (13/10, maquette v2) · préfixe xp- ===== */

/* À la une */
.xp-feat{padding:0;position:relative;height:min(76vh,640px);min-height:500px;overflow:hidden;background:#000;color:#fff}
.xp-sl{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s}
.xp-sl.on{opacity:1;visibility:visible;transition:opacity .9s ease}
.xp-bg{position:absolute;inset:0;overflow:hidden}
.xp-bg img,.xp-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.xp-bg video{opacity:0;transition:opacity .8s}
.xp-bg video.on{opacity:1}
.xp-sl.on .xp-bg img,.xp-sl.on .xp-bg video{animation:xpkb 14s ease-out both}
@keyframes xpkb{from{transform:scale(1.08)}to{transform:scale(1)}}
.xp-feat .xp-bg::after,.xp-end .xp-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.92) 100%),linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,0) 65%)}
.xp-fc{position:absolute;left:0;right:0;bottom:64px;z-index:2}
.xp-eb{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82);padding:6px 11px;border-radius:999px;background:rgba(14,14,18,.4);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.xp-eb::before{content:'';width:6px;height:6px;border-radius:50%;background:#E0332A;box-shadow:0 0 0 3px rgba(224,51,42,.3)}
.xp-fc h1{font-size:clamp(38px,6.4vw,76px);line-height:1;letter-spacing:-.045em;margin:16px 0 12px;max-width:13ch;color:#fff}
.xp-fc h1 span{display:block;color:rgba(255,255,255,.62)}
.xp-fc p,.xp-ec p{font-size:clamp(15.5px,1.6vw,18px);line-height:1.5;color:rgba(255,255,255,.8);max-width:44ch}
.xp-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.xp-cta .btn:not(.glass){background:#fff;color:#0B0B0C}
.xp-cta .btn{font-size:15.5px;padding:12px 24px}
.xp-dots{position:absolute;left:0;right:0;bottom:22px;z-index:3;display:flex;gap:6px}
.xp-dots button{width:34px;height:20px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.xp-dots i{display:block;width:100%;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.xp-dots i::after{content:'';position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.xp-dots .on i::after{animation:xpbar var(--xpd,7s) linear both}
.xp-feat.xp-hold .xp-dots .on i::after{animation-play-state:paused}
@keyframes xpbar{to{transform:scaleX(1)}}
/* Recherche + filtres */
.xp-srch{margin-top:22px;scroll-margin-top:84px}
.xp-sb{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);transition:border-color .2s,box-shadow .2s}
.xp-sb:focus-within{border-color:color-mix(in srgb,var(--ink) 45%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ink) 8%,transparent)}
.xp-sb svg{width:19px;height:19px;flex:none;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}
.xp-sb input{flex:1;min-width:0;height:100%;border:0;background:none;color:var(--ink);font:500 16px/1 Inter,system-ui,sans-serif;outline:none}
.xp-sb input::-webkit-search-cancel-button{display:none}
.xp-qx{flex:none;width:28px;height:28px;border-radius:50%;border:0;background:var(--chip);color:var(--ink);font-size:18px;line-height:1;cursor:pointer}
.xp-bar{position:sticky;top:64px;z-index:20;margin-top:12px;padding:10px 0;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.xp-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:-24px;padding-inline:24px}
.xp-chips::-webkit-scrollbar{display:none}
.xp-chips button{flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:600 14px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.xp-chips button:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 35%,transparent)}
.xp-chips button small{font-size:12px;font-weight:600;opacity:.6;font-variant-numeric:tabular-nums}
.xp-chips button[aria-selected=true]{background:var(--ink);color:var(--inv);border-color:var(--ink)}
.xp-chips button i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:999px;background:#E8A24A;color:#0B0B0C}
/* Rangées */
.xp-body{padding-block:8px 72px}
.xp-sec{padding:34px 0 0}
.xp-sec[hidden]{display:none}
.xp-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.xp-sh h2{font-size:clamp(21px,2.6vw,28px);letter-spacing:-.03em;margin:0;line-height:1.15}
.xp-sh h2 small{display:block;font-size:13.5px;font-weight:500;letter-spacing:0;color:var(--muted);margin-top:4px}
.xp-sa{display:flex;align-items:center;gap:8px;flex:none}
.xp-all{border:0;background:none;color:var(--ink);font:600 14px/1 Inter,system-ui,sans-serif;cursor:pointer;padding:8px 2px;white-space:nowrap}
.xp-all:hover{text-decoration:underline;text-underline-offset:3px}
.xp-arr{display:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;place-items:center;transition:border-color .2s,opacity .2s}
.xp-arr:hover{border-color:var(--ink)}
.xp-arr:disabled{opacity:.35;cursor:default;border-color:var(--line)}
.xp-arr svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.xp-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--xpp);padding:2px var(--xpp) 8px;margin-inline:calc(-1 * var(--xpp));scrollbar-width:none;overscroll-behavior-x:contain;--xpp:24px}
.xp-row::-webkit-scrollbar{display:none}
/* Cartes : une forme par type */
.xp-c{position:relative;flex:none;display:block;border-radius:18px;overflow:hidden;background:#141417;color:#fff;scroll-snap-align:start;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform .45s var(--spring)}
.xp-c[hidden]{display:none}
.xp-c:active{transform:scale(.985)}
.xp-m{position:relative;width:100%;aspect-ratio:var(--ar)}
.xp-k-pg,.xp-k-cr{--ar:4/5;width:min(62vw,270px)}
.xp-k-lut{--ar:1/1;width:min(46vw,230px)}
.xp-k-rush{--ar:16/9;width:min(80vw,400px)}
.xp-k-studio,.xp-k-acad,.xp-k-ent{--ar:16/10;width:min(84vw,460px)}
.xp-k-comm{--ar:1/1;width:min(62vw,300px)}
.xp-m img,.xp-m video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--spring)}
.xp-c:hover .xp-m>img:first-child{transform:scale(1.045)}
.xp-c::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 42%,rgba(0,0,0,.6) 66%,rgba(0,0,0,.92) 100%)}
/* avant / après des looks : balayage lent tout seul quand la carte est à l'écran */
.xp-m .xp-b{clip-path:inset(0 50% 0 0)}
.xp-m .xp-ln{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:rgba(255,255,255,.95);z-index:2;box-shadow:0 0 12px rgba(0,0,0,.45)}
.xp-vis .xp-b{animation:xpcl 7s ease-in-out infinite}
.xp-vis .xp-ln{animation:xpln 7s ease-in-out infinite}
.xp-row.xp-hold .xp-b,.xp-row.xp-hold .xp-ln,.xp-c.xp-hold .xp-b,.xp-c.xp-hold .xp-ln{animation-play-state:paused}
@keyframes xpcl{0%,100%{clip-path:inset(0 72% 0 0)}50%{clip-path:inset(0 28% 0 0)}}
@keyframes xpln{0%,100%{left:28%}50%{left:72%}}
.xp-bl{position:absolute;top:44%;z-index:3;font-size:9.5px;font-weight:800;letter-spacing:.09em;padding:4px 6px;border-radius:6px;background:rgba(0,0,0,.45);color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.xp-bl.a{left:8px}.xp-bl.b{right:8px}
.xp-bdg,.xp-px{position:absolute;z-index:3;display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;letter-spacing:.01em;padding:5px 10px;border-radius:999px;background:rgba(14,14,18,.45);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;color:#fff}
.xp-bdg{top:10px;left:10px}
.xp-px{right:10px;top:10px;background:rgba(255,255,255,.92);color:#0B0B0C;border-color:transparent}
.xp-px.soon{background:#E8A24A}
.xp-tx{position:absolute;z-index:3;left:14px;right:14px;bottom:13px;display:grid;gap:3px;min-width:0}
.xp-tx b,.xp-tx span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xp-tx b{font-size:17px;font-weight:700;letter-spacing:-.022em;line-height:1.2}
.xp-tx span{font-size:13px;line-height:1.35;color:rgba(255,255,255,.76)}
.xp-k-studio .xp-tx b,.xp-k-ent .xp-tx b,.xp-k-acad .xp-tx b{font-size:20px}
/* une seule catégorie : grille propre */
.xp-one .xp-sh .xp-sa{display:none}
.xp-one .xp-row{display:grid;overflow:visible;margin:0;padding:0;scroll-snap-type:none;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.xp-one .xp-row .xp-c{width:auto}
.xp-one[data-s="rush"] .xp-row,.xp-one[data-s="studio"] .xp-row,.xp-one[data-s="more"] .xp-row{grid-template-columns:minmax(0,1fr)}
.xp-none{padding:40px 0;text-align:center;color:var(--muted);font-size:15.5px}
/* Bandeau final */
.xp-end{position:relative;overflow:hidden;color:#fff;min-height:440px;display:flex;align-items:flex-end;padding:0!important;background:#000}
.xp-end .xp-bg::after{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.35) 40%,rgba(0,0,0,.9) 100%)}
.xp-ec{position:relative;z-index:2;width:100%;padding-block:56px}
.xp-ec h2{font-size:clamp(34px,5.4vw,64px);letter-spacing:-.045em;line-height:1;margin:14px 0 12px;color:#fff}
@media(max-width:760px){
 .xp-feat{height:78vh;min-height:520px;max-height:640px}
 .xp-fc{bottom:56px}
 .xp-fc h1{font-size:40px}
 .xp-cta .btn{flex:0 0 auto;font-size:15px;padding:11px 20px} /* 14/10 (JK) : boutons plus petits sur téléphone */
 .xp-row{--xpp:16px;gap:10px}
 .xp-chips{margin-inline:-16px;padding-inline:16px}
 .xp-chips button{height:36px;padding:0 13px;font-size:13.5px}
 .xp-sec{padding-top:30px}
 .xp-tx b{font-size:16px}
 .xp-k-lut .xp-tx{left:11px;right:11px;bottom:10px}.xp-k-lut .xp-tx b{font-size:15px}
}
@media(min-width:900px){
 .xp-arr{display:grid}
 .xp-arr[hidden]{display:none}
 .xp-sec:not(.xp-one) .xp-row{margin-right:calc(50% - 50vw);padding-right:max(24px,calc(50vw - 50%))}
 .xp-c{border-radius:22px}
 .xp-tx{left:18px;right:18px;bottom:16px}
 .xp-bdg{top:14px;left:14px;font-size:12px;padding:6px 11px}
 .xp-px{right:14px;top:14px}
 .xp-one .xp-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
 .xp-one[data-s="lut"] .xp-row{grid-template-columns:repeat(4,minmax(0,1fr))}
 .xp-one[data-s="rush"] .xp-row,.xp-one[data-s="comm"] .xp-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .xp-one[data-s="studio"] .xp-row,.xp-one[data-s="more"] .xp-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xp-chips{margin:0;padding:0;flex-wrap:wrap}
 .xp-srch{margin-top:30px}
 .xp-fc{bottom:84px}.xp-dots{bottom:34px}
}
/* 13/10 (une seule page) : titre au-dessus de la fenêtre Resolve sur l'accueil */
#p-home .pgp-app{padding-top:88px;border-top:1px solid var(--line)}
#p-home .pgp-app .appwrap{margin-top:8px}
.hm-apph{margin-bottom:28px}
@media(max-width:760px){#p-home .pgp-app{padding-top:64px}}
/* 13/10 (une seule page, v2 · JK) : bloc Explorer court — recherche, filtres, UNE rangée de tuiles toutes de la même taille */
.xp-srch{margin-top:16px}
.xp-bar{margin-top:4px;padding:8px 0}
.xp-body{padding-block:14px 26px!important}
.xp-one1{position:relative}
.xp-hl{gap:12px;padding-bottom:4px}
.xp-hl .xp-c{--ar:4/5;width:min(70vw,252px)}
.xp-hl .xp-c .xp-tx b{font-size:17px}
.xp-more{flex:none;width:120px;aspect-ratio:4/5;align-self:flex-start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:18px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:14px;font-weight:700;scroll-snap-align:start;transition:border-color .2s}
.xp-more:hover{border-color:var(--ink)}
.xp-more[hidden]{display:none}
.xp-more svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;padding:10px;box-sizing:content-box;border-radius:50%;background:var(--chip)}
.xp-nav{display:none}
.xp-none{padding:18px 0 8px}
#p-home .trust{display:none}
#p-home .pgp-app{padding-top:56px}
@media(max-width:760px){#p-home .pgp-app{padding-top:48px}}
@media(min-width:900px){
 .xp-hl .xp-c{width:calc((min(100vw,1160px) - 48px - 56px)/4.5)}
 .xp-one1 .xp-row{margin-right:calc(50% - 50vw);padding-right:max(24px,calc(50vw - 50%))}
 .xp-nav{position:absolute;z-index:5;top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(14,14,18,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;transition:opacity .2s}
 .xp-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
 .xp-nav.p{left:4px}.xp-nav.n{right:calc(50% - 50vw + 28px)}
 .xp-nav:disabled{opacity:0;pointer-events:none}
 .xp-nav[hidden]{display:none}
}
/* 13/10 (JK) : « Ce qu'on fait » — présentation (plus d'allure boutique) : une rangée de cartes, même taille, zoom lent */
.xp-what{padding:44px 0 34px!important}
.xp-wh{margin-bottom:18px}
.xp-wh h2{font-size:clamp(26px,4vw,40px);letter-spacing:-.035em;line-height:1.08;margin:10px 0 0;max-width:20ch}
.xp-what .xp-row{gap:12px;padding-bottom:4px}
.xp-w{--ar:4/5;width:min(78vw,320px)}
.xp-w .xp-m>img:first-child{transform-origin:50% 40%}
.xp-w.xp-vis:not(.xp-ba) .xp-m>img:first-child{animation:xpkb2 16s ease-in-out infinite alternate;animation-delay:var(--kd,0s)}
.xp-w.xp-vis .xp-m>.xp-b{animation:xpcl 7s ease-in-out infinite}
.xp-row.xp-hold .xp-w .xp-m>img{animation-play-state:paused}
@keyframes xpkb2{from{transform:scale(1)}to{transform:scale(1.09)}}
.xp-w::after{background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.9) 100%)}
.xp-w .xp-tx{left:16px;right:16px;bottom:16px;gap:6px}
.xp-w .xp-tx b{font-size:21px;letter-spacing:-.03em}
.xp-w .xp-tx span{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.84)}
.xp-dc{font-style:normal;font-size:13.5px;font-weight:700;color:#fff;margin-top:4px}
.xp-w:hover .xp-dc{text-decoration:underline;text-underline-offset:3px}
.xp-soon{background:#E8A24A!important;color:#0B0B0C!important;border-color:transparent!important}
@media(min-width:900px){
 .xp-what{padding:64px 0 44px!important}
 .xp-w{width:calc((min(100vw,1160px) - 48px - 40px)/4)}
 .xp-w .xp-tx{left:20px;right:20px;bottom:20px}
}
.xp-w .xp-ln{-webkit-mask-image:linear-gradient(180deg,#000 52%,transparent 70%);mask-image:linear-gradient(180deg,#000 52%,transparent 70%)}
#xpWhat{scroll-margin-top:30px}
/* ===== Accueil « façon SaaS » (13/10, JK) · préfixe sa- ===== */
.sa-top{padding:44px 0 24px!important;scroll-margin-top:10px}
.sa-tabs{position:relative;display:flex;gap:4px;width:max-content;max-width:100%;margin:0 auto 18px;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.sa-tabs::-webkit-scrollbar{display:none}
.sa-tabs button{flex:none;border:0;background:none;color:var(--muted);font:600 14px/1 Inter,system-ui,sans-serif;padding:11px 18px;border-radius:999px;cursor:pointer;transition:background .3s,color .3s}
.sa-tabs button[aria-selected=true]{background:var(--ink);color:var(--inv)}
.sa-demo{position:relative;border-radius:28px;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--surface) 100%,transparent),var(--surface-2));padding:18px;overflow:hidden}
.sa-pane{display:none}
.sa-pane.on{display:block;animation:saIn .5s var(--spring) both}
@keyframes saIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* fenêtre d'application */
.sa-win{border-radius:18px;border:1px solid #26262c;background:#111114;overflow:hidden;color:#EDEDF0;box-shadow:0 30px 70px -40px rgba(0,0,0,.8)}
.sa-wt{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #222228;background:#16161a;font-size:12.5px;color:#8b8b94;white-space:nowrap;overflow:hidden}
.sa-wt b{color:#EDEDF0;font-weight:600}
.sa-dots{display:flex;gap:5px}.sa-dots i{width:9px;height:9px;border-radius:50%;background:#34343b}
.sa-wtab{padding:4px 9px;border-radius:7px}.sa-wtab:first-of-type{background:#24242a;color:#EDEDF0}
.sa-wtag{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#202026;color:#d6d6dc;font-weight:600}
.sa-live{width:7px;height:7px;border-radius:50%;background:#3ccf6b;box-shadow:0 0 0 3px rgba(60,207,107,.2)}
.sa-wb{padding:18px}
/* Studio : invite qui s'écrit, références, LUT prêt */
.sa-prompt{display:flex;align-items:center;gap:6px;min-height:54px;padding:10px 10px 10px 16px;border-radius:14px;border:1px solid #2b2b32;background:#0c0c0f;font-size:15.5px;font-weight:500;color:#F4F4F6}
.sa-typed{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sa-caret{width:2px;height:20px;background:#E0332A;animation:saBl 1s steps(2) infinite;flex:none}
@keyframes saBl{50%{opacity:0}}
.sa-go{margin-left:auto;flex:none;padding:9px 14px;border-radius:10px;background:#E0332A;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em}
.sa-refs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}
.sa-refs figure,.sa-grid3 figure{margin:0;min-width:0}
.sa-refs img,.sa-grid3 img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block;background:#1a1a1f}
.sa-refs figcaption,.sa-grid3 figcaption{font-size:11px;color:#9a9aa3;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-refs figure{opacity:0;transform:translateY(10px) scale(.96);transition:opacity .5s,transform .6s var(--spring)}
.sa-refs figure.in{opacity:1;transform:none}
.sa-ready{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:9px 14px 9px 9px;border-radius:999px;background:#1b2a1f;border:1px solid #2f5a3a;color:#bff2cc;font-size:13.5px;font-weight:700;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s var(--spring)}
.sa-ready.in{opacity:1;transform:none}
.sa-ready i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#3ccf6b;color:#06210f;font-style:normal;font-size:12px}
.sa-ready small{font-weight:500;color:#7fbf91;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
/* Looks : avant / après + sélecteur */
.sa-ba{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;user-select:none;touch-action:pan-y;cursor:ew-resize;--x:50%}
.sa-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.sa-ba .b{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.sa-ba .ln{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.5)}
.sa-ba .l{position:absolute;top:12px;font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:5px 8px;border-radius:7px;background:rgba(0,0,0,.5);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sa-ba .l.a{left:12px}.sa-ba .l.c{right:12px}
.sa-ba img.g{transition:opacity .45s}
.sa-pgs{display:flex;gap:6px;margin-top:12px;overflow-x:auto;scrollbar-width:none}
.sa-pgs::-webkit-scrollbar{display:none}
.sa-pgs button{flex:none;border:1px solid #2b2b32;background:#16161a;color:#a9a9b2;font:600 12.5px/1 Inter,system-ui,sans-serif;padding:9px 12px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.sa-pgs button[aria-selected=true]{background:#F4F4F6;color:#0B0B0C;border-color:#F4F4F6}
/* Chat */
.sa-ch{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;min-height:330px}
.sa-chs{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#9a9aa3}
.sa-chs span{padding:8px 10px;border-radius:9px;white-space:nowrap}
.sa-chs span.on{background:#202026;color:#F4F4F6;font-weight:600}
.sa-msgs{display:flex;flex-direction:column;gap:12px;min-width:0;justify-content:flex-end}
.sa-m{display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s var(--spring)}
.sa-m.in{opacity:1;transform:none}
.sa-m .sa-av{width:30px;height:30px;font-size:12px}
.sa-mb{min-width:0;max-width:440px}
.sa-mb b{font-size:12.5px;color:#F4F4F6}.sa-mb b small{font-weight:500;color:#777780;margin-left:6px}
.sa-mb p{margin-top:4px;font-size:13.5px;line-height:1.5;color:#cfcfd6;background:#1a1a1f;border:1px solid #24242a;padding:9px 12px;border-radius:4px 14px 14px 14px}
.sa-voice{display:flex;align-items:center;gap:10px;margin-top:4px;padding:8px 12px;border-radius:4px 14px 14px 14px;background:#1a1a1f;border:1px solid #24242a;width:min(260px,100%)}
.sa-voice .pl{flex:none;width:26px;height:26px;min-width:0;padding:0;border:0;border-radius:50%;background:#F4F4F6;display:grid;place-items:center}
.sr-bt i.pl{min-width:0;padding:0}
.sa-voice .pl::after{content:'';border-left:8px solid #0B0B0C;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
.sa-wave{flex:1;display:flex;align-items:center;gap:2px;height:24px;min-width:0}
.sa-wave i{flex:1;max-width:3px;border-radius:2px;background:#8c8c96;height:var(--h)}
.sa-anim.sa-on .sa-wave i{animation:saWv 1.2s ease-in-out infinite;animation-delay:var(--d)}
@keyframes saWv{50%{transform:scaleY(.45)}}
.sa-voice small{flex:none;font-size:11.5px;color:#8b8b94}
.sa-mimg{margin-top:4px;width:min(220px,100%);aspect-ratio:16/10;border-radius:4px 14px 14px 14px;overflow:hidden;border:1px solid #24242a}
.sa-mimg img{width:100%;height:100%;object-fit:cover;display:block}
.sa-typing{display:inline-flex;gap:4px;padding:10px 12px;border-radius:14px;background:#1a1a1f;border:1px solid #24242a}
.sa-typing i{width:6px;height:6px;border-radius:50%;background:#8b8b94;animation:saTy 1.2s infinite}.sa-typing i:nth-child(2){animation-delay:.15s}.sa-typing i:nth-child(3){animation-delay:.3s}
@keyframes saTy{30%{transform:translateY(-3px);opacity:.5}}
.sa-av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#0B0B0C;background:linear-gradient(135deg,#f4c27a,#E0332A)}
.sa-av.c2{background:linear-gradient(135deg,#8fd3ff,#3B6FE0)}.sa-av.c3{background:linear-gradient(135deg,#b6f0c4,#12A6A0)}.sa-av.c4{background:linear-gradient(135deg,#e7b8ff,#B84FD6)}
/* Sections bento */
.sa-sec{padding:56px 0 40px!important}
.sa-h{max-width:640px;margin-bottom:26px}
.sa-h h2{font-size:clamp(30px,4.6vw,52px);letter-spacing:-.04em;line-height:1.04;margin:10px 0 12px}
.sa-h p{font-size:16.5px;line-height:1.55;color:var(--muted);max-width:52ch}
.sa-more{display:inline-block;margin-top:12px;font-size:15px;font-weight:600;color:var(--ink)}
.sa-more:hover{text-decoration:underline;text-underline-offset:3px}
.sa-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sa-card{position:relative;min-width:0;border-radius:24px;border:1px solid var(--line);background:var(--surface);overflow:hidden}
.sa-big{grid-column:1/-1;display:flex;flex-direction:column}
.sa-ct{padding:20px 20px 14px}
.sa-ct h3{font-size:19px;letter-spacing:-.025em;margin:0}
.sa-ct p{font-size:14px;line-height:1.5;color:var(--muted);margin-top:5px}
.sa-ui{margin:0 12px 12px;border-radius:16px;background:#111114;border:1px solid #23232a;padding:14px;color:#EDEDF0;flex:1;min-width:0}
.sa-sm{padding:18px 16px}
.sa-sm h4{font-size:15px;letter-spacing:-.015em;margin:14px 0 4px;line-height:1.25}
.sa-sm p{font-size:13px;line-height:1.45;color:var(--muted)}
/* 14/10 (copywriting) : Communauté sans la carte Entreprise (passée dans le pied de page) → 3 petites cartes, la dernière prend la largeur restante */
.sa-s3 .sa-sm:last-child{grid-column:span 2}
#looks{scroll-margin-top:56px}
@media(max-width:380px){.xp-fc h1{font-size:min(40px,9.4vw)}}
@media(min-width:900px){.xp-fc h1{max-width:16ch}}
.sv .acinc{display:inline-block;margin-top:0}
.sv:has(.acinc){grid-template-columns:22px 92px 1fr auto}
@media(max-width:760px){.sv:has(.acinc){grid-template-columns:20px 80px 1fr auto}}
#p-master .ac-buy{min-height:44px}
/* 14/10 (copywriting) : 3 portes sous le titre de l'accueil, une par profil */
.hm-doors{padding:18px 0 2px}
.hm-dw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hm-door{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);min-width:0}
.hm-door b{display:flex;align-items:center;gap:10px;font-size:16.5px;line-height:1.25;letter-spacing:-.015em}
.hm-door b i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--dc);box-shadow:0 0 0 4px color-mix(in srgb,var(--dc) 22%,transparent)}
.hm-dl{display:flex;flex-wrap:wrap;gap:8px}
.hm-dl a{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:var(--chip);color:var(--ink);font:600 14px/1 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;transition:border-color .2s,background .2s}
.hm-dl a::after{content:"\2192";opacity:.55;transition:transform .2s}
.hm-dl a:hover{border-color:color-mix(in srgb,var(--ink) 40%,transparent)}
.hm-dl a:hover::after{transform:translateX(2px)}
@media(max-width:760px){.hm-doors{padding:14px 0 0}.hm-dw{grid-template-columns:minmax(0,1fr);gap:10px}.hm-door{padding:14px 16px;gap:12px}.hm-door b{font-size:15.5px}.hm-dl a{min-height:40px;padding:0 14px;font-size:13.5px}}
.sa-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--chip);border:1px solid var(--line)}
.sa-ic svg{width:19px;height:19px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sa-bdg{position:absolute;top:14px;right:14px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#E8A24A;color:#0B0B0C}
.sa-cta{margin-top:22px}
/* Créer un look */
.sa-prompt.sm{min-height:44px;font-size:13.5px;padding:6px 6px 6px 13px}
.sa-prompt.sm span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sa-prompt.sm .sa-go{padding:7px 10px}
.sa-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.sa-grid3 img{aspect-ratio:4/3}
.sa-anim.sa-on .sa-grid3 figure{animation:saPop .6s var(--spring) both}
.sa-grid3 figure:nth-child(2){animation-delay:.08s!important}.sa-grid3 figure:nth-child(3){animation-delay:.16s!important}.sa-grid3 figure:nth-child(4){animation-delay:.24s!important}.sa-grid3 figure:nth-child(5){animation-delay:.32s!important}.sa-grid3 figure:nth-child(6){animation-delay:.4s!important}
@keyframes saPop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
/* Salle d'étalonnage */
.sa-room{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.sa-shot{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/8}
.sa-shot img,.sa-prev img{width:100%;height:100%;object-fit:cover;display:block}
.sa-tc{position:absolute;left:8px;bottom:8px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e5e5ea;background:rgba(0,0,0,.55);padding:5px 7px;border-radius:6px}
.sa-wheels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sa-wh{display:grid;justify-items:center;gap:4px;font-size:11px;color:#9a9aa3}
.sa-wh b{color:#d9d9df;font-weight:600}
.sa-wh i{position:relative;width:min(74px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#141418 54%,transparent 56%),conic-gradient(from 90deg,#E0332A,#E8A24A,#d8d24a,#4ac46e,#12A6A0,#3B6FE0,#B84FD6,#E0332A);box-shadow:inset 0 0 0 1px #2a2a30}
.sa-wh i::after{content:'';position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.7);transform:translate(var(--dx),var(--dy))}
.sa-anim.sa-on .sa-wh i::after{animation:saDot 6s ease-in-out infinite alternate}
@keyframes saDot{0%{transform:translate(0,0)}100%{transform:translate(var(--dx),var(--dy)) scale(1.05)}}
.sa-nodes,.sa-tn{display:flex;align-items:center;gap:0;flex-wrap:nowrap;overflow:hidden}
.sa-nodes span,.sa-tn span{flex:none;font-size:11px;font-weight:700;padding:6px 8px;border-radius:7px;background:#1b1b20;border:1px solid #2d2d34;color:#b9b9c1;white-space:nowrap;transition:background .3s,color .3s,border-color .3s,box-shadow .3s}
.sa-nodes i,.sa-tn i{flex:1;min-width:6px;height:1.5px;background:#3a3a42}
.sa-nodes span.on,.sa-tn span.on{background:#F4F4F6;color:#0B0B0C;border-color:#F4F4F6;box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.sa-tn span.done{border-color:#4ac46e;color:#bff2cc}
.sa-tn i.done{background:#4ac46e}
/* PowerGrade : arbre animé */
.sa-tree{display:grid;gap:12px}
.sa-prev{position:relative;aspect-ratio:16/8;border-radius:10px;overflow:hidden;background:#000}
.sa-prev img{position:absolute;inset:0}
.sa-tree .g{opacity:0;transition:opacity .7s}
/* Cinematic Pack */
.sa-pack{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;align-items:stretch}
.sa-pack .sa-prev{aspect-ratio:auto;min-height:200px}
.sa-pack .sa-prev img{transition:opacity .5s}
.sa-luts{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sa-luts li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;font-size:12.5px;color:#a9a9b2;transition:background .3s,color .3s;min-width:0}
.sa-luts li i{flex:none;width:22px;height:22px;border-radius:6px;background:var(--sw)}
.sa-luts li b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-luts li small{margin-left:auto;font-size:11px;color:#6f6f78;white-space:nowrap}
.sa-luts li.on{background:#202026;color:#F4F4F6}
/* Créateurs : publication */
.sa-post{display:grid;gap:10px}
.sa-ph{display:flex;align-items:center;gap:10px}
.sa-ph b{display:block;font-size:13.5px}.sa-ph small{font-size:11.5px;color:#8b8b94}
.sa-fol{margin-left:auto;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;background:#F4F4F6;color:#0B0B0C}
.sa-ba2{aspect-ratio:16/10}
.sa-pf{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sa-tag{font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;background:#202026;border:1px solid #2d2d34;color:#F4F4F6}
.sa-st2{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#a9a9b2}
.sa-st2 svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9}
.sa-ch2{min-height:0;grid-template-columns:minmax(0,1fr)}
.sa-ch2 .sa-chs{flex-direction:row;flex-wrap:wrap}
/* Clair */
:root[data-theme="light"] .sa-demo{background:var(--surface-2)}
@media(min-width:900px){
 .sa-top{padding:72px 0 30px!important}
 .sa-demo{padding:28px}
 .sa-wb{padding:24px}
 .sa-bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
 .sa-big{grid-column:span 2}
 .sa-sec{padding:96px 0 48px!important}
 .sa-h{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;max-width:none;align-items:end}
 .sa-h .eyebrow,.sa-h h2,.sa-h p{grid-column:1}
 .sa-h h2{max-width:16ch}
 .sa-h .sa-more{grid-column:2;grid-row:3;margin:0}
 .sa-room{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}
 .sa-room .sa-nodes{grid-column:1/-1}
 .sa-wheels{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sa-ch{min-height:360px}
 .sa-ch2 .sa-chs{display:none}
}
@media(max-width:899px){
 .sa-refs{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sa-refs figure:nth-child(n+4){display:none}
 .sa-ch{grid-template-columns:minmax(0,1fr);min-height:0}
 .sa-chs{flex-direction:row;overflow-x:auto;scrollbar-width:none}
 .sa-pack{grid-template-columns:minmax(0,1fr)}
 .sa-pack .sa-prev{aspect-ratio:16/9;min-height:0;width:100%}
 .sa-tn span{font-size:10px;padding:5px 6px}
 .sa-tabs button{padding:10px 14px;font-size:13.5px}
 .sa-prompt{font-size:14px}
 .sa-demo{padding:10px;border-radius:22px}
 .sa-wb{padding:12px}
}
@media(prefers-reduced-motion:reduce){.sa-refs figure,.sa-ready,.sa-m{opacity:1!important;transform:none!important}}
/* retouches */
.sa-voice{width:240px;max-width:100%}
.sa-wave i{flex:0 0 3px;max-width:none}
.sa-h .eyebrow{justify-self:start}
.sa-room{display:flex;flex-direction:column;gap:14px;justify-content:space-between}
.sa-room .sa-shot{aspect-ratio:16/8.2}
.sa-room .sa-wheels{grid-template-columns:repeat(3,minmax(0,1fr))}
.sa-room .sa-wh i{width:min(64px,100%)}
.sa-wh{grid-template-columns:auto auto;grid-template-areas:"w w" "b s";column-gap:6px;row-gap:6px}
.sa-wh i{grid-area:w;justify-self:center}.sa-wh b{grid-area:b;justify-self:end}.sa-wh span{grid-area:s;justify-self:start;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}
.sa-luts li b{flex:none}
.sa-luts li small{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* 13/10 (JK) : retouches finales */
.hm-faq .acc{position:relative}
.hm-qb{position:absolute;left:0;top:-1px;height:2px;width:100%;background:#E0332A;transform:scaleX(0);transform-origin:left;pointer-events:none;border-radius:2px}
.hm-faq .acc:not(.open) .hm-qb{opacity:0;transition:opacity .3s}
@media(min-width:900px){.sa-h h2{max-width:24ch!important;font-size:clamp(34px,3.6vw,50px)}}
@media(max-width:899px){.sa-h h2{font-size:30px;line-height:1.08}}
.tsw-sec .ttrack{align-items:stretch!important}
.tsw-c{display:flex;flex-direction:column}
.tsw-c blockquote{flex:1}
.tsw-c blockquote.tsw-long:not(.open){display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.tsw-rm{align-self:flex-start;margin-top:-8px;border:0;background:none;padding:0;color:var(--ink);font:600 13.5px/1.4 Inter,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tsw-who{margin-top:auto}
.tsw-nav{margin-top:18px!important}
/* ===== 13/10 (r5) : Créer un look / Salle d'étalonnage fidèles au Studio, fenêtre Resolve dans le bento, Académie, pub ===== */
/* composer + résultats (préfixe sc-) */
.sc{display:grid;gap:14px}
.sc-cmp{border-radius:16px;border:1px solid #2b2b31;background:#121215;padding:14px 14px 10px}
.sc-tx{min-height:46px;font-size:17px;font-weight:500;color:#F4F4F6;line-height:1.4}
.sc-ph{color:#8e8e96}
.sc-caret{display:inline-block;width:2px;height:19px;background:#E0332A;vertical-align:-3px;margin-left:1px;animation:saBl 1s steps(2) infinite}
.sc-cf{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap;row-gap:8px;overflow:hidden}
.sc-ci,.sc-cc{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:9px;border:1px solid #2f2f36;background:#18181c;color:#e3e3e8;font-size:12.5px;font-weight:600;white-space:nowrap;transition:background .3s,border-color .3s,color .3s}
.sc-ci{width:32px;padding:0;justify-content:center}.sc-ci svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.sc-cc.g{color:#ff6b61;border-color:rgba(224,51,42,.45);background:rgba(224,51,42,.1)}
.sc-cc i{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
.sc-cc.on{background:#F4F4F6;color:#0B0B0C;border-color:#F4F4F6}
.sc-go{margin-left:auto;flex:none;display:inline-flex;align-items:center;height:36px;padding:0 15px;border-radius:10px;background:#E0332A;color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.04em;box-shadow:0 8px 24px -8px rgba(224,51,42,.7);transition:transform .2s}
.sc-go.hit{transform:scale(.94)}
.sc-res{columns:3;column-gap:10px}
.sc-res figure{break-inside:avoid;margin:0 0 12px;opacity:0;transform:translateY(12px) scale(.97);transition:opacity .5s,transform .6s var(--spring)}
.sc-res figure.in{opacity:1;transform:none}
.sc-res img{width:100%;display:block;border-radius:12px;object-fit:cover;background:#1a1a1f}
.sc-res figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px;padding:7px 3px 0}
.sc-res figcaption b{font-size:12.5px;font-weight:600;color:#ECECF0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-res figcaption small{grid-column:1;font-size:11px;color:#8b8b94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-res figcaption i{grid-row:1/3;grid-column:2;font-style:normal;color:#8b8b94;font-size:13px;letter-spacing:1px;line-height:1}
.sc-sm .sc-tx{font-size:15px;min-height:42px}
.sc-sm .sc-res{columns:3}
.sc-win .sa-wtab:first-of-type{background:#24242a;color:#EDEDF0}
/* salle d'étalonnage (préfixe sr-) */
.sr{display:grid;gap:8px;padding:10px;background:#0d0d10;font-size:11px;color:#cfcfd6}
.sr-bar{display:flex;align-items:center;gap:6px;min-width:0}
.sr-sel{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 9px;border-radius:7px;border:1px solid #2a2a30;background:#151518;font-weight:600;color:#e6e6ea;white-space:nowrap}
.sr-sel i{width:5px;height:5px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.sr-clip{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sr-ib{width:26px;height:26px;border-radius:7px;border:1px solid #2a2a30;background:#151518;display:grid;place-items:center;flex:none}
.sr-ib svg{width:13px;height:13px;fill:none;stroke:#cfcfd6;stroke-width:1.8}
.sr-view{position:relative;aspect-ratio:16/8;border-radius:6px;overflow:hidden;background:#000}
.sr-view img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sr-view .g{opacity:0;transition:opacity 1.6s ease}
.sr-tr{display:flex;align-items:center;gap:10px}
.sr-bt{display:flex;gap:4px}
.sr-bt i{width:22px;height:20px;border-radius:5px;border:1px solid #2a2a30;background:#151518;position:relative}
.sr-bt i::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);border-left:6px solid #d9d9df;border-top:4px solid transparent;border-bottom:4px solid transparent}
.sr-bt .p::after{transform:translate(-60%,-50%) scaleX(-1)}
.sr-bt .s::after{width:6px;height:6px;border:0;background:#d9d9df;transform:translate(-50%,-50%)}
.sr-plan{margin-left:auto;color:#8b8b94}
.sr-tc{font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#F5A524;font-variant-numeric:tabular-nums}
.sr-clips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-top:6px;border-top:3px solid #2448a8}
.sr-clips div{position:relative;border-radius:5px;overflow:hidden;aspect-ratio:16/9;border:1.5px solid transparent}
.sr-clips div.on{border-color:#F5A524}
.sr-clips img{width:100%;height:100%;object-fit:cover;display:block}
.sr-clips b{position:absolute;left:3px;top:3px;font-size:9px;padding:1px 4px;border-radius:3px;background:rgba(0,0,0,.65);color:#fff}
.sr-clips small{position:absolute;left:0;right:0;bottom:0;padding:2px 4px;font-size:8.5px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-tabs{display:flex;gap:2px;border-bottom:1px solid #222228}
.sr-tabs span{padding:7px 9px;font-weight:600;color:#8b8b94;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .3s,border-color .3s}
.sr-tabs span.on{color:#F4F4F6;border-color:#E0332A}
.sr-pan{display:none;min-height:118px}
.sr-pan.on{display:grid;animation:saIn .4s var(--spring) both}
.sr-w{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.sr-wh{display:grid;justify-items:center;gap:5px;min-width:0}
.sr-wh>b{font-size:11px;font-weight:600;color:#e6e6ea}
.sr-ring{position:relative;width:min(68px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#1b1b20 47%,transparent 49%),conic-gradient(from 0deg,#E0332A,#E8A24A,#e8e04a,#4ac46e,#12A6A0,#3B6FE0,#B84FD6,#E0332A)}
.sr-ring::before{content:'';position:absolute;inset:26%;border-radius:50%;background:#101013;box-shadow:inset 0 0 0 1px #2a2a30}
.sr-ring i{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.4),0 0 8px rgba(255,255,255,.6);transform:translate(var(--x,0px),var(--y,0px))}
.sr-v{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;text-align:center;gap:1px;font-variant-numeric:tabular-nums}
.sr-v span{font-size:8.5px;font-weight:700}.sr-v span:nth-child(1){color:#cfcfd6}.sr-v span:nth-child(2){color:#ff5b52}.sr-v span:nth-child(3){color:#4ad07a}.sr-v span:nth-child(4){color:#5b8cff}
.sr-v em{font-style:normal;font-size:9px;color:#e6e6ea}
.sr-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.sr-l div{position:relative;height:34px;border-radius:7px;overflow:hidden;border:1.5px solid transparent;background:#16161a}
.sr-l div.on{border-color:#F4F4F6}
.sr-l img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.sr-l b{position:absolute;left:5px;top:50%;transform:translateY(-50%);font-size:9px;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff}
.sr-l small{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.sr-bot{display:flex;justify-content:center;gap:14px;padding-top:6px;border-top:1px solid #222228}
.sr-bot span{display:inline-flex;align-items:center;gap:5px;padding:4px 2px;font-weight:600;color:#8b8b94;border-bottom:2px solid transparent}
.sr-bot span.on{color:#F4F4F6;border-color:#E0332A}
.sr-bot svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
/* fenêtre Resolve dans la carte */
.sa-rw{padding:0;background:none;border:0;margin:0 12px 12px}
.sa-rw .appwrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-shadow:none}
.sa-rw .appwrap .segrow{padding-inline:0;margin:2px 0 10px}
@media(min-width:900px){
 .sa-full{grid-column:1/-1}
 .sa-bento .sa-pk2{grid-row:span 2}
 .sc-res{columns:4}.sc-sm .sc-res{columns:3}
 .sr{padding:12px;gap:9px}
 .sr-ring{width:min(76px,90%)}
}
@media(max-width:899px){
 .sc-res{columns:2}.sc-sm .sc-res{columns:2}
 .sc-res figure:nth-child(n+5){display:none}
 .sc-tx{font-size:15px}
 .sc-cf .sc-cc:not(.g):not(.on):nth-of-type(n+4){display:none}
 .sr-v span,.sr-v em{font-size:7.5px}
 .sr-ring{width:min(60px,92%)}
}
/* Académie : badge « Bientôt » */
.hm-soon{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:#E8A24A;color:#0B0B0C;font-size:10.5px;font-weight:800;letter-spacing:.06em;vertical-align:1px}
#p-home .bxslot{margin-top:24px}
.sc{grid-template-columns:minmax(0,1fr)}
.sc>*,.sc-cmp,.sc-cf{min-width:0}
.sc-sm .sc-cf .sc-cc:nth-of-type(5){display:none}
@media(max-width:899px){.sc-cf .sc-cc:nth-of-type(4),.sc-cf .sc-cc:nth-of-type(5){display:none}.sc-go{padding:0 12px}}
@media(max-width:899px){.sc-cf{flex-wrap:wrap;row-gap:8px}}
/* ===== 13/10 (JK) : deux académies (préfixe ac-) ===== */
.ac-vol{position:sticky;top:64px;z-index:30;display:flex;justify-content:center;padding:10px 16px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.ac-sw,.hm-asw{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line);max-width:100%}
.ac-sw button,.hm-asw button{border:0;background:none;color:var(--muted);font:600 14px/1 Inter,system-ui,sans-serif;padding:11px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .3s,color .3s}
.ac-sw button[aria-selected=true],.hm-asw button[aria-selected=true]{background:var(--ink);color:var(--inv)}
#p-master.ac-cin .ac-e,#p-master:not(.ac-cin) .ac-c{display:none!important}
#p-master .ac-c{animation:saIn .5s var(--spring) both}
.ac-ch{position:relative;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;padding:0!important;color:#fff;background:#000}
.ac-chbg{position:absolute;inset:0}.ac-chbg img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.ac-chbg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.25) 40%,rgba(0,0,0,.92))}
.ac-chin{position:relative;z-index:1;width:100%;padding-block:56px}
.ac-cb{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8);padding:6px 11px;border-radius:999px;background:rgba(14,14,18,.4);border:1px solid rgba(255,255,255,.2)}
.ac-chin h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.045em;line-height:1;margin:16px 0 12px;color:#fff}
.ac-chin p{font-size:clamp(16px,1.8vw,19px);color:rgba(255,255,255,.82);max-width:46ch}
.ac-cbr{margin-top:18px}
.ac-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ac-steps .d{font-size:19px;font-weight:700;letter-spacing:-.02em;margin:8px 0 6px}
.ac-steps p{color:var(--muted);font-size:14.5px;line-height:1.5}
@media(max-width:760px){.ac-steps{grid-template-columns:minmax(0,1fr)}.ac-sw button,.hm-asw button{min-height:40px;padding:0 13px;font-size:13px}.ac-vol{padding-block:6px}.ac-ch{min-height:380px}}
@media(max-width:350px){.ac-sw button{padding-inline:9px;font-size:12px}} /* 14/10 : le switch tient dans 320 px */
/* bandeau de l'accueil */
.hm-asw{margin:0 auto 22px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.hm-asw button{color:rgba(255,255,255,.7)}
.hm-asw button[aria-selected=true]{background:#fff;color:#0B0B0C}
.hm-band .hm-vx{transition:opacity .3s ease,transform .4s var(--spring)}
.hm-band.hm-sw .hm-vx{opacity:0;transform:translateY(8px)}
/* 13/10 (JK) : Académie Cinéma en vente */
#p-master .ac-price{display:inline-flex;align-items:baseline;gap:8px;margin-right:10px;color:#fff}
#p-master .ac-price b{font-size:24px;font-weight:800;letter-spacing:-.03em}
#p-master .ac-price small{font-size:12px;color:rgba(255,255,255,.65)}
#p-master .ac-pc{display:flex;justify-content:center;margin:6px 0 18px}#p-master .sband .ac-pc b{font-size:30px}
#p-master .ac-buy{background:#fff;color:#0B0B0C}
#p-master .scta{align-items:center;flex-wrap:wrap;gap:10px}
.acpill.acok{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.45);color:#34D399}
.acsg{font-style:normal;margin-left:6px;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;background:#E8A24A;color:#0B0B0C;vertical-align:1px}.acsg.ok{background:#34D399;color:#062b1c}
#p-master .ac-price em{font-style:normal;font-size:13px;font-weight:700;color:rgba(255,255,255,.8)}
.sv .acinc{flex:none;align-self:center;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(52,211,153,.14);color:#34D399}
@media(max-width:700px){.sv{grid-template-columns:20px 80px minmax(0,1fr) auto!important}} /* 13/10 : la pastille « Inclus » n'est plus coupée sur téléphone */
.hm-soon.ok{background:#34D399;color:#062b1c}
.hm-bpr{display:block;margin-top:12px;font-size:14px;color:rgba(255,255,255,.7)}.hm-bpr b{color:#fff;font-size:18px}
.sa-bdg.ok{background:#34D399;color:#062b1c}
/* 13/10 : saisons lisibles sur téléphone ; pastille du titre selon la saison */
.acpill.acok.acs2{background:rgba(232,162,74,.14);border-color:rgba(232,162,74,.4);color:#F2C27A}
/* 13/10 (JK, 091) : Académie Cinéma achetée (body.accine) : accès activé à la place du prix, ateliers ouverts. L'étalonnage ne change pas. */
body:not(.accine) #p-master .ac-own,body.accine #p-master .ac-nown{display:none!important}
.acon{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;padding:10px 16px;border-radius:999px;background:rgba(52,211,153,.14);border:1px solid rgba(52,211,153,.45)}.acon i{width:7px;height:7px;border-radius:50%;background:#34D399}
#p-master .ac-diag{background:#E0332A;color:#fff}#p-master .ac-diag svg{width:15px;height:15px;margin-right:2px}
body.accine #p-master.ac-cin .sch .l{display:none}body.paid.accine #p-master.ac-cin .sband.ac-own{display:block}
@media(max-width:600px){body.accine #p-master.ac-cin .scta .ac-diag{flex:0 1 auto;justify-content:center}}
@media(max-width:600px){#p-master .stop2{flex-direction:column;align-items:stretch!important;gap:10px}#p-master #sSeg{display:grid!important;grid-template-columns:minmax(0,1fr);width:100%;max-width:none;border-radius:16px}#p-master #sSeg button{width:100%;text-align:left;white-space:normal;border-radius:12px}#p-master #sSw{align-self:flex-start}}
/* 13/10 : coaching cinéma — 8 ateliers, 4 par ligne (2 sur téléphone) ; sélecteur de modules */
@media(min-width:900px){#p-master.ac-cin .schg{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;max-width:none!important}}
@media(max-width:899px){#p-master.ac-cin .schg{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important}}
#p-master.ac-cin #sSeg{flex-wrap:wrap}
@media(max-width:600px){#p-master.ac-cin #sSeg{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr}#p-master.ac-cin #sSeg button{text-align:center;font-size:13px}}
/* 14/10 (JK) : Académie Étalonnage « Bientôt », prix annoncé */
#p-master .ac-hide{display:none!important}
#p-master .ac-wait{background:#fff;color:#0B0B0C;border:0}
.hm-bpr .hm-soon{margin:0 6px 0 0;vertical-align:1px}
/* ===================== 14/10 (JK) : affichage téléphone — retouches groupées (nouvelles classes : préfixe mfx-) ===================== */
/* Accueil · haut de page : fondu court (l'image d'attente est déjà la 1re image de la vidéo) ; en-tête presque opaque (lisible même sans flou) */
@media(max-width:760px){.xp-bg video{transition:opacity .35s}.nav0{background:color-mix(in srgb,var(--bg) 92%,transparent)}}
/* Accueil · démo à 3 onglets : les 3 onglets toujours entiers */
@media(max-width:430px){.sa-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.sa-tabs button{min-width:0;padding:10px 4px;font-size:13px;text-align:center;white-space:nowrap}}
@media(max-width:340px){.sa-tabs button{font-size:12px;padding:10px 2px}}
/* Accueil · démo à 3 onglets : les 3 volets superposés dans la même case → la boîte garde la hauteur du plus grand, la page ne saute plus au changement d'onglet ; l'avant/après remplit le volet Looks */
/* 14/10 (passe 2) : seulement sur téléphone (sur tablette, le volet Color Studio est bien plus haut que les autres → grands vides) ; chaque fenêtre remplit la case, le bas du cadre reste régulier */
/* 14/10 (passe 3) : seulement sur téléphone en portrait (≤ 480 px ; au-delà, volets normaux comme sur tablette) ; la place en trop va aux messages / résultats, jamais aux pastilles des salons ni à la zone de saisie */
@media(max-width:480px){#saDemo{display:grid}#saDemo>.sa-pane{display:block;grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none}#saDemo>.sa-pane.on{visibility:visible;pointer-events:auto}#saDemo>.sa-pane>.sa-win{height:100%;display:flex;flex-direction:column}#saDemo>.sa-pane>.sa-win>.sa-wb{flex:1 1 auto}#saDemo .sa-lk{flex:1;display:flex;flex-direction:column}#saDemo .sa-lk .sa-ba{flex:1;aspect-ratio:auto;min-height:0}#saDemo .sa-ch{grid-template-rows:auto minmax(0,1fr)}#saDemo .sc{grid-template-rows:auto minmax(0,1fr)}}
/* Accueil · démos animées jamais vides sur téléphone : résultats et messages restent visibles (atténués) entre deux passages */
@media(max-width:760px){
 .sc-res figure{transition:opacity .45s,transform .6s var(--spring),filter .45s}
 .sc-res figure:not(.in){opacity:.22;filter:blur(3px);transform:none}
 .sa-m{transition:opacity .4s,transform .5s var(--spring),filter .4s}
 .sa-msgs .sa-m:not(.in):not(.sa-ty){opacity:.2;filter:blur(1px);transform:none}
}
/* WebKit : colonnes équilibrées dans « Créer un look » (plus de vide sous les 4 vignettes) */
@media(max-width:899px){.sc-res figure{display:inline-block;width:100%;vertical-align:top}}
/* Salle d'étalonnage (bento) : valeurs lisibles, rien ne déborde */
@media(max-width:480px){.sr-v{grid-template-columns:auto auto;justify-content:center;column-gap:4px}.sr-v span:nth-child(n+2),.sr-v em:nth-of-type(n+2){display:none}.sr-v span,.sr-v em{font-size:10.5px}.sr-plan{white-space:nowrap}.sr-clips small{font-size:9.5px}}
@media(max-width:400px){.sr-clip,.sr-plan{display:none}.sr-tc{margin-left:auto}}
/* En-tête : petits écrans et zones tactiles */
@media(max-width:340px){.nav0 .tools{gap:2px}.nav0 .tool{width:32px}}
@media(max-width:760px){.nav0 .tool::before{content:'';position:absolute;inset:-5px -3px}}
/* Accueil · fenêtre Color Studio : titre sans mot coupé, puces PG avec fondu */
@media(max-width:420px){.sc-win .sa-wtab:nth-of-type(n+3){display:none}}
@media(max-width:760px){.sa-pgs{padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}}
/* Popovers de l'en-tête (notifications, menu, devise) */
@media(max-width:560px){.nth{flex-wrap:wrap;row-gap:6px}.nth b{white-space:nowrap;font-size:14px}.nth>div{margin-left:auto}.ntall{white-space:nowrap}.ntl{min-height:0}}
#menuPop a{position:relative}#menuPop .ndot{position:absolute;left:3px;top:50%;margin:-3.5px 0 0}
@media(max-width:760px){.pop button,.pop a{position:relative}.pop .on::after{position:absolute;right:3px;top:50%;margin-top:-3.5px}}
/* Bouton « Essayer le Studio » à la taille des boutons du haut */
@media(max-width:760px){.sa-cta .btn,.hm-band .btn{font-size:15px;padding:11px 20px}.xp-cta .btn.glass{border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.sa-h .sa-more{padding-block:10px;margin-top:2px}}
/* Fenêtre Resolve (accueil + #powergrade) : PG 01–06 sans défilement, barre des pages sur une ligne, arbre de nœuds avec fondu */
@media(max-width:600px){
 #nSeg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;overflow:visible}#nSeg button{min-width:0;padding:11px 0;font-size:12.5px;text-align:center}
 .rpages{flex-wrap:nowrap;justify-content:space-between;gap:6px;padding-inline:10px;font-size:10.5px}
 .ngraph{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.ngraph::-webkit-scrollbar{display:none}.ngraph.mfx-end{-webkit-mask-image:none;mask-image:none}
}
@media(max-width:350px){#nSeg{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:20px}}
@media(max-width:560px){#baSeg button{padding:9px 12px}}
/* Avis : sur téléphone, une rangée qu'on fait glisser au doigt (plus de défilement automatique) */
@media(max-width:700px){
 #tmq{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:none;-webkit-mask-image:none;mask-image:none;cursor:auto;touch-action:pan-x pan-y;user-select:auto}
 #tmq::-webkit-scrollbar{display:none}
 #tmq .ttrack{transform:none!important;padding-inline:18px;will-change:auto}
 .tsw-dup{display:none!important}
 .tsw-sec .tsw-c{flex:0 0 calc(100vw - 56px);width:calc(100vw - 56px);scroll-snap-align:start}
 .tsw-sec .ttrack{align-items:stretch!important} /* 14/10 (passe 2) : cartes de même hauteur → les flèches restent juste sous la carte, sans trou */
 .tsw-c blockquote{flex:none}.tsw-c blockquote:not(.tsw-long){margin-block:auto}.tsw-sec .tsw-c .tsw-rm{margin-bottom:auto}.tsw-sec .tsw-c .tsw-who{margin-top:0}
 .tsw-rm{padding:10px 0;margin:-18px 0 -10px}
}
/* Pub maison : la carte épouse son texte */
@media(max-width:700px){.bxban.house{aspect-ratio:auto;min-height:340px}.bxban.house .hring{top:22px;right:22px;width:96px;opacity:.55;transform:none;animation-name:mfxspin}}
@keyframes mfxspin{to{transform:rotate(360deg)}}
/* Accueil : rythme vertical */
@media(max-width:700px){.hm-band{padding-block:80px 72px}#p-home .tsw-sec{padding-bottom:48px}#p-home .hm-fq{padding-top:48px}}
/* Pied de page : deux colonnes égales, rien ne dépasse */
@media(max-width:900px){.fg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}.fc a{overflow-wrap:anywhere}}
/* Bandeau final « Prêt à étalonner ? » : la photo au-dessus du texte */
@media(max-width:760px){.xp-end{min-height:600px}.xp-end .xp-bg{bottom:auto;height:62%}.xp-end .xp-bg::after{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0) 30%,rgba(0,0,0,.55) 75%,#000 100%)}}
/* Zones tactiles (bas de l'accueil) */
@media(max-width:700px){.hm-asw button{padding-block:13px}.arr{width:42px;height:42px}.bxslot .bxme a{padding-block:10px}.fc a{padding-block:8px;margin-bottom:3px}}
@media(max-width:350px){.hm-asw button{padding:13px 9px;font-size:12px}.sa-bdg{top:10px;right:10px;font-size:9.5px;padding:3px 6px}}
/* ===== #powergrade (téléphone) ===== */
#thumbs .box .bt,#thumbs .box .bs{display:none} /* 14/10 : la vignette « Boîte » sans titre écrasé, à toutes les largeurs */
@media(max-width:760px){
 .pgp-hero .cta,#p-powergrade .final .cta{justify-content:center}
 .pgp-hero .cta .btn,#p-powergrade .final .cta .btn{width:auto;flex:0 0 auto;font-size:15px;padding:11px 20px}
 .promo input{font-size:16px}
 .pmsg:not(:empty){margin:8px 2px 14px}
 .gn .gh{gap:3px;padding:0 4px;letter-spacing:-.015em}.gn .gh span{overflow:hidden;text-overflow:ellipsis}
 .prod{grid-template-columns:minmax(0,1fr)}.prod>*{min-width:0} /* 14/10 : à 320 px la galerie et l'encadré d'achat ne débordent plus */
}
@media(max-width:640px){.ba .bl{top:12px;transform:none}}
@media(hover:none) and (max-width:760px){.stage .arrows{display:none}} /* toucher : on fait glisser la galerie, les 6 vignettes sont juste dessous */
@media(max-width:560px){
 .x{width:40px;height:40px}
 .bacap .bapl button{height:36px}
 .vrow h4 .wtb{height:38px;margin-left:0;margin-top:4px}
 .seg button{min-height:40px}
 #p-powergrade .vrow:last-child{margin-bottom:0}
 .finbox{padding:48px 20px}
 #noeuds .panel{padding:0;background:none;border:0;box-shadow:none}
 #noeuds .panel .steps{gap:10px}
 #noeuds .panel .steps li{padding:16px 16px 16px 58px}
 #noeuds .panel .steps li::before{left:14px;top:14px}
}
/* ===== Académie (téléphone) ===== */
@media(max-width:700px){
 #p-master .ac-price{flex-wrap:wrap;column-gap:6px;row-gap:2px}
 #p-master .ac-price>*{flex:none;white-space:nowrap}
 #p-master .sband .ac-price{justify-content:center;margin-right:0}
 #p-master .shero{min-height:calc(100vh - 128px);min-height:calc(100svh - 128px);padding-top:92px}
 #p-master .shtop{top:28px}
 #p-master .shin{padding-bottom:24px}
 #p-master .shin h2{font-size:clamp(28px,8.2vw,34px)}
 #p-master .scta{margin-top:16px}
 .sbody{padding-bottom:40px}
 .aclearn{padding-top:56px}
 #p-master .sband{padding-block:64px}
 #p-master .bxslot.bxsub{padding-bottom:24px}
 .pills button{padding:11px 16px}
 .shero .bg .layer img{object-position:var(--fx,50%) 35%}
 .ssub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.ssub .acpill{margin-left:0}
 .sback{padding-block:10px}
 .toast{width:max-content;max-width:calc(100vw - 32px);text-align:center;border-radius:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:600px){#p-master #sSeg.mfx-off{display:none!important}}
@media(max-width:900px){#p-master .stop2,#sSeasons{scroll-margin-top:140px}#sHero{scroll-margin-top:128px}}
@media(max-width:400px){#p-master .sbadge{font-size:0;gap:0}}
@media(max-width:760px){
 .bacap .bapl button{font-weight:600;font-size:12px;line-height:normal;font-family:inherit}
 #p-cr .crcovb button{font-weight:600;font-size:13px;line-height:1;font-family:inherit}
 .crdmp .dmvn .sp{font-weight:700;font-size:11px;line-height:1;font-family:inherit}
 #p-cr .crseg3 button{font-weight:600;font-size:13px;line-height:1;font-family:inherit}
 .crdmp .dmgi .pv{font-weight:700;font-size:11px;line-height:1;font-family:inherit}
 .crlbx .c{font-weight:600;font-size:13px;line-height:1;font-family:inherit}
 .crbaf button{font-weight:700;font-size:13px;line-height:1;font-family:inherit}
 .crbasw button{font-weight:500;font-size:13px;line-height:1;font-family:inherit}
 .crrat button,.crtabs2 button{font-weight:600;font-size:13px;line-height:1;font-family:inherit}
 .crlooks button{font-weight:600;font-size:12px;line-height:1.2;font-family:inherit}
 .cradv>button{font-weight:600;font-size:14px;line-height:1;font-family:inherit}
 .crpvsw button{font-weight:600;font-size:13.5px;line-height:1;font-family:inherit}
 .bcbar .tm{font-weight:600;font-size:12px;line-height:1;font-family:inherit}
 .bcbar .qm button{font-weight:600;font-size:13px;line-height:normal;font-family:inherit}
 .lut .t .hint{font-weight:600;font-size:11px;line-height:1;font-family:inherit}
 .tul button{font-weight:500;font-size:13.5px;line-height:1.35;font-family:inherit}
 .tuo{font-weight:600;font-size:14px;line-height:1;font-family:inherit}
 .prf{font-weight:600;font-size:12.5px;line-height:1.3;font-family:inherit}
 .pills button{font-weight:600;font-size:13px;line-height:1}
}
/* ===== Boutique : #footage, #luts, #film-assets, #tarifs (téléphone) ===== */
@media(max-width:700px){
 .tvdhero .tvcap{padding-top:136px}
 .tvdhero .tvbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .tvdhero .tvbtns .tvb:not(.ico){justify-content:center;padding:0 12px}
 .tvdhero #ftSh{position:absolute;right:20px;top:136px;width:38px;height:38px}
 .tvmeta span+span::before{content:none}.tvmeta{gap:6px 14px}
 .tvdots{gap:7px}.tvdots button{flex:none;position:relative;padding:0}.tvdots button::before{content:'';position:absolute;inset:-12px -4px}
 .tvrow.mfx-mix .ftc.v{flex-basis:78vw}.tvrow.mfx-mix .ftc.v .fr{aspect-ratio:16/9}.tvrow.mfx-mix .ftc.v .fr img,.tvrow.mfx-mix .ftc.v .fr video{object-position:50% 30%}
 .tvchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}.tvchips::-webkit-scrollbar{display:none}.tvchips button{flex:none}
 .tvbar .tvfil{min-width:0;max-width:100%;flex:1 1 100%}.tvfil .tvchips{min-width:0;flex:0 0 auto;width:calc(100% + 40px);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)} /* 14/10 : la rangée de catégories défile dans son cadre (plus de défilement de toute la page) */
 .probt .probtn{width:min(260px,100%)}
 .tvshelves{padding-bottom:40px}#p-foot #apercu{padding-top:56px}.tvtech{padding-bottom:28px}.tvtech+.tvshelves{padding-top:0}.tvtg>div:last-child:nth-child(odd){grid-column:1/-1}
 .ftsearch{width:100%}
 .lsr input,.lsel select,.ftsearch input{font-size:16px}
 #p-luts .lph{padding-top:calc(62vw + 10px);padding-bottom:32px}
 #p-luts .lph .lbg{height:calc(62vw + 60px);-webkit-mask-image:linear-gradient(#000 76%,transparent);mask-image:linear-gradient(#000 76%,transparent)}
 #p-luts .lph .cta .btn{width:auto;height:44px;padding:0 20px;font-size:15px}
 #p-luts .lbx{padding-top:28px!important}
 .fah .lbg video,.fah .lbg img{object-position:100% 40%;transform-origin:100% 50%}.fah .lbg video,.fah .lbg video.on{transform:scale(1.08)}.fah .lbg{background-position:100% 40%} /* 14/10 : le texte incrusté en haut à gauche de la vidéo reste hors cadre */
 body:has(.authw:not([hidden])) .toast{bottom:auto;top:calc(12px + env(safe-area-inset-top,0px))}
 /* Tarifs : comparatif sur 3 colonnes (libellé, Gratuit, forfait choisi) */
 .mfx-trsw{display:flex;gap:4px;padding:4px;margin:0 0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
 .mfx-trsw button{flex:1;min-width:0;min-height:40px;border:0;border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .25s,color .25s}
 .mfx-trsw button[aria-selected=true]{background:var(--ink);color:var(--inv,#0B0B0C)}
 .trt{min-width:0;width:100%;table-layout:fixed}
 .trt td,.trt th{padding:12px 6px;font-size:13.5px;overflow-wrap:anywhere}
 .trt th{font-size:16px}
 .trt td:first-child,.trt th:first-child{width:44%;padding-left:0}
 .trt [data-p]{white-space:nowrap}
 .trt .trbtn.sm{padding:0 12px;font-size:13.5px;white-space:nowrap;max-width:100%}.trt .trbtn.sm.tfgo{padding:7px 6px;font-size:12.5px;border-radius:14px}
 .trt tr.grp td{font-size:11.5px;letter-spacing:.1em;padding-top:26px;padding-left:0}
 .trt[data-col="3"] tr:not(.grp)>:nth-child(n+4){display:none}
 .trt[data-col="4"] tr:not(.grp)>:nth-child(3),.trt[data-col="4"] tr:not(.grp)>:nth-child(n+5){display:none}
 .trt[data-col="5"] tr:not(.grp)>:nth-child(3),.trt[data-col="5"] tr:not(.grp)>:nth-child(4),.trt[data-col="5"] tr:not(.grp)>:nth-child(6){display:none}
 .trt[data-col="6"] tr:not(.grp)>:nth-child(n+3):nth-child(-n+5){display:none}
 /* Tarifs : listes « Accès inclus » repliées (les lignes en rouge restent visibles) */
 .hqpan:not(.mfx-open) .hqr:not(.hi){display:none}
 .hqph{cursor:pointer}
 .mfx-hqt{margin-left:8px;font-size:12px;font-weight:600;color:rgba(255,255,255,.6);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
 .hqinfo+.mfx-hqt{margin-left:8px}
}
.mfx-trsw,.mfx-hqt{display:none}
@media(max-width:700px){.mfx-trsw{display:flex}.mfx-hqt{display:inline}}
@media(max-width:400px){#fSeg button{padding:9px 11px}}
@media(hover:none){.tvp-vol input{display:none}.mfx-hv{display:none}}
@media(hover:hover){.mfx-tc{display:none}}
@media(hover:none) and (max-width:700px){.tvarr{display:none}}
/* Squelette de chargement des rushes */
.ftc.mfx-sk{pointer-events:none}
.ftc.mfx-sk .fr,.mfx-skt,#tvHero.mfx-load #tvHT{background:linear-gradient(90deg,#141416 0%,#202024 50%,#141416 100%);background-size:200% 100%;animation:mfxsk 1.3s linear infinite;box-shadow:none}
.mfx-skt{display:block;width:150px;height:18px;border-radius:8px}
#tvHero.mfx-load #tvHT{width:min(70%,420px);height:.95em;border-radius:14px}
#tvHero.mfx-load .tvbtns,#tvHero.mfx-load .tvmeta{visibility:hidden}
@keyframes mfxsk{from{background-position:200% 0}to{background-position:-200% 0}}
/* ===== Créateurs / Communauté (téléphone) ===== */
@media(max-width:1099px){.crdmb{display:none!important}}
@media(max-width:600px){
 #p-cr .crhd .crbtn:not(.ghost){display:none}
 #p-cr .crst{padding:6px 0 2px}
 #p-cr .crpf .bt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 #p-cr .crpf .bt>*{order:0}
 #p-cr .crpf .bt>.crbtn{justify-content:center;height:40px;min-width:0}
 #p-cr .mfx-pfsoc{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;order:0}
 #p-cr .mfx-pfsoc:empty{display:none}
 #p-cr .mfx-pfsoc .crbtn{height:36px;padding:0 14px;font-size:13px}
 #p-cr .mfx-pfsoc .cric{width:36px;padding:0;justify-content:center}
 #p-cr .crtag small .by,.crmod .crtag small .by,.crsv .crtag small .by{display:none}
 .crtag .tx b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.crtag .go{padding:8px 12px}
 .crbasw button{display:grid;justify-items:start;align-content:center;gap:2px;height:auto;min-height:48px;padding:8px 14px;white-space:nowrap;font-size:12.5px}
}
/* profil : ordre des boutons inchangé sur ordinateur */
.mfx-pfsoc{display:contents}
#p-cr .crpf .bt>:first-child{order:-2}#p-cr .mfx-pfsoc .cric{order:-1}#p-cr .crpf .bt>[data-pshare]{order:1}
/* 14/10 (téléphone) : 2 boutons égaux en haut (Suivre | Partager ou Modifier | Publier), réseaux sur une seule ligne dessous */
@media(max-width:600px){#p-cr .crpf .bt>[data-pshare]{order:-1}#p-cr .mfx-pfsoc>[data-pshare]{order:0}#p-cr .mfx-pfsoc{flex-wrap:nowrap}#p-cr .mfx-pfsoc .crbtn:not(.cric){flex:1 1 0;min-width:0;padding:0 8px;justify-content:center}}
@media(max-width:340px){#p-cr .crpf .bt>.crbtn{font-size:13px;padding:0 10px}}
@media(max-width:700px){
 #p-cr .crst,#p-cr .crtabs{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;scroll-padding-inline:18px}
 #p-cr .crtabs a{padding:8px 14px;font-size:13.5px}
 .crwiz .crstage{min-height:0}
 .crlooks{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72px;overflow-x:auto;scrollbar-width:none}.crlooks::-webkit-scrollbar{display:none}
 .crzoom input{flex:1;width:auto}
 #p-cr .crcovs{left:150px;border-bottom-left-radius:0}
 .crpub .tgl input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:48px;height:28px;margin:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 18%,transparent);position:relative;cursor:pointer;transition:background .25s}
 .crpub .tgl input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
 .crpub .tgl input[type=checkbox]:checked{background:linear-gradient(90deg,#E0332A,#B84FD6,#3B6FE0,#12A6A0,#34A853,#E8A24A)}.crpub .tgl input[type=checkbox]:checked::after{transform:translateX(20px)}
 #crQ{text-overflow:ellipsis}
}
@media(max-width:760px){
 #cxStk{display:none!important}
 .cxrow:has(#cxT:not(:placeholder-shown)) #cxMic{display:none}
 .cxpin{padding:6px 14px}.cxpin small{display:none}.cxpin span span{font-size:13px}
 .cxmenu{flex:none;width:40px;height:40px}
 .cxh .cxib{width:40px;height:40px}
 :is(#p-cr,.crmod) .crfol{height:36px;position:relative}:is(#p-cr,.crmod) .crfol::after{content:'';position:absolute;inset:-4px}
 :is(#p-cr,.crmod) .crmore{width:40px;height:40px}
}
.cxhg>section{padding-block:0}
#p-comm.on{animation-fill-mode:backwards}
@media(max-width:600px){.cmbg img{object-position:50% 40%}.cmbg::after{background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.8) 85%,#000 100%)}}
@media(max-width:560px){#p-comm .cmh .cta{gap:10px;margin-top:24px}#p-comm .cmh .cta .btn{width:auto;flex:0 0 auto;padding:12px 20px;font-size:15px}}
/* ===== Connexion, compte, entreprise (téléphone) ===== */
.sbtn svg{flex:none}
@media(max-width:480px){.sbtn.soon{position:relative}.sbtn.soon::after{content:"Bientôt";position:absolute;top:-9px;right:14px;margin:0;font-size:9.5px;padding:2px 7px}html[lang=en] .sbtn.soon::after{content:"Soon"}}
@media(max-width:820px){
 .fld input,.enct-g input,.enct-g select,.enct-g textarea,.acpf input,.secpw input,.cxmb input[type=text],.afmdb input[type=email],.afmdb input[name=h]{font-size:16px}
 .enct-g input,.enct-g select{min-height:45px}.enct-g select{-webkit-appearance:none;appearance:none;padding:0 36px 0 11px;background:#232327 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239A9AA3' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px}
 .authc:has(#authMain:not([hidden])) .ashow,.authc:has(#authR:not([hidden])) .ashow,.authc:has(#authV:not([hidden])) .ashow{height:84px}
 .authc:has(#authMain:not([hidden])) .atag,.authc:has(#authR:not([hidden])) .atag,.authc:has(#authV:not([hidden])) .atag{display:none} /* bandeau court : le titre seul, au-dessus des barres */
 .authc:has(#authMain:not([hidden])) .aform>.bcsym.mk,.authc:has(#authR:not([hidden])) .aform>.bcsym.mk,.authc:has(#authV:not([hidden])) .aform>.bcsym.mk{display:none}
}
.authc:has(#authR:not([hidden])) #authT,.authc:has(#authR:not([hidden])) #authS{display:none} /* 14/10 : un seul titre dans « Mot de passe oublié », à toutes les largeurs */
@media(max-width:760px){
 .entr{scroll-padding-inline:max(22px,calc(50% - 580px))}
 .enpd-l{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:28px}
 .enpd-l.mfx-sl{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
 .enpd-l.mfx-sl.mfx-end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}
 .enpd-l.mfx-end:not(.mfx-sl){-webkit-mask-image:none;mask-image:none}
 .enpd-l button{padding:10px 0}
 .enpd-c{justify-self:stretch;max-width:none}
}
@media(max-width:560px){body:has(.enfab.on) .sup-b{opacity:0;pointer-events:none;transform:scale(.8)}.enfab{height:40px!important;padding:0 18px!important;font-size:13px}.afhh .cta{gap:10px}.afhh .cta .btn{width:auto;flex:0 0 auto;padding:12px 20px}}
@media(max-width:560px){body:has(#accP:not([hidden]))::after,body:has(#ntfP:not([hidden]))::after{content:"";position:fixed;inset:0;z-index:94;background:rgba(0,0,0,.5);pointer-events:none}}
.acpill,.acmini{white-space:nowrap}
@media(max-width:860px){.acn{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:28px}}
@media(max-width:760px){.prph{opacity:.35}.prempty{background:linear-gradient(180deg,transparent,var(--bg) 45%)}}
@media(max-width:480px){#prBuyG{grid-template-columns:minmax(0,1fr)}}
/* ===================== 14/10 (JK) : affichage sur téléphone — passe 2 (préfixe mfx-) ===================== */
/* Accueil · fenêtre Resolve : arbre de nœuds lisible (l'arbre est un peu plus grand, libellés plus gros, sans numéro ni badge) */
@media(max-width:600px){
 .ngraph .nd2 .lb{font-size:14px;padding:5px 6px;letter-spacing:-.02em;white-space:nowrap}.ngraph .nd2 .lb span{min-width:0;overflow:hidden;text-overflow:ellipsis}
 .ngraph .nd2 .lb em,.ngraph .nd2 .st{display:none}
 .ngraph .ngrp span{font-size:13px;line-height:20px;top:-10px}
 .ngraph .mix{font-size:12px}
}
/* Accueil · pied de page à 320 px : le logo sur sa ligne, les colonnes de liens deux par deux */
@media(max-width:350px){.fg>:first-child{grid-column:1/-1}}
/* Accueil · FAQ : le trait de fin suit la dernière question (la place réservée devient de la marge) */
@media(max-width:760px){.hm-faq{border-bottom:0}.hm-faq .acc:last-child{border-bottom:1px solid var(--line)}}
/* #powergrade · vignettes de l'arbre : sous 380 px, le nom seul (la légende sous l'image donne déjà « Nœud 0X ») */
@media(max-width:380px){.gn .gh b{display:none}.gn .gh{justify-content:center}}
/* Panier : le ✕ « Retirer du panier » a une vraie zone tactile */
@media(max-width:560px){#cRm{flex:none;width:40px;height:40px;display:grid;place-items:center;margin:-12px -10px -12px 0;font-size:15px}}
/* #film-assets : la vidéo agrandie reste dans son cadre (plus de bande claire sous le titre) ; produits plus près du titre */
@media(max-width:700px){
 .fah .lbg{overflow:hidden}
 #p-assets .fah.lph{padding-bottom:32px}
 #p-assets .fah+section{padding-top:28px!important}
 .tvfil .tvchips::after{content:"";flex:0 0 30px} /* #footage : la dernière catégorie peut sortir du fondu */
}
/* #luts : « Pack · 17 $ » avec un seul espace */
#p-luts .lph .cta .btn{gap:.28em}
/* #tarifs · comparatif : titres de colonnes alignés en haut ; barre des colonnes collée sous l'en-tête en descendant */
@media(max-width:700px){.trt thead th{vertical-align:top}}
/* 25/10 (JK, maquette 39) : sur ordinateur, noms des forfaits alignés en haut du comparatif et boutons de même largeur */
@media(min-width:701px){.trt thead th{vertical-align:top}.trt tr.trbr td:not(:first-child) .trbtn.sm{width:100%;max-width:170px;justify-content:center}}
/* 25/10 (JK, maquette 38) : le bouton du comparatif dit « Créer mon compte » sur téléphone */
.trt .tfgo .tfs{display:none}@media(max-width:700px){.trt .tfgo .tfs{display:inline}}
/* 25/10 (JK, maquette 38) : comparatif sur téléphone, colonnes Gratuit et forfait de même largeur, deux boutons de même taille ;
   badges « Inclus / Maximum » lisibles ; moins de vide autour du comparatif */
@media(max-width:700px){.trt td:first-child,.trt th:first-child{width:36%}
 .trt tr.trbr .trbtn.sm,.trt tr.trbr .trbtn.sm.tfgo{width:100%;height:auto;min-height:44px;padding:6px 8px;font-size:12.5px;line-height:1.2;white-space:normal;text-align:center;border-radius:14px}
 .trt th small{font-size:12px;line-height:1.35}
 .trt .tfgo .tfl{display:none}
 .trcmp{margin-top:64px}.trfaq{margin-top:56px}
 .hqb em{font-size:12px;padding:3px 7px}}
.mfx-trlab{position:fixed;left:0;right:0;z-index:80;height:40px;background:var(--bg);box-shadow:0 10px 18px -12px rgba(0,0,0,.7);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .25s var(--ease),visibility 0s .25s}
.mfx-trlab.on{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .25s var(--ease)}
.mfx-trlab span{position:absolute;top:0;height:100%;display:flex;align-items:center;padding:0 6px;font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--muted);white-space:nowrap;overflow:hidden}
.mfx-trlab span.hl{color:var(--ink)}
/* Communauté · haut de page : les images sont des avant / après coupés au milieu → repères « Étalonné » (gauche) et « Brut » (droite) */
.mfx-cmba{display:none}
@media(max-width:600px){
 .mfx-cmba{position:absolute;z-index:2;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;pointer-events:none}
 .mfx-cmba i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 10px;border-radius:999px}
 .mfx-cmba i+i{color:rgba(255,255,255,.82)}
}
/* Communauté · en-tête de salon : sous 380 px, l'icône du salon s'efface pour laisser le titre entier */
@media(max-width:380px){#cxHi{display:none}}
@media(max-width:340px){.cxh .cxha{gap:0}.cxh .cxha .cxib{width:34px}}
/* Créateurs · « Publier » : réglette de zoom sur toute la largeur, piste visible */
@media(max-width:700px){
 .crtools .crzoom{width:100%}
 .crtools .crzoom input{-webkit-appearance:none;appearance:none;flex:1;min-width:0;width:auto;height:32px;background:transparent;margin:0}
 .crtools .crzoom input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:color-mix(in srgb,var(--ink) 26%,transparent)}
 .crtools .crzoom input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#F4F4F6;border:0;box-shadow:0 1px 6px rgba(0,0,0,.45)}
 .crtools .crzoom input::-moz-range-track{height:4px;border-radius:4px;background:color-mix(in srgb,var(--ink) 26%,transparent)}
 .crtools .crzoom input::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#F4F4F6}
}
/* Créateurs · fil : « · 16 h » ne se coupe pas ; champ de commentaire terminé par « … » */
:is(#p-cr,.crmod) .crph .when{white-space:nowrap}
.crcf input{text-overflow:ellipsis}
/* Entreprise : petits libellés à 12 px minimum, moins de blanc entre les blocs */
@media(max-width:560px){
 .encd-o small{font-size:12px;letter-spacing:.1em}
 .enchip,.enct-l small,.enct-g label span{font-size:12.5px}
 .ensf em,.ens-l1,.ens-l2,.enwc-b{font-size:12px}
 .ens-steps small{font-size:12px}
 .enpj{padding-bottom:24px}
 .entb{padding-top:48px}
 .enwy{padding-bottom:40px}
 .enac{padding-top:48px}
 .enpl{display:flex;width:100%}
 .enpl button{flex:1 1 auto;justify-content:center;white-space:nowrap;font-size:12.5px;padding:0 8px}
}
@media(max-width:400px){.enpl button{font-size:12px;padding:0 6px;letter-spacing:-.01em}}
@media(max-width:340px){.enpl button{white-space:normal;line-height:1.15;text-align:center}}
/* ===================== 14/10 (JK) : affichage sur téléphone — passe 3 (préfixe mfx-) ===================== */
/* #powergrade · « Arbre de nœuds » : à 320 px, la légende « Nœud 01 · Entrée CST » tient sur une ligne */
@media(max-width:350px){.gtt{white-space:nowrap;font-size:9.5px;padding:4px 7px;letter-spacing:0}}
/* Créateurs · « Publier », étape Look : l'anneau blanc de la vignette choisie n'est plus rogné par la rangée qui défile */
@media(max-width:700px){.crlooks{padding:4px;margin:-4px}}
/* Créateurs · carte « LUT tagué » : le pack passe sur sa propre ligne, discrète, sans « · » en tête */
.mfx-pk i{font-style:normal}
@media(max-width:600px){
 .crtag .tx b:has(.mfx-pk){display:block}
 .crtag .tx b .mfx-pk{display:block;font-weight:500;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crtag .tx b .mfx-pk i{display:none}
 .crsv .crtag .tx b .mfx-pk{color:rgba(255,255,255,.7)}
}
/* Créateurs · en-tête de publication : « · 16 h » / « · Abidjan » — le point n'apparaît qu'entre deux mots d'une même ligne (en début de ligne, il sort du cadre) */
.mfx-sep::before{content:"·\00a0"}
@media(max-width:600px){
 :is(#p-cr,.crmod) .crph .who{overflow:hidden}
 :is(#p-cr,.crmod) .crph .mfx-pre{margin-right:.7em}
 :is(#p-cr,.crmod) .crph .mfx-sep{display:inline-block;margin-left:-.7em}
 :is(#p-cr,.crmod) .crph .mfx-sep::before{content:"·";display:inline-block;width:.7em;text-align:center}
}
/* Communauté · haut de page (visiteur) : moins de vide entre les boutons et la carte « Réservé aux abonnés » */
@media(max-width:560px){#p-comm .cmh{padding-bottom:44px}#p-comm .cxgate{padding-top:28px}}
/* Communauté · tiroir des salons : « ● 14 en ligne » avec un seul espace */
@media(max-width:760px){.cxsh small{gap:0}.cxsh small i{margin-right:6px}}
/* Avis de cookies (hors UE, 6 s) : jamais par-dessus le panier ; la pastille Chat s'efface pendant qu'il est affiché */
@media(max-width:900px){body.cart .bcckn{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:560px){body:has(.bcckn.on:not(.mfx-top)) .sup-b{opacity:0;pointer-events:none;transform:scale(.8)}}
/* … et un toucher sur l'avis atteint ce qui est dessous (seul « Gérer » reste un bouton) */
@media(max-width:560px){body .bcckn{pointer-events:none}body:not(.cart) .bcckn.on button{pointer-events:auto}}
/* Bandeau cookies : caché tant que le panneau du compte ou des notifications est ouvert (il revient à la fermeture) */
@media(max-width:560px){body:has(#accP:not([hidden])) .bcck,body:has(#ntfP:not([hidden])) .bcck{display:none}}
/* ===================== 14/10 (JK) : affichage sur téléphone — passe 4 (préfixe mfx-) ===================== */
/* Avis de cookies (hors UE) : jamais par-dessus un panneau, une fenêtre ou une vidéo ouverte (il s'efface aussi au premier toucher) */
@media(max-width:560px){
 body.sup-on .bcckn,html.tvp-open .bcckn,body:has(#accP:not([hidden]),#ntfP:not([hidden]),#authW:not([hidden]),.pflb,.bcck,#nav0 [aria-expanded="true"]) .bcckn{opacity:0;visibility:hidden;pointer-events:none}
}
/* Vidéo agrandie (#powergrade, À propos) : la pastille Chat s'efface derrière le voile noir */
@media(max-width:760px){body:has(.pflb):not(.sup-on) .sup-b{opacity:0;pointer-events:none;transform:scale(.8)}}
/* Panier · « Appliquer » : même taille de texte que le reste du tiroir (Safari mettait 11 px) */
@media(max-width:760px){.promo button{font-family:inherit;font-size:14px}}
/* Connexion à 320 px : prénom et nom l'un sous l'autre (« Ton prénom » n'est plus coupé) */
@media(max-width:350px){#authF .frow{grid-template-columns:minmax(0,1fr);gap:0}} /* passe 5 : l'écart entre les deux champs vient seulement de leur marge (12 px), comme partout ailleurs */
/* Avis (accueil) : les flèches ‹ › restent sous la rangée (on les trouve juste sous la citation qu'on vient de lire) ;
   quand une citation dépliée se replie, la page se recale pour qu'elles ne bougent pas sous le doigt (passe 5, voir tswFold) */
/* Accueil · démo Communauté : l'onde du message vocal reste dans sa bulle ; la rangée des salons s'estompe à droite (on voit qu'elle défile) */
@media(max-width:560px){
 .sa-voice .sa-wave{overflow:hidden}
 .sa-chs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
 .sa-chs::after{content:"";flex:0 0 18px}
}
/* Créateurs · carte « LUT tagué » : le nom du pack passe à la ligne plutôt que d'être coupé par « … » */
@media(max-width:600px){.crtag .tx b .mfx-pk{white-space:normal;overflow:visible;text-overflow:clip}}
/* Créateurs · en-tête de publication : le « · » est centré entre les mots, et la place qu'il prend ne fait plus passer « ✓ » à la ligne
   (l'écart vient de l'espace entre les deux mots, qui disparaît en fin de ligne, au lieu d'une marge) */
@media(max-width:600px){
 :is(#p-cr,.crmod) .crph .mfx-pre{margin-right:0}
 :is(#p-cr,.crmod) .crph .who,:is(#p-cr,.crmod) .crph .who small{word-spacing:var(--mfx-ws)}
 :is(#p-cr,.crmod) .crph .who *,:is(#p-cr,.crmod) .crph .who small *{word-spacing:normal}
 :is(#p-cr,.crmod) .crph .who{--mfx-ws:.69em}:is(#p-cr,.crmod) .crph .who small{--mfx-ws:.62em} /* nom 13 px / point 14 px ; ligne du bas 12 px */
 :is(#p-cr,.crmod) .crph .mfx-sep{margin-left:-.9em}
 :is(#p-cr,.crmod) .crph .mfx-sep::before{width:.9em}
}
/* #tarifs · « Renouvelé chaque année, au même prix » tient sur une ligne à 360 px */
@media(max-width:400px){.hqfix{gap:6px;padding:8px 6px}.hqfix span{text-wrap:balance}}
/* #footage · maquette « Télécharge en un clic » : plus de carré noir dans le coin (Safari, ombre du curseur) */
@media(max-width:760px){.bmdl .bcur{filter:none}}
/* ===================== 14/10 (JK) : affichage sur téléphone — passe 5 (préfixe mfx-) ===================== */
/* Film Assets · Forfait Master : sur téléphone, la ligne ne se coupe qu'avant un « + » (jamais « + » seul en fin de ligne, ni « 60 rushes / » | « mois ») ;
   l'ordinateur garde le texte et les retours à la ligne d'avant (.mfx-dsk) */
.mfx-dsm{display:none}
@media(max-width:560px){.mfx-dsk{display:none}.mfx-dsm{display:inline}#shop .pc .ds{text-wrap:balance}}
/* #tarifs · note sous les forfaits : le « · » reste collé au mot d'avant (jamais en début de ligne), « Apple Pay » n'est pas coupé, lignes équilibrées */
@media(max-width:560px){#p-tarifs .trfine{text-wrap:balance}}
/* Créateurs · en-tête de publication : le badge ✓ reste collé au dernier mot du nom (voir postHTML) */
@media(max-width:600px){:is(#p-cr,.crmod) .crph .mfx-nw{white-space:nowrap}}
/* 14/10 (copywriting) : « Entreprise » quitte la barre du haut sur ordinateur (reste dans le menu ☰ et le pied de page) ; corrige aussi le bouton Connexion qui débordait sur grand écran.
   15/10 (JK) : plus de FR | EN ni de devise dans l'en-tête (→ menu ☰), le nom « backstage color » revient à côté du logo sur téléphone */
.navc a[href="#entreprise"]{display:none}
.navcta.login.in span:not(.ini){max-width:8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1361px) and (max-width:1480px){.navcta.login.in span:not(.ini){display:none}.navcta.login.in{padding-right:12px}}
@media(min-width:1481px){.nav0in{max-width:1440px}}
@media(min-width:1481px){.nav a{padding:7px 8px}.nav0in{gap:14px}}
@media(min-width:1301px) and (max-width:1360px){.navc{display:none!important}.burger{display:grid!important}.nav0 .tools{margin-left:auto}}
/* 15/10 (JK) : langue et devise dans le menu ☰ (plus dans l'en-tête) ; le menu ☰ est aussi sur ordinateur.
   Sur grand écran (liens visibles dans la barre), le menu ne répète pas ces liens : Entreprise, Langue, Devise. */
#menuPop{max-height:calc(100dvh - 76px - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain}
#menuPop .mpv{display:flex;align-items:center;gap:6px;margin-left:auto;font-style:normal;font-size:13px;font-weight:600;color:var(--faint);white-space:nowrap}
#menuPop .mpv .chv{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .3s var(--spring)}
#menuPop .mpx[aria-expanded="true"] .chv{transform:rotate(180deg)}
#menuPop .mpsub{display:grid;gap:2px;margin:0 4px 4px;padding:4px;border-radius:12px;background:var(--chip)}
#menuPop .mpsub[hidden]{display:none}
#menuPop .mpsub button{padding:10px 12px;font-size:14px;gap:10px}
#menuPop .mpsub .k{margin-left:auto}
#menuPop .mpsub .lang{color:var(--ink);background:none;border-radius:10px}
#menuPop .mpsub [aria-pressed="true"]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
#menuPop .mpsub [aria-pressed="true"]::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink);flex:none}
@media(min-width:1361px){#menuPop>a:not([href="#entreprise"]):not(.mpshow){display:none}}
@media(max-width:560px){body:has(#nav0 [aria-expanded="true"]) .bcck{display:none}}
/* 15/10 (après les tests) : menu ☰ ouvert → la bulle Chat s'efface (elle cachait le coin bas droit du menu sur Tarifs / PowerGrade) ; options Langue / Devise de 44 px */
body:has(#menuBtn[aria-expanded="true"]):not(.sup-on) .sup-b{opacity:0;pointer-events:none;transform:scale(.8)}
#menuPop .mpsub button{min-height:44px}
/* 16/10 (JK) : boutons plus petits sur téléphone (« la taille des boutons est énorme »), comme sur Instagram. Ordinateur et tablette inchangés.
   Créateurs (fil, profil, espace créateur, réglages) : boutons de 32 px de haut, coins de 8 px, texte 14 px semi-gras ;
   bouton secondaire = fond gris plein, sans contour ; bouton rouge inchangé ; boutons-icônes carrés de 32 × 32 ;
   « Suivre » en haut des publications : 28 px ; filtres (Pour toi / Abonnements / Avant / après) et onglets du profil : 32 px, texte 14 px.
   Fenêtres de Créateurs (envoyer, republier, publier…) : 36 px. Reste du site : boutons ronds de l'en-tête 32 px (icônes 18 px),
   boutons principaux ≈ 40 px (texte 15 px), petits boutons ≈ 33 px. Un bouton plus petit garde une zone de toucher d'au moins 40 px
   (zone invisible autour du bouton). */
@media (max-width:760px){
 :is(#p-cr,.crmod){--crg:#EFEFEF}
 :root:not([data-theme="light"]) :is(#p-cr,.crmod){--crg:#262628}
 #p-cr .crbtn{position:relative;min-height:32px;padding:0 14px;gap:6px;border-radius:8px;font-size:14px;font-weight:600;line-height:1}
 #p-cr .crbtn::after{content:"";position:absolute;inset:-4px 0}
 #p-cr .crbtn.ghost:not(.danger){background:var(--crg);border-color:transparent}
 #p-cr .crbtn svg{width:16px;height:16px}
 #p-cr .crbtn.cric{width:32px;min-width:32px;height:32px;padding:0;justify-content:center}
 #p-cr .crbtn.cric::after{inset:-4px}
 #p-cr .crbtn.cric svg{width:18px;height:18px}
 #p-cr .crpf .bt .crbtn{height:32px;min-height:32px}
 #p-cr .crpf .bt .crbtn.cric{width:32px}
 #p-cr .crham{position:relative;width:32px;height:32px}
 #p-cr .crham svg{width:18px;height:18px}
 #p-cr .crham::after{content:"";position:absolute;inset:-6px}
 #p-cr .crview a{position:relative;width:32px;height:32px;border-radius:8px}
 #p-cr .crview a::after{content:"";position:absolute;inset:-4px}
 #p-cr .crview svg{width:18px;height:18px}
 #p-cr .crcovb button{position:relative;min-height:32px}
 #p-cr .crcovb button::after{content:"";position:absolute;inset:-4px -3px}
 #p-cr .crcovb button:is([data-cvch],[data-cvdel]){width:32px}
 :is(#p-cr,.crmod) .crfol{height:28px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600}
 :is(#p-cr,.crmod) .crfol::after{inset:-8px -4px}
 :is(#p-cr,.crmod) .crfol.on{background:var(--crg);border-color:transparent}
 #p-cr .crtabs a{position:relative;display:inline-flex;align-items:center;height:32px;padding:0 14px;font-size:14px;line-height:1}
 #p-cr .crtabs a::after{content:"";position:absolute;inset:-4px 0}
 #p-cr .crsetn a{padding:0 14px;min-height:32px;display:inline-flex;align-items:center;border-radius:8px;font-size:14px}
 /* barre d'actions des publications (J'aime, commentaires, republier, envoyer, garder) : 32 px au lieu de 40 */
 :is(#p-cr,.crmod) .crb{position:relative;height:32px;min-width:36px;padding:0 10px;gap:5px;font-size:13px}
 :is(#p-cr,.crmod) .crb::after{content:"";position:absolute;inset:-4px 0}
 :is(#p-cr,.crmod) .crb svg{width:19px;height:19px}
 :is(#p-cr,.crmod) .crb.crkeep{width:32px;min-width:32px;padding:0}
 .crmod .crbtn:not(#_){position:relative;min-height:36px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:600}
 .crmod .crbtn.ghost:not(#_){background:var(--crg);border-color:transparent}
 /* reste du site */
 .tool{width:32px;height:32px}
 .tool svg{width:18px;height:18px}
 .nav0 .tool::before{inset:-6px -3px}
 .btn{font-size:15px;padding:11px 20px}
 .btn.sm{position:relative;font-size:14px;padding:8px 16px}
 .btn.sm::after{content:"";position:absolute;inset:-4px 0}
 .arr{position:relative;width:36px;height:36px}.arr::after{content:"";position:absolute;inset:-4px}
 .probtn{height:40px;padding:0 20px;font-size:15px}
 .hqbtn{height:42px}
 .frbb{height:38px}
 .hm-dl a{position:relative;min-height:34px}
 .hm-dl a::after{content:"";position:absolute;inset:-3px 0}
 #p-luts .lph .cta .btn{height:40px}
}
/* 16/10 : panneau Messages plein écran sur téléphone : le fil ne défile pas derrière */
@media (max-width:700px){html:has(#p-cr.on):has(>body>.crdmp){overflow:hidden}.crdmp .dmb{overscroll-behavior:contain}}

/* 16/10 (JK) : profil public plus net, façon Instagram — couverture plus basse, chiffres sans pastilles, boutons groupés, onglets soulignés.
   Les tailles de boutons du téléphone (bloc « boutons plus petits ») restent celles de la session du 16/10. */
#p-cr .crpfp .crcov{height:clamp(130px,17vw,200px)}
#p-cr .crpfp .crpf.cv{margin-top:-52px}
#p-cr .crpfp .crpf.cv>div{padding-top:72px}
#p-cr .crpfp .crpf .meta{font-size:14px;margin-top:2px}
#p-cr .crpfp .crstat{gap:4px 26px;margin:14px 0 0}
#p-cr .crpfp .crstat>*{padding:0;border:0;background:none;border-radius:0;gap:5px}
#p-cr .crpfp .crstat a:hover{background:none;transform:none}
#p-cr .crpfp .crstat a::after{left:0;right:0;bottom:-3px}
#p-cr .crpfp .crstat b{font-size:16px}
#p-cr .crpfp .crpfi .crbio{margin:12px 0 0}
#p-cr .crpfp .crpfx a{color:var(--ink);font-weight:600;text-decoration:none}#p-cr .crpfp .crpfx a:hover{text-decoration:underline}
#p-cr .crpfp .crpf .bt{margin-top:16px}
#p-cr .crpfp .crhl{margin-top:22px}
#p-cr .crpfp .crtabs{justify-content:center;gap:40px;margin:26px 0 0;border-top:1px solid var(--crl);overflow:visible}
#p-cr .crpfp .crtabs a{border:0;border-radius:0;background:none;padding:14px 0 12px;margin-top:-1px;border-top:2px solid transparent;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
#p-cr .crpfp .crtabs a[aria-current="page"]{background:none;color:var(--ink);border-top-color:var(--ink);font-weight:700}
#p-cr .crpfp .crview{margin:10px 0 12px}
#p-cr .crtuto .crbox h2{font-size:18px;line-height:1.3;margin:0}
@media (max-width:700px){
 #p-cr .crpfp .crcov{height:130px}
 #p-cr .crpfp .crpf.cv>div{padding-top:0}
 #p-cr .crpfp .crstat{border:0;background:none;margin:14px 0 0;border-radius:0}
 #p-cr .crpfp .crstat>*+*{border-left:0}
 #p-cr .crpfp .crstat b{font-size:16px}
 #p-cr .crpfp .crtabs{gap:0;justify-content:space-around;margin-top:20px;overflow-x:auto}
 #p-cr .crpfp .crtabs a{flex:1 1 0;text-align:center;padding:12px 2px 10px;font-size:12px;letter-spacing:0;text-transform:none}}

/* ===== 18/10 (JK, maquette validée) : nouvel accueil (préfixe hn-) ===== */
.hn-old{display:none!important}
#p-home #looks .sa-pk2,#p-home #looks .sa-sm{display:none}
.hn-w{max-width:1360px;margin:0 auto;padding-inline:24px}
.hn-hero{padding:18px 0 0;background:var(--bg)}
.hn-car{max-width:1360px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.hn-cc{display:block;color:var(--ink);text-decoration:none;min-width:0}
.hn-im{position:relative;aspect-ratio:4/3.4;border-radius:16px;overflow:hidden;background:#0F0F12;box-shadow:inset 0 0 0 1px var(--line)}
.hn-im>img,.hn-im>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hn-cc h3{font-size:19px;margin:12px 0 2px;letter-spacing:-.03em}.hn-cc p{font-size:13.5px;color:var(--muted);line-height:1.4}
.hn-pal{display:flex;height:5px;border-radius:3px;overflow:hidden;margin-top:10px}.hn-pal i{flex:1}
.hn-cc:hover .hn-im{box-shadow:inset 0 0 0 1px var(--line),0 16px 40px -18px rgba(0,0,0,.6);transform:translateY(-2px)}.hn-im{transition:transform .35s var(--spring),box-shadow .35s}
.hn-dots,.hn-mob{display:none}
/* scènes animées */
.hn-acs,.hn-apj,.hn-crp{position:absolute;inset:0;background:#0F0F12;overflow:hidden;color:#fff}
.hn-scn{position:absolute;inset:0;opacity:0}
.hn-acs .hn-scn{animation:hnS2 8s infinite}.hn-acs .hn-s2{animation-delay:4s}
.hn-apj .hn-scn{animation:hnS3 12s infinite}.hn-apj .hn-p2{animation-delay:4s}.hn-apj .hn-p3{animation-delay:8s}
@keyframes hnS2{0%{opacity:0}5%,45%{opacity:1}50%,100%{opacity:0}}
@keyframes hnS3{0%{opacity:0}4%,30%{opacity:1}34%,100%{opacity:0}}
/* 29/10 (JK, maquette validée) : carte Reel Kit du carrousel — animatique 12 s : Montage → Sous-titres → Look (préfixe hrk-) */
.hn-ark{position:absolute;inset:0;background:#0F0F12;overflow:hidden;color:#fff;display:flex;gap:12px;padding:7% 4%;box-sizing:border-box}
.hn-ark *{animation-duration:12s;animation-iteration-count:infinite}
.hrk-ph{position:relative;flex:none;height:100%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 0 0 1.5px #34343c,0 14px 30px -12px rgba(0,0,0,.8)}
.hrk-fr{position:absolute;inset:0;transform-origin:50% 38%;animation-name:hrkPunch}
.hrk-fr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hrk-fr .a,.hrk-fr .b{filter:saturate(.5) contrast(.82) brightness(1.06)}.hrk-fr .a{animation-name:hrkA}.hrk-fr .b{opacity:0;animation-name:hrkB}
.hrk-fr .g{filter:sepia(.28) saturate(1.45) contrast(1.16) brightness(.96) hue-rotate(-6deg)}
.hrk-fr .g,.hrk-fr .t{clip-path:inset(0 100% 0 0);animation-name:hrkWipe}
.hrk-fr .t{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,70,80,.28),rgba(255,140,40,.12));mix-blend-mode:soft-light}
@keyframes hrkA{0%,19%{opacity:1}19.5%,100%{opacity:0}}
@keyframes hrkB{0%,19%{opacity:0}19.5%,96%{opacity:1}100%{opacity:0}}
@keyframes hrkPunch{0%,11%{transform:none}11.3%,19%{transform:scale(1.22)}19.3%,27%{transform:scale(1.08)}27.3%,100%{transform:none}}
@keyframes hrkWipe{0%,70%{clip-path:inset(0 100% 0 0);opacity:1}78%,96%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
.hrk-wl{position:absolute;top:0;bottom:0;left:0;width:2px;background:#FFB23F;box-shadow:0 0 10px #FFB23F;opacity:0;animation-name:hrkWl}
@keyframes hrkWl{0%,70%{left:0;opacity:0}70.5%{opacity:1}78%{left:100%;opacity:1}79%,100%{opacity:0;left:100%}}
.hrk-916{position:absolute;top:6px;left:6px;font-size:8px;font-weight:700;padding:2px 5px;border-radius:99px;background:rgba(0,0,0,.45)}
.hrk-916 i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#FF4D3D;margin-right:3px;vertical-align:1px}
.hrk-sub{position:absolute;left:6%;right:6%;bottom:19%;text-align:center;font-weight:800;font-size:11px;line-height:1.15;letter-spacing:-.01em;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.hrk-sub>div{display:none}
html:lang(fr) .hrk-sub>[data-lg=fr],html:lang(en) .hrk-sub>[data-lg=en],html:lang(es) .hrk-sub>[data-lg=es],html:lang(zh) .hrk-sub>[data-lg=zh],html:lang(ja) .hrk-sub>[data-lg=ja]{display:block}
.hrk-sub p{position:absolute;left:0;right:0;bottom:0;margin:0}
.hrk-sub span{opacity:0;display:inline-block}
.hrk-sub .l1 span{animation-name:hrkW1}.hrk-sub .l2 span{animation-name:hrkW2}.hrk-sub .l3 span{animation-name:hrkW3}
.hrk-sub em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:#FFB23F;font-size:1.3em}
@keyframes hrkW1{0%,35%{opacity:0;transform:translateY(3px)}35.6%,44%{opacity:1;transform:none}44.1%,100%{opacity:0}}
@keyframes hrkW2{0%,44.2%{opacity:0;transform:translateY(3px)}44.8%,53%{opacity:1;transform:none}53.1%,100%{opacity:0}}
@keyframes hrkW3{0%,53.2%{opacity:0;transform:translateY(3px)}53.8%,96%{opacity:1;transform:none}100%{opacity:0}}
.hrk-pn{position:relative;flex:1;min-width:0}
.hrk-stp{position:absolute;left:0;top:0;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.12);opacity:0;white-space:nowrap}.hrk-stp b{color:#FFB23F}
.hrk-scn{position:absolute;inset:28px 0 0;opacity:0}
.hrk-1{animation-name:hrkS1}.hrk-2{animation-name:hrkS2}.hrk-3{animation-name:hrkS3}
@keyframes hrkS1{0%{opacity:0}2%,31%{opacity:1}33.5%,100%{opacity:0}}
@keyframes hrkS2{0%,33.5%{opacity:0}35.5%,64%{opacity:1}66.5%,100%{opacity:0}}
@keyframes hrkS3{0%,66.5%{opacity:0}68.5%,96%{opacity:1}99%,100%{opacity:0}}
.hrk-chk{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}
.hrk-chk em{font-style:normal}
.hrk-chk span{font-size:10px;font-weight:600;padding:3px 7px 3px 5px;border-radius:6px;background:#1E1E23;color:#D6D6DB;display:flex;align-items:center;gap:4px;white-space:nowrap}
.hrk-chk i{width:10px;height:10px;border-radius:3px;background:#FFB23F;display:grid;place-items:center;font-style:normal;font-size:7.5px;color:#000;flex:none}
.hrk-chk i::before{content:"✓"}
.hrk-tl{display:flex;height:32px;border-radius:7px;overflow:hidden;background:#141418;box-shadow:inset 0 0 0 1px #2E2E35}
.hrk-tl b{display:block;height:100%;flex:none;background:repeating-linear-gradient(90deg,rgba(255,178,63,.75) 0 2px,transparent 2px 4px);-webkit-mask:linear-gradient(transparent 22%,#000 22% 78%,transparent 78%);mask:linear-gradient(transparent 22%,#000 22% 78%,transparent 78%)}
.hrk-tl .c1{width:20%}.hrk-tl .c2{width:14%}.hrk-tl .c3{width:12%}.hrk-tl .c4{width:14%}
.hrk-tl u{position:relative;flex:none;height:100%;background:rgba(255,77,61,.18);box-shadow:inset 0 0 0 1px rgba(255,77,61,.6);overflow:hidden;text-decoration:none;display:grid;place-items:center;font-size:8.5px;font-weight:700;color:#FF4D3D;white-space:nowrap}
.hrk-tl .k1{width:14%;animation-name:hrkK1}.hrk-tl .k2{width:10%;animation-name:hrkK2}.hrk-tl .k3{width:16%;animation-name:hrkK3}
@keyframes hrkK1{0%,10%{width:14%}12.5%,100%{width:0}}
@keyframes hrkK2{0%,15%{width:10%}17.5%,100%{width:0}}
@keyframes hrkK3{0%,20%{width:16%}22.5%,100%{width:0}}
.hrk-dur{display:flex;align-items:baseline;gap:7px;margin-top:6px;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.hrk-dur s{color:#9C9CA5;font-size:11px}
.hrk-dur strong{font-size:18px;letter-spacing:-.02em;position:relative;display:inline-block;min-width:3.2ch}
.hrk-dur strong span:first-child{animation-name:hrkD1}
.hrk-dur strong span:last-child{position:absolute;left:0;top:0;opacity:0;color:#5ED36A;animation-name:hrkD2}
@keyframes hrkD1{0%,22%{opacity:1}23%,100%{opacity:0}}
@keyframes hrkD2{0%,22%{opacity:0}23%,100%{opacity:1}}
.hrk-dur small{font-size:10px;color:#9C9CA5}
.hrk-sty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.hrk-sty div{height:40px;border-radius:7px;background:#26262c;display:grid;place-items:center;font-size:11.5px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden}
.hrk-sty .r{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:#FFB23F;font-size:14px;animation-name:hrkPick}
html:lang(ja) .hrk-sty .r,html:lang(zh) .hrk-sty .r{font-size:11.5px;letter-spacing:-.02em}
@keyframes hrkPick{0%,39%{box-shadow:inset 0 0 0 1.5px transparent}41%,100%{box-shadow:inset 0 0 0 1.5px #FFB23F}}
.hrk-sty .p{background:#f2efe8;color:#111}.hrk-sty .i{text-transform:uppercase;color:#FFE14A;-webkit-text-stroke:.5px #000}.hrk-sty .n{color:#7CF2FF;text-shadow:0 0 6px #22c7ff}
.hrk-lg{margin-top:8px;font-size:9.5px;color:#9C9CA5;display:flex;gap:4px;flex-wrap:wrap}.hrk-lg span{padding:2px 5px;border-radius:5px;background:#1E1E23}
.hrk-lut{display:grid;gap:5px}
.hrk-lut div{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:7px;background:#1E1E23;font-size:10.5px;font-weight:600;color:#D6D6DB;white-space:nowrap}
.hrk-lut i{width:24px;height:15px;border-radius:4px;flex:none}
.hrk-lut .on{animation-name:hrkLut}
@keyframes hrkLut{0%,69%{box-shadow:none;background:#1E1E23}70.5%,100%{box-shadow:inset 0 0 0 1.5px #FFB23F;background:#2a2418}}
.hrk-sl{margin-top:9px;font-size:9.5px;color:#9C9CA5;display:grid;gap:5px}
.hrk-sl div{height:4px;border-radius:3px;background:#2a2a30;position:relative}
.hrk-sl div i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:#FFB23F;width:0;animation-name:hrkInt}
.hrk-sl div i::after{content:"";position:absolute;right:-5px;top:-3.5px;width:11px;height:11px;border-radius:50%;background:#fff}
@keyframes hrkInt{0%,72%{width:0}82%,100%{width:80%}}
.hrk-exp{position:absolute;right:0;bottom:0;font-size:10.5px;font-weight:700;padding:6px 11px;border-radius:99px;background:#FF4D3D;color:#fff;opacity:0;animation-name:hrkExp}
@keyframes hrkExp{0%,84%{opacity:0;transform:translateY(6px)}87%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
/* téléphone : carte plus basse, on garde l'essentiel de chaque étape */
@media (max-width:760px){.hrk-chk,.hrk-lg,.hrk-sl{display:none}.hrk-sty div{height:30px}.hrk-lut div{padding:3px 6px}.hrk-lut div:nth-child(3){display:none}.hrk-sub{left:4%;right:4%;font-size:9.5px}}
@media (prefers-reduced-motion:reduce){.hn-ark *{animation-play-state:paused}}
.hn-stp{position:absolute;left:10px;top:10px;z-index:3;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.12)}.hn-stp b{color:#FFB23F}
.hn-q{position:absolute;left:10px;right:10px;top:38px;height:28px;border-radius:99px;background:#1E1E23;box-shadow:inset 0 0 0 1px #2E2E35;display:flex;align-items:center;padding:0 10px;font-size:11.5px;overflow:hidden;white-space:nowrap}
.hn-q span{display:inline-block;overflow:hidden;white-space:nowrap;width:0;border-right:1.5px solid #FF4D3D;animation:hnType 8s steps(26) infinite}
@keyframes hnType{0%{width:0}22%,100%{width:15.5em}}
.hn-res{position:absolute;left:10px;right:10px;top:74px;bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:5px}
.hn-res div{min-height:0;border-radius:6px;overflow:hidden;opacity:0;animation:hnPop 8s infinite}.hn-res div:nth-child(2){animation-delay:.25s}.hn-res div:nth-child(3){animation-delay:.5s}.hn-res div:nth-child(4){animation-delay:.75s}.hn-res div:nth-child(5){animation-delay:1s}.hn-res div:nth-child(6){animation-delay:1.25s}
@keyframes hnPop{0%,20%{opacity:0;transform:translateY(8px)}26%,100%{opacity:1;transform:none}}
.hn-res img{width:100%;height:100%;object-fit:cover;display:block}
.hn-vw{position:absolute;left:10px;top:38px;width:60%;bottom:10px;border-radius:7px;overflow:hidden}.hn-vw img{width:100%;height:100%;object-fit:cover;animation:hnGrade 8s infinite;animation-delay:4s}
@keyframes hnGrade{0%,8%{filter:saturate(.15) contrast(.7) brightness(1.15)}26%,100%{filter:none}}
.hn-whs{position:absolute;right:8px;top:44px;width:34%;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:#9C9CA5}
.hn-wh{width:48px;height:48px;border-radius:50%;background:conic-gradient(#E0332A,#E8A24A,#34A853,#12A6A0,#3B6FE0,#B84FD6,#E0332A);position:relative}.hn-wh:after{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle,#ddd,rgba(255,255,255,0) 70%)}
.hn-wh i{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #000;z-index:2;animation:hnDot 8s infinite;animation-delay:4s}
@keyframes hnDot{0%,8%{transform:none}26%,100%{transform:translate(6px,-7px)}}
.hn-brd{position:absolute;inset:38px 10px 10px;background-color:#16161A;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.2px);background-size:12px 12px;border-radius:8px}
.hn-wr{position:absolute;inset:0;width:100%;height:100%}.hn-wr path{stroke-dasharray:120;stroke-dashoffset:120;animation:hnDraw 12s infinite}
@keyframes hnDraw{0%,4%{stroke-dashoffset:120}14%,100%{stroke-dashoffset:0}}
.hn-bc{position:absolute;width:30%;border-radius:6px;background:#22222A;box-shadow:0 4px 10px rgba(0,0,0,.4);overflow:hidden;opacity:0;animation:hnPop2 12s infinite}
.hn-bc img{width:100%;height:40px;object-fit:cover;display:block}.hn-bc i{display:block;font-style:normal;font-size:9px;padding:3px 5px;color:#D6D6DB}
.hn-bc.hn-n{padding:6px;font-size:9px;color:#D6D6DB;line-height:1.3}.hn-bc.hn-n b{display:block;color:#fff;font-size:10px}
@keyframes hnPop2{0%,1%{opacity:0;transform:scale(.85)}6%,100%{opacity:1;transform:none}}
.hn-plui{position:absolute;inset:36px 0 0;padding:6px 10px 0;display:flex;flex-direction:column;gap:5px}
.hn-plh{display:flex;justify-content:space-between;font-size:10.5px;color:#9C9CA5;font-weight:600}.hn-plh b{color:#FFB23F}
.hn-plr{display:flex;align-items:center;gap:7px;background:#1E1E23;border-radius:6px;padding:4px 6px;font-size:10.5px;color:#D6D6DB}
.hn-plr img{width:32px;height:19px;border-radius:3px;object-fit:cover;flex:none}.hn-plr em{font-style:normal;color:#6E6E76;width:30px}.hn-plr span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hn-plr i{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #44444C;flex:none;animation:hnCk 6s infinite;animation-delay:var(--d)}
@keyframes hnCk{0%,15%{background:none;box-shadow:inset 0 0 0 1.5px #44444C}22%,90%{background:#28A745;box-shadow:none}100%{background:none}}
.hn-lnk{position:absolute;left:10px;right:10px;top:42px;border-radius:10px;background:#1B1B20;box-shadow:inset 0 0 0 1px #2E2E35;padding:9px}
.hn-u{font-size:10.5px;color:#9C9CA5;background:#111114;border-radius:7px;padding:6px 8px}.hn-u b{color:#fff}.hn-ppl{font-size:10.5px;color:#D6D6DB;margin-top:7px}
.hn-ev{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:4px}
.hn-ev div{font-size:10px;background:#17171B;border-radius:7px;padding:5px 8px;color:#D6D6DB;opacity:0;animation:hnPop3 12s infinite;animation-delay:var(--d)}.hn-ev b{color:#5ED36A}
@keyframes hnPop3{0%,3%{opacity:0;transform:translateY(6px)}7%,100%{opacity:1;transform:none}}
.hn-rsv{position:absolute;inset:0;background:#000}.hn-rsv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.hn-rsv video.on{opacity:1}
.hn-rid{position:absolute;right:8px;top:8px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.04em;padding:3px 7px;border-radius:5px;background:rgba(0,0,0,.6);color:#fff}
.hn-hd3{position:absolute;left:10px;right:10px;top:9px;display:flex;align-items:center;gap:6px;font-size:12px;z-index:3}.hn-hd3 i{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#FF4D3D,#B84FD6)}
.hn-hd3 span{margin-left:auto;font-size:10px;padding:2px 8px;border-radius:99px;box-shadow:inset 0 0 0 1px #3A3A42;animation:hnFol 6s infinite}
@keyframes hnFol{0%,40%{background:none;color:#fff}45%,100%{background:#fff;color:#0B0B0D}}
.hn-ph2{position:absolute;left:10px;right:10px;top:38px;bottom:32px;border-radius:7px;overflow:hidden}.hn-ph2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hn-bwc{position:absolute;inset:0;animation:hnSwc 6s ease-in-out infinite}
@keyframes hnSwc{0%,10%{clip-path:inset(0 0 0 0)}50%,70%{clip-path:inset(0 0 0 100%)}100%{clip-path:inset(0 0 0 0)}}
.hn-pg{position:absolute;left:6px;bottom:6px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:rgba(0,0,0,.6)}
.hn-bt5{position:absolute;left:10px;right:10px;bottom:8px;display:flex;align-items:center;gap:10px;font-size:11px;color:#D6D6DB}.hn-buy{margin-left:auto}
.hn-lk2 em{font-style:normal;color:#FF4D3D;margin-right:3px;display:inline-block;animation:hnBeat 6s infinite}
@keyframes hnBeat{0%,55%{transform:none}60%{transform:scale(1.5)}66%,100%{transform:none}}
.hn-hrt{position:absolute;right:22px;bottom:44px;font-size:20px;color:#FF4D3D;opacity:0;animation:hnHp 6s infinite}
@keyframes hnHp{0%,55%{opacity:0;transform:translateY(0) scale(.6)}60%{opacity:1;transform:translateY(-6px) scale(1.2)}78%{opacity:0;transform:translateY(-40px)}100%{opacity:0}}
/* sections */
.hn-sec{padding:72px 0 0}
.hn-top{display:flex;align-items:flex-end;gap:16px}.hn-top h2{margin:6px 0 0}.hn-ld{color:var(--muted);font-size:16px;line-height:1.5;max-width:640px;margin-top:8px}
.hn-lk{margin-left:auto;font-weight:600;font-size:14.5px;white-space:nowrap;color:var(--ink)}
.hn-fa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.hn-prd{border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;color:var(--ink);text-decoration:none;display:block}
.hn-ph{position:relative;aspect-ratio:16/10;background:#000}.hn-ph>img,.hn-ph>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hn-bd{position:absolute;left:12px;top:12px;z-index:2;font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:4px 8px;border-radius:6px;background:#FF4D3D;color:#fff}.hn-bd.w{background:#fff;color:#0B0B0C}.hn-bd.y{background:#FFB23F;color:#1a1100}
.hn-sw{position:absolute;left:12px;bottom:12px;z-index:2;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff}
.hn-in{padding:16px 18px 18px}.hn-in .hn-pal{margin:0 0 12px}.hn-in b{display:block;font-size:18px;letter-spacing:-.02em}.hn-in small{display:block;color:var(--muted);font-size:13.5px;margin-top:3px}
.hn-go{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;background:var(--ink);color:var(--inv);font-weight:700;font-size:13.5px;margin-top:14px}
.hn-ban{position:relative;margin-top:72px;height:400px;border-radius:22px;overflow:hidden;background:#141417;box-shadow:inset 0 0 0 1px var(--line);text-align:center;color:#fff}
.hn-bp{position:absolute;left:0;top:0;bottom:0;width:32%;height:100%;object-fit:cover;object-position:center 20%;opacity:.85;animation:hnKb 14s ease-in-out infinite alternate}.hn-bp2{left:auto;right:0;animation-delay:-7s}
@keyframes hnKb{from{transform:scale(1)}to{transform:scale(1.07)}}
.hn-fd{position:absolute;inset:0;background:linear-gradient(90deg,#141417 0%,rgba(20,20,23,.2) 18%,#141417 31%,#141417 69%,rgba(20,20,23,.2) 82%,#141417 100%),linear-gradient(0deg,#141417,transparent 40%)}
.hn-scope{position:absolute;inset:0;width:100%;height:100%;opacity:.3}.hn-scope path{stroke-dasharray:1600;stroke-dashoffset:1600;animation:hnSc 6s ease-in-out infinite}.hn-scope path:nth-child(2){animation-delay:.4s}.hn-scope path:nth-child(3){animation-delay:.8s}
@keyframes hnSc{0%{stroke-dashoffset:1600}45%,70%{stroke-dashoffset:0}100%{stroke-dashoffset:-1600}}
.hn-bin{position:relative;padding-top:38px}.hn-tf{display:inline-block;font-size:12px;font-weight:700;padding:5px 10px;border-radius:7px;background:rgba(255,178,63,.14);color:#FFB23F}
.hn-k{margin-top:14px;font-size:15px;font-weight:600;color:#D6D6DB}.hn-ban h2{margin:8px 0 0;font-size:clamp(34px,5vw,64px);color:#fff;line-height:1}
.hn-ban h2 span{background:linear-gradient(90deg,#8E8E96 0%,#8E8E96 40%,#fff 50%,#8E8E96 60%,#8E8E96 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hnShine 5s linear infinite}
@keyframes hnShine{from{background-position:120% 0}to{background-position:-120% 0}}
.hn-bl{margin:12px 0 26px;color:#A1A1A8;font-size:16px}
@property --hna{syntax:'<angle>';inherits:false;initial-value:210deg}
.hn-ring{display:inline-block;border-radius:999px;padding:2px;background:conic-gradient(from var(--hna),#E0332A,#B84FD6,#3B6FE0,#12A6A0,#34A853,#E8A24A,#E0332A);animation:hnRing 4s linear infinite}@keyframes hnRing{to{--hna:570deg}}
.hn-cta{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:999px;background:#0B0B0D;color:#fff;font-weight:700;font-size:14.5px;text-decoration:none}.hn-cta.a{background:#FF4D3D}
.hn-stf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}
.hn-sf{border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:14px;color:var(--ink);text-decoration:none}.hn-sf span{font-size:16px;color:#FFB23F}.hn-sf b{display:block;font-size:13.5px;margin-top:8px}.hn-sf small{display:block;font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}
.hn-cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.hn-ct{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#000;display:block}.hn-ct img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hn-bw{position:absolute;inset:0 50% 0 0;overflow:hidden}.hn-bw img{width:200%;max-width:none}.hn-ln{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff}
.hn-ft{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.8));display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#fff}.hn-ft span{font-size:10.5px;font-weight:700;letter-spacing:.06em;opacity:.8}
.hn-cmw{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;margin-top:14px}
.hn-cmh{position:relative;border-radius:20px;overflow:hidden;min-height:440px;background:#000;color:#fff}.hn-cmh>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.hn-sh{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,11,13,.95),rgba(11,11,13,.1) 60%)}
.hn-cin{position:absolute;left:24px;right:24px;bottom:22px}.hn-tg2{font-size:11px;font-weight:800;letter-spacing:.08em;color:#FFB23F}.hn-cin h3{font-size:30px;margin:6px 0 0}.hn-cin p{margin:6px 0 14px;color:#D6D6DB;font-size:14.5px;max-width:440px}
.hn-chat{position:absolute;right:18px;top:18px;width:260px;display:flex;flex-direction:column;gap:6px}
.hn-msg{display:none;background:rgba(24,24,28,.92);border-radius:12px 12px 12px 4px;padding:8px 10px;font-size:12px;line-height:1.35;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.hn-msg.vu{display:block;animation:hnMi .4s ease}@keyframes hnMi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hn-msg b{display:block;font-size:11px;color:#FFB23F}.hn-msg.me{align-self:flex-end;border-radius:12px 12px 4px 12px;background:rgba(255,77,61,.92)}.hn-msg.me b{color:#fff}
.hn-typ{display:none;align-self:flex-start;gap:4px;padding:8px 12px;border-radius:12px;background:rgba(24,24,28,.9);font-size:11px;color:#9C9CA5;align-items:center}.hn-typ.vu{display:flex}
.hn-typ i{width:5px;height:5px;border-radius:50%;background:#9C9CA5;animation:hnTd 1s infinite}.hn-typ i:nth-child(2){animation-delay:.15s}.hn-typ i:nth-child(3){animation-delay:.3s}
@keyframes hnTd{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.hn-cgr{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hn-ci{border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:16px;display:flex;flex-direction:column;gap:6px;color:var(--ink);text-decoration:none}.hn-ci b{font-size:15px}.hn-ci small{font-size:12.5px;color:var(--muted);line-height:1.45}.hn-ci img{width:100%;height:96px;object-fit:cover;border-radius:10px;margin-top:auto}
.hn-acad{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hn-ac{position:relative;border-radius:16px;overflow:hidden;background:#141418;box-shadow:inset 0 0 0 1px var(--line);padding:18px;min-height:160px;color:#fff;text-decoration:none;display:block}
.hn-ac>img,.hn-rof img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.hn-ac>div:last-child{position:relative}
.hn-rof{position:absolute;inset:0}.hn-rof img{opacity:0;animation:hnRf 12s infinite}.hn-rof img:nth-child(2){animation-delay:3s}.hn-rof img:nth-child(3){animation-delay:6s}.hn-rof img:nth-child(4){animation-delay:9s}
@keyframes hnRf{0%{opacity:0}5%,25%{opacity:.45}30%,100%{opacity:0}}
.hn-tg3{font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:3px 7px;border-radius:6px;background:#FF4D3D;color:#fff}.hn-tg3.y{background:#FFB23F;color:#1a1100}.hn-tg3.r{background:#E0332A}
.hn-ac b{display:block;font-size:18px;margin-top:10px}.hn-ac small{display:block;color:#D6D6DB;font-size:13px;margin-top:4px;line-height:1.45}
#p-home .hn-fa+*{margin-top:0}
#p-home .hm-doors .wrap{max-width:1360px}#p-home .hm-doors{padding-top:18px}#p-home .hm-door{flex-direction:row;align-items:center;flex-wrap:wrap}#p-home .hm-dl{display:flex;flex-wrap:wrap;gap:8px}
#p-home #looks .wrap{max-width:1360px}#p-home #looks.sa-sec{padding-top:64px!important;padding-bottom:0!important}
@media (max-width:1100px){.hn-car{grid-template-columns:repeat(6,minmax(0,1fr))}.hn-car>.hn-cc{grid-column:span 2}.hn-car>.hn-cc:nth-child(n+4){grid-column:span 3}.hn-car>.hn-cc:nth-child(n+4) .hn-im{aspect-ratio:16/9}.hn-stf{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* téléphone : carrousel, raccourcis, mosaïque, recherche flottante */
@media (max-width:760px){
 .hn-hero{padding-top:10px}
 .hn-car{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:0 12px}.hn-car::-webkit-scrollbar{display:none}
 .hn-cc{flex:0 0 calc(100% - 24px);scroll-snap-align:center}.hn-im{aspect-ratio:16/10.5;border-radius:18px}.hn-cc h3{font-size:17px}.hn-cc p{font-size:13px}
 .hn-dots{display:flex;justify-content:center;gap:6px;margin:12px 0 0}.hn-dots i{width:5px;height:5px;border-radius:50%;background:var(--line)}.hn-dots i.on{width:7px;height:7px;margin-top:-1px;background:var(--ink)}
 .hn-mob{display:block}
 .hn-short{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:20px 12px 0}
 .hn-short a{color:var(--ink);text-decoration:none;text-align:center}.hn-short span{position:relative;display:block;aspect-ratio:1.45;border-radius:14px;overflow:hidden;background:#1B1B20;box-shadow:inset 0 0 0 1px var(--line)}
 .hn-short span img{width:100%;height:100%;object-fit:cover}.hn-short em{position:absolute;right:4px;top:4px;font-style:normal;font-size:8.5px;font-weight:800;padding:2px 5px;border-radius:4px;background:#FF4D3D;color:#fff}.hn-short b{display:block;font-size:13px;font-weight:600;margin-top:7px}
 .hn-cph{display:flex;align-items:flex-end;padding:28px 12px 0}.hn-k2{font-size:13.5px;color:#FFB23F;font-weight:600}.hn-cph h2{font-size:24px;margin:3px 0 0}.hn-cph a{margin-left:auto;color:var(--muted);font-size:14px;white-space:nowrap}
 .hn-msn{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:92px;gap:5px;margin-top:14px}
 .hn-msn a{position:relative;overflow:hidden;border-radius:12px;background:#000}.hn-msn img{width:100%;height:100%;object-fit:cover}.hn-msn .t2{grid-row:span 2}.hn-msn .t3{grid-row:span 3}
 .hn-msn span{position:absolute;left:8px;bottom:8px;font-size:11px;font-weight:600;padding:3px 7px;border-radius:6px;background:rgba(0,0,0,.55);color:#fff}
 .hn-search{position:fixed;left:12px;right:84px;bottom:max(14px,env(safe-area-inset-bottom));z-index:40;height:52px;border-radius:99px;background:rgba(30,30,34,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;padding:0 6px 0 16px;transition:transform .3s,opacity .3s}
 .hn-search svg{width:19px;height:19px;flex:none;stroke:#8E8E96;fill:none;stroke-width:2;stroke-linecap:round}.hn-search input{flex:1;min-width:0;border:0;background:none;color:#fff;font:16px Inter,sans-serif;outline:0}.hn-search input::placeholder{color:#8E8E96}
 .hn-search button{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#FF4D3D;color:#fff;font-size:17px}
 body:not(.hn-home) .hn-search{opacity:0;pointer-events:none;transform:translateY(80px)}
 .hn-w{padding-inline:12px}.hn-sec{padding-top:48px}.hn-top{flex-wrap:wrap}.hn-lk{margin-left:0}
 .hn-fa,.hn-cmw,.hn-cgr,.hn-acad{grid-template-columns:1fr}.hn-cg{grid-template-columns:1fr 1fr;gap:8px}.hn-cg .hn-ct:nth-child(n+3){display:none}
 .hn-ban{height:auto;padding-bottom:30px;margin-top:48px}.hn-bp{display:none}.hn-bin{padding:28px 16px 0}.hn-stf{grid-template-columns:1fr 1fr}
 .hn-cmh{min-height:400px}.hn-chat{width:220px;right:12px;top:12px}
}

/* ===== 18/10 (JK) : page Jobs (préfixe jb-) ===== */
.jb-w{max-width:1360px;margin:0 auto;padding:28px 24px 80px}
.jb-hero{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.jb-k{color:#FF4D3D}.jb-hero h1{font-size:clamp(32px,5vw,44px);margin:6px 0 0}.jb-hero p{color:var(--muted);font-size:15.5px;margin-top:6px}
.jb-r{margin-left:auto;display:flex;gap:8px}
.jb-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 18px;border-radius:999px;font-weight:700;font-size:14px;background:var(--chip);color:var(--ink);text-decoration:none;border:0;cursor:pointer}.jb-btn.p{background:var(--ink);color:var(--inv)}.jb-btn.a{background:#FF4D3D;color:#fff}
.jb-tabs{display:flex;gap:8px;margin-top:20px;overflow-x:auto;scrollbar-width:none}.jb-tabs button{flex:none;height:36px;padding:0 15px;border-radius:999px;font:600 13.5px Inter,sans-serif;color:var(--muted);background:none;border:0;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.jb-tabs button.on{background:var(--ink);color:var(--inv);box-shadow:none}.jb-tabs b{font-size:11px;padding:1px 6px;border-radius:99px;background:var(--chip);color:var(--muted)}
.jb-wrap{display:grid;grid-template-columns:400px minmax(0,1fr);gap:18px;margin-top:18px;min-height:420px}
.jb-load{grid-column:1/-1;display:grid;place-items:center;height:240px}.jb-load i{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--ink);animation:jbSp .8s linear infinite}@keyframes jbSp{to{transform:rotate(360deg)}}
.jb-list{border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;align-self:start}
.jb-lh{padding:14px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.jb-lh b{color:var(--ink)}
.jb-job{position:relative;display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--line);cursor:pointer;width:100%;text-align:left;background:none;border-left:0;border-right:0;border-top:0;color:var(--ink);font:inherit}
.jb-job:last-child{border-bottom:0}.jb-job:hover{background:var(--chip)}.jb-job.on{background:var(--chip)}.jb-job.on:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#FF4D3D}
.jb-lo{flex:none;width:42px;height:42px;border-radius:11px;overflow:hidden;background:var(--chip);display:grid;place-items:center}.jb-lo img{width:100%;height:100%;object-fit:cover}
.jb-job b{display:block;font-size:14.5px;line-height:1.3}.jb-job small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.jb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.jb-chip{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--chip);color:var(--ink)}
.jb-chip.mission{background:rgba(255,77,61,.14);color:#FF6A5C}.jb-chip.temps_plein,.jb-chip.temps_partiel{background:rgba(59,111,224,.16);color:#6E96F0}.jb-chip.createurs{background:rgba(52,168,83,.15);color:#3FB565}.jb-chip.stage{background:rgba(255,178,63,.16);color:#D9931F}
.jb-det{border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-self:start}
.jb-cover{position:relative;height:190px;background:linear-gradient(135deg,#2a1d16,#141417)}.jb-cover img{width:100%;height:100%;object-fit:cover;opacity:.8}.jb-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--surface),transparent 70%)}
.jb-dh{position:relative;margin-top:-46px;padding:0 26px;display:flex;align-items:flex-end;gap:16px}
.jb-wrap h1,.jb-wrap h2,.jb-wrap h3,.jb-wrap b{text-wrap:balance} /* 25/10 (JK, maquette 39) : pas de mot seul à la ligne dans les titres d'offres */
.jb-dlo{flex:none;width:72px;height:72px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}.jb-dlo i{width:40px;height:40px;border-radius:50%;background:conic-gradient(#E0332A,#E8A24A,#34A853,#12A6A0,#3B6FE0,#B84FD6,#E0332A);-webkit-mask:radial-gradient(circle,transparent 10px,#000 12px);mask:radial-gradient(circle,transparent 10px,#000 12px)}
.jb-dh h2{font-size:26px;margin:0}.jb-dh small{display:block;color:var(--muted);font-size:14px;margin-top:3px}
.jb-act{display:flex;gap:10px;align-items:center;padding:18px 26px 0;flex-wrap:wrap}
.jb-sec{padding:20px 26px 0}.jb-sec:last-child{padding-bottom:26px}.jb-sec h6{font-size:11.5px;letter-spacing:.12em;color:var(--faint);margin:0 0 8px;text-transform:uppercase}.jb-sec p{color:var(--ink);opacity:.85;font-size:15px;line-height:1.6;white-space:pre-line}
.jb-sec ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.jb-sec li{display:flex;gap:9px;font-size:14.5px;line-height:1.45}.jb-sec li:before{content:"✓";color:#34A853;font-weight:700}
.jb-side{border-left:1px solid var(--line);padding:22px 20px;display:flex;flex-direction:column;gap:18px}.jb-side h6{font-size:11px;letter-spacing:.12em;color:var(--faint);margin:0 0 7px;text-transform:uppercase}.jb-side .v{font-size:14px;font-weight:600}
.jb-st{display:flex;gap:10px;align-items:center;font-size:13.5px;margin-bottom:8px}.jb-st i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--chip);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted);flex:none}
.jb-empty{grid-column:1/-1;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:56px 24px;text-align:center}
.jb-empty .jb-dlo{margin:0 auto}.jb-empty h2{font-size:24px;margin:18px 0 6px}.jb-empty p{color:var(--muted);font-size:15px;max-width:460px;margin:0 auto 20px;line-height:1.5}
.jb-close{display:none}
/* 23/10 (JK, maquette 22) : formulaire « Postuler » (questions, vidéo, infos) et fenêtre « Partager » */
#p-jobs.jb-apm .jb-hero,#p-jobs.jb-apm #jbTabs{display:none}#p-jobs.jb-apm .jb-wrap{display:block;margin-top:0}
.jb-ap{max-width:680px;margin:0 auto}.jb-ap h1{font-size:clamp(26px,4vw,34px);margin:12px 0 0;letter-spacing:-.02em}.jb-lead{color:var(--muted);font-size:15.5px;margin:6px 0 0}
.jb-back{border:0;background:none;color:var(--muted);font:600 13.5px Inter,sans-serif;padding:0;cursor:pointer}
.jb-steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin:22px 0 6px}
.jb-steps div{font-size:12px;font-weight:700;color:var(--faint);display:grid;gap:7px}.jb-steps div:before{content:"";height:4px;border-radius:9px;background:var(--line)}
.jb-steps div.on{color:var(--ink)}.jb-steps div.on:before{background:#FF4D3D}.jb-steps div.done{color:var(--muted)}.jb-steps div.done:before{background:var(--ink)}
.jb-card{margin-top:16px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:24px;display:grid;gap:20px}
.jb-card h3{margin:0;font-size:19px}.jb-sub{margin:4px 0 0;color:var(--muted);font-size:14px}
.jb-f{display:grid;gap:7px;min-width:0}.jb-f label,.jb-lb{font-weight:600;font-size:14px}.jb-f em{font-style:normal;color:var(--faint);font-weight:500}
.jb-in{width:100%;height:46px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:0 14px;font:15px/1.4 Inter,sans-serif;box-sizing:border-box}
textarea.jb-in{height:auto;min-height:120px;padding:12px 14px;resize:vertical;line-height:1.5}.jb-in.bad{border-color:#FF4D3D}.jb-in:focus{outline:2px solid #FF4D3D;outline-offset:1px}
.jb-err{color:#FF6A5C;font-size:12.5px;font-weight:600;margin:0}
.jb-links{display:grid;gap:8px}
.jb-pills{display:flex;flex-wrap:wrap;gap:8px}.jb-pills button{height:40px;padding:0 15px;border-radius:99px;border:0;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);font:600 13.5px Inter,sans-serif;color:var(--muted);cursor:pointer}
.jb-pills button[aria-pressed="true"]{background:var(--ink);color:var(--inv);box-shadow:none}
.jb-drop{border:1.5px dashed var(--line);border-radius:16px;padding:30px 18px;text-align:center;display:grid;gap:8px;justify-items:center;background:var(--bg);cursor:pointer;transition:border-color .2s,background .2s}
.jb-drop.hot{border-color:#FF4D3D;background:rgba(255,77,61,.06)}.jb-drop .ic{width:52px;height:52px;border-radius:50%;background:var(--chip);display:grid;place-items:center;font-size:22px}.jb-drop small{color:var(--faint);font-size:12.5px}
.jb-btn.sm{height:36px;padding:0 14px;font-size:13px}.jb-btn:disabled{opacity:.6;cursor:default}
.jb-vid{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border-radius:14px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.jb-vid video,.jb-vid .ph{width:72px;height:96px;border-radius:10px;background:var(--chip);object-fit:cover}.jb-vid b{display:block;font-size:14px;overflow-wrap:anywhere}.jb-vid small{color:var(--muted);font-size:12.5px}
.jb-bar{height:6px;border-radius:9px;background:var(--line);overflow:hidden;margin-top:8px}.jb-bar i{display:block;height:100%;background:#FF4D3D;transition:width .25s}
.jb-or{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:12px;font-weight:600}.jb-or:before,.jb-or:after{content:"";flex:1;height:1px;background:var(--line)}
.jb-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.jb-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.jb-recap{display:grid;gap:10px;padding:14px;border-radius:14px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px}.jb-recap div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.jb-recap span{color:var(--faint)}.jb-recap b{font-weight:600;overflow-wrap:anywhere;white-space:pre-line}
.jb-chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted)}.jb-chk input{margin-top:3px;accent-color:#FF4D3D;width:17px;height:17px;flex:none}
.jb-foot{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.jb-done{text-align:center;padding:40px 22px;justify-items:center;gap:12px}.jb-done .ok{width:64px;height:64px;border-radius:50%;background:rgba(61,220,132,.14);color:#3DDC84;display:grid;place-items:center;font-size:30px;font-weight:800}.jb-done p{margin:0;color:var(--muted);max-width:46ch}
.jb-shx{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.jb-shb{width:min(440px,100%);background:var(--surface);color:var(--ink);border-radius:18px;box-shadow:inset 0 0 0 1px var(--line),0 30px 80px rgba(0,0,0,.6);padding:20px;display:grid;gap:14px}
.jb-shh{display:flex;justify-content:space-between;align-items:center}.jb-shh h3{margin:0;font-size:18px}.jb-shh button{border:0;background:var(--chip);color:var(--ink);width:32px;height:32px;border-radius:50%;cursor:pointer}
.jb-shl{display:flex;gap:8px}.jb-shl input{flex:1;min-width:0;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg);padding:0 12px;font:13.5px Inter,sans-serif;color:var(--muted)}
.jb-shq{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}.jb-shq a,.jb-shq button{display:grid;justify-items:center;gap:6px;padding:12px 6px;border-radius:12px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border:0;color:var(--ink);text-decoration:none;font:600 12.5px Inter,sans-serif;cursor:pointer}
.jb-shq i{font-style:normal;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff}
@media (max-width:860px){.jb-card{padding:18px}.jb-row2{grid-template-columns:1fr}.jb-recap div{grid-template-columns:1fr;gap:2px}.jb-vid{grid-template-columns:64px minmax(0,1fr)}.jb-vid .rm{grid-column:1/-1}.jb-vid video,.jb-vid .ph{width:64px;height:86px}}
@media (max-width:860px){.jb-w{padding:16px 14px 80px}.jb-r{margin-left:0}.jb-wrap{grid-template-columns:1fr}.jb-det{grid-template-columns:1fr;position:fixed;inset:10vh 0 0;z-index:60;border-radius:18px 18px 0 0;overflow:auto;transform:translateY(105%);transition:transform .32s cubic-bezier(.32,.72,0,1);box-shadow:0 -10px 40px rgba(0,0,0,.35)}
 .jb-det.on{transform:none}.jb-side{border-left:0;border-top:1px solid var(--line)}.jb-close{display:grid;position:absolute;right:12px;top:12px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;place-items:center;cursor:pointer}
 .jb-cover{height:130px}.jb-dh{margin-top:-34px;padding:0 16px}.jb-dlo{width:56px;height:56px;border-radius:14px}.jb-dh h2{font-size:20px}.jb-act,.jb-sec{padding-left:16px;padding-right:16px}}

/* ===== 18/10 (JK) : marges de ~2 cm sur les côtés, images plus grandes ; en-tête façon maquette ===== */
:root{--hnpad:clamp(16px,3vw,40px)} /* 18/10 (JK) : environ 1 cm de chaque côté */@media(max-width:760px){:root{--hnpad:12px}}
.nav0in,footer .wrap,#p-home .wrap,#p-jobs .jb-w,.hn-w{max-width:none!important;padding-inline:var(--hnpad)!important}
.hn-car{max-width:none;padding-inline:var(--hnpad)}
#p-home .hm-doors .wrap{max-width:none}
.hn-ttl{display:none}
@media (min-width:1301px){
 .nav0 .nav a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px}
 .nav0 .nav a .npromo{position:static;transform:none;left:auto;bottom:auto;margin:0;font-style:normal;font-size:10px;font-weight:700;letter-spacing:0;padding:2px 6px;border-radius:5px;box-shadow:none;animation:none;background:#FF4D3D;color:#fff;text-transform:lowercase;display:inline-block}
 .nav0 .nav a .npromo::first-letter{text-transform:uppercase}
 .nav0 .nav a .npromo.nby{background:#FFB23F;color:#1a1100}.nav0 .nav a .npromo.ngr{background:#34A853;color:#fff}
 .nav0 .nav .new{display:none}
}
@media (min-width:1301px) and (max-width:1680px){.nav0 .nav a{padding:7px 7px;font-size:14px}.nav0in{gap:12px}}
@media (min-width:1301px) and (max-width:1440px){.nav0 .nav a{padding:7px 5px;font-size:13.5px}.logo0 .lw{font-size:16px}}
.npromo.mp.nby{background:#FFB23F;color:#1a1100}.npromo.mp.ngr{background:#34A853;color:#fff}
@media (max-width:760px){
 .nav0in{position:relative;justify-content:flex-end}
 .nav0 .burger{position:absolute!important;left:var(--hnpad);top:50%;transform:translateY(-50%)}
 .nav0 .burger .pop{left:0;right:auto;transform-origin:top left}
 .nav0 .burger .tool svg{display:none}
 .nav0 .tools>.g.burger{border:0!important;background:none!important}
 .nav0 .burger .tool{display:grid!important;place-items:center;width:40px;height:40px;background:none;border:0}
 .nav0 .burger .tool:before{position:static!important;inset:auto!important;transform:none!important;content:"";width:20px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 2px currentColor;background:linear-gradient(currentColor,currentColor) 4px 4px/5px 10px no-repeat;opacity:.85}
 body.hn-home .logo0{display:none}
 body.hn-home .hn-ttl{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--ink)}
 body:not(.hn-home) .logo0{margin-left:52px}
 body:not(.has-pg) .tools .g:has(#cartBtn){display:none}
}
.nav0.fit1 .navcta.login span:not(.ini){display:none}.nav0.fit1 .navcta.login{padding-inline:12px}
/* 18/10 (JK) : logo complet remis (symbole + « backstage color ») ; les liens qui ne tiennent plus passent dans le menu ☰ */.nav0 .nav a.fitx{display:none!important}.nav0.fitall .navc{display:none!important}.nav0.fitall .burger{display:grid!important}
/* 18/10 (JK) : Fichiers d'origine — les rushes S-Log défilent, plus de bulle noire */
.enwc-im{container-type:inline-size;background:#111}
.enwc-rl{position:absolute;inset:0;display:flex;gap:6px;width:max-content;animation:enrl 60s linear infinite}
.enwc-rl img{flex:none;width:72cqw;height:100%;object-fit:cover;border-radius:6px}
@keyframes enrl{to{transform:translateX(calc(-50% - 3px))}}
@media (prefers-reduced-motion:reduce){.enwc-rl{animation:none}}

/* 18/10 (JK) : Messages et Chat à la même hauteur, y compris sur iPad/iPhone (marge de la barre d'accueil) */
@media (min-width:561px){.crdmb{bottom:calc(22px + env(safe-area-inset-bottom,0px));height:50px}}
@media (max-width:560px){.crdmb{bottom:calc(16px + env(safe-area-inset-bottom,0px));height:46px}}

/* 18/10 (JK) : invitation à collaborer, directement sur la publication */
.crcoi{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#E8A24A 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#E8A24A 40%,transparent);font-size:13px;font-weight:600;line-height:1.35;white-space:normal}
.crcoi>span:first-child{flex:1 1 180px}
.crcoib{display:flex;gap:8px}.crcoib .crbtn{height:34px;padding:0 14px;font-size:13px}

/* 18/10 (JK) : Modifier le profil, maquette validée */
#p-cr .crpe{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px;align-items:start;margin-top:14px}
#p-cr .crpe-pv{position:sticky;top:140px;background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--crl,#2E2E35)}
#p-cr .crpe-pv .lbl{font:600 11px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:13px 18px;border-bottom:1px solid var(--crl,#2E2E35)}
#p-cr .crpe-pv .cv{aspect-ratio:3/1;max-width:100%;background:linear-gradient(135deg,#1d1d22,#2a2a31) center/cover}
#p-cr .crpe-pv .bd{padding:0 18px 20px;display:grid;gap:9px}
#p-cr .crpe-pv .pav{margin-top:-42px;width:max-content;border-radius:50%;box-shadow:0 0 0 4px var(--surface)}
#p-cr .crpe-pv .nm{display:flex;align-items:center;gap:6px;font-weight:800;font-size:19px;letter-spacing:-.01em}
#p-cr .crpe-pv .nm .crcert{width:18px;height:18px}
#p-cr .crpe-pv .hd{color:var(--muted);font-size:13.5px;margin-top:-6px}
#p-cr .crpe-pv .sp{width:max-content;max-width:100%;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,transparent);font-size:12.5px;font-weight:600}
#p-cr .crpe-pv .bio{font-size:14px;line-height:1.5;color:color-mix(in srgb,var(--ink) 80%,transparent);white-space:pre-wrap;overflow-wrap:anywhere}
#p-cr .crpe-pv .ln{display:flex;flex-wrap:wrap;gap:12px}
#p-cr .crpe-pv .ln span{display:inline-flex;align-items:center;gap:6px;font-size:13px}
#p-cr .crpe svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}
#p-cr .crpe-f{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:0}
#p-cr .crpe-team{margin:0;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,#3B6FE0 13%,transparent);font-size:13px;line-height:1.45;color:color-mix(in srgb,var(--ink) 82%,transparent)}
#p-cr .crpe-g{background:var(--surface);border-radius:18px;box-shadow:inset 0 0 0 1px var(--crl,#2E2E35);padding:20px;display:grid;gap:14px;min-width:0}
#p-cr .crpe-g h3{margin:0;font-size:16px;font-weight:800;display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
#p-cr .crpe-g h3 small{font-size:12px;font-weight:500;color:var(--muted)}
#p-cr .crpe-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#p-cr .crpe .fl{display:grid;gap:7px;font-size:13px;font-weight:600;color:var(--ink);min-width:0}
#p-cr .crpe-lc{display:flex;justify-content:space-between;gap:10px}
#p-cr .crpe-lc i{font-style:normal;font-weight:500;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
#p-cr .crpe-in{display:flex;align-items:center;gap:8px;border-radius:12px;border:1px solid var(--crl,#2E2E35);background:var(--bg);padding:0 0 0 14px;min-height:46px}
#p-cr .crpe-in:focus-within{border-color:var(--muted)}
#p-cr .crpe-in em{font-style:normal;color:var(--muted);font-weight:500}
#p-cr .crpe-in svg{color:var(--muted)}
#p-cr .crpe-in input{border:0!important;background:none!important;padding-left:0!important;min-height:44px}
#p-cr .crpe .fl>input,#p-cr .crpe .fl>textarea{background:var(--bg)}
#p-cr .crpe-ph{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}
#p-cr .crpe-av{position:relative;width:120px;height:120px;border-radius:50%;cursor:pointer;display:block}
#p-cr .crpe-av #peAv,#p-cr .crpe-av .crav{width:120px!important;height:120px!important;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:40px!important}
#p-cr .crpe-av .crav img{width:100%;height:100%;object-fit:cover}
#p-cr .crpe-av em,#p-cr .crpe-cv em{position:absolute;font-style:normal;height:30px;padding:0 12px;border-radius:999px;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}
#p-cr .crpe-av em{left:50%;bottom:-4px;transform:translateX(-50%)}
#p-cr .crpe-cv em{right:10px;bottom:10px}
#p-cr .crpe-av input,#p-cr .crpe-cv input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#p-cr .crpe-av:focus-within,#p-cr .crpe-cv:focus-within{outline:2px solid #3B6FE0;outline-offset:3px}
#p-cr .crpe-cvw{display:grid;gap:8px;min-width:0}
#p-cr .crpe-cvw small{font-size:12px;color:var(--muted);font-weight:400}
#p-cr .crpe-cv{position:relative;display:grid;place-items:center;aspect-ratio:3/1;max-width:100%;border-radius:14px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#1d1d22,#2a2a31) center/cover;box-shadow:inset 0 0 0 1px var(--crl,#2E2E35)}
#p-cr .crpe-cv .crpe-cvph{color:var(--muted);font-size:13px;font-weight:600}
#p-cr .crpe-sv{position:sticky;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:16px;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--crl,#2E2E35),0 18px 40px -22px rgba(0,0,0,.8)}
#p-cr .crpe-sv span{font-size:13px;color:var(--muted);min-width:0}
#p-cr .crpe-sv .crbtn{flex:none;height:44px;padding:0 22px}
@media (max-width:900px){#p-cr .crpe{grid-template-columns:minmax(0,1fr)}#p-cr .crpe-pv{position:static}}
@media (max-width:560px){#p-cr .crpe-2,#p-cr .crpe-ph{grid-template-columns:minmax(0,1fr)}#p-cr .crpe-av,#p-cr .crpe-av #peAv,#p-cr .crpe-av .crav{width:104px!important;height:104px!important}#p-cr .crpe-g{padding:16px}}
@media (max-width:1099px){#p-cr .crpe-sv{bottom:calc(62px + env(safe-area-inset-bottom,0px))}}

/* 18/10 (JK) : recherche façon Explorer d'Instagram */
#p-cr .crex{display:grid;gap:14px;margin-top:6px}
#p-cr .crexf{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
#p-cr .crexf::-webkit-scrollbar{display:none}
#p-cr .crexf button,#p-cr .crexf a{flex:none;height:34px;padding:0 14px;border-radius:999px;border:0;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;white-space:nowrap}
#p-cr .crexf button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
#p-cr .crexf a{background:none;box-shadow:inset 0 0 0 1px var(--crl,#2E2E35);color:color-mix(in srgb,var(--ink) 80%,transparent)}
#p-cr .crexg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;grid-auto-flow:dense;gap:3px}
#p-cr .crext{position:relative;display:block;aspect-ratio:3/4;max-width:100%;overflow:hidden;background:#151517}
#p-cr .crext.tall{grid-row:span 2;aspect-ratio:auto}
#p-cr .crext img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
#p-cr .crext:hover img{transform:scale(1.04)}
#p-cr .crext .ic{position:absolute;top:8px;right:8px;width:22px;height:22px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
#p-cr .crext .ic svg{width:100%;height:100%}
#p-cr .crext .tg{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 16px);padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#p-cr .crext .tg b{width:7px;height:7px;border-radius:50%;flex:none}
@media (max-width:560px){#p-cr .crexg{gap:2px}#p-cr .crext .tg{font-size:10.5px;padding:3px 7px;left:5px;bottom:5px}#p-cr .crext .ic{width:18px;height:18px;top:6px;right:6px}}
@media (prefers-reduced-motion:reduce){#p-cr .crext img{transition:none}}

/* 18/10 (JK, comme Higgsfield) : grandes cartes en haut de l'accueil — environ 2,5 à l'écran, on fait défiler ; les petites scènes sont agrandies d'autant */
.hn-hero{position:relative}
@media (min-width:761px){
 .hn-car{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;scroll-padding-inline:var(--hnpad);scroll-behavior:smooth}
 .hn-car::-webkit-scrollbar{display:none}
 .hn-car>.hn-cc,.hn-car>.hn-cc:nth-child(n+4){flex:0 0 calc((100% - 36px)/2.55);grid-column:auto;scroll-snap-align:start}
 .hn-car>.hn-cc .hn-im,.hn-car>.hn-cc:nth-child(n+4) .hn-im{aspect-ratio:16/11;border-radius:20px}
 .hn-cc h3{font-size:24px;margin-top:16px}
 .hn-cc p{font-size:16px}
}
.hn-arw{position:absolute;z-index:3;top:calc(18px + var(--hnimh,200px)/2);width:46px;height:46px;margin-top:-23px;border-radius:50%;border:0;background:rgba(20,20,23,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer}
.hn-arw svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hn-arw.l{left:calc(var(--hnpad) - 18px)}.hn-arw.r{right:calc(var(--hnpad) - 18px)}
@media (max-width:760px),(hover:none){.hn-arw{display:none!important}}
.hn-arw[hidden]{display:none!important}
@media (min-width:761px) and (max-width:1024px){.hn-car>.hn-cc,.hn-car>.hn-cc:nth-child(n+4){flex-basis:calc((100% - 18px)/1.6)}}

/* 18/10 (JK) : les 3 blocs « Je veux… » alignés en haut */
.hm-door{justify-content:flex-start!important;align-content:start!important}

/* 18/10 (JK) : étiquettes des scènes (« 1 · Créer un look », « S-LOG3 · C4108 », en-tête Créateurs) à taille normale, quelle que soit la taille de la carte */
.hn-im .hn-stp,.hn-im .hn-rid{font-size:calc(13px / var(--z,1));padding:calc(5px / var(--z,1)) calc(11px / var(--z,1));top:calc(14px / var(--z,1))}
.hn-im .hn-stp{left:calc(14px / var(--z,1))}.hn-im .hn-rid{right:calc(14px / var(--z,1))}
.hn-im .hn-hd3{font-size:calc(14px / var(--z,1))}
.hn-im .hn-hd3 span{font-size:calc(12px / var(--z,1))}
.hn-im .hn-pg{font-size:calc(12px / var(--z,1))}

/* 18/10 (JK) : ligne « J'aime · Commenter · Acheter le look » de la carte Créateurs à taille normale */
.hn-im .hn-bt5{font-size:calc(13px / var(--z,1));left:calc(14px / var(--z,1));right:calc(14px / var(--z,1));bottom:calc(10px / var(--z,1))}
/* 18/10 (JK) : animations au survol — blocs « Je veux… », leurs boutons et les grandes cartes */
.hm-door{position:relative;overflow:hidden;transition:transform .35s var(--spring,cubic-bezier(.34,1.56,.64,1)),border-color .25s,box-shadow .35s}
.hm-door::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--dc) 22%,transparent),transparent 60%);opacity:0;transition:opacity .35s}
.hm-door>*{position:relative}
.hm-door b i{transition:transform .35s var(--spring,cubic-bezier(.34,1.56,.64,1)),box-shadow .35s}
.hm-dl a{transition:border-color .2s,background .2s,color .2s,transform .25s var(--spring,cubic-bezier(.34,1.56,.64,1)),box-shadow .25s}
.hm-dl a::after{transition:transform .25s var(--spring,cubic-bezier(.34,1.56,.64,1)),opacity .2s}
@media (hover:hover){
 .hm-door:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--dc) 55%,var(--line));box-shadow:0 18px 40px -22px color-mix(in srgb,var(--dc) 70%,transparent)}
 .hm-door:hover::before{opacity:1}
 .hm-door:hover b i{transform:scale(1.35);box-shadow:0 0 0 6px color-mix(in srgb,var(--dc) 28%,transparent)}
 .hm-dl a:hover{background:var(--dc);border-color:var(--dc);color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px -10px var(--dc)}
 .hm-dl a:hover::after{transform:translateX(4px);opacity:1}
 .hn-cc .hn-im>img,.hn-cc .hn-im>video{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
 .hn-cc:hover .hn-im>img,.hn-cc:hover .hn-im>video{transform:scale(1.04)}
 .hn-cc h3{transition:color .2s}
 .hn-cc:hover h3{color:#fff}
 .hn-arw{transition:transform .2s,background .2s}.hn-arw:hover{transform:scale(1.08);background:rgba(40,40,46,.92)}
}
.hm-dl a:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){.hm-door,.hm-dl a,.hn-cc .hn-im>img,.hn-cc .hn-im>video{transition:none!important;transform:none!important}}

/* 18/10 (JK) : témoignages « Ils en parlent mieux que nous » retirés partout (ils parlent de JK, pas de Backstage Color) */
.tsw-sec{display:none!important}

/* 18/10 (JK) : fondus en dégradé entre les sections du bas de l'accueil (comme Higgsfield) */
#p-home .hm-fq.alt{border-block:0;background:linear-gradient(180deg,var(--bg) 0%,var(--surface-2) 22%,var(--surface-2) 78%,var(--bg) 100%)}
#p-home .xp-end{background:var(--bg)}
#p-home .xp-end .xp-bg::after{background:linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 70%,transparent) 18%,color-mix(in srgb,var(--bg) 0%,transparent) 48%,color-mix(in srgb,var(--bg) 40%,transparent) 70%,var(--bg) 100%),linear-gradient(90deg,color-mix(in srgb,var(--bg) 55%,transparent),transparent 65%)}




/* 18/10 (JK) : Explorer façon Higgsfield + nos trois ajouts */
.hx-sec{padding:72px 0 8px}
.hx-f{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.hx-f button{height:36px;padding:0 16px;border-radius:999px;border:0;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.hx-f button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.hx-gw{position:relative;margin-top:16px;max-height:780px;overflow:hidden}
.hx-g{column-count:4;column-gap:8px}
.hx-t{position:relative;display:block;width:100%;max-width:100%;margin:0 0 8px;break-inside:avoid;overflow:hidden;border-radius:8px;background:#151517}
.hx-t[hidden]{display:none!important}
.hx-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .45s,transform .7s cubic-bezier(.2,.8,.2,1)}
.hx-t .hx-alt{opacity:0}
.hx-sw{position:absolute;right:10px;top:10px;padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font:700 11px ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.04em;opacity:0;transition:opacity .3s}
.hx-t .tg{position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:600}
.hx-fd{position:absolute;left:0;right:0;bottom:0;height:50%;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 0%,transparent),color-mix(in srgb,var(--bg) 78%,transparent) 55%,var(--bg))}
.hx-btn{position:absolute;left:50%;bottom:44px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;box-shadow:0 14px 40px -12px rgba(0,0,0,.7);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.hx-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hx-more{text-align:center;padding:60px 0 24px}
.hx-more h3{margin:0 0 12px;font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.03em}
.hx-lg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:18px;color:var(--muted);font-size:13px}
.hx-lg span,.hx-chips a{display:inline-flex;align-items:center;gap:8px}
.hx-lg span::before,.hx-chips a::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);flex:none}
.hx-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1100px;margin:0 auto}
.hx-chips a{height:36px;padding:0 14px;border-radius:10px;background:color-mix(in srgb,var(--ink) 7%,transparent);color:color-mix(in srgb,var(--ink) 80%,transparent);font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .2s}
@media (hover:hover){
 .hx-t:hover .hx-alt{opacity:1}.hx-t:hover img{transform:scale(1.04)}.hx-t:hover .hx-sw{opacity:1}
 .hx-btn:hover{transform:translateX(-50%) translateY(-2px) scale(1.03)}
 .hx-chips a:hover{background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--ink);transform:translateY(-1px)}
 .hx-f button:not([aria-pressed="true"]):hover{background:color-mix(in srgb,var(--ink) 14%,transparent)}
}
@media (max-width:1024px){.hx-g{column-count:3}.hx-gw{max-height:700px}}
@media (max-width:640px){.hx-sec{padding-top:48px}.hx-g{column-count:2;column-gap:4px}.hx-t{margin-bottom:4px;border-radius:6px}.hx-gw{max-height:560px}.hx-btn{bottom:28px;font-size:14px;height:44px}.hx-more{padding-top:44px}.hx-chips a{height:34px;font-size:13px;padding:0 12px}.hx-t .tg{font-size:10.5px;left:6px;bottom:6px;padding:3px 7px}.hx-f button{height:34px;font-size:13px;padding:0 13px}}
@media (prefers-reduced-motion:reduce){.hx-t img,.hx-btn,.hx-chips a{transition:none}}

/* 18/10 (JK) : même fondu que la galerie Explorer en bas de « Progresse avec ceux qui ont le même œil » */
.hn-acw{position:relative;grid-column:1/-1;padding-bottom:30px}
@media (max-width:760px){.hn-acw .hx-fd{height:45%}}
.hn-acw .hn-acad{margin-top:0}
.hn-acw .hx-fd{height:85%}
.hn-acw .hx-btn{bottom:24px}

/* 18/10 (JK) : boutons « Tout voir dans Créateurs » et « Rejoindre la communauté » en blanc translucide (effet verre) */
.hx-btn{background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 14px 40px -12px rgba(0,0,0,.6)}
@media (hover:hover){.hx-btn:hover{background:rgba(255,255,255,.26)}}

/* 18/10 (JK) : liens de la barre du haut plus grands (13,5 → 15 px) ; ceux qui ne tiennent plus passent dans le menu ☰ */
@media (min-width:1301px){.nav0 .nav a{font-size:15px!important}.nav0 .nav a .npromo{font-size:11px!important}}

/* 18/10 (JK, téléphone) : la recherche flottante se cache quand on arrive sur la grande image de fin et le pied de page ;
   le pied de page garde de la place sous lui pour la barre de Safari */
body.hn-end .hn-search{opacity:0;pointer-events:none;transform:translateY(90px)}
@media (max-width:760px){footer{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}}

/* 18/10 (JK) : bloc façon Higgsfield sous les grandes cartes */
#p-home .hm-doors{display:none!important}
.hqb{padding:22px 0 10px}
/* 20/10 (JK) : la section « Crée ton compte » portait aussi le style .hqb de la barre (flex) : sur un très grand écran elle se rétrécissait et se décalait */
section.hqb{display:block;margin-left:0}
.hq-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:14px;align-items:stretch}
.hq-ban{position:relative;min-height:340px;border-radius:22px;overflow:hidden;background:#111;display:flex;align-items:flex-end;isolation:isolate}
.hq-ban>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.hq-sh{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,10,.92) 0%,rgba(8,8,10,.7) 45%,rgba(8,8,10,.15) 100%),linear-gradient(0deg,rgba(8,8,10,.6),transparent 50%)}
.hq-tx{padding:30px 30px 28px}
.hq-tx h2{margin:0;font-size:clamp(28px,3.4vw,46px);line-height:1.02;font-weight:900;letter-spacing:-.035em;text-transform:uppercase;color:#fff}
.hq-tx h2 span{background:linear-gradient(90deg,#FF4D3D,#E8A24A 60%,#FFD36B);-webkit-background-clip:text;background-clip:text;color:transparent}
.hq-tx ul{list-style:none;margin:18px 0 22px;padding:0;display:grid;gap:8px}
.hq-tx li{display:flex;align-items:center;gap:10px;color:#D7D7DD;font-size:15px}
.hq-tx li::before{content:"";width:16px;height:16px;flex:none;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C9D0' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}
.hq-cta{height:52px;padding:0 26px;border-radius:14px;border:0;background:#FF4D3D;color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 6px 0 #B8261C,0 18px 40px -14px rgba(255,77,61,.7);transition:transform .15s,box-shadow .15s}
.hq-cta:active{transform:translateY(4px);box-shadow:0 2px 0 #B8261C}
.hq-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:14px}
/* 29/10 (JK, Reel Kit) : 7 outils → le dernier prend toute la ligne (pas de carte seule) */.hq-g>.hq-t:nth-child(7):last-child{grid-column:1/-1}
.hq-t{position:relative;display:flex;flex-direction:column;gap:6px;min-height:163px;padding:18px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .3s}
.hq-ic{width:26px;height:26px;color:var(--ink);margin-bottom:auto;flex:none}
.hq-ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hq-t b{margin-top:14px;font-size:17px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.hq-t em{font-style:italic;font-size:10.5px;font-weight:900;letter-spacing:.02em;padding:2px 7px;border-radius:5px;background:#FF4D3D;color:#fff}
.hq-t em.y{background:#FFB23F;color:#1a1100}.hq-t em.g{background:#34A853}
.hq-t small{color:var(--muted);font-size:13.5px;line-height:1.4}
@media (hover:hover){.hq-ban:hover>img{transform:scale(1.04)}.hq-t:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--ink) 5%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 18%,transparent),0 18px 40px -24px rgba(0,0,0,.8)}.hq-cta:hover{background:#FF5E4F}}
@media (max-width:1100px){.hq-in{grid-template-columns:minmax(0,1fr)}.hq-ban{min-height:300px}}
@media (max-width:640px){.hqb{padding-top:14px}.hq-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hq-t{min-height:150px;padding:14px;border-radius:16px}.hq-ic{width:22px;height:22px}.hq-t b{font-size:15px}.hq-t small{font-size:12.5px}.hq-tx{padding:22px 20px}.hq-ban{min-height:0;border-radius:18px}.hq-cta{width:100%}}
@media (prefers-reduced-motion:reduce){.hq-ban>img,.hq-t,.hq-cta{transition:none}}

/* 18/10 (JK) : textes plus mesurés, comme Higgsfield — grandes cartes, bannière et 6 cartes */
@media (min-width:761px){
 .hn-car .hn-cc h3{font-size:17px!important;margin:14px 0 3px!important;letter-spacing:-.015em;text-transform:uppercase}
 .hn-car .hn-cc p{font-size:13.5px!important;line-height:1.45}
}
.hn-cc .hn-pal{margin-top:10px}
.hq-tx{padding:26px 26px 24px}
.hq-tx h2{font-size:clamp(24px,2.5vw,34px)!important;line-height:1.04}
.hq-tx ul{margin:14px 0 18px;gap:6px}
.hq-tx li{font-size:13.5px}
.hq-tx li::before{width:14px;height:14px;background-size:14px}
.hq-cta{height:46px;padding:0 22px;font-size:15px;border-radius:12px}
.hq-ban{min-height:300px}
.hq-g{gap:12px}
.hq-t{min-height:140px;padding:16px;border-radius:16px;gap:4px}
.hq-ic{width:22px;height:22px}
.hq-t b{margin-top:10px;font-size:15px}
.hq-t small{font-size:12.5px;line-height:1.4}
.hq-t em{font-size:9.5px;padding:2px 6px}
@media (max-width:640px){.hq-tx h2{font-size:24px!important}.hq-t{min-height:128px;padding:13px}.hq-t b{font-size:14px}.hq-t small{font-size:12px}}

/* 18/10 (JK) : planche de la carte Projets en 3 colonnes (Brief → Référence + Look → Découpage), traits recalculés pour relier les notes */
.hn-brd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;column-gap:16px;row-gap:8px;padding:10px 10px}
.hn-brd>.hn-bc{position:relative!important;left:auto!important;top:auto!important;width:auto!important;z-index:1}
.hn-brd>.hn-bc:nth-child(2){grid-column:1;grid-row:1/3}
.hn-brd>.hn-bc:nth-child(3){grid-column:2;grid-row:1;align-self:end}
.hn-brd>.hn-bc:nth-child(4){grid-column:2;grid-row:2;align-self:start}
.hn-brd>.hn-bc:nth-child(5){grid-column:3;grid-row:1/3}
.hn-brd .hn-bc img{height:auto;aspect-ratio:16/8}
.hn-brd .hn-bc i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hn-wr{z-index:0;overflow:visible}

@media (max-width:760px){.hn-brd{column-gap:9px;padding:8px 7px}.hn-brd .hn-bc.hn-n{padding:5px}.hn-brd .hn-bc.hn-n b{font-size:9.5px}.hn-brd .hn-bc i{white-space:normal;line-height:1.2;padding:3px 4px;font-size:8.5px}.hn-brd .hn-bc img{aspect-ratio:16/6}.hn-brd{row-gap:5px;padding-block:5px}}
/* 24/10 (JK, maquette 27) : bandeau « LUTs gratuites » façon « Free Gens » (Higgsfield) : cartes en éventail, certaines en vidéo ; « Essayer gratuitement » ouvre la fenêtre des LUTs offertes, chacune s'ouvre dans le Color Studio (démo), sans téléchargement */
.flx-sec{padding-block:24px 8px}
.flx{position:relative;overflow:hidden;border-radius:var(--r);background:#050506;height:430px;isolation:isolate;color:#fff;perspective:1100px}
.flx::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 75% at 50% 50%,rgba(5,5,6,.96) 30%,rgba(5,5,6,.55) 62%,rgba(5,5,6,0) 100%)}
.flx-fan{position:absolute;top:0;bottom:0;width:46%;transform-style:preserve-3d}
.flx-fan.l{left:0}.flx-fan.r{right:0}
.flx-cd{position:absolute;top:50%;border-radius:14px;overflow:hidden;background:#111 center/cover no-repeat;box-shadow:0 30px 60px rgba(0,0,0,.6);animation:flxfl 7s ease-in-out infinite}
.flx-cd video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.flx-cd::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,0) 60%)}
.flx-fan.r .flx-cd::after{background:linear-gradient(270deg,rgba(0,0,0,.35),rgba(0,0,0,0) 60%)}
@keyframes flxfl{0%,100%{margin-top:0}50%{margin-top:-8px}}
.flx-fan.l .c1{left:-4%;width:150px;height:300px;transform:perspective(1100px) translateY(-50%) rotateY(52deg)}
.flx-fan.l .c2{left:8%;width:180px;height:340px;transform:perspective(1100px) translateY(-50%) rotateY(46deg);animation-delay:-1.5s}
.flx-fan.l .c3{left:24%;width:220px;height:380px;transform:perspective(1100px) translateY(-50%) rotateY(40deg);animation-delay:-3s}
.flx-fan.l .c4{left:44%;width:250px;height:400px;transform:perspective(1100px) translateY(-50%) rotateY(34deg);animation-delay:-4.5s}
.flx-fan.r .c1{right:-4%;width:150px;height:300px;transform:perspective(1100px) translateY(-50%) rotateY(-52deg);animation-delay:-2s}
.flx-fan.r .c2{right:8%;width:180px;height:340px;transform:perspective(1100px) translateY(-50%) rotateY(-46deg);animation-delay:-3.5s}
.flx-fan.r .c3{right:24%;width:220px;height:380px;transform:perspective(1100px) translateY(-50%) rotateY(-40deg);animation-delay:-.5s}
.flx-fan.r .c4{right:44%;width:250px;height:400px;transform:perspective(1100px) translateY(-50%) rotateY(-34deg);animation-delay:-5s}
.flx-mid{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-inline:20px;gap:14px}
.flx-brand{display:flex;align-items:center;gap:8px;font:700 15px 'Space Grotesk',Inter,sans-serif;color:#fff}
.flx-brand svg{width:24px;height:24px;flex:none}
.flx-ttl{font:700 34px/1 'Space Grotesk',Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#E9E9EC;display:flex;align-items:baseline;gap:12px}
.flx-ttl small{font:500 26px Inter,sans-serif;letter-spacing:.2em;color:#B9B9C0}
.flx-pill{display:inline-flex;align-items:center;gap:14px;padding:12px 30px 12px 16px;border-radius:22px;border:3px solid #FF4A3C;background:linear-gradient(180deg,rgba(255,74,60,.22),rgba(208,31,23,.10));box-shadow:0 0 0 1px rgba(255,74,60,.35) inset,0 0 26px rgba(255,74,60,.55),0 0 70px rgba(255,74,60,.25);animation:flxgl 3.2s ease-in-out infinite}
@keyframes flxgl{0%,100%{box-shadow:0 0 0 1px rgba(255,74,60,.35) inset,0 0 22px rgba(255,74,60,.45),0 0 60px rgba(255,74,60,.2)}50%{box-shadow:0 0 0 1px rgba(255,74,60,.5) inset,0 0 34px rgba(255,74,60,.7),0 0 90px rgba(255,74,60,.32)}}
.flx-pill svg{width:44px;height:44px;flex:none}
.flx-pill b{font:700 54px/1 'Space Grotesk',Inter,sans-serif;text-transform:uppercase;background:linear-gradient(180deg,#FFE3DE 0%,#FF8A7E 45%,#FF4A3C 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.flx-sub{max-width:440px;margin:0;font-size:14px;line-height:1.5;color:#A9A9B0;text-wrap:balance}
.flx-sub strong{color:#fff;font-weight:600}
.flx-cta{border:0;cursor:pointer;font:700 14px Inter,sans-serif;color:#fff;padding:12px 22px;border-radius:12px;background:linear-gradient(150deg,#FF4A3C,#D01F17);box-shadow:0 8px 24px rgba(255,74,60,.35);transition:transform .25s var(--spring)}
.flx-cta:hover{transform:translateY(-2px)}.flx-cta:active{transform:scale(.97)}
.flx-ov{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px max(16px,env(safe-area-inset-right,0px)) 20px max(16px,env(safe-area-inset-left,0px))}
.flx-ov[hidden]{display:none}
.flx-md{width:100%;max-width:760px;max-height:calc(100dvh - 40px);overflow:auto;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.45);animation:flxup .4s var(--spring)}
@keyframes flxup{from{opacity:0;transform:translateY(18px) scale(.98)}}
.flx-mh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.flx-mh h2{margin:0;font:700 24px/1.15 'Space Grotesk',Inter,sans-serif;letter-spacing:0;text-wrap:balance}
.flx-mh p{margin:6px 0 0;color:var(--muted);font-size:14px}
.flx-x{border:0;background:var(--chip);color:var(--ink);width:34px;height:34px;border-radius:50%;font-size:18px;cursor:pointer;flex:none}
.flx-lg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.flx-lc{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface-2);display:flex;flex-direction:column}
.flx-im{aspect-ratio:16/10;background:#111 center/cover;position:relative}
.flx-im video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.flx-im span{position:absolute;z-index:1;left:10px;top:10px;font:700 10px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,74,60,.92);color:#fff;padding:4px 8px;border-radius:99px}
.flx-tx{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px;flex:1}
.flx-tx h3{margin:0;font-size:15px;letter-spacing:0}
.flx-mt{font-size:12px;color:var(--muted)}
.flx-dl{margin-top:auto;display:block;text-align:center;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:600 13px Inter,sans-serif;border-radius:10px;padding:9px;text-decoration:none}
.flx-dl:hover{border-color:#FF4A3C;color:#FF4A3C}
.flx-bt{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.flx-b1,.flx-dl{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.flx-b1{border:0;background:var(--ink);color:var(--bg);font:600 13px Inter,sans-serif;border-radius:10px;padding:9px;cursor:pointer}
.flx-b1 svg,.flx-dl svg{flex:none}
.flx-dl{margin-top:0}
/* galerie des LUTs : les 3 gratuites */
.lut.is-free .t{box-shadow:0 0 0 2px #FF4A3C,var(--shadow)}
.lut .lfree{position:absolute;left:12px;top:12px;z-index:2;font:800 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:#FF4A3C;color:#fff;padding:5px 10px;border-radius:99px;box-shadow:0 4px 16px rgba(255,74,60,.45)}
.lut .lfa{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.lut .lfa .btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.lut .lfa .ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.lut .lfa .ghost:hover{border-color:#FF4A3C;color:#FF4A3C}
.ltg .lfr.on{background:#FF4A3C;border-color:#FF4A3C;color:#fff}
.lpromo{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-radius:18px;padding:16px 18px;margin:0 0 22px;background:linear-gradient(110deg,rgba(255,74,60,.18),rgba(255,74,60,.04) 60%),var(--surface);border:1px solid rgba(255,74,60,.45)}
.lpromo .lpl{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 280px}
.lpromo .lpl b{font-size:18px;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}
.lpromo .lpl>span{font-size:13px;color:var(--muted)}
.lpcode{display:inline-flex;align-items:center;gap:8px;border:1.5px dashed #FF4A3C;border-radius:12px;padding:8px 12px;font:800 15px/1 Inter,sans-serif;letter-spacing:.06em;color:var(--ink);background:rgba(255,74,60,.1);cursor:pointer}
.lpcode small{font:600 11px Inter,sans-serif;letter-spacing:0;color:var(--muted)}
.lpcd{display:flex;gap:6px}
.lpcd span{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:6px 4px;border-radius:10px;background:var(--chip);font:800 17px/1 Inter,sans-serif}
.lpcd span i{font:600 10px Inter,sans-serif;font-style:normal;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}
.lbuy s{opacity:.55;font-weight:600}.lpct{font-style:normal;background:#FF4A3C;color:#fff;font-size:11px;padding:2px 7px;border-radius:99px;margin-left:2px}
.lut .lpk9{position:absolute;left:12px;top:12px;z-index:2;font:800 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;padding:5px 10px;border-radius:99px}
.flx-mf s{opacity:.55;font-weight:500}
@media (max-width:560px){.lpcd span{min-width:40px}}
.lut .t.lflash{animation:lflash 1.6s ease}@keyframes lflash{0%,100%{box-shadow:0 0 0 2px #FF4A3C}30%{box-shadow:0 0 0 7px rgba(255,74,60,.55)}}
.flx-mf{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.flx-mf a{color:var(--ink);font-weight:600;text-decoration:none}
@media (max-width:1000px){.flx-fan{width:44%}.flx-fan.l .c1,.flx-fan.r .c1{display:none}.flx-pill b{font-size:44px}}
@media (max-width:640px){
  .flx{height:520px}
  .flx-fan{width:30%}
  .flx-fan .c1,.flx-fan .c2,.flx-fan .c3{display:none}
  .flx-fan.l .c4{left:-46px;width:120px;height:360px;transform:perspective(1100px) translateY(-50%) rotateY(28deg)}
  .flx-fan.r .c4{right:-46px;width:120px;height:360px;transform:perspective(1100px) translateY(-50%) rotateY(-28deg)}
  .flx::before{background:linear-gradient(90deg,rgba(5,5,6,0) 0%,rgba(5,5,6,.35) 12%,rgba(5,5,6,.92) 26%,rgba(5,5,6,.92) 74%,rgba(5,5,6,.35) 88%,rgba(5,5,6,0) 100%)}
  .flx-ttl{font-size:24px;flex-direction:column;gap:6px;align-items:center}
  .flx-ttl small{font-size:18px}
  .flx-pill{padding:10px 18px 10px 12px;gap:10px;border-radius:18px}
  .flx-pill svg{width:32px;height:32px}
  .flx-pill b{font-size:34px}
  .flx-lg{grid-template-columns:1fr}
  .flx-lc{flex-direction:row}
  .flx-im{width:96px;aspect-ratio:auto;flex:none}
  .flx-tx{padding:12px;min-width:0}
  .flx-dl,.flx-b1{white-space:normal;text-align:center;line-height:1.25;font-size:12px;padding:8px 6px}
  .flx-md{padding:20px}
}
@media (prefers-reduced-motion:reduce){.flx-cd,.flx-pill{animation:none}}
/* 24/10 (JK, maquette 33) : cadre fin et clair, plus large que la page (jusqu'à 1 440 px) ; badge sans icône (le logo est en haut) ;
   cartes fixes (seules les vidéos bougent), qui montent du bas à l'arrivée du bandeau, du centre vers les bords ; vidéos en fondu sur leur image */
.flx-w{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.flx{max-width:1440px;margin:0 auto;border:1px solid rgba(255,255,255,.15);perspective:none}
.flx-cd{animation:none;opacity:0;translate:0 115%;transition:opacity .7s ease,translate 1.5s cubic-bezier(.16,1,.3,1)}
.flx.in .flx-cd{opacity:1;translate:0 0}
.flx.in .flx-fan .c3{transition-delay:.12s}.flx.in .flx-fan .c2{transition-delay:.24s}.flx.in .flx-fan .c1{transition-delay:.36s}
.flx-cd video{opacity:0;transition:opacity 1.2s ease}.flx-cd video.on{opacity:1}
.flx-mid>*{opacity:0;translate:0 14px;transition:opacity .8s cubic-bezier(.22,1,.36,1) .35s,translate .9s cubic-bezier(.22,1,.36,1) .35s}
.flx.in .flx-mid>*{opacity:1;translate:0 0}
.flx.in .flx-mid>:nth-child(2){transition-delay:.43s}.flx.in .flx-mid>:nth-child(3){transition-delay:.51s}.flx.in .flx-mid>:nth-child(4){transition-delay:.59s}.flx.in .flx-mid>:nth-child(5){transition-delay:.67s}
.flx-pill{padding:12px 34px;animation-duration:4.5s}
.flx-cta{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.flx-cta:hover{box-shadow:0 12px 30px rgba(255,74,60,.45)}
@media (max-width:640px){.flx-pill{padding:10px 22px}}
@media (prefers-reduced-motion:reduce){.flx-cd,.flx-mid>*{opacity:1;translate:none;transition:none}}
/* 24/10 (JK, maquette 34) : bloc « Color Studio » de l'accueil. Les 3 parties du Studio (Projets, Créer un look, Étalonner) en vidéos qui tournent,
   chaque case ouvre directement sa partie (/studio#projet-modele, #creer, #salle, ?look=…). Au-dessus : la bande « Commence gratuitement » en chaîne de nœuds.
   En bas : des plans étalonnés qui partent dans un dégradé. Contour fin de chaque case (blanc 20 %). Pas de prix (règle de l'accueil). */
.cs-sec{padding-block:56px 24px}
.cs-h{margin-bottom:16px}
.cs-h h2{margin:0;display:flex;align-items:center;gap:10px;font:700 clamp(24px,3vw,30px)/1.1 'Space Grotesk',Inter,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.cs-h h2 svg{width:28px;height:28px;flex:none;color:var(--ink)}
.cs-h p{margin:6px 0 0;color:var(--muted);max-width:70ch}
.cs-rw{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;margin:0 0 16px;padding:16px 20px 18px;border-radius:20px;background:#101012;color:#F4F4F6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cs-rw::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 20px 20px;background:linear-gradient(90deg,#E0332A,#E8A24A,#34A853,#12A6A0,#3B6FE0,#B84FD6)}
.cs-rwl{min-width:0;display:flex;flex-direction:column;gap:4px}
.cs-ey{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8B8B94}
.cs-rwl b{font:800 20px/1.2 Inter,sans-serif;letter-spacing:-.02em;text-wrap:balance}
.cs-chain{position:relative;display:flex;align-items:center;gap:18px;padding:0 14px}
.cs-chain::before{content:"";position:absolute;left:8px;right:8px;top:50%;border-top:2px dashed rgba(52,168,83,.55)}
.cs-pt{position:relative;width:12px;height:12px;border-radius:50%;background:#34A853;box-shadow:0 0 0 4px rgba(52,168,83,.18);flex:none}
.cs-nd{position:relative;width:108px;border-radius:12px;background:#17171b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 8px 22px rgba(0,0,0,.4);overflow:hidden;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.cs-nd i{display:block;height:58px;background:#111 center/cover}
.cs-nd span{display:flex;flex-direction:column;gap:1px;padding:6px 8px 8px}
.cs-nd em{font:800 10px Inter,sans-serif;font-style:normal;color:#fff;background:#3B6FE0;align-self:flex-start;padding:1px 5px;border-radius:4px}
.cs-nd b{font-size:11.5px;line-height:1.2}
.cs-rw:hover .cs-nd{transform:translateY(-3px)}
.cs-rwb{display:flex;flex-direction:column;gap:10px}
.cs-b1,.cs-b2{border-radius:99px;padding:10px 18px;font:700 14px Inter,sans-serif;cursor:pointer;white-space:nowrap;text-align:center}
.cs-b1{background:#fff;color:#0B0B0C;border:0}
.cs-b2{background:transparent;color:#F4F4F6;border:1px solid rgba(255,255,255,.18)}
.cs-b2:hover{border-color:#fff}
.cs-how{position:absolute;right:16px;top:calc(100% + 8px);z-index:6;width:min(360px,calc(100% - 32px));background:#16161a;color:#F4F4F6;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 16px;box-shadow:0 20px 50px rgba(0,0,0,.5);font-size:13px;text-align:left}
.cs-how[hidden]{display:none}
.cs-how ol{margin:8px 0 0;padding-left:18px;color:#A1A1A8;display:grid;gap:4px}
.cs-mw{position:relative}
.cs-mos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,clamp(150px,15vw,215px)) clamp(130px,13vw,190px);gap:8px}
.cs-t{position:relative;display:block;overflow:hidden;border-radius:20px;background:#111 center/cover no-repeat;color:#fff;text-decoration:none;isolation:isolate;opacity:0;translate:0 24px;transition:opacity .8s ease,translate 1s cubic-bezier(.16,1,.3,1)}
.cs-mos.in .cs-t{opacity:1;translate:0 0}
.cs-t.big{grid-column:span 2;grid-row:span 2}.cs-t.wide{grid-column:span 2}
.cs-t video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}
.cs-t video.on{opacity:1}
.cs-t:hover video{transform:scale(1.05)}
.cs-t::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);z-index:3;pointer-events:none;transition:box-shadow .3s ease}
.cs-t:hover::before{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.cs-t::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.75));opacity:0;transition:opacity .35s ease;z-index:1}
.cs-kind{position:absolute;left:12px;top:12px;z-index:2;font:800 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 10px;border-radius:99px}
.cs-lb{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;display:flex;flex-direction:column;gap:2px;opacity:0;translate:0 8px;transition:opacity .35s ease,translate .45s cubic-bezier(.16,1,.3,1)}
.cs-lb b{font-size:15px;line-height:1.2}.cs-lb span{font-size:12px;color:rgba(255,255,255,.75)}
.cs-lb em{font-style:normal;font-size:12px;font-weight:700;margin-top:6px}
.cs-t:hover::after,.cs-t:focus-visible::after{opacity:1}.cs-t:hover .cs-lb,.cs-t:focus-visible .cs-lb{opacity:1;translate:0 0}
.cs-fade{position:absolute;left:0;right:0;bottom:-2px;height:62%;max-height:240px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 75%,transparent) 55%,var(--bg) 92%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;pointer-events:none;z-index:3}
.cs-fade a{pointer-events:auto;background:var(--ink);color:var(--bg);font-weight:700;font-size:14px;text-decoration:none;border-radius:99px;padding:11px 20px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
@media (max-width:1100px){.cs-rw{grid-template-columns:1fr auto}.cs-chain{grid-column:1/-1;grid-row:2;justify-content:center}.cs-rwb{flex-direction:row}}
@media (max-width:900px){.cs-mos{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:clamp(120px,30vw,200px)}.cs-t{border-radius:8px}.cs-fade{height:46%}
  .cs-t::after{opacity:1}.cs-lb{opacity:1;translate:0 0}.cs-lb em,.cs-lb span{display:none}.cs-t.big .cs-lb span{display:block}.cs-lb b{font-size:13px}}
@media (max-width:640px){.cs-rw{grid-template-columns:1fr;justify-items:center;text-align:center}.cs-rwl{align-items:center}.cs-chain{grid-row:auto;gap:10px;padding:0}.cs-pt{display:none}.cs-chain{width:100%}.cs-nd{flex:1 1 0;min-width:0;width:auto;max-width:116px}.cs-rw{padding-inline:14px}.cs-nd i{height:46px}.cs-nd b{font-size:10.5px}.cs-rwb{width:100%;flex-direction:column}.cs-rw{grid-template-columns:minmax(0,1fr)}.cs-rwl,.cs-chain{max-width:100%}}
@media (prefers-reduced-motion:reduce){.cs-t{opacity:1;translate:none;transition:none}}
/* 25/10 (JK, maquette 38) : téléphone. Carte 02 : la vidéo est recadrée sous le titre du Studio (il paraissait chevaucher la carte) ;
   voile plus sombre en bas des cartes pour lire le texte sur les captures claires ; petits textes des 3 étapes à 12 px */
/* 25/10 (JK, maquette 39) : même recadrage de la carte 02 sur ordinateur */
.cs-t[href="/studio#creer"],.cs-t[href="/studio#creer"] video{background-position:50% 68%;object-position:50% 68%}
@media (max-width:900px){
  .cs-t::after{background:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.9))}
  .cs-kind{background:rgba(0,0,0,.72)}}
@media (max-width:640px){.cs-nd b{font-size:12px}.cs-nd em{font-size:11px}}