/* Layout: an app shell. Top bar and tabs on desktop, bottom tab bar on phones. Profile grid like Instagram, Reels like TikTok. White ground, one rouge, white polka dots as the brand texture (her signature skirts). */
:root{
--bg:#ffffff; --tint:#fff4f5; --surface:#ffffff; --surface2:#f5f0f0; --line:#ece3e4;
--ink:#180b0e; --muted:#7b6a6e; --red:#e4002b; --red-dk:#b80022; --red-soft:#ffe3e8; --ok:#12a150;
--display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
--body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
--bar:58px; --top:54px;
--pat:radial-gradient(circle,#fff 0 3.2px,transparent 3.7px),radial-gradient(circle,#fff 0 3.2px,transparent 3.7px);--pat-sz:28px 28px;--pat-pos:0 0,14px 14px;
--patS:radial-gradient(circle,var(--red-soft) 0 3px,transparent 3.5px),radial-gradient(circle,var(--red-soft) 0 3px,transparent 3.5px);--patS-sz:24px 24px;--patS-pos:0 0,12px 12px;
color-scheme:light;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;overflow-x:hidden;overflow-x:clip}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:6px}
img,video{display:block;max-width:100%}
svg.i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
svg.i.f{fill:currentColor}
.mono{font-size:12px;letter-spacing:.02em;color:var(--muted)}
.dots{background-color:var(--red);background-image:var(--pat);background-size:var(--pat-sz);background-position:var(--pat-pos)}
.dots-soft{background-color:var(--tint);background-image:var(--patS);background-size:var(--patS-sz);background-position:var(--patS-pos)}
/* top bar */
.appbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;height:var(--top);background:color-mix(in srgb,#fff 92%,transparent);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--line)}
.appbar-in{max-width:935px;height:100%;margin:0 auto;padding-inline:16px;display:flex;align-items:center;gap:20px;min-width:0}
.logo{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.03em;color:var(--red);display:flex;align-items:baseline}
.logo i{width:9px;height:9px;border-radius:50%;background:var(--red);margin-left:2px;display:inline-block}
.topnav{display:flex;gap:4px;margin-left:12px;min-width:0;overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}
.topnav button{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-weight:600;color:var(--muted)}
.topnav button:hover{background:var(--surface2)}
.topnav button[aria-current="page"]{color:var(--red);background:var(--red-soft)}
.sp{flex:1}
.tier{display:flex;align-items:center;gap:8px}
.tier select{appearance:none;background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:7px 30px 7px 14px;font-weight:600;font-size:13px;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.tier label{font-size:12px;color:var(--muted)}
.count{background:var(--red);color:#fff;border-radius:999px;font-size:10.5px;font-weight:700;min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center}
/* bottom bar */
.bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;background:color-mix(in srgb,#fff 94%,transparent);backdrop-filter:saturate(1.6) blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
.bar-in{height:var(--bar);display:grid;grid-template-columns:repeat(var(--n,5),1fr)}
.bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10.5px;font-weight:600;color:var(--muted);position:relative}
.bar button[aria-current="page"]{color:var(--red)}
.bar button[aria-current="page"]::before{content:"";position:absolute;top:0;width:24px;height:3px;border-radius:0 0 3px 3px;background:var(--red)}
.bar .count{position:absolute;top:6px;left:calc(50% + 4px)}
/* page */
.page{max-width:935px;margin:0 auto;padding-inline:16px;padding-block:0 40px}
.foot{max-width:935px;margin:0 auto;padding:22px 16px 34px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}
.foot b{color:var(--ink)}
.foot button{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
body.inreels .foot{display:none}
/* profile header */
.band{height:120px;border-radius:0 0 18px 18px;margin-inline:-16px}
.phead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 24px;margin-top:-46px;align-items:start}
.ring{width:104px;height:104px;border-radius:50%;padding:3px;background:conic-gradient(var(--red),#ff8a9b,var(--red));flex:none}
.ring>div{width:100%;height:100%;border-radius:50%;padding:3px;background:#fff}
.ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ring.sm{width:38px;height:38px;padding:2px}.ring.sm>div{padding:2px}
.ring.xs{width:32px;height:32px;padding:2px}.ring.xs>div{padding:1.5px}
.pinfo{padding-top:52px;min-width:0}
.nm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nm h1{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.02em;margin:0;line-height:1.1}
.stats{display:flex;gap:26px;margin-top:10px}
.stats b{font-family:var(--display);font-size:18px;font-weight:700;display:block;line-height:1.1}
.stats span{font-size:13px;color:var(--muted)}
.pbody{grid-column:1/-1;margin-top:14px;display:flex;flex-direction:column;gap:12px}
.pbody p{margin:0;max-width:none}
.handle{color:var(--muted);font-size:13px}
.acts2{display:flex;gap:8px;flex-wrap:wrap}
.btn{background:var(--red);color:#fff;border-radius:10px;padding:9px 18px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px}
.btn:hover{background:var(--red-dk)}
.btn.gh{background:var(--surface2);color:var(--ink)}
.btn.gh:hover{background:var(--line)}
.btn.out{background:#fff;color:var(--red);border:1.5px solid var(--red)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.acts2 .btn{flex:1;min-width:0;padding-inline:10px;white-space:nowrap}
.mood{display:flex;gap:8px;flex-wrap:wrap}
.pill{background:var(--surface2);border-radius:999px;padding:6px 12px;font-size:13px;display:inline-flex;gap:6px;align-items:center}
.pill b{font-weight:700}
.planline{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:13px}
.planline b{color:var(--red)}
/* highlights */
.hl{display:flex;gap:18px;overflow-x:auto;padding:22px 2px 6px;scrollbar-width:none}
.hl::-webkit-scrollbar{display:none}
.hl button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;font-weight:600;flex:none}
.hl .ring{width:70px;height:70px}
/* feed controls */
.ftabs{display:flex;align-items:center;border-top:1px solid var(--line);margin-top:14px;position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--top));background:#fff;z-index:20;margin-inline:-16px;padding-inline:16px}
.ftabs .seg{display:flex;flex:1;min-width:0}
.ftabs .seg button{min-width:0}
@media(max-width:430px){.ftabs .seg button{gap:5px;font-size:11px;letter-spacing:.03em;padding-inline:2px}.vt{margin-left:4px}.vt button{width:32px}}
.ftabs .seg button{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;padding:13px 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:2px solid transparent;margin-top:-1px}
.ftabs .seg button[aria-pressed="true"]{color:var(--ink);border-top-color:var(--ink)}
.vt{display:flex;gap:2px;margin-left:8px;background:var(--surface2);border-radius:10px;padding:3px}
.vt button{width:36px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--muted)}
.vt button[aria-pressed="true"]{background:#fff;color:var(--red);box-shadow:0 1px 3px #0002}
.note{border-radius:12px;padding:12px 14px;font-size:13.5px;margin:14px 0 0;color:var(--ink)}
/* mosaic */
.mos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:3px -16px 0;width:calc(100% + 32px);grid-auto-flow:dense;container-type:inline-size;grid-auto-rows:calc(100cqw/3*5/4)}
@media(min-width:700px){.mos{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:calc(100cqw/5*5/4)}}
@media(min-width:1100px){.mos{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:calc(100cqw/6*5/4)}}
@media(min-width:1000px){.mos{--mosx:max(0px,calc((100vw - var(--sw) - 935px)/2));margin-left:calc(-16px - var(--mosx));width:calc(100% + 32px + 2*var(--mosx))}}
.mosmore{display:flex;justify-content:center;padding:18px 0}
.tile{position:relative;overflow:hidden;background:var(--surface2);display:block;width:100%;height:100%;min-height:0}
.tile img,.tile video{position:absolute;inset:0}
.media{cursor:pointer}
.tile img,.tile video{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform .5s}
@media (hover:hover){.tile:hover img{transform:scale(1.04)}}
.tile .ov{position:absolute;inset:0;background:linear-gradient(transparent 55%,#0007);opacity:0;transition:opacity .2s;display:flex;align-items:flex-end;padding:10px;color:#fff;font-size:13px;text-align:left}
@media (hover:hover){.tile:hover .ov{opacity:1}}
.nw{background:var(--red);color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px;letter-spacing:.01em;white-space:nowrap}.tile .nw,.vx-t .nw{position:absolute;top:8px;left:8px}.tile .tag{position:absolute;top:8px;right:8px;color:#fff;filter:drop-shadow(0 1px 2px #0008)}
.tile .tag svg{width:20px;height:20px}
.tile .lk{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#0003}
.tile .lk span{width:46px;height:46px;border-radius:50%;background:var(--red);display:grid;place-items:center}
.tile.big .lk span{width:60px;height:60px}
/* list */
.lst{max-width:470px;margin:0 auto;display:flex;flex-direction:column;gap:0}
.cp{border-bottom:1px solid var(--line);padding-block:14px 16px}
.cp header{display:flex;align-items:center;gap:10px;padding-bottom:10px}
.cp header b{font-size:14px}
.cp .tg{margin-left:auto;font-size:11px;font-weight:700;color:var(--red);background:var(--red-soft);border-radius:6px;padding:2px 8px}
.media{position:relative;border-radius:10px;overflow:hidden;background:var(--surface2);aspect-ratio:4/5;touch-action:manipulation}
.media img,.media video{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.media .burst{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#fff}
.media .burst svg{width:96px;height:96px;filter:drop-shadow(0 4px 12px #0006);opacity:0;transform:scale(.4)}
.media .burst.on svg{animation:pop .7s ease-out}
@keyframes pop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
.acts{display:flex;align-items:center;gap:16px;padding:12px 2px 6px}
.acts .sp{flex:1}
.acts button{display:flex;color:var(--ink)}
.acts button.on{color:var(--red)}
.acts button.on svg{fill:var(--red)}
.cp .cap{margin:0;padding-inline:2px}
.cp .cap b{margin-right:6px}
.lockc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px;color:#fff}
.lockc.dots{background-color:color-mix(in srgb,var(--red) 85%,transparent)}
.lockc .ic{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center}
.lockc p{margin:0;font-weight:700;font-size:15px;max-width:22ch}
.lockc .btn{background:#fff;color:var(--red)}
.lockc .mono{color:#fff}
/* viewer */
.vw{position:fixed;inset:0;z-index:70;background:#000c;display:none;align-items:center;justify-content:center;padding:20px}
.vw.on{display:flex}
.vw-c{background:#fff;border-radius:14px;width:min(620px,92vw);max-height:90vh;overflow:auto;padding:0 16px 8px;position:relative}
.vw-c .cp{border:0}
.vw-c .media{aspect-ratio:auto;max-height:72vh;display:flex;align-items:center;justify-content:center;background:#000}
.vw-c .media img,.vw-c .media video{width:auto;height:auto;max-width:100%;max-height:72vh;object-fit:contain;object-position:center}
@media (max-width:760px){.vw-c{width:100%}}
@media (max-width:760px){.vw-c .media{max-height:calc(100dvh - 180px)}.vw-c .media img,.vw-c .media video{max-height:calc(100dvh - 180px)}}
.vw-x{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:14px;color:#fff;z-index:2;width:40px;height:40px;display:grid;place-items:center}
.vw-n{position:fixed;top:50%;color:#fff;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#0005;z-index:2}
.vw-n.l{left:14px}.vw-n.r{right:14px}
@media (max-width:760px){.vw{padding:0;align-items:stretch}.vw-c{border-radius:0;width:100%;padding-top:calc(50px + env(safe-area-inset-top,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.vw-n{display:none}.vw-x{color:var(--ink)}}
/* reels */
.reels{position:relative;height:calc(100dvh - var(--top) - var(--bar) - 2*env(safe-area-inset-top,0px));overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;max-width:430px;margin:0 auto;background:#000}
.reels::-webkit-scrollbar{display:none}
.reel{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#111;color:#fff}
.reel .rm{position:absolute;inset:0}
.reel .rm img,.reel .rm video{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.reel .rshade{position:absolute;inset:0;background:linear-gradient(#0005,transparent 22%,transparent 55%,#000a);pointer-events:none}
.rtop{position:absolute;top:12px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;z-index:3;font-weight:700}
.rrail{position:absolute;right:10px;bottom:96px;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:3}
.rrail button{display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;font-size:11px;font-weight:600;filter:drop-shadow(0 1px 3px #0009)}
.rrail svg.i{width:30px;height:30px}
.rrail button.on svg{fill:var(--red);stroke:var(--red)}
.rmeta{position:absolute;left:14px;right:70px;bottom:18px;z-index:3;display:flex;flex-direction:column;gap:8px;text-shadow:0 1px 3px #0009}
.rmeta .who{display:flex;align-items:center;gap:10px;font-weight:700}
.rmeta .who .btn{min-height:28px;padding:3px 12px;font-size:12.5px;border-radius:8px;text-shadow:none}
.rmeta p{margin:0;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rmeta .mono{color:#fffc}
.rprog{position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff4;z-index:4}
.rprog i{display:block;height:100%;width:0;background:#fff}
.reel .lockc{z-index:2}
.rhint{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:12px;color:#fffb;z-index:3;pointer-events:none}
@media (min-width:761px){.reels{height:calc(100dvh - var(--top) - 48px);margin-top:16px;border-radius:18px}}
/* stories */
.st{position:fixed;inset:0;z-index:80;background:#000;display:none;align-items:center;justify-content:center}
.st.on{display:flex}
.st-c{position:relative;width:min(430px,100%);height:100%;max-height:100dvh;background:#111;overflow:hidden}
.st-c img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.st-bars{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:10px;right:10px;display:flex;gap:4px;z-index:3}
.st-bars i{flex:1;height:3px;background:#fff5;border-radius:2px;overflow:hidden}
.st-bars i b{display:block;height:100%;width:0;background:#fff}
.st-h{position:absolute;top:calc(24px + env(safe-area-inset-top,0px));left:12px;right:12px;display:flex;align-items:center;gap:10px;color:#fff;z-index:4;font-weight:700}
.st-h button{margin-left:auto;color:#fff}
.st-t{position:absolute;inset:0;display:grid;grid-template-columns:1fr 2fr;z-index:2}
.st-shade{position:absolute;inset:0;background:linear-gradient(#0006,transparent 25%);pointer-events:none}
/* section titles */
.h2{font-family:var(--display);font-weight:800;font-size:32px;letter-spacing:-.03em;line-height:1.05;margin:22px 0 6px;text-wrap:balance}
.lead{color:var(--muted);margin:0 0 20px;max-width:58ch}
/* mail */
.mail{display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:540px;background:#fff}
@media (max-width:760px){.mail{grid-template-columns:minmax(0,1fr);border:0;border-radius:0;min-height:0}.mail.reading .mlist{display:none}.mail:not(.reading) .mread{display:none}}
.mlist{border-right:1px solid var(--line);min-width:0}
@media (max-width:760px){.mlist{border:0}}
.mitem{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 12px;text-align:left;padding:14px;width:100%;border-bottom:1px solid var(--line)}
.mitem[aria-current="true"]{background:var(--tint)}
.mitem .t{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted)}
.mitem .s{font-weight:700;font-size:14.5px;display:flex;gap:8px;align-items:center}
.mitem.unread .s::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
.mitem .pv{font-size:13.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.mitem .col{min-width:0;display:flex;flex-direction:column}
.mread{padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.mread h3{margin:0;font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.02em;line-height:1.1}
.mread .body p{margin:0 0 12px;max-width:60ch}
.mread .att{max-width:250px;border-radius:12px;overflow:hidden}
.back{display:none;color:var(--red);font-weight:700;text-align:left}
@media (max-width:760px){.back{display:block}.mread{padding:16px 0}}
.reply{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:10px}
textarea{width:100%;background:var(--surface2);border:1px solid transparent;border-radius:12px;padding:12px 14px;resize:vertical;min-height:90px}
textarea:focus{border-color:var(--red);outline:0}
.thread{display:flex;flex-direction:column;gap:10px}
.thread .m{background:var(--surface2);border-radius:14px;padding:12px 14px}
.thread .m.me{background:var(--red-soft);margin-left:28px}
.row2{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
/* chat */
.chat{display:flex;flex-direction:column;height:min(700px,calc(100dvh - 190px));min-height:460px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.chead{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}
.chead b{display:flex;gap:8px;align-items:center}
.chead small{color:var(--muted);display:flex;gap:6px;align-items:center;font-size:12.5px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block}
.chead .sp{flex:1}
.linkbtn{color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-size:13px}
.msgs{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:8px}
.b{max-width:80%;padding:9px 14px;border-radius:20px;white-space:pre-wrap;overflow-wrap:anywhere}
.b.s{align-self:flex-start;background:var(--surface2);border-bottom-left-radius:6px}
.b.u{align-self:flex-end;background:var(--red);color:#fff;border-bottom-right-radius:6px}
.b.img{padding:3px;background:var(--surface2);width:min(250px,72%)}
.b.img img{border-radius:17px;width:100%}
.b.img span{display:block;padding:5px 9px 4px;color:var(--muted);font-size:11.5px}
.b.sys{align-self:center;background:none;border:1px dashed var(--line);color:var(--muted);font-size:13px;border-radius:12px;max-width:92%;text-align:center}
.typing{align-self:flex-start;color:var(--muted);font-size:13px;padding-left:6px}
.chips{display:flex;gap:8px;overflow-x:auto;padding:0 14px 10px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;color:var(--red);background:#fff}
.cform{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);align-items:center}
.cform input{flex:1;min-width:0;background:var(--surface2);border:1px solid transparent;border-radius:999px;padding:11px 18px}
.cform input:focus{outline:0;border-color:var(--red)}
.cform button{width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex:none}
.cform button:disabled{opacity:.5}
.crisis{border:1.5px solid var(--red);border-radius:14px;padding:14px;align-self:center;max-width:92%;background:var(--tint)}
.crisis p{margin:0 0 6px}
@media (max-width:760px){
.chat{height:calc(100dvh - var(--top) - var(--bar) - 2*env(safe-area-inset-top,0px) - 2*env(safe-area-inset-bottom,0px));border:0;border-radius:0;margin-inline:-16px;min-height:0}
/* sur mobile, .chat a overflow:hidden : si les boutons à droite du header (Live, Complicité,
Nouvelle discussion, Effacer) débordent de la largeur de l'écran ils sont purement et simplement
coupés/invisibles (jamais accessibles en scroll) plutôt que de passer à la ligne. */
.chead{flex-wrap:wrap;row-gap:6px}
.chead .sp{flex-basis:100%;height:0}
}
/* vip */
.vipgrid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:900px){.vipgrid{grid-template-columns:minmax(0,1fr)}}
.phone{border:1px solid var(--line);border-radius:34px;background:#fff;padding:10px;max-width:340px;width:100%;box-shadow:0 20px 50px color-mix(in srgb,var(--red) 10%,transparent);margin-inline:auto}
.phone-in{border-radius:26px;background:var(--tint);overflow:hidden;height:560px;display:flex;flex-direction:column}
.phead2{padding:10px 14px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid var(--line)}
.phead2 small{color:var(--muted);display:block;line-height:1.2}
.pmsgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.pb{align-self:flex-start;max-width:86%;background:#fff;border-radius:16px;border-bottom-left-radius:5px;padding:8px 12px;font-size:14px;box-shadow:0 1px 2px #0001}
.pb .t{display:block;color:var(--muted);font-size:10.5px;margin-top:3px;text-align:right}
.pb.ph2{padding:3px}
.pb.ph2 img{border-radius:13px;width:200px;max-width:100%}
.voice{display:flex;align-items:center;gap:8px;width:210px}
.voice button{width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex:none}
.voice button svg{width:14px;height:14px}
.wave{display:flex;align-items:center;gap:2px;height:26px;flex:1}
.wave i{display:block;width:3px;background:var(--red);opacity:.55;border-radius:2px}
.vid{position:relative;width:200px;border-radius:13px;overflow:hidden}
.vid img{width:100%}
.vid .pl{position:absolute;inset:0;display:grid;place-items:center}
.vid .pl span{width:42px;height:42px;border-radius:50%;background:#0008;color:#fff;display:grid;place-items:center}
.vid .du{position:absolute;right:8px;bottom:6px;color:#fff;font-size:11px;font-weight:600}
.stack{display:flex;flex-direction:column;gap:16px;min-width:0}
.card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:12px;min-width:0}
.card h3{margin:0;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.02em}
.card p{margin:0}
.code{font-family:ui-monospace,Menlo,monospace;font-size:20px;letter-spacing:.16em;background:var(--tint);color:var(--red);font-weight:700;padding:10px 16px;border-radius:10px;display:inline-block}
.tbl{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:13.5px}
th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
th{font-weight:700}
td.cur,th.cur{background:var(--red-soft)}
.sched{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sched li{display:flex;gap:12px;align-items:baseline}
.sched .mono{min-width:120px}
.meter{display:flex;flex-direction:column;gap:5px;font-size:13.5px}
.meter .top{display:flex;justify-content:space-between;color:var(--muted)}
.meter .barr{height:6px;background:var(--surface2);border-radius:3px;overflow:hidden}
.meter .barr i{display:block;height:100%;background:var(--red);border-radius:3px}
.seg2{display:inline-flex;background:var(--surface2);border-radius:999px;padding:3px}
.seg2 button{padding:7px 16px;border-radius:999px;font-weight:600;font-size:13.5px;color:var(--muted)}
.seg2 button[aria-pressed="true"]{background:#fff;color:var(--red);box-shadow:0 1px 3px #0002}
select.plain{background:var(--surface2);border:0;border-radius:8px;padding:7px 10px}
/* memory */
.mem{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.mem li{display:flex;gap:12px;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.mem li span{min-width:0;overflow-wrap:anywhere}
.mem button{color:var(--red);font-weight:600;flex:none}
.empty{border-radius:16px;padding:26px;color:var(--ink)}
/* overlays and toast */
.ov2{position:fixed;inset:0;z-index:90;background:#000a;display:none;align-items:center;justify-content:center;padding:20px}
.ov2.on{display:flex}
.modal{background:#fff;border-radius:18px;padding:24px;max-width:520px;max-height:90vh;overflow:auto}
.modal h2{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em;margin:0 0 12px}
.modal li{margin-bottom:10px}
.toast{position:fixed;left:50%;bottom:calc(var(--bar) + 18px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--ink);color:#fff;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;z-index:95;opacity:0;pointer-events:none;transition:.25s}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media (min-width:761px){.toast{bottom:28px}}
/* platform */
.ini{overflow:hidden;white-space:nowrap}
.hbtn{overflow:hidden}
.homebtn{display:flex;align-items:center;gap:4px;padding:6px 12px 6px 6px;border-radius:999px;font-weight:700;font-size:13px;color:var(--ink);background:var(--surface2)}
.homebtn:hover{background:var(--line)}
body.home .homebtn,body.home .tier{display:none}
.tier label{display:none}
.appbar-in{max-width:1240px;gap:10px}
.topnav button{gap:6px;font-size:14px}
.topnav{margin-left:4px}
.topnav button{padding:8px 11px}
.tier select{font-size:13px;max-width:130px}
.logo{background:none;border:0;padding:0}
.hero{padding:26px 0 8px}
.hero h2{font-family:var(--display);font-weight:800;font-size:clamp(30px,6vw,52px);letter-spacing:-.035em;line-height:1.02;margin:0 0 10px;text-wrap:balance}
.hero p{color:var(--muted);max-width:56ch;margin:0 0 4px}
.chips2{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 6px}
.chips2 button{border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-weight:600;font-size:13.5px;background:#fff}
.chips2 button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:14px}
.mc{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 10px 30px color-mix(in srgb,var(--red) 10%,transparent);transition:transform .25s}
@media (hover:hover){.mc:hover{transform:translateY(-4px)}}
.mc-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--surface2);text-align:left;width:100%}
.mc-img img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.mc-img .cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}
.mc-img .cv.on{opacity:1}
.mc-img .mcst{z-index:2}
.mc-img .mcst{position:absolute;left:12px;top:12px;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;display:flex;gap:6px;align-items:center;color:var(--ink);background:#ffffffee;z-index:1}
.mc-band{height:10px}
.mc-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.mc-body h3{margin:0;font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.02em;color:var(--red);line-height:1.05}
.mc-body .sub{font-size:13px;color:var(--muted)}
.mc-body p{margin:0}.mc-body .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-body .mc-tx{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(4*1.45em);line-height:1.45}.mc-body .trait{display:flex;flex-wrap:nowrap;gap:6px;overflow:hidden;min-height:30px}.mc-body .trait span{white-space:nowrap}
.trait{display:flex;gap:6px;flex-wrap:wrap}
.trait span{background:var(--red-soft);color:var(--red-dk);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:700}
.mc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:8px}
.mc-foot .mono{font-size:12.5px}
.mc-foot.c{justify-content:center}
.soon{border:2px dashed var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:center;min-height:280px}
.soon h3{font-family:var(--display);font-weight:800;font-size:22px;margin:0}
.soon p{margin:0;color:var(--muted)}
.banner{border-radius:20px;padding:22px;margin-top:26px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;align-items:center;color:#fff;background:var(--ink)}
.banner h3{margin:0 0 4px;font-family:var(--display);font-weight:800;font-size:22px}
.banner p{margin:0;color:#ffffffc9}
.banner .btn{background:#fff;color:var(--ink)}
@media (max-width:760px){.banner{grid-template-columns:1fr}}
.rowm{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;margin-top:10px;text-align:left;width:100%;background:#fff}
.rowm b{font-family:var(--display)}
.rowm .pv{color:var(--muted);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.tiermark{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;background:var(--red-soft);color:var(--red-dk)}
.studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:900px){.studio{grid-template-columns:minmax(0,1fr)}}
.tw{overflow-x:auto}
.tw table{min-width:560px}
.swatch{display:inline-block;width:18px;height:18px;border-radius:50%;vertical-align:middle;margin-right:8px;border:1px solid var(--line)}
.fld{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.fld input[type=color]{width:64px;height:38px;border:1px solid var(--line);border-radius:10px;padding:2px;background:#fff}
.fld select{background:var(--surface2);border:0;border-radius:8px;padding:9px 10px}
.fld-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}
.steps{counter-reset:s;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.steps li{counter-increment:s;display:flex;gap:12px;align-items:baseline}
.steps li::before{content:counter(s);width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
/* responsive shell */
@media (max-width:760px){
.topnav,.tier label{display:none}
.bar{display:block}
.page{padding-bottom:24px}
.foot{padding-bottom:calc(var(--bar) + 26px + env(safe-area-inset-bottom,0px))}
.band{height:96px}
.phead{grid-template-columns:auto minmax(0,1fr);gap:0 16px;margin-top:-40px}
.ring{width:88px;height:88px}
.pinfo{padding-top:46px}
.nm h1{font-size:21px}
.stats{gap:18px}
.h2{font-size:28px;margin-top:16px}
body.inreels .appbar{display:none}
body.inreels .page{padding:0}
.reels{height:calc(100dvh - var(--bar) - 2*env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px));max-width:none;margin-top:0}
.stats b{font-size:17px}
}
@media (min-width:761px){.appbar-in{padding-inline:20px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* modules: coaching + défi */
.cx-teaser{display:flex;gap:14px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--tint)}
.cx-teaser>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.cx-teaser small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.cx-teaser b{font-family:var(--display);font-size:20px;letter-spacing:-.01em}
.cx-teaser span{color:var(--muted);font-size:13.5px}
.cx-h{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em;margin:26px 0 10px}
.cx-hero{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:20px;align-items:center;border-radius:18px;padding:18px;border:1px solid var(--line)}
.cx-mask{aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#140a16;display:grid;place-items:center;color:#fff}
.cx-mask img{width:100%;height:100%;object-fit:cover}
.cx-mask p{padding:12px;text-align:center;font-size:13px}
.cx-veil{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffcc}
.cx-veil svg{width:34px;height:34px}
.cx-meter{display:flex;flex-direction:column;gap:10px;min-width:0}
.cx-lv{display:flex;justify-content:space-between;align-items:baseline}
.cx-lv b{font-family:var(--display);font-size:28px;letter-spacing:-.02em}
.cx-lv span{font-weight:700;color:var(--red)}
.cx-bar{position:relative;height:12px;background:var(--surface2);border-radius:999px;overflow:hidden}
.cx-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--red);border-radius:999px;transition:width .6s}
.cx-bar u{position:absolute;top:0;bottom:0;width:2px;background:#fff9}
.cx-steps{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:11px;color:var(--muted);gap:2px 8px}
.cx-steps span.on{color:var(--ink);font-weight:700}
.cx-meter p{margin:0;color:var(--muted);font-size:14px}
.cx-miss{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.cx-miss button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;font-size:14px}
.cx-miss b{width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex:none;font-size:13px}
.cx-prof{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.cx-prof>div{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.cx-prof small{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.cx-prof p{margin:0;font-size:14px}.cx-prof p span{color:var(--red);font-weight:700}.cx-prof em{color:var(--muted);font-size:13px}
.cx-hist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.cx-hist li{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;align-items:flex-start}
.cx-hist q{display:block;font-size:14px;quotes:none}.cx-hist em{display:block;color:var(--muted);font-size:13px;font-style:normal;margin-top:2px}
.cx-d{flex:none;min-width:44px;text-align:center;border-radius:999px;padding:4px 8px;font-weight:800;font-size:13px}
.cx-d.up{background:var(--red-soft);color:var(--red-dk)}.cx-d.dn{background:#f3f3f3;color:#555}
.cx-less{display:flex;flex-direction:column;gap:8px}
.cx-less details{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}
.cx-less summary{cursor:pointer;font-weight:700;list-style:none}.cx-less summary::-webkit-details-marker{display:none}
.cx-less p{margin:10px 0 0;font-size:14px}.cx-less small{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:2px}
.cx-less .bad{border-left:3px solid #c9c9c9;padding-left:10px}.cx-less .good{border-left:3px solid var(--red);padding-left:10px}.cx-less .why{color:var(--muted)}
.cx-rule{color:var(--muted);font-size:13px;margin:22px 0 6px}
.b.sc{align-self:center;max-width:none;background:var(--tint);border:1px solid var(--line);color:var(--ink);font-size:12.5px;border-radius:999px;padding:5px 12px}
.b.sc b{color:var(--red)}
.b.reveal{align-self:stretch;max-width:none;background:linear-gradient(135deg,var(--red),var(--red-dk));color:#fff;border-radius:16px;padding:14px;text-align:center}
.b.reveal img{width:100%;border-radius:12px;margin-top:10px}
/* coaching */
.cz-seg{margin:6px 0 16px;display:flex;width:100%}.cz-seg::-webkit-scrollbar{display:none}
.cz-seg button{flex:1;white-space:nowrap;padding:7px 4px;font-size:13px}
.cz-body{display:flex;flex-direction:column;gap:14px}
.cz-top{display:flex;gap:16px;align-items:center}
.cz-ring{--p:0;width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--red) calc(var(--p)*1%),var(--surface2) 0);display:grid;place-content:center;text-align:center;position:relative;flex:none}
.cz-ring::before{content:"";position:absolute;inset:8px;background:#fff;border-radius:50%}
.cz-ring b,.cz-ring small{position:relative}.cz-ring b{font-family:var(--display);font-size:24px;line-height:1}.cz-ring small{font-size:10.5px;color:var(--muted)}
.cz-say{margin:0 0 8px;font-size:16px;font-weight:600;text-wrap:balance}
.cz-chips{display:flex;gap:6px;flex-wrap:wrap}.cz-chips span{background:var(--surface2);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}
.cz-due{display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--red-soft);border-radius:14px;padding:12px 14px}
.cz-due>div{display:flex;flex-direction:column;min-width:0}.cz-due span{font-size:13px;color:var(--muted)}
.cz-card{gap:12px}.cz-meta{color:var(--muted);font-size:13.5px}
.cz-blk small{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}
.cz-blk ul{margin:0;padding-left:18px;font-size:14px}
.cz-ex{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.cz-ex li{font-size:14.5px}.cz-ex b{display:block}.cz-ex span{display:block;color:var(--red-dk);font-weight:600;font-size:13.5px}.cz-ex em{display:block;color:var(--muted);font-size:12.5px;font-style:normal}
.cz-done{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}
.cz-ok{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--red-dk)}.cz-ok svg{width:18px;height:18px}
.cz-rpe{display:flex;gap:8px;align-items:center;font-size:13px;flex:1;min-width:200px}.cz-rpe label{white-space:nowrap}.cz-rpe input{flex:1;accent-color:var(--red)}.cz-rpe output{width:20px;font-weight:700}
.cz-water small{display:block;margin-bottom:6px;color:var(--muted)}.cz-water div{display:flex;gap:4px;flex-wrap:wrap}
.cz-water button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:#c9c9c9}
.cz-water button[aria-pressed="true"]{background:var(--red-soft);border-color:var(--red);color:var(--red)}
.cz-water svg{width:16px;height:16px}
.cz-habits{display:flex;gap:8px;flex-wrap:wrap}
.cz-habits button,.cz-opts button{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:600;font-size:13.5px;background:#fff}
.cz-habits button[aria-pressed="true"],.cz-opts button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.cz-meals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cz-meals li{font-size:14.5px}.cz-meals small{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--red)}
.cz-days{display:flex;flex-direction:column;gap:8px}
.cz-day{border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:#fff}
.cz-day summary{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center;cursor:pointer;list-style:none;font-size:14.5px}.cz-day summary::-webkit-details-marker{display:none}
.cz-day summary b{color:var(--red)}.cz-day summary em{color:var(--muted);font-style:normal;font-size:12.5px}
.cz-day>*:not(summary){margin-top:10px}
.cz-wk{display:flex;gap:6px}.cz-wk span{flex:1;text-align:center;padding:6px;border-radius:10px;background:var(--surface2);font-weight:700;font-size:13px}
.cz-wk .on{background:var(--red);color:#fff}.cz-wk .past{background:var(--red-soft);color:var(--red-dk)}
.cz-act{display:flex;gap:8px;flex-wrap:wrap}.btn.gh{background:transparent;color:var(--ink);border:1px solid var(--line)}
.cz-form{display:flex;flex-direction:column;gap:16px;max-width:640px}
.cz-form fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.cz-form legend{font-weight:700;font-size:15px;margin-bottom:8px;padding:0}
.cz-opts{display:flex;gap:8px;flex-wrap:wrap}
.cz-form input,.cz-form textarea{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;width:100%;background:#fff}
.cz-note{color:var(--muted);font-size:13px;margin:0}
.cz-rules{margin:0;padding-left:18px;font-size:14px}
.cz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cz-stats div{border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.cz-stats b{display:block;font-family:var(--display);font-size:24px;color:var(--red)}.cz-stats span{font-size:11.5px;color:var(--muted)}
.cz-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;height:120px;align-items:end}
.cz-bars div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:2px;position:relative}
.cz-bars i{display:block;width:100%;background:var(--red);border-radius:8px 8px 0 0;min-height:3px}.cz-bars b{font-size:12px}.cz-bars span{font-size:11px;color:var(--muted)}
@media (max-width:560px){.cx-hero{grid-template-columns:1fr}.cx-mask{aspect-ratio:16/10}.cz-stats{grid-template-columns:repeat(2,1fr)}.cx-teaser{flex-direction:column;align-items:flex-start}}
.cx-miss button.done{background:var(--red-soft);border-color:var(--red)}
.gn-c.on{background:var(--ink,#1a1014);border-color:var(--ink,#1a1014);color:#fff;font-weight:600}
.lee-hero{border-radius:20px;padding:26px 22px;margin-top:16px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#6d28d9,transparent 60%),radial-gradient(100% 120% at 100% 100%,#1a1a1a,transparent 70%),#1a0f2e}
.lee-hero small{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d7c2ff}
.lee-hero h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,6.5vw,40px);letter-spacing:-.02em;margin:4px 0 8px}
.lee-hero p{margin:0;color:#e9dcff;max-width:60ch}
.lee-feat{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:22px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;margin-top:16px}
.lee-fimg{position:relative}.lee-fimg img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.lee-lk{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;padding:20px;background:#0008;color:#fff}
.lee-lk svg{width:28px;height:28px}
.lee-fb{padding:20px 20px 20px 0;display:flex;flex-direction:column;gap:12px;min-width:0}
.lee-fb h3{margin:0;font-family:var(--display);font-weight:800;font-size:32px;letter-spacing:-.02em;line-height:1.05}
.lee-story{margin:0;font-size:16px;line-height:1.6}
.lee-tag{align-self:flex-start;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.lee-tag.ange{background:#eef3ff;color:#2a4cc0}.lee-tag.demon{background:#2a0f1f;color:#ff9ab5}.lee-tag.entre{background:var(--red-soft);color:var(--red-dk)}
.lee-vote{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lee-vote button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:16px;border-radius:16px;border:2px solid var(--line);background:#fff}
.lee-vote button b{font-family:var(--display);font-size:26px}
.lee-vote button span{color:var(--muted);font-size:13px}
.lee-vote button:first-child[aria-pressed=true]{border-color:#2a4cc0;background:#eef3ff}
.lee-vote button:last-child{background:#140a14;color:#fff;border-color:#140a14}
.lee-vote button:last-child span{color:#ffb8cc}
.lee-vote button:last-child[aria-pressed=true]{border-color:#ff5c8a;box-shadow:0 0 0 3px #ff5c8a44}
.lee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.lee-grid button{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;border-radius:12px;border:2px solid transparent;padding:3px}
.lee-grid button[aria-pressed=true]{border-color:var(--red)}
.lee-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:9px}
.lee-grid b{font-size:12px;text-transform:capitalize;display:block}.lee-grid small{color:var(--muted);font-size:11px}
.lee-grid i{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;display:grid;place-items:center}.lee-grid i svg{width:12px;height:12px}
@media (max-width:640px){.lee-feat{grid-template-columns:1fr}.lee-fb{padding:0 16px 18px}}
/* ---- Castel Pink ---- */
.b .who{font-weight:800;letter-spacing:.01em}
.cp-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cp-row .btn{display:inline-flex;align-items:center;gap:8px}
.cp-row .btn svg{width:18px;height:18px}
.cp-today{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;border-radius:18px;padding:12px;background:#0c0309;color:#fff;box-shadow:0 0 0 1px #e0118a66,0 10px 40px -12px #e0118a88}
.cp-today img{width:120px;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.cp-today>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.cp-today small{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ff8ccb}
.cp-today b{font-family:var(--display);font-size:24px;letter-spacing:-.02em;line-height:1.05;text-shadow:0 0 18px #ff2e9a88}
.cp-today span{color:#ffd0e8;font-size:13.5px}
.cp-today .btn.gh{color:#fff;border-color:#ffffff55}
.cp-girls{display:flex;flex-direction:column;gap:10px}
.cp-g{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-left:4px solid var(--gc);border-radius:14px;padding:12px 14px;background:#fff}
.cp-g p{margin:4px 0 6px;color:var(--muted);font-size:14px}
.cp-g b{font-family:var(--display);font-size:18px}
.cp-welcome{gap:10px}
.cp-aud{display:flex;align-items:center;gap:12px;background:#0c0309;border-radius:14px;padding:10px 14px;color:#fff}
.cp-aud>button{width:44px;height:44px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 0 18px #e0118a99}
.cp-aud>button svg{width:20px;height:20px}
.cp-wave{flex:1;display:flex;align-items:center;gap:2px;height:40px;cursor:pointer;min-width:0}
.cp-wave i{flex:1;min-width:1px;border-radius:2px;background:#ffffff40;transition:background .15s}
.cp-wave i.on{background:#ff59b4}
.cp-aud .mono{color:#ffbfe0;white-space:nowrap}
.cp-hero{border-radius:20px;padding:26px 22px;margin-top:16px;color:#fff;background:radial-gradient(120% 140% at 10% 0%,#e0118a55,transparent 55%),radial-gradient(100% 120% at 100% 100%,#8a0a5355,transparent 55%),#0c0309}
.cp-hero small{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ff8ccb}
.cp-hero h2{font-family:var(--display);font-weight:800;font-size:clamp(30px,7vw,44px);letter-spacing:-.03em;margin:4px 0 8px;text-shadow:0 0 22px #ff2e9a}
.cp-hero p{color:#ffd9ec;max-width:60ch;margin:0}
.cp-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:14px 0}
.cp-week button{position:relative;display:flex;flex-direction:column;gap:4px;align-items:center;padding:4px;border-radius:12px;border:2px solid transparent;font-size:11px;font-weight:700;color:var(--muted);text-transform:capitalize}
.cp-week button img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}
.cp-week button[aria-pressed=true]{border-color:var(--red);color:var(--ink)}
.cp-week button.lk img{filter:blur(3px) brightness(.8)}
.cp-week .lkb{position:absolute;right:8px;bottom:26px;color:#fff;background:#0009;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}
.cp-week .lkb svg{width:12px;height:12px}
.cp-feat{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:22px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;margin-top:6px}
.cp-fimg{position:relative}
.cp-fimg img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/5}
.cp-badge{position:absolute;left:12px;top:12px;background:var(--red);color:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;text-transform:capitalize}
.cp-fbody{padding:20px 20px 20px 0;display:flex;flex-direction:column;gap:14px;min-width:0}
.cp-fbody h3{margin:0;font-family:var(--display);font-weight:800;font-size:30px;letter-spacing:-.03em;line-height:1.05}
.cp-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}
.cp-meta b{color:var(--gc);}
.cp-read{font-size:16px;line-height:1.65;display:flex;flex-direction:column;gap:12px;position:relative}
.cp-read p{margin:0}
.cp-fade{position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,#fff)}
.cp-lock{display:flex;gap:10px;align-items:flex-start}
.cp-lock svg{width:18px;height:18px;flex:none;margin-top:2px}
.cp-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:10px}
.cp-lc{text-align:left;display:flex;flex-direction:column;gap:6px;border-radius:14px}
.cp-lc img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.cp-lc b{display:block;font-size:14px}
.cp-lc small{color:var(--muted)}
.cp-form{margin-top:18px}
.cp-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.cp-form label small{font-weight:400;color:var(--muted)}
.cp-form input{font:inherit;border:1px solid var(--line);border-radius:12px;padding:11px 14px;background:#fff;min-width:0}
.cp-form input:focus{outline:2px solid var(--red);outline-offset:1px}
.cp-lbl{display:block;font-weight:600;font-size:14px;margin-bottom:8px}
.cp-opts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cp-opts button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:5px 2px;border-radius:14px;border:2px solid var(--line);min-width:0}
.cp-opts button img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.cp-opts button[aria-pressed=true]{border-color:var(--gc);box-shadow:0 0 0 3px color-mix(in srgb,var(--gc) 25%,transparent)}
.cp-chips{display:flex;gap:8px;flex-wrap:wrap}
.cp-chips button{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:600;font-size:13.5px;background:#fff}
.cp-chips button[aria-pressed=true]{background:var(--red);color:#fff;border-color:var(--red)}
.cp-mine header{display:flex;gap:12px;align-items:center}
.cp-mine header>div{display:flex;flex-direction:column}
.cp-ban{position:relative;display:block;width:100%;text-align:left;border-radius:20px;overflow:hidden;margin:0 0 18px;background:#0c0309;min-height:220px;box-shadow:0 0 0 1px #e0118a88,0 16px 50px -16px #e0118a99}
.cp-ban-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.cp-ban::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0309ee 10%,#0c030955 70%,transparent)}
.cp-ban-in{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;padding:24px 22px;color:#fff;max-width:560px}
.cp-ban-in small{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ff8ccb}
.cp-ban-in b{font-family:var(--display);font-size:clamp(24px,5vw,34px);letter-spacing:-.03em;line-height:1.05;text-shadow:0 0 22px #ff2e9a}
.cp-ban-in>span{color:#ffd9ec;font-size:14px}
.cp-ban-av{display:flex!important;align-items:center;gap:0;margin-top:6px}
.cp-ban-av i{width:38px;height:38px;border-radius:50%;overflow:hidden;border:2px solid #0c0309;margin-left:-8px}
.cp-ban-av i:first-child{margin-left:0}
.cp-ban-av i img{width:100%;height:100%;object-fit:cover}
.cp-ban-av u{text-decoration:none;margin-left:14px;background:var(--red,#e0118a);color:#fff;border-radius:999px;padding:9px 16px;font-weight:700;font-size:13.5px;background:#e0118a;box-shadow:0 0 20px #e0118a99}
@media (max-width:640px){
.cp-feat{grid-template-columns:1fr}
.cp-fbody{padding:0 16px 18px}
.cp-fimg img{aspect-ratio:1/1;object-position:50% 25%}
.cp-today{grid-template-columns:96px 1fr}.cp-today img{width:96px}
.cp-week{gap:4px}
.cp-ban-in{padding:20px 16px}
}
/* ---- plateforme ---- */
#age{z-index:99;background:#000d}
.age-m,.sheet-m{width:min(560px,100%)}
.age-m p{margin:0 0 12px}
.sheet-m{padding:0;display:flex;flex-direction:column;max-height:88vh}
.sheet-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px 8px}
.sheet-h h2{margin:0!important;font-size:24px!important}
.sheet-x{width:36px;height:36px;border-radius:50%;background:var(--surface2);display:grid;place-items:center;flex:none}
.sheet-x svg{width:18px;height:18px}
.sheet-b{padding:4px 20px 22px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.sheet-b p{margin:0}
.sh{margin:14px 0 2px;font-family:var(--display);font-size:17px;letter-spacing:-.01em}
.hbtn{position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);flex:none}
.hbtn svg{width:19px;height:19px}
.hbtn .count{position:absolute;top:-4px;right:-4px}
.ini{width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}
.ini.big{width:48px;height:48px;font-size:20px}
.nt{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.nt li button{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;padding:10px;border-radius:12px}
.nt li.unr button{background:var(--tint)}
.nt li button>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.ntcatch{position:fixed;inset:0;z-index:119;background:transparent}
.ntwrap{position:fixed;top:calc(var(--top) + env(safe-area-inset-top,0px) + 8px);right:12px;z-index:120;width:min(380px,calc(100vw - 24px));max-height:min(520px,calc(100vh - var(--top) - 40px));display:flex;flex-direction:column;background:var(--bg);border-radius:16px;box-shadow:0 18px 50px #00000026;border:1px solid var(--line);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.ntwrap.on{opacity:1;transform:translateY(0);pointer-events:auto}
.ntwrap .nt-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);flex:none}
.ntwrap .nt-h h2{font-size:15px;margin:0;font-family:var(--display)}
.ntwrap .nt-h button{background:none;border:0;padding:4px;color:var(--muted);cursor:pointer}
.ntwrap .nt-b{overflow-y:auto;padding:8px;flex:1;min-height:0}
.ntwrap .nt-f{padding:8px 16px 12px;border-top:1px solid var(--line);flex:none;text-align:center}
@media(max-width:600px){.ntwrap{right:8px;left:8px;width:auto}}
.nm{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.nm li{display:flex;align-items:center;gap:10px;justify-content:space-between}
.nm li>span:nth-child(2){flex:1;min-width:0}
.sw{position:relative;width:44px;height:26px;flex:none}
.sw input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.sw i{position:absolute;inset:0;border-radius:999px;background:var(--line);transition:.2s;pointer-events:none}
.sw i::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}
.sw input:checked+i{background:var(--red)}.sw input:checked+i::after{transform:translateX(18px)}
.sw input:focus-visible+i{outline:2px solid var(--ink);outline-offset:2px}
.chk{display:flex;gap:8px;align-items:flex-start;font-weight:400!important;font-size:13.5px!important}
.chk input{width:auto!important;margin-top:3px}
.dz{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;margin-top:10px}
.home-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 10px}
.cont{display:flex;gap:10px;align-items:center;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid var(--line);background:#fff;text-align:left}
.cont>span:last-child{display:flex;flex-direction:column;line-height:1.1}.cont small{font-size:11px;color:var(--muted)}
.strk{display:flex;align-items:baseline;gap:5px;margin-left:auto}.strk b{font-family:var(--display);font-size:24px}.strk small{color:var(--muted);font-size:12px}
.srch input{width:100%;font:inherit;border:1px solid var(--line);border-radius:999px;padding:11px 18px;background:#fff}
.srch input:focus{outline:2px solid var(--ink);outline-offset:1px}
.srch{margin-bottom:14px;display:flex;gap:10px;align-items:center}.srch input{flex:1;min-width:0;width:auto}.flt{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:11px 18px;font-weight:700;font-size:14px;background:#fff;white-space:nowrap}.flt[aria-expanded=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.fpanel{border:1px solid var(--line);border-radius:18px;padding:14px 16px 12px;margin:0 0 16px;background:#fff}.fpanel[hidden]{display:none}.fg+.fg{margin-top:10px}.fg>b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute,#6b6670)}.fg .chips2{margin:8px 0 2px}.fpanel>.linkbtn{margin-top:8px}
.mc{position:relative}
.mc-for{position:absolute;right:12px;top:12px;z-index:4;background:var(--ink);color:#fff;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700}
.pass-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:16px}
.pass-grid .card h3{font-size:24px}
.pass-grid ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:14px}
.pr{font-family:var(--display);font-size:32px;font-weight:800;letter-spacing:-.03em}
.pr small{font-size:13px;font-weight:600;color:var(--muted)}
.pass-main{background:var(--ink);color:#fff;border:0}
.pass-main .mono,.pass-main .pr small{color:#cfc6d6}
.pass-main .btn{background:#fff;color:var(--ink)}
.faq details{border-top:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:700}
.faq p{margin:8px 0 0;color:var(--muted)}
.chipn{display:inline-block;background:var(--surface2);border-radius:999px;padding:3px 10px;margin:2px 4px 2px 0;font-size:12px}
.plan td,.plan th{text-align:center;white-space:nowrap}
.pk{border-radius:8px;padding:2px 8px;font-size:12px;font-weight:600;background:var(--surface2)}
.pk.reel{background:#e6f0ff}.pk.photo{background:#ffe9ef}.pk.audio{background:#efe8ff}.pk.lettre{background:#fff3d8}.pk.story{background:#e4f7ea}.pk.sondage{background:#f1f1f1}
.mod{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
@media (max-width:640px){
.appbar-in{gap:8px}
.homebtn span{display:none}
.tier select{padding-left:10px;padding-right:26px;max-width:110px}
}
/* ===== site : accueil, blog, FAQ, footer ===== */
body.home .page{max-width:1160px}
.page .sec{margin-top:54px}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.sec-h h2,.pg-h h1{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.04;margin:0;font-size:clamp(26px,4.4vw,38px);text-wrap:balance}
.sec-h p{margin:6px 0 0;color:var(--muted);max-width:60ch}
.btn.big{min-height:48px;padding:12px 24px;font-size:15.5px;border-radius:999px}
.hx{position:relative;margin-top:16px;border-radius:30px;overflow:hidden;color:#fff;background:radial-gradient(900px 500px at 85% 0%,#7c1d6f 0%,transparent 60%),radial-gradient(700px 500px at 0% 100%,#b3122f 0%,transparent 55%),linear-gradient(135deg,#16121a,#241028 60%,#16121a);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:10px;padding:clamp(26px,5vw,56px);padding-bottom:calc(clamp(26px,5vw,56px) + 8px);min-height:520px;align-items:center}
.hx-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#ffd9e1;background:#ffffff14;border:1px solid #ffffff22;border-radius:999px;padding:6px 13px}
.hx-eyebrow i{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px #3ddc8433}
.hx-eyebrow.dk{color:var(--ink);background:var(--surface2);border-color:var(--line)}
.hx h1{font-family:var(--display);font-weight:800;font-size:clamp(36px,6.4vw,72px);line-height:.98;letter-spacing:-.045em;margin:18px 0 16px;text-wrap:balance}
.hx p{color:#ffffffcc;font-size:clamp(15px,1.7vw,17.5px);max-width:52ch;margin:0 0 24px;line-height:1.5}
.hx-cta{display:flex;gap:12px;flex-wrap:wrap}
.hx .btn{background:#fff;color:#16121a}
.hx .btn.ghd{background:transparent;color:#fff;border:1.5px solid #ffffff55}
.hx-trust{list-style:none;margin:26px 0 0;padding:0;display:flex;gap:8px 18px;flex-wrap:wrap;font-size:13px;color:#ffffffb8}
.hx-trust li{display:flex;gap:6px;align-items:center}.hx-trust .i{width:16px;height:16px}
.hx-art{position:relative;height:440px}
.hx-c{position:absolute;margin:0;width:37%;aspect-ratio:3/4;border-radius:22px;overflow:hidden;border:3px solid #fff;box-shadow:0 24px 50px #0008}
.hx-c img{width:100%;height:100%;object-fit:cover;display:block}
.hx-c figcaption{position:absolute;left:8px;bottom:8px;right:8px;font-size:11.5px;font-weight:700;background:#ffffffee;color:#16121a;border-radius:999px;padding:4px 10px;display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-c .dot{width:7px;height:7px;border-radius:50%;background:#12a150;flex:none}
.hx-c.c0{left:0;top:56px;transform:rotate(-7deg)}
.hx-c.c1{left:30%;top:0;transform:rotate(2deg);z-index:2;width:40%}
.hx-c.c2{right:0;top:84px;transform:rotate(7deg);z-index:1}
.hx-pill{position:absolute;z-index:3;background:#ffffffee;color:#16121a;font-weight:700;font-size:12.5px;border-radius:999px;padding:8px 14px;display:flex;gap:7px;align-items:center;box-shadow:0 10px 24px #0006;max-width:80%}
.hx-pill .i{width:15px;height:15px;color:#e0118a}
.hx-pill.p1{left:0;bottom:30px}.hx-pill.p2{right:2%;bottom:84px}
.hx-spec{position:absolute;left:0;right:0;bottom:0;height:7px;display:flex}.hx-spec i{flex:1}
@media (max-width:860px){.hx{grid-template-columns:1fr;min-height:0}.hx-art{height:340px;order:-1;margin-bottom:6px}.hx-pill.p2{display:none}}
@media (max-width:480px){.hx-art{height:270px}.hx-pill{font-size:11.5px;padding:6px 11px}}
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.steps3 li{border:1px solid var(--line);border-radius:22px;padding:22px;background:var(--tint)}
.steps3 b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--display);font-size:17px}
.steps3 h3{font-family:var(--display);font-size:21px;margin:14px 0 6px;letter-spacing:-.02em}.steps3 p{margin:0;color:var(--muted)}
@media (max-width:760px){.steps3{grid-template-columns:1fr}}
.cta-end{margin-top:54px;border-radius:30px;padding:clamp(28px,5vw,54px);text-align:center;color:#fff;background:linear-gradient(135deg,#16121a,#3a1131 55%,#7c1d1d)}
.cta-end h2{font-family:var(--display);font-weight:800;font-size:clamp(26px,4.4vw,42px);letter-spacing:-.03em;margin:0 0 8px;text-wrap:balance}
.cta-end p{margin:0 auto 20px;color:#ffffffc4;max-width:48ch}.cta-end .btn{background:#fff;color:#16121a}
/* blog */
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}
@media (max-width:900px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bgrid{grid-template-columns:1fr}}
.bc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}
.bc:hover{transform:translateY(-3px);box-shadow:0 14px 34px #180b0e1a}
.bc-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--surface2)}
.bc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.bc:hover .bc-img img{transform:scale(1.04)}
.bc-tag{position:absolute;left:12px;top:12px;background:#fff;color:var(--ink);font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 11px}
.bc-tag.static{position:static;display:inline-block;background:var(--ink);color:#fff}
.bc-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px}
.bc-by{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted)}.bc-by img{width:26px;height:26px;border-radius:50%;object-fit:cover}.bc-by b{color:var(--ink)}
.bc h3{margin:0;font-family:var(--display);font-size:20px;line-height:1.15;letter-spacing:-.02em}.bc h3 button{text-align:left;font:inherit;color:inherit}
.bc p{margin:0;color:var(--muted);font-size:14.5px}
.bc.big{display:grid;grid-template-columns:1.15fr 1fr;margin-top:6px}
.bc.big .bc-img{aspect-ratio:auto;height:400px}.bc.big .bc-img img{position:absolute;inset:0}.bc.big .bc-body{padding:28px;justify-content:center}.bc.big h3{font-size:clamp(24px,3.4vw,34px)}
@media (max-width:760px){.bc.big{grid-template-columns:1fr}.bc.big .bc-img{aspect-ratio:4/3;height:auto}.bc.big .bc-body{padding:18px}}
.pg-h{padding:30px 0 10px}.pg-h h1{margin-top:14px}.pg-h p{color:var(--muted);max-width:60ch;margin:10px 0 0}
.blog-f{margin:14px 0 18px}
.po{max-width:720px;margin:0 auto;padding-top:14px}
.po .back{margin:6px 0 14px;font-size:14px}
.po h1{font-family:var(--display);font-weight:800;font-size:clamp(30px,5.4vw,50px);letter-spacing:-.035em;line-height:1.03;margin:12px 0 16px;text-wrap:balance}
.po-by{display:flex;gap:12px;align-items:center;margin-bottom:20px}.po-by img{width:46px;height:46px;border-radius:50%;object-fit:cover}.po-by span{display:flex;flex-direction:column;line-height:1.3}.po-by small{color:var(--muted);font-size:13px}
.po-hero{margin:0 -16px 26px}.po-hero img{width:100%;max-height:520px;object-fit:cover;display:block;border-radius:22px}
.po-hero figcaption,.po-fig figcaption{font-size:13px;color:var(--muted);margin-top:8px;padding:0 16px}
.po-lead{font-size:clamp(18px,2.2vw,21px);line-height:1.5;font-weight:600;margin:0 0 8px}
.po h2{font-family:var(--display);font-size:clamp(22px,3vw,28px);letter-spacing:-.025em;margin:34px 0 10px;line-height:1.15}
.po p{font-size:17px;line-height:1.72;margin:0 0 16px}
.po blockquote{margin:28px 0;padding:6px 0 6px 20px;border-left:4px solid var(--ink);font-family:var(--display);font-size:clamp(21px,3vw,28px);line-height:1.22;letter-spacing:-.02em;font-weight:700}
.po-fig{margin:26px -16px}.po-fig img{width:100%;max-height:560px;object-fit:cover;display:block;border-radius:22px}
.po-end{font-weight:600}
.po-card{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:18px;background:var(--tint);margin:30px 0 12px;flex-wrap:wrap}
.po-card img{width:64px;height:64px;border-radius:50%;object-fit:cover}.po-card>div{flex:1;min-width:180px}.po-card b{font-size:17px;display:block}.po-card span{font-size:13px;color:var(--muted)}.po-card p{font-size:14.5px;margin:4px 0 0}
.po p.po-note{font-size:12.5px;color:var(--muted);line-height:1.5}
.po-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.po-nav button{text-align:left;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px}.po-nav small{color:var(--muted)}.po-nav b{font-family:var(--display);line-height:1.2}
@media (max-width:560px){.po-nav{grid-template-columns:1fr}.po-hero,.po-fig{margin-left:-16px;margin-right:-16px}.po-hero img,.po-fig img{border-radius:0}}
/* faq */
.faqbox{margin-top:12px}
.fq{border-top:1px solid var(--line);padding:14px 2px}.fq:last-child{border-bottom:1px solid var(--line)}
.fq summary{cursor:pointer;font-weight:700;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:'+';font-size:24px;line-height:1;color:var(--muted);flex:none;transition:transform .2s}
.fq[open] summary::after{transform:rotate(45deg)}
.fq p{margin:10px 0 2px;color:var(--muted);line-height:1.6;max-width:70ch}
/* footer */
.sfoot{margin-top:70px;font-size:14px}
.sf-nlw{max-width:1190px;margin:0 auto;padding:0 16px}
.sf-dark{background:#16121a;color:#ffffffb8;padding:60px 16px 26px;margin-top:90px}
.sfoot-in{max-width:1160px;margin:0 auto}
.sf-nl{position:relative;margin:0;border-radius:26px;padding:34px 38px;color:#fff;background:linear-gradient(115deg,#e0457b 0%,#8a1f6b 48%,#4b2a9a 100%);display:grid;grid-template-columns:1.1fr 1fr;gap:22px 44px;align-items:center;box-shadow:0 30px 60px -34px rgba(75,42,154,.55);overflow:hidden}
.sf-nl::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.2) 0 1.5px,transparent 2px) 0 0/11px 11px;-webkit-mask-image:linear-gradient(100deg,transparent 30%,#000);mask-image:linear-gradient(100deg,transparent 30%,#000);pointer-events:none}
.sf-nl>*{position:relative}
.sf-nl small{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.sf-nl h3{font-family:var(--display);font-weight:800;font-size:clamp(22px,3vw,30px);line-height:1.15;letter-spacing:-.02em;margin:8px 0 10px;color:#fff}
.sf-nl p{margin:0;max-width:48ch;line-height:1.5;color:#ffffffe6}
.sf-nlf{display:flex;gap:8px;background:#fff;border-radius:999px;padding:6px;box-shadow:0 10px 30px -14px #0008}
.sf-nlf input{flex:1;min-width:0;font:inherit;font-size:15px;border:0;background:transparent;color:#16121a;border-radius:999px;padding:12px 16px;outline:0}
.sf-nlf input::placeholder{color:#16121a8c}
.sf-nlf:focus-within{box-shadow:0 0 0 3px #ffffff80,0 10px 30px -14px #0008}
.sf-nlf button{background:#16121a;color:#fff;border-radius:999px;font-weight:700;padding:0 24px;white-space:nowrap;min-height:44px}
.sf-nl-note{font-size:12px;margin:10px 6px 0!important;opacity:.85}
.sf-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px 44px}
.sf-col h4{margin:0 0 14px;color:#fff;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase}
.sf-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sf-mod ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(7,auto);grid-auto-flow:column;gap:10px 22px}
.sf-col button{color:#ffffffb8;text-align:left;font:inherit;line-height:1.3}.sf-col button:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sf-brand2{display:flex;align-items:flex-start;gap:12px 38px;margin-top:40px;padding-top:30px;border-top:1px solid #ffffff1f}
.sf-brand2 .lg{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.04em;color:#fff;flex:none;line-height:1}
.sf-brand2 p{margin:2px 0 0;max-width:72ch;line-height:1.55}
.sf-spec{display:flex;height:4px;border-radius:2px;overflow:hidden;margin:30px 0 18px}.sf-spec i{flex:1}
.sf-bot{display:flex;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;font-size:12.5px;line-height:1.55;color:#ffffff99}
.sf-bot b{color:#fff}.sf-bot button{color:#ffffffb8;text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.sf-top{grid-template-columns:1fr 1fr 1fr}.sf-mod{grid-column:1/-1}.sf-mod ul{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto)}}
@media (max-width:760px){.sf-nl{grid-template-columns:1fr;padding:28px 22px}.sf-top{grid-template-columns:1fr 1fr}.sf-mod ul{grid-template-columns:1fr 1fr}.sf-brand2{flex-direction:column}}
@media (max-width:480px){.sf-top{gap:28px 14px}.sf-nlf{flex-direction:column;border-radius:22px;padding:8px}.sf-nlf input{padding:12px 14px}.sf-nlf button{width:100%}}
body.inreels .sfoot{display:none}
body:not(.guest) .sf-nlw{display:none}
.hx-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:0;pointer-events:none}
.hx::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#14061aee 0%,#14061acc 38%,#14061a33 70%,transparent 100%);pointer-events:none}
.hx>.hx-txt,.hx>.hx-art,.hx>.hx-spec{position:relative;z-index:1}.hx>.hx-spec{position:absolute}
@media (max-width:860px){.hx::before{background:linear-gradient(180deg,#14061a66,#14061acc)}}
/* animation du header */
.hx-c{translate:0 0;--d:1;animation:hxin .9s cubic-bezier(.2,.9,.3,1.15) both,hxfl 6s ease-in-out 1s infinite;transition:scale .25s,filter .25s;cursor:pointer}
.hx-c.c0{--r:-7deg;rotate:var(--r);transform:none;animation-delay:.15s,1s;--d:14}.hx-c.c1{--r:2deg;rotate:var(--r);transform:none;animation-delay:.4s,2s;--d:22}.hx-c.c2{--r:7deg;rotate:var(--r);transform:none;animation-delay:.65s,3s;--d:9}
.hx-c img{transition:opacity .35s}
.hx-c:hover{scale:1.05;z-index:6}
@keyframes hxin{from{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:none}}
@keyframes hxfl{0%,100%{translate:calc(var(--px,0)*var(--d)*1px) calc(var(--py,0)*var(--d)*.7px)}50%{translate:calc(var(--px,0)*var(--d)*1px) calc(var(--py,0)*var(--d)*.7px - 9px)}}
.hx-bg{inset:-3%;width:106%;height:106%;animation:hxkb 26s ease-in-out infinite alternate;translate:calc(var(--px,0)*-10px) calc(var(--py,0)*-7px)}
@keyframes hxkb{from{scale:1}to{scale:1.1}}
.hx-chat{position:absolute;z-index:4;right:26px;bottom:30px;width:300px;border-radius:22px;background:linear-gradient(160deg,#1b0d22f2,#0d0612f7);border:1px solid #ff3d9a55;box-shadow:0 20px 50px #000a,0 0 30px #ff2d8a33;color:#fff;opacity:0;transform:translateY(24px) scale(.96);pointer-events:none;transition:opacity .5s,transform .5s;cursor:pointer;backdrop-filter:blur(10px)}
.hx-chat.on{opacity:1;transform:none;pointer-events:auto}
.hxc-h{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #ffffff14}
.hxc-h>img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #ff3d9a}
.hxc-h b{display:flex;align-items:center;gap:6px;font-size:14px}.hxc-v{width:13px;height:13px;border-radius:50%;background:#ff2d8a;display:inline-block}
.hxc-h span{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#ffffffb0}.hxc-h u{width:7px;height:7px;border-radius:50%;background:#3ddc84;animation:hxpl 2s infinite}
@keyframes hxpl{50%{box-shadow:0 0 0 5px #3ddc8422}}
.hxc-h>div{flex:1;min-width:0}.hxc-h em{font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff90;border:1px solid #ffffff30;border-radius:999px;padding:2px 7px}
.hxc-x{width:26px;height:26px;border-radius:50%;background:#ffffff18;color:#fff;font-size:17px;line-height:1}
.hxc-b{display:flex;flex-direction:column;gap:7px;padding:12px;max-height:230px;overflow:hidden}
.hxm{max-width:86%;padding:8px 12px;border-radius:16px;font-size:13px;line-height:1.35;animation:hxm .3s both}
.hxm.a{background:#ffffff14;border-bottom-left-radius:5px;align-self:flex-start}.hxm.u{background:linear-gradient(135deg,#ff2d8a,#e0118a);border-bottom-right-radius:5px;align-self:flex-end}
.hxm.ty{display:flex;gap:4px;padding:11px 13px}.hxm.ty i{width:6px;height:6px;border-radius:50%;background:#fff9;animation:hxty 1s infinite}.hxm.ty i:nth-child(2){animation-delay:.15s}.hxm.ty i:nth-child(3){animation-delay:.3s}
@keyframes hxm{from{opacity:0;transform:translateY(8px)}}@keyframes hxty{50%{opacity:.25;transform:translateY(-3px)}}
@media (max-width:860px){.hx-chat{width:250px;right:12px;bottom:12px}.hxc-b{max-height:150px}.hxm{font-size:12px;padding:6px 10px}}
@media (prefers-reduced-motion:reduce){.hx-c,.hx-bg,.hxm{animation:none!important}}
/* ===== connaissance du client ===== */
.kh{display:flex;gap:20px;align-items:center;margin:16px 0 18px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--tint);flex-wrap:wrap}
.kring{width:112px;height:112px;flex:none}.kr-t{font-family:var(--display);font-weight:800;font-size:23px;fill:var(--ink)}
.kh>div{flex:1;min-width:220px}.kl2{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.kbtn{margin-top:12px}
.kts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}
@media (max-width:640px){.kts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kt{display:flex;flex-direction:column;gap:8px;text-align:left;border:1px solid var(--line);border-radius:14px;padding:11px 12px;background:#fff;font-size:13.5px;transition:border-color .2s}
.kt:hover:not(.off){border-color:var(--red)}.kt.off{opacity:.45}.kt.full{background:var(--red-soft)}
.kd{display:flex;gap:4px}.kd i{width:18px;height:6px;border-radius:3px;background:var(--line)}.kd i.on{background:var(--red)}
.kg{margin-top:14px}.kg h4{margin:0 0 6px;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.kf,.kev,.kq-l{list-style:none;margin:0;padding:0}
.kf li,.kev li,.kq-l li{display:flex;gap:10px 14px;align-items:baseline;border-top:1px solid var(--line);padding:9px 0;flex-wrap:wrap}
.kf li.mut .kv{text-decoration:line-through;color:var(--muted)}
.kl{font-size:12.5px;color:var(--muted);min-width:96px;max-width:210px}.kv{font-weight:600;flex:1;min-width:120px}
.ka{display:flex;gap:12px;margin-left:auto}.ka button{font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.ka button:hover{color:var(--ink)}
.kf li.ed form{display:flex;gap:8px;flex:1;align-items:center}.kf li.ed input{flex:1;min-width:0;font:inherit;border:1px solid var(--line);border-radius:10px;padding:7px 10px}
.kd2{font-weight:800;min-width:92px;font-size:13px}
.kadd{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.kadd input{font:inherit;border:1px solid var(--line);border-radius:10px;padding:8px 11px;min-width:0}.kadd input:first-child{flex:1;min-width:180px}
.kq-l li span:first-child{flex:1;min-width:200px}
.krate{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}.krate button{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.krate button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.kq-p{font-size:12.5px;color:var(--muted);margin-bottom:10px}
.kq-r{margin:0 0 10px;font-style:italic;color:var(--muted)}
.kq-who{display:flex;gap:10px;align-items:flex-start}.kq-b{background:var(--surface2);border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:15.5px;line-height:1.4}
.kq-ch{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.kq-ch button{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;background:#fff}.kq-ch button:hover{border-color:var(--red)}
.kq-f{display:flex;gap:8px;margin-top:14px}.kq-f input{flex:1;min-width:0;font:inherit;border:1px solid var(--line);border-radius:999px;padding:10px 16px}
.kq-act{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}.kq-act button{font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.kq-end{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;padding:8px 0}.kq-end p{margin:0}
/* ===== timeline ===== */
.tl-hero{margin-top:16px;border-radius:30px;color:#fff;padding:clamp(26px,5vw,56px);background:radial-gradient(800px 420px at 90% 0%,#5b2bb8 0%,transparent 60%),radial-gradient(600px 400px at 0% 100%,#b3122f 0%,transparent 55%),linear-gradient(135deg,#16121a,#1f1030 60%,#16121a)}
.tl-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(32px,5.6vw,60px);line-height:1;letter-spacing:-.04em;margin:18px 0 14px;text-wrap:balance;max-width:20ch}
.tl-hero p{color:#ffffffcc;font-size:clamp(15px,1.7vw,17.5px);max-width:60ch;line-height:1.55;margin:0 0 20px}
.tl-note{background:#ffffff14;border:1px solid #ffffff2a;border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.5;max-width:64ch}
.tl-list{list-style:none;margin:34px 0 0;padding:0 0 0 0;position:relative}
.tl-list::before{content:"";position:absolute;left:23px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--brand,#e0245e),var(--line) 40%,var(--line))}
.tl-st{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;margin-bottom:18px}
.tl-dot{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);color:var(--muted);z-index:1}
.tl-dot svg{width:22px;height:22px}
.tl-st.on .tl-dot{background:var(--brand,#e0245e);border-color:var(--brand,#e0245e);color:#fff}
.tl-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 20px;min-width:0}
.tl-top{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.tl-when{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tl-tag{font-size:12px;font-weight:700;border-radius:999px;padding:4px 11px;background:var(--surface2);border:1px solid var(--line)}
.tl-tag.t0{background:#e6f7ee;color:#0b6b3a;border-color:#bfe8cf}
.tl-tag.t1{background:#fff3dd;color:#8a5200;border-color:#f3dba5}
.tl-tag.t4{background:#efe9ff;color:#4b2aa0;border-color:#d6c9fb}
.tl-card h3{font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:21px;margin:8px 0 6px}
.tl-card p{margin:0 0 8px;line-height:1.55}
.tl-w,.tl-k{font-size:14px;color:var(--muted)}
.tl-card .btn{margin-top:8px}
.tl-card .btn[aria-pressed=true]{background:var(--ink);color:var(--bg,#fff)}
.tl-pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.tl-p{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.tl-p h3{font-size:16px;margin:0 0 6px}.tl-p p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.tl-tz-in{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:26px;padding:clamp(22px,4vw,40px);color:#fff;background:linear-gradient(135deg,#16121a,#2a1245 70%,#3b1250)}
.tl-tz h2{font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-size:clamp(26px,4.2vw,38px);margin:12px 0 6px}
.tl-tz p{margin:0;color:#ffffffcc;max-width:52ch;line-height:1.5}
.tl-tz .btn{background:#fff;color:#16121a}
.tl-fine{margin-top:22px;font-size:12px;color:var(--muted)}
@media(max-width:560px){.tl-st{grid-template-columns:40px minmax(0,1fr);gap:12px}.tl-dot{width:40px;height:40px}.tl-list::before{left:19px}.tl-card{padding:16px}}
.tl-md{margin:14px 0 4px}.tl-vd{margin:0 0 12px;max-width:320px}.tl-vd video{width:100%;border-radius:18px;background:#111;display:block;aspect-ratio:540/1090;object-fit:cover}.tl-vd figcaption{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4}
.tl-mg{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.tl-mg.n1{grid-template-columns:minmax(0,420px)}.tl-mg.n3{grid-template-columns:repeat(3,1fr)}
.tl-mi{border:0;padding:0;border-radius:16px;overflow:hidden;cursor:zoom-in;background:#222;aspect-ratio:3/4}.tl-mi img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block;transition:transform .6s}.tl-mi:hover img{transform:scale(1.05)}
.tl-mi.wide{display:block;width:100%;margin-top:10px;aspect-ratio:16/9}.tl-mi.wide img{object-position:50% 50%}
.tl-ai{font-size:12px;color:var(--muted);margin:8px 0 0}
@media(max-width:560px){.tl-mg.n3{grid-template-columns:repeat(3,1fr);gap:6px}.tl-vd{max-width:100%}}
.tl-md{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}.tl-vd{flex:0 0 260px;margin:0}.tl-md .tl-mg{flex:1 1 300px}.tl-mi.wide{flex:1 1 100%;margin-top:0}.tl-ai{flex:1 1 100%}
@media(max-width:560px){.tl-vd{flex:1 1 100%}}
/* ===== pages de vente ===== */
body.home .page.sale,.page.sale{max-width:none;padding-inline:0;padding-bottom:0}
.sl{--ink2:#16121a;--hi:color-mix(in srgb,var(--red) 45%,#fff);--hot:color-mix(in srgb,var(--red) 70%,#fff);overflow-x:clip;font-size:16px;line-height:1.55}
.sl-prog{position:fixed;left:0;right:0;top:0;height:4px;z-index:60;background:transparent;pointer-events:none}
.sl-prog i{display:block;height:100%;background:var(--red);transform:scaleX(0);transform-origin:0 50%}
.sl-in{max-width:1120px;margin:0 auto;padding-inline:20px}
.sl-s{padding:clamp(54px,9vw,104px) 0;position:relative}
.sl-tint{background:var(--tint)}
.sl-dark{background:var(--ink2);color:#fff}
.sl-dark .sl-lead,.sl-dark .sl-fine{color:#ffffffb8}
.sl-k{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.sl-dark .sl-k{color:var(--hi)}
.sl h2{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:0 0 14px;font-size:clamp(30px,5.4vw,56px);text-wrap:balance;max-width:20ch}
.sl-lead{font-size:clamp(16px,1.9vw,19px);color:var(--muted);max-width:60ch;margin:0 0 8px}
.sl h3{font-family:var(--display);letter-spacing:-.02em}
.sl-mid{margin-top:34px}.sl-mid.l{margin-top:22px}
.sl-cta{box-shadow:0 10px 28px -10px var(--red)}
.sl-cta.inv,.sl-fin .sl-cta{background:#fff;color:var(--red-dk);box-shadow:0 10px 30px -8px #0006}
.btn.big.ghd{background:#ffffff1f;border:1px solid #ffffff55;color:#fff}
/* révélations */
.rv{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.rv[data-rv=left]{transform:translateX(-46px)}.rv[data-rv=right]{transform:translateX(46px)}.rv[data-rv=zoom]{transform:scale(.9)}
.rv.in{opacity:1;transform:none}
/* barre collante */
.sl-stick{position:fixed;z-index:55;right:20px;bottom:24px;display:flex;align-items:center;gap:14px;background:#16121af2;color:#fff;border-radius:999px;padding:8px 8px 8px 12px;box-shadow:0 14px 40px -10px #000a;transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.sl-stick.on{transform:none}
.sl-stick span{display:flex;align-items:center;gap:8px;font-weight:700}
.sl-stick img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.sl-stick .btn{background:var(--red);color:#fff;min-height:40px}
/* hero */
.sl-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 520px at 80% 10%,var(--hot) 0%,transparent 60%),linear-gradient(160deg,var(--red) 0%,var(--red-dk) 100%);padding:clamp(34px,6vw,72px) 0 clamp(56px,8vw,96px)}
.sl-dots-bg{position:absolute;inset:0;background-image:var(--pat);background-size:var(--pat-sz);background-position:var(--pat-pos);opacity:.14;animation:sldrift 40s linear infinite}
@keyframes sldrift{to{background-position:560px 280px,574px 294px}}
.sl-hin{position:relative;max-width:1120px;margin:0 auto;padding-inline:20px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:28px;align-items:center}
.sl-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(40px,7.2vw,84px);line-height:.95;letter-spacing:-.05em;margin:18px 0 18px;text-wrap:balance}
.sl-hero h1 em{font-style:normal;background:#fff;color:var(--red-dk);padding:.02em .14em;border-radius:.18em;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.sl-hero p{font-size:clamp(16px,1.9vw,19px);color:#ffffffe6;max-width:54ch;margin:0 0 24px}
.sl-hcta{display:flex;gap:12px;flex-wrap:wrap}
.sl-chips{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:22px 0 0}
.sl-chips li{font-size:13px;font-weight:600;background:#ffffff1f;border:1px solid #ffffff3a;border-radius:999px;padding:6px 12px}
.sl-chips li::before{content:"✓ ";font-weight:800}
.sl-coll{position:relative;height:clamp(380px,52vw,600px)}
.sl-ph{position:absolute;margin:0;border-radius:22px;overflow:hidden;border:5px solid #fff;box-shadow:0 26px 60px -18px #0008;translate:0 var(--py,0);animation:slfloat 7s ease-in-out infinite}
.sl-ph img{width:100%;height:100%;object-fit:cover;display:block}
.sl-ph.p0{width:46%;aspect-ratio:3/4.4;left:2%;top:10%;rotate:-6deg}
.sl-ph.p1{width:52%;aspect-ratio:3/4.2;right:0;top:0;rotate:5deg;animation-delay:-2s;z-index:2}
.sl-ph.p2{width:42%;aspect-ratio:3/4.2;left:30%;bottom:0;rotate:-2deg;animation-delay:-4s;z-index:3}
@keyframes slfloat{50%{transform:translateY(-14px)}}
.sl-bub{position:absolute;z-index:4;background:#fff;color:#16121a;font-weight:700;font-size:14px;border-radius:18px 18px 18px 4px;padding:9px 14px;box-shadow:0 12px 30px -10px #0006;animation:slfloat 5s ease-in-out infinite}
.sl-bub.b1{left:-2%;top:2%}.sl-bub.b2{right:2%;bottom:10%;border-radius:18px 18px 4px 18px;animation-delay:-2s;display:flex;gap:6px;align-items:center}
.sl-bub svg{width:16px;height:16px;color:var(--red)}
/* ticker */
.sl-tick{background:#16121a;color:#fff;overflow:hidden;white-space:nowrap;padding:16px 0;font-family:var(--display);font-weight:800;font-size:clamp(18px,2.6vw,28px);letter-spacing:-.02em}
.sl-tick>div{display:inline-flex;gap:26px;animation:slmq 38s linear infinite;padding-left:26px}
.sl-tick b{color:var(--red)}
@keyframes slmq{to{transform:translateX(-50%)}}
/* stats */
.sl-stats{padding:clamp(34px,6vw,60px) 0}
.sl-sg{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;text-align:center}
.sl-sg b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(34px,6vw,64px);letter-spacing:-.05em;color:var(--red);line-height:1}
.sl-sg span{font-size:13px;color:var(--muted);font-weight:600}
/* douleurs */
.sl-pains{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}
.sl-pain{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px 24px 22px;position:relative;transition:transform .3s,box-shadow .3s}
.sl-pain:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px #0006}
.sl-pain i{position:absolute;right:20px;top:14px;font:800 54px/1 var(--display);color:var(--red-soft);font-style:normal}
.sl-pain h3{font-size:20px;margin:0 0 8px;max-width:24ch;position:relative}
.sl-pain p{margin:0;color:var(--muted);position:relative}
/* slides */
.sl-sl{margin-top:30px}
.sl-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:28px}
.sl-track::-webkit-scrollbar{display:none}
.sl-slide{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;background:var(--surface);border:1px solid var(--line);border-radius:28px;overflow:hidden;min-height:480px}
.sl-sph{overflow:hidden;position:relative;min-height:340px}
.sl-sph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sl-stx{padding:clamp(24px,4vw,52px);display:flex;flex-direction:column;justify-content:center}
.sl-n{font:700 13px var(--display);letter-spacing:.1em;color:var(--red)}
.sl-stx h3{font-size:clamp(28px,4vw,44px);line-height:1;margin:10px 0 14px;font-weight:800}
.sl-stx p{font-size:clamp(16px,1.8vw,18px);color:var(--muted);margin:0;max-width:44ch}
.sl-ctl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}
.sl-ctl button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink)}
.sl-ctl button svg{width:20px;height:20px}.sl-ctl .rt svg{transform:rotate(180deg)}
.sl-ctl button:hover{background:var(--red);color:#fff;border-color:var(--red)}
.sl-dots{display:flex;gap:8px}.sl-dots i{width:9px;height:9px;border-radius:99px;background:var(--line);cursor:pointer;transition:all .3s}.sl-dots i.on{width:28px;background:var(--red)}
/* journée */
.sl-day{list-style:none;margin:36px 0 0;padding:0;position:relative;display:grid;gap:26px}
.sl-day::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(var(--red),var(--line));transform:translateX(-1px)}
.sl-day li{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;position:relative}
.sl-day time{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;background:var(--red);color:#fff;font:800 14px var(--display);border-radius:99px;padding:6px 12px;border:4px solid var(--bg,#fff)}
.sl-day figure{margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/5;max-height:340px;position:relative;box-shadow:0 20px 40px -24px #0008;justify-self:end;width:min(100%,280px)}
.sl-day figure img{width:100%;height:100%;object-fit:cover;display:block}
.sl-day li.r figure{order:2;justify-self:start}
.sl-day li div{padding:6px 0 6px 38px}.sl-day li.r div{order:1;text-align:right;padding:6px 38px 6px 0}.sl-day figure{margin-right:38px}.sl-day li.r figure{margin:0 0 0 38px}
.sl-day h3{font-size:22px;margin:0 0 6px}.sl-day p{margin:0;color:var(--muted)}
.lk img{filter:blur(16px) saturate(1.2);transform:scale(1.15)}
.lk{position:relative;overflow:hidden}
.lk>span{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;gap:6px;align-items:center;background:#16121acc;color:#fff;font-size:12px;font-weight:700;border-radius:99px;padding:7px 12px;white-space:nowrap}
.lk>span svg{width:14px;height:14px}
/* galerie */
.sl-mq{margin-top:36px;display:grid;gap:14px;overflow:hidden}
.sl-row{display:flex;gap:14px;width:max-content;animation:slmq 60s linear infinite}
.sl-row.rev{animation-direction:reverse;animation-duration:70s}
.sl-mq:hover .sl-row{animation-play-state:paused}
.sl-it{margin:0;width:190px;aspect-ratio:3/4;border-radius:18px;overflow:hidden;flex:none;background:#2a2230}
.sl-it img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.sl-it:not(.lk):hover img{transform:scale(1.08)}
/* vidéos */
.sl-vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,300px));gap:28px;justify-content:center;margin-top:34px}
.sl-vid{margin:0}
.sl-vid video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:28px;background:#16121a;border:6px solid #16121a;box-shadow:0 30px 60px -26px #000a;display:block}
.sl-vid figcaption{text-align:center;margin-top:12px;font-weight:700;color:var(--muted);font-size:14px}
/* chat */
.sl-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:48px;align-items:center}
.sl-phone{background:#16121a;border-radius:38px;padding:10px;box-shadow:0 34px 70px -28px #000b}
.sl-ph-h{display:flex;align-items:center;gap:10px;color:#fff;padding:12px 14px}
.sl-ph-h img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.sl-ph-h b{display:block;font-size:15px}.sl-ph-h span{font-size:12px;color:#3ddc84}
.sl-chat{background:var(--surface);border-radius:26px;height:420px;overflow-y:auto;padding:16px 14px;scrollbar-width:none}
.sl-msgs{display:flex;flex-direction:column;gap:8px}
.sl-b{max-width:84%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4;animation:slpop .35s cubic-bezier(.2,1.4,.4,1)}
.sl-b.u{align-self:flex-end;background:var(--red);color:#fff;border-bottom-right-radius:5px}
.sl-b.s{align-self:flex-start;background:var(--surface2);border-bottom-left-radius:5px}
.sl-b.ty{display:flex;gap:4px;padding:14px}.sl-b.ty i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:slty 1s infinite}.sl-b.ty i:nth-child(2){animation-delay:.15s}.sl-b.ty i:nth-child(3){animation-delay:.3s}
@keyframes slty{50%{transform:translateY(-5px);opacity:.4}}
@keyframes slpop{from{opacity:0;transform:scale(.85) translateY(8px)}}
.sl-tag{align-self:flex-start;display:flex;gap:6px;align-items:center;font-size:12px;font-weight:700;color:var(--red-dk);background:var(--red-soft);border-radius:99px;padding:5px 11px;animation:slpop .4s .1s both}
.sl-tag svg{width:13px;height:13px}
.sl-ph-f{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#ffffff9a;font-size:12px;padding:10px 12px 4px}
/* savoir */
.sl-know{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.sl-know span{font-weight:700;font-size:15px;background:var(--red-soft);color:var(--red-dk);border-radius:99px;padding:10px 18px;transition:transform .25s,background .25s}
.sl-know span:hover{transform:translateY(-3px) rotate(-1.5deg);background:var(--red);color:#fff}
/* fonctions */
.sl-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.sl-feat{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px;transition:transform .3s,box-shadow .3s}
.sl-feat:hover{transform:translateY(-6px);box-shadow:0 22px 44px -24px #0007}
.sl-feat i{width:50px;height:50px;border-radius:16px;background:var(--red);color:#fff;display:grid;place-items:center;margin-bottom:14px}
.sl-feat i svg{width:24px;height:24px}
.sl-feat h3{font-size:19px;margin:0 0 6px}.sl-feat p{margin:0;color:var(--muted);font-size:15px}
/* comparatif */
.sl-vs{margin-top:28px;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.sl-vr{display:grid;grid-template-columns:minmax(0,1.6fr) 90px 110px;gap:8px;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}
.sl-vr:first-child{border-top:0}.sl-vr.h{background:var(--surface2);font-size:13px}
.sl-vr b{text-align:center;font-size:17px}.sl-vr.h b{font-size:13px}.sl-vr b.y{color:#0b8a4a}.sl-vr b.n{color:var(--muted);font-weight:600}
.sl-vr span{font-weight:600}
/* forfaits */
.sl-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;align-items:stretch}
.sl-plan{position:relative;background:#ffffff0d;border:1px solid #ffffff26;border-radius:24px;padding:26px 20px;display:flex;flex-direction:column;transition:transform .3s}
.sl-plan:hover{transform:translateY(-6px)}
.sl-plan.rec{background:linear-gradient(160deg,var(--red),var(--red-dk));border-color:transparent;transform:scale(1.04)}
.sl-plan.rec:hover{transform:scale(1.04) translateY(-6px)}
.sl-rec{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#fff;color:var(--red-dk);font-size:12px;font-weight:800;border-radius:99px;padding:4px 12px}
.sl-plan h3{margin:0;font-size:20px}
.sl-pr{font:800 40px/1.1 var(--display);letter-spacing:-.04em;margin:8px 0 14px}.sl-pr small{font-size:14px;font-weight:600;opacity:.8}
.sl-plan ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px;font-size:14.5px;flex:1;align-content:start}
.sl-plan li::before{content:"✓ ";font-weight:800;color:var(--hi)}.sl-plan.rec li::before{color:#fff}
.sl-plan .btn{width:100%}.sl-plan .btn.gh{background:transparent;color:#fff;border-color:#ffffff55}
.sl-plan.rec .btn:not(.gh){background:#fff;color:var(--red-dk)}
.sl-fine{font-size:12.5px;margin-top:18px}
.sl-pass{margin-top:22px;color:#ffffffb8}.sl-pass .linkbtn{color:#fff;text-decoration:underline}
/* engagement */
.sl-eng{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.sl-eng>div{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px}
.sl-eng h3{margin:0 0 10px;font-size:20px}.sl-eng ul{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--muted)}
/* final */
.sl-fin{position:relative;overflow:hidden;color:#fff;text-align:center;padding:clamp(64px,10vw,120px) 0;background:linear-gradient(160deg,var(--red),var(--red-dk))}
.sl-fin .sl-in{position:relative}
.sl-fin img{display:block;margin-inline:auto;width:104px;height:104px;border-radius:50%;object-fit:cover;border:5px solid #fff;margin-bottom:18px}
.sl-fin h2{margin-inline:auto;max-width:18ch}
.sl-fin p{color:#ffffffe0;font-size:18px;max-width:46ch;margin:0 auto 26px}
.sl-ps{margin-top:30px!important;font-size:15px!important;opacity:.9}
.sl-last{padding:30px 0 90px;font-size:13px;color:var(--muted)}.sl-last p{margin:0}
/* teaser accueil */
.sl-tzOLD{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center;border-radius:28px;padding:20px;background:linear-gradient(135deg,var(--red),var(--red-dk));color:#fff;overflow:hidden;position:relative}
.sl-tz img{width:160px;aspect-ratio:3/4;object-fit:cover;border-radius:20px;border:4px solid #fff;rotate:-4deg}
.sl-tz h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;margin:10px 0 6px}
.sl-tz p{margin:0 0 16px;max-width:52ch;color:#ffffffe0}
.sl-tz .btn{background:#fff;color:var(--red-dk)}
@media(max-width:900px){
.sl-hin{grid-template-columns:1fr}.sl-coll{height:440px;max-width:460px;margin:0 auto;width:100%}
.sl-sg{grid-template-columns:repeat(3,1fr)}.sl-pains,.sl-eng{grid-template-columns:1fr}
.sl-slide{grid-template-columns:1fr;min-height:0}.sl-sph{min-height:0;aspect-ratio:4/3}
.sl-two{grid-template-columns:1fr}.sl-feats{grid-template-columns:repeat(2,1fr)}
.sl-plans{grid-template-columns:repeat(2,1fr)}.sl-plan.rec{transform:none}.sl-plan.rec:hover{transform:translateY(-6px)}
}
@media(max-width:600px){
.sl-stick{left:12px;right:12px;bottom:92px;justify-content:space-between}
.sl-sg{grid-template-columns:repeat(2,1fr)}.sl-feats,.sl-plans{grid-template-columns:1fr}
.sl-day::before{left:22px}.sl-day li,.sl-day li.r{grid-template-columns:1fr;gap:12px;padding-left:52px}
.sl-day time{left:22px;top:12px;transform:translate(-50%,0)}.sl-day figure,.sl-day li.r figure{order:0;justify-self:start;width:min(100%,260px)}
.sl-day li.r div{order:0;text-align:left;padding:6px 0}.sl-day li div{padding:6px 0}.sl-day figure,.sl-day li.r figure{margin:0}
.sl-vids{grid-template-columns:1fr;max-width:300px;margin-inline:auto}
.sl-vr{grid-template-columns:minmax(0,1fr) 62px 70px;padding:12px}
.sl-tz{grid-template-columns:96px 1fr;gap:14px}.sl-tz img{width:96px}
.sl-hero h1{font-size:clamp(38px,12vw,56px)}
.sl-it{width:140px}
}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.sl *{animation:none!important}.sl-track{scroll-behavior:auto}}
.sl.ser h2,.sl.ser h1,.sl.ser .sl-stx h3{letter-spacing:-.025em;font-weight:700}.sl.ser .sl-sg b{letter-spacing:-.03em}
.sl-tzg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:900px){.sl-tzg{grid-template-columns:1fr}}
.sl-tz h2{font-size:clamp(26px,3.4vw,36px)}
.sl.cond h1,.sl.cond h2,.sl.cond .sl-stx h3{text-transform:uppercase;letter-spacing:-.005em;line-height:.95;font-weight:800}.sl.cond h1{font-size:clamp(40px,6.6vw,84px)}.sl.cond h2{font-size:clamp(34px,6vw,64px)}.sl.cond .sl-sg b{letter-spacing:0}
/* teaser accueil : rangée */
.sl-tzr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sl-tzc{border-radius:24px;overflow:hidden;background:var(--red);color:#fff;display:flex;flex-direction:column;transition:transform .3s}
.sl-tzc:hover{transform:translateY(-6px)}
.sl-tzc img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 18%;display:block}
.sl-tzc>div{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.sl-tzc h3{font-family:var(--display);font-size:24px;margin:0;letter-spacing:-.02em}
.sl-tzc p{margin:0;font-size:14px;color:#ffffffe0;flex:1}
.sl-tzc .btn{background:#fff;color:var(--red-dk);align-self:flex-start}
.sl-tzc.all{background:linear-gradient(135deg,#16121a,#4b1d6b 60%,#9b1450);justify-content:flex-end;min-height:330px}
.sl-tzc.all h3{font-size:30px}
/* page toutes les modèles */
.sla-hero,.sla-fin{background:#16121a;position:relative;overflow:hidden}
.sla-hero{padding-bottom:clamp(60px,8vw,100px)}
.sla-blobs{position:absolute;inset:0;overflow:hidden}
.sla-blobs i{position:absolute;width:46vmax;height:46vmax;border-radius:50%;background:var(--c);filter:blur(90px);opacity:.42;left:calc(var(--i)*14% - 12%);top:calc(sin(var(--i))*30% + 20%);animation:slblob 18s ease-in-out infinite;animation-delay:calc(var(--i)*-2.3s)}
@keyframes slblob{50%{transform:translate(8vw,-6vw) scale(1.15)}}
.sla-hero .sl-dots-bg{opacity:.08}
.sla-orbs{position:relative;height:clamp(420px,54vw,600px)}
.sla-orbs figure{position:absolute;margin:0;width:calc(var(--s)*1%);min-width:92px;aspect-ratio:1;translate:0 var(--py,0);margin-left:calc(var(--s)*-.5%);animation:slfloat 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.9s)}
.sla-orbs img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--c);box-shadow:0 0 0 4px #ffffff22,0 20px 40px -12px #000a}
.sla-orbs figure:first-child{min-width:150px}
.sla-orbs figcaption{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);background:#fff;color:#16121a;font-weight:800;font-size:12px;border-radius:99px;padding:3px 10px;white-space:nowrap}
.sla-wish{margin:22px 0 18px}
.sla-tray{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.sla-card{display:grid;grid-template-columns:130px 1fr;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;animation:slpop .45s cubic-bezier(.2,1.2,.4,1) both;animation-delay:var(--d,0s)}
.sla-ph{position:relative;min-height:190px}.sla-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sla-tx{padding:16px;display:flex;flex-direction:column;gap:6px}.sla-tx b{font:800 22px var(--display);letter-spacing:-.02em;color:var(--red)}.sla-tx span{font-size:14px;color:var(--muted);flex:1}
.sla-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.sla-b .btn{min-height:40px;padding-inline:14px;font-size:14px}
.sla-tr{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 14px}.sla-tr span{background:var(--red-soft);color:var(--red-dk);font-size:12.5px;font-weight:700;border-radius:99px;padding:4px 11px}
.sla-castel{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/5;max-width:420px;justify-self:end;width:100%;box-shadow:0 30px 60px -28px #000a}
.sla-castel img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1)}.sla-castel span{position:absolute;right:14px;top:14px;background:var(--red);color:#fff;font-weight:800;border-radius:99px;padding:5px 12px}
.sla-calc{margin-top:28px;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:clamp(18px,3vw,32px);max-width:760px}
.sla-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}.sla-row label{font-weight:700}.sla-row b{font:800 28px var(--display);color:var(--red)}
.sla-calc input[type=range]{width:100%;accent-color:var(--red);height:34px}
.sla-calc .bar{display:grid;grid-template-columns:110px 1fr 88px;gap:12px;align-items:center;margin-top:10px;font-size:14px;font-weight:600}
.sla-calc .bar div{height:16px;border-radius:99px;background:var(--surface2);overflow:hidden}.sla-calc .bar i{display:block;height:100%;border-radius:99px;background:var(--red);transition:width .5s cubic-bezier(.2,.8,.2,1)}.sla-calc .bar.p i{background:#16121a}.sla-calc .bar em{font-style:normal;text-align:right;font-weight:800}
.sla-v{margin:18px 0 6px;font-size:17px;min-height:52px}
.sla-fin{padding:clamp(70px,10vw,120px) 0;text-align:center;color:#fff}.sla-fin .sl-in{position:relative}.sla-fin h2{margin-inline:auto}.sla-fin p{color:#ffffffe0;font-size:18px;max-width:46ch;margin:0 auto 26px}
.sla-fb{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sla-fin .sl-cta{background:#fff;color:var(--red-dk)}
@media(max-width:600px){.sla-card{grid-template-columns:104px 1fr}.sla-calc .bar{grid-template-columns:84px 1fr 72px;gap:8px}.sla-castel{justify-self:center}.sla-orbs figure{min-width:64px}}
.sl-tzc p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:900px){.sl-tzr{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sl-tzr{gap:10px}.sl-tzc{border-radius:18px}.sl-tzc>div{padding:12px 12px 14px}.sl-tzc h3{font-size:19px}.sl-tzc p{font-size:12.5px;-webkit-line-clamp:3}.sl-tzc .btn{min-height:38px;padding-inline:12px;font-size:13px}.sl-tzc.all{min-height:0}.sl-tzc.all h3{font-size:22px}}
/* image de fond incrustée dans le dégradé du header */
.sl-bgi{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:50% 26%;opacity:.4;mix-blend-mode:overlay;filter:saturate(1.15) contrast(1.05);pointer-events:none;animation:slkb 28s ease-in-out infinite alternate;-webkit-mask-image:linear-gradient(105deg,rgba(0,0,0,.3) 0%,#000 50%,#000 100%);mask-image:linear-gradient(105deg,rgba(0,0,0,.3) 0%,#000 50%,#000 100%)}
@keyframes slkb{to{transform:scale(1.08) translate(-1.5%,1%)}}
@media (prefers-reduced-motion:reduce){.sl-bgi{animation:none}}
/* surlignage du titre : boîte tenue à la hauteur de ligne (plus de chevauchement entre lignes) */
.sl-hero h1{line-height:1.08}
.sl-hero h1 em{display:inline-block;max-width:100%;line-height:1.06;padding:.05em .16em .09em;margin:.03em 0;border-radius:.2em;vertical-align:baseline}
/* polices larges (Dela Gothic) : corps réduit pour éviter les débordements */
.sl.wide .sl-hero h1{font-size:clamp(28px,4.3vw,56px);letter-spacing:-.015em;line-height:1.12;text-wrap:balance}
@media (max-width:760px){.sl.wide .sl-hero h1{font-size:clamp(26px,8vw,38px)}}
@media (max-width:760px){.sl-bgi{opacity:.3}}
/* ===== page de vente v2 (test Jessica) ===== */
.sl.v2 .v2-hero{position:relative;width:100%;aspect-ratio:16/9;max-height:88vh;min-height:380px;background:#1a0705;overflow:hidden;color:#fff}
.v2-track{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.v2-track::-webkit-scrollbar{display:none}
.v2-sl{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;margin:0;height:100%;min-width:0}
.v2-sl img{width:100%;height:100%;object-fit:cover;display:block}
.v2-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(70,12,4,.8) 0%,rgba(70,12,4,.38) 40%,transparent 68%),linear-gradient(0deg,rgba(0,0,0,.5) 0%,transparent 38%)}
.v2-ov{position:absolute;left:0;bottom:0;padding:clamp(20px,4vw,56px) clamp(20px,5vw,72px);max-width:min(760px,92%);pointer-events:none}
.v2-ov>*{pointer-events:auto}
.v2-ov h1{font-family:var(--display);font-weight:800;font-size:clamp(34px,5.4vw,70px);line-height:1.06;letter-spacing:-.04em;margin:16px 0 22px;text-wrap:balance}
.sl.wide .v2-ov h1{font-size:clamp(26px,3.7vw,50px);letter-spacing:-.015em;line-height:1.12}
.v2-ov h1 em{font-style:normal;display:inline-block;max-width:100%;background:#fff;color:var(--red-dk);line-height:1.06;padding:.05em .16em .09em;margin:.03em 0;border-radius:.2em}
.v2-ar{position:absolute;top:50%;translate:0 -50%;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);transition:background .2s}
.v2-ar:hover{background:rgba(255,255,255,.32)}.v2-ar.l{left:18px}.v2-ar.r{right:18px}.v2-ar.r svg{transform:rotate(180deg)}
.v2-dots{position:absolute;right:clamp(18px,3vw,40px);bottom:clamp(18px,3vw,36px);display:flex;gap:7px}
.v2-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .3s}.v2-dots i.on{background:#fff;width:26px;border-radius:99px}
.v2-gal{width:100%}
.v2-masonry{column-count:2;column-gap:6px;padding:6px}
@media(min-width:700px){.v2-masonry{column-count:3}}
@media(min-width:1000px){.v2-masonry{column-count:4}}
@media(min-width:1500px){.v2-masonry{column-count:5}}
.v2-mi{display:block;position:relative;margin:0 0 6px;break-inside:avoid;overflow:hidden;border-radius:6px;cursor:pointer;background:var(--soft)}
.v2-mi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.v2-mi:hover img{transform:scale(1.05)}
.v2-mi.lk>span{position:absolute;left:8px;bottom:8px;top:auto;translate:none;display:flex;gap:5px;align-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;padding:5px 10px 5px 8px;border-radius:99px;backdrop-filter:blur(6px)}
.v2-mi.lk span svg{width:14px;height:14px}
.v2-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:20px;max-width:1180px;margin:0 auto;padding:clamp(28px,5vw,64px) 20px}
.v2-card{background:var(--tint);border-radius:22px;padding:clamp(18px,2.4vw,28px)}
.v2-card h2{font-family:var(--display);font-size:clamp(20px,2.2vw,28px);margin:0 0 16px;letter-spacing:-.02em}
.sl.wide .v2-card h2{font-size:clamp(18px,1.9vw,24px)}
.v2-note{font-size:13px;color:var(--muted);margin:12px 0 0}
.v2-ap{display:flex;align-items:center;gap:14px;background:#fff;border-radius:99px;padding:10px 18px 10px 10px;box-shadow:0 6px 24px -14px #0003}
.v2-play{flex:none;width:52px;height:52px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;transition:transform .2s}
.v2-play:hover{transform:scale(1.07)}.v2-play svg{width:22px;height:22px}
.v2-ap.pl .v2-play svg{display:none}.v2-ap.pl .v2-play::before{content:"";width:16px;height:18px;border-left:5px solid #fff;border-right:5px solid #fff}
.v2-wave{flex:1;display:flex;gap:3px;align-items:center;height:44px;min-width:0}
.v2-wave i{flex:1;height:var(--h);max-width:4px;border-radius:3px;background:color-mix(in srgb,var(--red) 28%,#fff);transition:background .2s}.v2-wave i.on{background:var(--red)}
.v2-ap time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);flex:none}
.v2-vw{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#111}.v2-vw video{width:100%;height:100%;object-fit:cover;display:block}
.v2-live .sl-in{display:flex;flex-direction:column;align-items:center}
.v2-live .sl-ph-f{justify-content:flex-end}
.v2-fin-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
@media(max-width:760px){
.sl.v2 .v2-hero{aspect-ratio:4/5;max-height:82vh}
.v2-ov{max-width:100%;padding:20px 18px 54px}.v2-ov h1{font-size:clamp(28px,8.4vw,40px)}.sl.wide .v2-ov h1{font-size:clamp(25px,7.4vw,34px)}
.v2-ar{display:none}.v2-dots{left:18px;right:auto;bottom:22px}
.v2-media{grid-template-columns:1fr}
}
.sl.v2{background:#fff}
.sl.v2 .v2-gal{display:block}
.sl.v2 .v2-masonry{width:100%}
/* v2 : couleurs, fond photo final, notifications, message flottant */
.sl.v2{color:#1a1318}
.sl.v2 .v2-card h2,.sl.v2 .v2-card p{color:#1a1318}
.sl.v2 .v2-note{color:#6b5f66}
.sl.v2 .sl-b.s{background:#f1ece9;color:#1a1318}
.sl.v2 .sl-fin,.sl.v2 .sl-fin h2{color:#fff}
.sl.v2 .sl-bgi.v2f{inset:0;width:100%;height:100%;opacity:.55;mask-image:none;-webkit-mask-image:none;mix-blend-mode:overlay;object-position:50% 30%;animation:none}
.v2-nts{position:absolute;z-index:3;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;width:min(330px,calc(100% - 36px));pointer-events:none}
.v2-nt{display:flex;align-items:center;gap:10px;background:#fffffff0;color:#1a1318;border-radius:16px;padding:9px 12px;box-shadow:0 12px 30px -10px #0008;backdrop-filter:blur(8px);opacity:0;transform:translateY(-14px) scale(.96);transition:opacity .45s,transform .45s;position:absolute;top:0;left:0;right:0}
.v2-nt.on{opacity:1;transform:none;position:relative}
.v2-nt img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none}
.v2-nt div{display:flex;flex-direction:column;min-width:0;flex:1}.v2-nt b{font-size:13px}.v2-nt span{font-size:13px;color:#4a3f46;line-height:1.3}
.v2-nt time{font-size:11px;color:#8a7e85;align-self:flex-start;white-space:nowrap}
.v2-pop{position:fixed;z-index:54;right:20px;bottom:96px;max-width:min(320px,calc(100vw - 40px));opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:opacity .4s,transform .4s}
.v2-pop.on{opacity:1;transform:none;pointer-events:auto}
.v2-pb{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;background:#fff;color:#1a1318;border-radius:20px 20px 6px 20px;padding:10px 14px 10px 10px;box-shadow:0 16px 44px -10px #000a}
.v2-pb img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none}
.v2-pb div{display:flex;flex-direction:column}.v2-pb b{font-size:13px}.v2-pt{font-size:14.5px;line-height:1.35}
.v2-pop.ty .v2-pt::before{content:'···';letter-spacing:3px;font-weight:900;color:#999;animation:slty 1s infinite}
.v2-px{position:absolute;top:-10px;left:-10px;width:24px;height:24px;border-radius:50%;border:0;background:#16121a;color:#fff;font-size:15px;line-height:1;cursor:pointer;z-index:1}
@media (max-width:760px){.v2-nts{top:12px;right:12px;width:calc(100% - 24px)}.v2-nt{padding:7px 10px}.v2-pop{right:12px;bottom:160px}}
.sl.v2 .sl-fin .sl-dots-bg{display:none}
.sl.v2 .v2-live{position:relative;overflow:hidden;padding:clamp(48px,7vw,96px) 0;background:#16121a}
.v2-lbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(1.1)}
.v2-lsh{position:absolute;inset:0;background:linear-gradient(180deg,#16121aa8,#16121a66 40%,#16121ab8)}
.sl.v2 .v2-live .sl-in{position:relative}
.sl.v2 .v2-live .sl-k{color:#fff}
.v2-lrow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px);width:100%;max-width:1060px;margin-inline:auto}
.v2-sq{margin:0;aspect-ratio:1/1;border-radius:38px;overflow:hidden;box-shadow:0 34px 70px -28px #000b;background:#16121a}
.v2-sq img{width:100%;height:100%;object-fit:cover;display:block}
.v2-lrow .sl-phone{aspect-ratio:1/1;display:flex;flex-direction:column;min-width:0}
.v2-lrow .sl-chat{flex:1;height:auto;min-height:0}
@media (max-width:760px){.v2-lrow{grid-template-columns:1fr}.v2-lrow .sl-phone{aspect-ratio:auto;height:min(460px,125vw)}}
.sl.v2 .sl-fin img.v2f{border:0;border-radius:0;margin:0;width:100%;height:100%}
/* v2 : médias 9:16 */
.v2-media{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:clamp(16px,3vw,40px)}
.sl.v2 .v2-card{padding:0;background:none;display:flex;flex-direction:column;gap:12px}
.sl.v2 .v2-voice{position:relative;aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#16121a;display:block;gap:0}
.v2-vph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v2-vsh{position:absolute;inset:0;background:linear-gradient(180deg,#16121a99,#0000 30%,#0000 55%,#16121acc)}
.sl.v2 .v2-voice h2{position:absolute;left:20px;top:16px;margin:0;color:#fff}
.v2-vbot{position:absolute;left:12px;right:12px;bottom:12px}
.sl.v2 .v2-vid h2{margin:0;order:2;text-align:center;font-size:clamp(16px,1.6vw,20px)}
.sl.v2 .v2-vid{gap:12px}
.sl.v2 .v2-vw{aspect-ratio:9/16;border-radius:26px}
.sl.v2 .v2-vw video{object-fit:cover}
.sl.v2 .sl-bgi.v2f{mix-blend-mode:normal;opacity:1;object-position:50% 25%;filter:none}
.sl.v2 .sl-fin::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#16121a66,#16121a33 45%,#16121a99)}
.sl.v2 .sl-fin .sl-in{z-index:1}
@media (max-width:760px){.v2-media{grid-template-columns:1fr;justify-items:center}.v2-media .v2-card{width:min(100%,360px)}}
.sl.v2 .sl-fin{padding:clamp(110px,18vw,230px) 0 clamp(56px,8vw,96px)}
.sl.v2 .sl-fin .sl-in{margin-top:clamp(40px,8vw,120px)}
.sl.v2 .sl-bgi.v2f{object-position:50% 20%}
/* v2 : présentation, grandes images, mot du modèle, story */
.sl.v2 .v2-live{background:var(--tint);padding:clamp(48px,7vw,96px) 0}
.sl.v2 .v2-live .sl-k{color:var(--red)}
.v2-lh{font-family:var(--display);font-size:clamp(28px,4.6vw,60px);line-height:1.04;letter-spacing:-.025em;text-align:center;margin:.3em auto .25em;max-width:18ch;color:#1a1318}
.sl.wide .v2-lh{font-size:clamp(24px,3.6vw,46px)}
.v2-lp{text-align:center;max-width:56ch;margin:0 auto clamp(24px,4vw,44px);font-size:clamp(16px,1.5vw,19px);color:#4a3f46}
.v2-pres{max-width:980px;margin:0 auto;padding:clamp(48px,8vw,110px) 20px clamp(32px,5vw,60px);text-align:center}
.v2-pres .sl-k{display:block;color:var(--red)}
.v2-pres h2{font-family:var(--display);font-size:clamp(34px,6.4vw,84px);line-height:1;letter-spacing:-.03em;margin:.28em 0 .35em;color:#1a1318;text-wrap:balance}
.sl.wide .v2-pres h2{font-size:clamp(28px,4.8vw,64px)}
.v2-pres h2 em{font-style:normal;color:var(--red)}
.v2-pres p{font-size:clamp(17px,1.7vw,21px);line-height:1.6;color:#4a3f46;max-width:60ch;margin:0 auto}
.v2-lgrow{display:grid;gap:clamp(6px,.8vw,12px);margin-bottom:clamp(6px,.8vw,12px);grid-template-columns:1.5fr 1fr 1fr;height:clamp(300px,46vw,640px)}
.v2-lgrow .v2-mi{height:100%;margin:0;aspect-ratio:auto}
.v2-lgrow .v2-mi img{height:100%}
@media (max-width:760px){.v2-lgrow{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.v2-lgrow .v2-mi:first-child{grid-column:1/-1;aspect-ratio:3/2}.v2-lgrow .v2-mi{aspect-ratio:4/5}}
.v2-say{max-width:980px;margin:0 auto;padding:clamp(44px,7vw,96px) 20px}
.v2-say blockquote{margin:0;text-align:center}
.v2-say p{font-family:var(--display);font-size:clamp(26px,4.4vw,58px);line-height:1.08;letter-spacing:-.02em;margin:0 0 .6em;color:#1a1318;text-wrap:balance}
.sl.wide .v2-say p{font-size:clamp(22px,3.4vw,44px)}
.v2-say p::before{content:"« "}.v2-say p::after{content:" »"}
.v2-say footer{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:#4a3f46}
.v2-say footer img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.v2-story{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto 18px;text-decoration:none;color:#fff;cursor:pointer}
.v2-ring{position:relative;display:block;width:112px;height:112px;border-radius:50%;padding:5px;background:conic-gradient(#ff3d6e,#ffb347,#ff3d6e);animation:v2spin 6s linear infinite}
.v2-ring::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid #ff6b8f;animation:v2pulse 1.6s ease-out infinite}
.v2-ring img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #16121a;margin:0}
.sl.v2 .sl-fin .v2-ring img{width:100%;height:100%;border:4px solid #16121a;margin:0}
.v2-story em{font-style:normal;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;background:#16121acc;padding:5px 12px 5px 22px;border-radius:99px;position:relative}
.v2-story em::before{content:"";position:absolute;left:9px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#3ddc84;animation:v2blink 1.2s infinite}
@keyframes v2spin{to{filter:hue-rotate(40deg)}}
@keyframes v2pulse{0%{transform:scale(.94);opacity:.9}100%{transform:scale(1.22);opacity:0}}
@keyframes v2blink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.v2-ring,.v2-ring::after,.v2-story em::before{animation:none}}
/* v2 : bandeaux photos entre sections */
.v2-strip{overflow:hidden;background:#16121a;padding:6px 0;width:100%}
.v2-st{display:flex;gap:6px;width:max-content;animation:v2mq 70s linear infinite}
.v2-strip.rev .v2-st{animation-direction:reverse}
.v2-sti{display:block;height:clamp(130px,17vw,240px);flex:none;border-radius:10px;overflow:hidden}
.v2-sti img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes v2mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.v2-st{animation:none}}
.sl.v2 .sl-tick{margin:0}
.sl.v2.cond .sl-hero h1{font-size:clamp(28px,4.2vw,54px);line-height:1.08}
@media (max-width:760px){.sl.v2.cond .sl-hero h1{font-size:clamp(26px,8vw,36px)}}
/* ---- espace client ---- */
.me{max-width:980px;margin:0 auto;padding-bottom:40px}
.me-ban{position:relative;border-radius:18px;overflow:hidden;margin:14px 0 0;background:#fff;border:1px solid var(--line)}
.me-bn{height:96px;background-size:cover;background-position:center}
.me-ban.big .me-bn{height:170px}
.me-bi{display:flex;align-items:flex-end;gap:14px;padding:0 18px 16px;margin-top:-34px;position:relative;flex-wrap:wrap}
.me-ban.big .me-bi{margin-top:-50px}
.me-av{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--red);color:#fff;font:800 26px var(--display);border:4px solid #fff;overflow:hidden;flex:none}
.me-av.xl{width:84px;height:84px;font-size:34px}
.me-av img{width:100%;height:100%;object-fit:cover;display:block}
.me-bt{flex:1;min-width:180px;padding-top:40px}
.me-bt h2{margin:0;font:800 24px var(--display);letter-spacing:-.02em;line-height:1.1}
.me-bt p{margin:6px 0 0;max-width:60ch}
.me-bg{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.me-b{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--surface2);color:var(--ink)}
.me-b.gold{background:linear-gradient(120deg,#f6d365,#fda085);color:#3a1d00}
.me-pv{align-self:flex-start;margin-top:42px}.me-ban.big .me-bt{padding-top:58px}.me-ban.big .me-pv{margin-top:58px}
.ini{object-fit:cover}
img.ini{width:26px;height:26px;border-radius:50%}
.me-tabs{display:flex;gap:4px;overflow-x:auto;margin:14px 0;padding:4px;background:var(--surface2);border-radius:14px;scrollbar-width:none;position:sticky;top:var(--top);z-index:20}
.me-tabs::-webkit-scrollbar{display:none}
.me-tabs button{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border-radius:10px;font-weight:700;font-size:13.5px;white-space:nowrap;color:var(--muted);position:relative}
.me-tabs button[aria-current=page]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0001}
.me-tabs .i{width:17px;height:17px}
.me-n{background:var(--red);color:#fff;border-radius:999px;font-size:10.5px;padding:1px 6px;font-weight:800}
.me-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.me-kpi{border:1px solid var(--line);border-radius:14px;padding:14px 10px;text-align:center;background:#fff;display:flex;flex-direction:column;gap:2px}
.me-kpi b{font:800 26px var(--display)}.me-kpi span{font-size:12px;color:var(--muted)}
.me-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.me-cols.s{grid-template-columns:1.2fr 1fr}
.me-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.me-ul li>button,.me-ul li>div{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border-radius:12px;min-height:50px}
.me-ul li>button:hover{background:var(--surface2)}
.me-ul .unr .me-tx b{color:var(--red-dk)}
.me-ul .unr{background:var(--tint)}
.me-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.me-tx .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.me-tx .me-full{white-space:normal;margin-top:6px;font-size:14px}
.me-ul .i{width:16px;height:16px;flex:none;color:var(--muted)}
.me-act{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.me-act li{display:flex;gap:12px;padding:9px 4px;border-bottom:1px solid var(--line);align-items:flex-start}
.me-ic{width:32px;height:32px;border-radius:50%;background:var(--surface2);display:grid;place-items:center;flex:none}
.me-ic.gold{background:linear-gradient(120deg,#f6d365,#fda085)}
.me-ic .i{width:16px;height:16px}
.me-day{text-transform:capitalize}
.me-avrow{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.me-sw{display:flex;gap:8px;flex-wrap:wrap}
.me-sw button{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
.me-sw.g button{width:52px;border-radius:10px}
.me-sw button[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink)}
.me-bnp{height:90px;border-radius:12px;background-size:cover;background-position:center}
.me-f{display:flex;flex-direction:column;gap:12px}
.me-f label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:13.5px}
.me-f label.chk{flex-direction:row;align-items:flex-start;gap:8px;font-weight:500}
.me-f input:not([type=checkbox]),.me-f textarea,.me-f select,.me-cf input,.me-cf textarea{font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink);width:100%;min-width:0}
.me-f textarea{resize:vertical}
.me-f .btn{align-self:flex-start}
.me-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.me-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.me-row>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.me-row b{font-weight:700}
.me-row select{max-width:150px}
.me-seg{display:inline-flex;background:var(--surface2);border-radius:12px;padding:3px;gap:2px;align-self:flex-start}
.me-seg button{padding:8px 14px;border-radius:9px;font-weight:700;font-size:13.5px;display:inline-flex;gap:6px;align-items:center;color:var(--muted)}
.me-seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0002}
.me-seg .i{width:15px;height:15px}
.me-meter{display:flex;gap:4px}.me-meter i{flex:1;height:5px;border-radius:3px;background:var(--line)}
.me-meter i.on.s1{background:#e4002b}.me-meter i.on.s2{background:#f59e0b}.me-meter i.on.s3{background:#84cc16}.me-meter i.on.s4{background:#12a150}
.me-auth{display:grid;grid-template-columns:1fr 420px;gap:34px;align-items:start;max-width:960px;margin:20px auto}
.me-pts{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:10px}
.me-pts li{display:flex;gap:10px;align-items:center}.me-pts .i{width:18px;height:18px;color:var(--red);flex:none}
.me-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.me-grid.s{grid-template-columns:repeat(3,1fr)}
.me-t{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--surface2);display:block;padding:0}
.me-t img{width:100%;height:100%;object-fit:cover;display:block}
.me-open{position:absolute;inset:0}
.me-vis{position:absolute;left:6px;top:6px;display:inline-flex;gap:4px;align-items:center;font-size:11px;font-weight:700;color:#fff;background:#000a;padding:3px 8px;border-radius:999px}
.me-vis.pub{background:#12a150e6}
.me-vis .i{width:12px;height:12px}
.me-ta{position:absolute;right:6px;bottom:6px;display:flex;gap:5px}
.me-ta>span{display:inline-flex;align-items:center;gap:3px;background:#000a;color:#fff;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700}
.me-ta .i{width:12px;height:12px}.me-ta .on .i{fill:currentColor}
.me-who{position:absolute;left:6px;bottom:6px;display:inline-flex;gap:6px;align-items:center;background:#000a;color:#fff;border-radius:999px;padding:2px 9px 2px 3px;font-size:11px;font-weight:700;pointer-events:none}
.me-x{position:absolute;right:6px;top:6px;width:26px;height:26px;border-radius:50%;background:#000a;color:#fff;display:grid;place-items:center}
.me-x .i{width:13px;height:13px}
.wm::after,.me-ph .wmk+*{}
.me-t.wm::after{content:"copineai";position:absolute;right:6px;bottom:4px;color:#fffb;font:800 11px var(--display);letter-spacing:.08em;text-shadow:0 1px 2px #0008}
.me-ph{display:flex;flex-direction:column;gap:12px}
.me-ph img{width:100%;max-height:52vh;object-fit:contain;border-radius:12px;background:#000}
.me-tg.on{background:var(--red-soft);color:var(--red-dk)}.me-tg .i{width:16px;height:16px}.me-tg.on .i{fill:currentColor}
.me-cm{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.me-cm li{display:flex;justify-content:space-between;gap:10px;background:var(--surface2);border-radius:12px;padding:10px 12px}
.me-cm li>span{display:flex;flex-direction:column;gap:2px}
.me-cf{display:flex;gap:8px;margin-top:6px}.me-cf.col{flex-direction:column;align-items:flex-start}
.me-mods{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding-bottom:4px}
.me-mods button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 4px;font-weight:600;font-size:13px;white-space:nowrap;background:#fff}
.me-mods button:first-child{padding:8px 14px}
.me-mods button[aria-pressed=true]{border-color:var(--ink);background:var(--surface2)}
.me-empty{text-align:center;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}
.me-empty .i{width:34px;height:34px}.me-empty p{margin:0}
.me-sub{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:6px}
.me-split{display:grid;grid-template-columns:320px 1fr;gap:14px;margin-top:12px;align-items:start}
.me-split .me-list{border:1px solid var(--line);border-radius:14px;padding:6px;max-height:560px;overflow:auto}
.me-split .me-list [aria-current=true]{background:var(--surface2)}
.me-read{border:1px solid var(--line);border-radius:14px;padding:14px;min-height:300px;display:flex;flex-direction:column;gap:10px}
.me-read .back{display:none;align-self:flex-start;font-weight:700}
.me-rh{display:flex;gap:10px;align-items:center}.me-rh div{display:flex;flex-direction:column}
.me-tr{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto;padding:4px}
.me-tr .b{max-width:82%;padding:8px 12px;border-radius:14px;font-size:14px;line-height:1.4;white-space:pre-wrap}
.me-tr .b.u{align-self:flex-end;background:var(--red);color:#fff}
.me-tr .b.s{align-self:flex-start;background:var(--surface2)}
.me-scs{display:flex;flex-direction:column;gap:10px}
.me-sc{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;background:#fff}
.me-sh{display:flex;gap:12px;align-items:center;min-width:0;flex:1 1 260px}.me-sh>div{display:flex;flex-direction:column;gap:2px}
.me-warn{color:var(--red-dk)}
.me-big{font:800 34px var(--display);margin:0}.me-big small{font:600 14px var(--body);color:var(--muted)}
.me-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.me-plan{border:1.5px solid var(--line);border-radius:14px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:4px;position:relative;background:#fff}
.me-plan:hover:not(:disabled){border-color:var(--ink)}
.me-plan.cur{background:var(--surface2)}.me-plan em{position:absolute;right:10px;top:10px;font-size:11px;font-weight:800;color:var(--red-dk);font-style:normal}
.me-plan b{font:800 17px var(--display)}
.me-tb{width:100%;border-collapse:collapse;font-size:14px}.me-tb th,.me-tb td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}
.me-inv .me-ir{display:flex;justify-content:space-between;gap:10px}
.me-secs{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.me-sec{border:1px solid var(--line);border-radius:14px;background:#fff}
.me-sec summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;font-size:15px}
.me-sec summary::-webkit-details-marker{display:none}
.me-sec summary .i{width:18px;height:18px;color:var(--red)}
.me-sec summary::after{content:"+";margin-left:auto;font-size:20px;color:var(--muted)}.me-sec[open] summary::after{content:"–"}
.me-secb{padding:2px 16px 16px;display:flex;flex-direction:column;gap:12px}
.me-pub .me-ban{margin:0 0 6px}
@media(max-width:900px){.me-kpis{grid-template-columns:repeat(3,1fr)}.me-auth{grid-template-columns:1fr;gap:18px}.me-grid{grid-template-columns:repeat(3,1fr)}.me-cols,.me-cols.s{grid-template-columns:1fr}}
@media(max-width:700px){
.me-split{grid-template-columns:1fr}.me-split.reading .me-list{display:none}.me-split:not(.reading) .me-read{display:none}.me-read .back{display:block}
.me-grid{grid-template-columns:repeat(2,1fr)}.me-2{grid-template-columns:1fr}.me-plans{grid-template-columns:1fr}
.me-pv,.me-ban.big .me-pv{margin-top:0;width:100%}.me-bt{padding-top:42px}.me-ban.big .me-bt{padding-top:58px}.me-bn{height:80px}.me-ban.big .me-bn{height:120px}
.me-tabs{top:calc(var(--top) + env(safe-area-inset-top,0px))}}
.sbm-days{display:flex;gap:6px;flex-wrap:wrap}.sbm-d{display:inline-flex}.sbm-d input{position:absolute;opacity:0}.sbm-d span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line,#ddd);cursor:pointer;font-weight:600}.sbm-d input:checked+span{background:var(--ink,#180b0e);color:#fff}.sbm-d input:focus-visible+span{outline:2px solid currentColor;outline-offset:2px}
.me-tkth{display:grid;gap:8px;padding:8px 4px 12px}.me-tkth .b{padding:9px 12px;border-radius:14px;background:var(--surface2,#f3eeee);max-width:92%;white-space:pre-wrap;word-break:break-word}.me-tkth .b.u{background:var(--tint,#ffeef0);justify-self:end}.me-tkth .b small{opacity:.7}.tk-new{color:var(--red,#e4002b)}
.vx{max-width:1040px;margin:0 auto;padding:6px 0 30px}
.vx-h{flex-direction:row;align-items:center;gap:16px;margin-top:14px;background:linear-gradient(120deg,var(--tint),#fff)}
.vx-ht{flex:1;min-width:0}.vx-ht h2{margin:2px 0 4px;font:800 26px var(--display);letter-spacing:-.02em}.vx-ht p{margin:0;color:var(--muted)}
.vx-tier{text-align:right;display:flex;flex-direction:column}.vx-tier b{font:800 18px var(--display);color:var(--red-dk)}
.vx-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.vx-kpis div{border:1px solid var(--line);border-radius:14px;padding:12px 8px;text-align:center;background:#fff;display:flex;flex-direction:column}
.vx-kpis b{font:800 24px var(--display)}.vx-kpis span{font-size:12px;color:var(--muted)}
.vx-cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start}
.vx-main,.vx-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.vx-t{display:flex;justify-content:space-between;align-items:center;gap:10px}.vx-t h3{margin:0}
.vx-s{margin:6px 0 0;font:700 13px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.vx-pk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.vx-pk li{display:flex;gap:10px;align-items:center;color:var(--muted)}.vx-pk li.on{color:var(--ink);font-weight:600}.vx-pk .i{width:16px;height:16px;flex:none}.vx-pk li.on .i{color:var(--red)}
.vx-rq{display:flex;gap:12px;align-items:center;padding:6px 4px;width:100%}.vx-rq img{width:44px;height:44px;border-radius:10px;object-fit:cover}
.vx-pv summary{cursor:pointer;font-weight:700;font-size:13.5px}.vx-pv .phone{margin-top:10px}
@media(max-width:900px){.vx-cols{grid-template-columns:1fr}.vx-kpis{grid-template-columns:repeat(2,1fr)}.vx-h{flex-wrap:wrap}}
.vx-tabs{margin-top:12px}
.vx-body{margin-top:4px}
.vx-sh{margin:6px 0 10px}.vx-sh h3{margin:0 0 2px;font:800 20px var(--display);letter-spacing:-.01em}
.vx-gate{margin:0 0 14px}
.vx-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:10px 0 14px}
.vx-cards button{border:1px solid var(--line);border-radius:14px;padding:14px 8px;text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center;gap:4px}
.vx-cards button:hover{border-color:var(--red)}.vx-cards .i{width:20px;height:20px;color:var(--red)}.vx-cards b{font:800 17px var(--display)}.vx-cards span{font-size:12px;color:var(--muted)}
.vx-g{grid-template-columns:repeat(4,1fr);margin-top:0}
.vx-t{border:0}.vx-t .me-vis.lk{background:#000c}.vx-t .me-vis.pv{background:#7c3aedd9}
.vx-pl{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:4px;background:#000a;color:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.vx-pl .i{width:11px;height:11px;fill:#fff}.vx-pl i{font-style:normal}
.vx-wh{position:absolute;left:6px;bottom:6px;font-size:10.5px;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}
.vx-nx{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.vx-nx li{display:flex;flex-direction:column;gap:1px}.vx-nx b{text-transform:none}
.vx-au{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:10px}.vx-au li{display:flex;align-items:center;gap:12px;background:var(--surface2);border-radius:14px;padding:10px 14px}
.vx-au button{width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;opacity:.5}.vx-au .i{width:16px;height:16px;fill:#fff}
.vx-au .wave{display:flex;align-items:center;gap:2px;flex:1;height:30px}.vx-au .wave i{width:3px;background:var(--red);opacity:.6;border-radius:2px}
.vx-ch{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px;display:flex;flex-direction:column;gap:10px}.vx-ch.on{border-color:var(--red);background:var(--tint)}
.vx-chh{display:flex;align-items:center;gap:12px}.vx-chh>div{flex:1;display:flex;flex-direction:column}
.vx-lk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}.vx-ok{color:var(--ok);font-weight:700;display:inline-flex;gap:6px;align-items:center}.vx-ok .i{width:15px;height:15px}
.vx-win{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
input[type=time]{font:inherit;border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:#fff;color:var(--ink)}
.vx-sl{display:inline-flex;align-items:center;gap:8px;background:var(--surface2);border-radius:999px;padding:6px 6px 6px 14px;font-weight:700}.vx-sl button{width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center}.vx-sl .i{width:11px;height:11px}
.vx-add{display:flex;gap:10px;align-items:center;margin-top:8px}.vx-w{color:var(--red-dk)}
.cp-chips button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.vb-pub{background:#12a150e6!important}
.vx-chat .chat{margin-top:0}
@media(max-width:900px){.vx-cards{grid-template-columns:repeat(3,1fr)}.vx-g{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.vx-g{grid-template-columns:repeat(2,1fr)}}
.ch-hub{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start;margin-top:14px}
.ch-main .chat{margin-top:0}
.ch-main{min-width:0}
.ch-side{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:calc(var(--top) + 10px);max-height:calc(100dvh - var(--top) - 30px);overflow:auto}
.ch-sh2{display:flex;justify-content:space-between;align-items:center}.ch-sh2 h3{margin:0;font:800 20px var(--display)}
.ch-x{display:none;width:34px;height:34px;border-radius:50%;background:var(--surface2);place-items:center}
.ch-search input{width:100%;font:inherit;border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:var(--surface2)}
.ch-f{gap:6px}.ch-f button{padding:5px 12px;font-size:12.5px}
.ch-f button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.ch-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.ch-it{position:relative;border-radius:12px;display:flex;flex-wrap:wrap;align-items:center}
.ch-it.cur{background:var(--tint)}.ch-it.arc{opacity:.7}
.ch-r{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 8px;text-align:left;border-radius:12px}
.ch-r:hover{background:var(--surface2)}
.ch-r .me-tx b{display:flex;align-items:center;gap:6px}
.ch-mn{width:30px;height:30px;border-radius:50%;font-weight:800;color:var(--muted);flex:none}.ch-mn:hover{background:var(--surface2)}
.ch-ac{flex-basis:100%;display:flex;gap:6px;flex-wrap:wrap;padding:2px 8px 8px}
.ch-ac button{border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;background:#fff}
.ch-ac button:last-child{color:var(--red-dk)}
.ch-pn .i{width:11px;height:11px;fill:var(--red);color:var(--red)}
.ch-bot{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 15px var(--display);flex:none}
.ch-bot.lg{width:42px;height:42px;font-size:18px}
.ch-tag{font-style:normal;font-size:10px;font-weight:800;background:var(--red-soft);color:var(--red-dk);border-radius:6px;padding:1px 6px}
.ch-sh{margin:8px 4px 2px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.ch-e{padding:6px 8px}
.ch-new{display:flex;gap:6px;flex-wrap:wrap}.ch-new button{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 4px;font-weight:600;font-size:13px}
.ch-bar,.ch-ov{display:none}
.ch-act{margin-top:8px;display:flex;font-size:12.5px;min-height:32px}
@media(max-width:900px){
.ch-hub{grid-template-columns:1fr}
.ch-bar{display:block}
.ch-side{position:fixed;right:0;top:0;bottom:0;width:min(360px,92vw);max-height:none;border-radius:16px 0 0 16px;z-index:60;transform:translateX(105%);transition:transform .25s}
.ch-side.open{transform:none;box-shadow:-10px 0 40px #0004}
.ch-x{display:grid}
.ch-ov.on{display:block;position:fixed;inset:0;background:#0006;z-index:59}
}
html.dark{filter:invert(1) hue-rotate(180deg);background:#fff}
html.dark img,html.dark video,html.dark canvas,html.dark .me-av img,html.dark .ring img,html.dark .mm-ph img,html.dark iframe{filter:invert(1) hue-rotate(180deg)}
html.dark .me-bn[style*=url],html.dark .me-bnp[style*=url]{filter:invert(1) hue-rotate(180deg)}
html.rm *,html.rm *::before,html.rm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.hc{--muted:#3a2f32;--line:#b9a9ad}
html.hc .mono{color:#3a2f32}
.pwab{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--bar) + 14px + env(safe-area-inset-bottom,0px));z-index:70;width:min(440px,calc(100vw - 24px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px #0003;padding:12px 14px;display:flex;align-items:center;gap:12px}
.pwab>div{flex:1;display:flex;flex-direction:column;min-width:0}
.pwa-ic{width:42px;height:42px;border-radius:12px;background:#e4002b;color:#fff;display:grid;place-items:center;font:800 26px Georgia,serif;flex:none}
.pwa-x{width:30px;height:30px;border-radius:50%;background:var(--surface2);display:grid;place-items:center}.pwa-x .i{width:13px;height:13px}
.offb{position:fixed;top:0;left:0;right:0;z-index:90;background:#180b0e;color:#fff;text-align:center;padding:8px 14px;font-size:13px;font-weight:600}
.pwa-st{padding-left:20px;display:flex;flex-direction:column;gap:8px;margin:0}
@media(min-width:900px){.pwab{bottom:20px}}
html.dark .me-av:not(:has(img)),html.dark .ini,html.dark .btn:not(.gh):not(.out),html.dark .me-n,html.dark .count,html.dark .b.u,html.dark .ch-bot,html.dark .pwa-ic,html.dark .vx-au button,html.dark .cform button,html.dark .me-b.gold,html.dark .me-ic.gold,html.dark .swatch,html.dark .me-sw button{filter:invert(1) hue-rotate(180deg)}
.vb{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;margin:6px 0 -2px 8px;vertical-align:middle;background:#0000000d;color:inherit;opacity:.65}
.vb:hover{opacity:1}.vb .i{width:14px;height:14px}.vb.on{background:var(--red);color:#fff;opacity:1;animation:vbp 1s infinite}
@keyframes vbp{50%{transform:scale(1.12)}}
.vx-au button:not(:disabled){opacity:1;cursor:pointer}.vx-au button.on{animation:vbp 1s infinite}
.vx-au li .vt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.vcall{position:fixed;inset:0;z-index:200;background:radial-gradient(120% 90% at 50% 0,color-mix(in srgb,var(--red) 55%,#1a0a10),#0d0508);color:#fff;display:grid;place-items:center;padding:20px;overflow:auto}
.vcbody{overflow:hidden}
.vc-in{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.vc-top .mono{color:#fffb}
.vc-av{position:relative;width:150px;height:150px;margin:14px 0 8px;display:grid;place-items:center}
.vc-av .ring{width:132px;height:132px;position:relative;z-index:2}.vc-av .ring div{width:100%;height:100%}
.vc-av i{position:absolute;inset:0;border-radius:50%;border:2px solid #fff6;opacity:0}
.vcall[data-s=speaking] .vc-av i{animation:vcw 1.8s infinite}.vcall[data-s=speaking] .vc-av i+i{animation-delay:.9s}
.vcall[data-s=listening] .vc-av i{animation:vcw 2.6s infinite;border-color:#7dffa8aa}
@keyframes vcw{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.45);opacity:0}}
.vc-in h2{margin:0;font:800 28px var(--display)}
.vc-st{margin:0;color:#fffc;font-weight:600}.vc-tm{margin:0;font:600 15px ui-monospace,monospace;color:#fff9}
.vc-tx{min-height:64px;max-height:110px;overflow:auto;margin:6px 0;color:#fff;font-size:15px;line-height:1.45;opacity:.95}
.vc-ctl{display:flex;gap:16px;margin:8px 0}
.vc-b{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:#fffc}
.vc-b .i{width:56px;height:56px;padding:16px;border-radius:50%;background:#ffffff26}
.vc-b[aria-pressed=false] .i{background:#ffffff0f;opacity:.6}.vc-b.end .i{background:#e4002b}
.vc-f{display:flex;gap:8px;width:100%;margin-top:6px}.vc-f input{flex:1;border-radius:999px;border:1px solid #fff3;background:#ffffff1a;color:#fff;padding:11px 16px;font:inherit}.vc-f input::placeholder{color:#fff9}
.vc-f button{width:42px;height:42px;border-radius:50%;background:#fff;color:#180b0e;display:grid;place-items:center}
.vc-n{color:#fff9!important;margin-top:8px}
.vs-m{border:1px solid var(--line);border-radius:12px;margin-bottom:6px}.vs-m summary{display:flex;gap:10px;align-items:center;padding:8px 12px;cursor:pointer;list-style:none}.vs-m summary .mono{margin-left:auto}
.vs-b{padding:4px 14px 14px;display:flex;flex-direction:column;gap:10px}.vs-b label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13px}.vs-sl{position:relative}.vs-sl output{position:absolute;right:0;top:0;color:var(--muted)}
html.dark .vcall{filter:invert(1) hue-rotate(180deg)}
.pg-bar{height:10px;border-radius:99px;background:var(--line);overflow:hidden;margin:8px 0}.pg-bar i{display:block;height:100%;background:var(--red);border-radius:99px}
.pg-bd{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.pg-bd div{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px;opacity:.55}.pg-bd div.on{opacity:1;border-color:var(--red)}.pg-bd b{color:var(--red)}.pg-bd span{font-weight:700}.pg-bd i{font-style:normal;font-size:11px}
.cns{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;max-width:560px;margin:auto;background:var(--card,#fff);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 10px 40px #0003}.cns p{margin:0 0 8px;font-size:13.5px}
.salon{position:fixed;inset:0;z-index:190;background:var(--bg,#fff);display:grid;place-items:stretch center}
.sln-in{width:min(560px,100%);display:flex;flex-direction:column;padding:12px 16px;gap:8px;height:100dvh}
.sln-in header{display:flex;gap:10px;align-items:center}.sln-in header .mono{flex:1}
.sln-m{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:6px 0}.sln-m .b{max-width:86%;padding:8px 12px;border-radius:16px}.sln-m .b.u{align-self:flex-end;background:var(--red);color:#fff}.sln-m .b.s{align-self:flex-start;background:#00000010}.sln-n{display:block;font-size:11px;font-weight:800;color:var(--red);margin-bottom:2px}
.sln-f input{border:1px solid var(--line);background:var(--bg,#fff);color:inherit}.sln-f button{background:var(--red);color:#fff}
.vb.fl{margin-left:2px}
.sh-mrow{display:flex;gap:14px;overflow-x:auto;padding:10px 2px 4px;scrollbar-width:none}
.sh-mp{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;border:0;background:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--muted);padding:0}
.sh-mp .ring{padding:2px;background:transparent}.sh-mp.on .ring{background:conic-gradient(var(--red),#ff8a9b,var(--red))}.sh-mp.on{color:var(--ink)}
.sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}.sh-grid.sm{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.sh-c{border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:4px;background:var(--card,#fff)}.sh-c b{font-size:13.5px}.sh-c em{font-style:normal;font-size:11px;color:var(--red)}.sh-c .btn{margin-top:auto}
.sh-ic{width:100%;max-width:96px;height:auto;align-self:center}
.sh-sheet{display:flex;gap:14px;align-items:center}.sh-sheet .sh-ic{width:84px;flex:none}.sh-sheet h3{margin:0}
.sh-im{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:10px;background:#f4f1ee;cursor:zoom-in}.sh-full{width:100%;border-radius:12px;display:block}
.sh-sheet .sh-im{width:84px;flex:none}
.mm-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin:10px 0}.mm-top b{display:block}
.mm-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:12px}
.mm-c{border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 22px rgba(0,0,0,.08);display:flex;flex-direction:column}
.mm-ph{position:relative;display:block;width:100%;aspect-ratio:3/4;padding:0;border:0;overflow:hidden;background:var(--surface2);text-align:left}
.mm-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
@media(hover:hover){.mm-c:hover .mm-ph img{transform:scale(1.04)}}
.mm-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.78) 100%)}
.mm-vip{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);color:#ffd369;font-size:11px;font-weight:700;letter-spacing:.02em;border-radius:999px;padding:5px 10px}
.mm-vip svg{width:13px;height:13px}
.mm-nm{position:absolute;left:14px;right:14px;bottom:38px;color:#fff;font:800 22px var(--display);text-shadow:0 2px 10px rgba(0,0,0,.4)}
.mm-pv{position:absolute;left:14px;right:14px;bottom:12px;margin:0;color:rgba(255,255,255,.88);font-size:12.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-b{display:flex;gap:8px;padding:10px}
.mm-b .mm-msg{flex:1;justify-content:center;border:0;color:#fff;font-weight:700;position:relative;border-radius:12px;padding:11px 12px}
.mm-b .mm-msg .count{position:static;margin-left:8px;background:rgba(255,255,255,.3)}
.mm-b .mm-med{flex:none;width:44px;border-radius:12px;justify-content:center;padding:0;border:1px solid var(--line)}
.am-l{display:flex;flex-direction:column;gap:8px;margin:10px 0}
@media(max-width:480px){.mm-g{gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.mm-nm{font-size:18px;bottom:34px}}
.guest #tierSel,.guest [data-plat="bell"]{display:none!important}
.gt{max-width:520px;margin:40px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.gt .ring{width:110px;height:110px;display:block}.gt .ring div{width:100%;height:100%}.gt h2{margin:6px 0 0;font:800 24px var(--display)}.gt p{margin:0}
.st-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media .vpl{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;background:#000a;color:#fff;display:grid;place-items:center;z-index:2;backdrop-filter:blur(4px)}
.media .vpl .i{width:30px;height:30px;margin-left:3px}.media.vp-on .vpl{opacity:0;pointer-events:none}.media.vp-on:hover .vpl{opacity:.0}
.media .vmt{position:absolute;right:10px;bottom:14px;width:38px;height:38px;border-radius:50%;background:#000a;color:#fff;display:grid;place-items:center;z-index:3}.media .vmt .i{width:18px;height:18px}
.media .vpb{position:absolute;left:0;right:0;bottom:0;height:4px;background:#fff4;z-index:3}.media .vpb b{display:block;height:100%;width:0;background:var(--red)}
.tile .tpl{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;background:#000a;color:#fff;display:grid;place-items:center;z-index:2}.tile .tpl .i{width:20px;height:20px;margin-left:2px}.tile.vp-on .tpl{opacity:0}
.tile .topen{position:absolute;left:8px;bottom:8px;width:32px;height:32px;border-radius:50%;background:#000a;color:#fff;display:grid;place-items:center;z-index:4}.tile .topen .i{width:16px;height:16px}
.tile .tvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.tile .ov{z-index:2}.tile.vp-on .ov{display:none}
.acts .vcm{display:inline-flex;gap:6px;align-items:center;font-weight:700;font-size:13px;padding:6px 12px;border-radius:99px;background:var(--surface2,#f2f2f2)}.acts .vcm .i{width:16px;height:16px}
.pcm{padding:10px 14px 14px}.pcm h4{margin:0 0 6px}.pcm ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.pcm li{font-size:14px}.pcm li .mono{margin-left:8px}
.pcf{display:flex;gap:8px}.pcf input{flex:1;border:1px solid var(--line);border-radius:99px;padding:9px 14px;background:var(--bg,#fff);color:inherit;font:inherit}.pcf .btn{padding:8px 12px}
.bl-wrap{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px;align-items:start}
.bl-main{min-width:0}.bl-main .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bl-side{position:sticky;top:76px;display:flex;flex-direction:column;gap:16px}
.bl-box{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--bg,#fff)}.bl-box h3{margin:0 0 10px;font-size:15px;letter-spacing:.01em}
.bl-menu,.bl-last{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.bl-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:10px;font-weight:600;font-size:14px;text-align:left}.bl-menu button span{font-size:12px;color:var(--muted)}
.bl-menu button[aria-current=page]{background:var(--soft,#f6eef0);color:var(--red)}
.bl-last button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:6px;border-radius:12px}.bl-last img{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:none}
.bl-last span{font-size:13px;font-weight:700;line-height:1.3}.bl-last small{display:block;font-weight:500;color:var(--muted);font-size:12px;margin-top:2px}
.bl-last button:hover,.bl-menu button:hover,.bl-m:hover{background:var(--soft,#f6eef0)}.bl-last button[aria-current=page]{background:var(--soft,#f6eef0)}
.bl-ms{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.bl-m{display:flex;gap:8px;align-items:center;padding:6px;border-radius:12px;text-align:left}.bl-m img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none}.bl-m b{font-size:13px;display:block}.bl-m small{font-size:11px;color:var(--muted);display:block;line-height:1.2}
@media(max-width:980px){.bl-wrap{grid-template-columns:1fr}.bl-side{position:static}.bl-main .bgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.bl-main .bgrid{grid-template-columns:1fr}}
.bl-more{display:flex;justify-content:center;align-items:center;gap:10px;padding:26px 0 8px;color:var(--muted);font-size:14px;font-weight:600}.bl-more.done{font-weight:500}
.bl-dots{display:inline-flex;gap:5px}.bl-dots i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:bld 1s infinite ease-in-out}.bl-dots i:nth-child(2){animation-delay:.15s}.bl-dots i:nth-child(3){animation-delay:.3s}@keyframes bld{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.bl-dots i{animation:none}}
.po a.il{color:var(--red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:600}.po a.il:hover{text-decoration-thickness:2px}
.bl-rel-h{margin:26px 0 8px;font-size:16px}.bl-rel-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.bl-rel-l li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.bl-rel-l a{font-weight:700;color:inherit;text-decoration:none}.bl-rel-l a:hover{color:var(--red)}.bl-rel-l span{font-size:12px;color:var(--muted);white-space:nowrap}
/* studio client */
.cstudio{padding-bottom:30px}
.cs-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:start;margin-bottom:18px}
@media (max-width:760px){.cs-hero{grid-template-columns:minmax(0,1fr)}}
.cs-hero h3{font-size:26px;margin:8px 0 8px}.cs-hero p{margin:0 0 10px;max-width:56ch}
.cs-ul{margin:8px 0 12px;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.cs-sim{background:var(--surface2);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.cs-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cs-new{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:16px 0}
.cs-new p{margin:4px 0 0;color:var(--muted);max-width:52ch}
.cs-ms{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;margin-bottom:6px}
.cs-m{display:flex;gap:14px;border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface)}
.cs-m>img{width:92px;height:92px;border-radius:50%;object-fit:cover;flex:none;border:3px solid var(--red)}
.cs-mb{min-width:0}.cs-mb h4{margin:0;font-family:var(--display);font-size:20px}.cs-mb p{margin:4px 0 0;font-size:13.5px}
.cs-m .cs-act .btn{padding:6px 12px;font-size:13px}
.cs-badge{display:inline-block;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;background:var(--red-soft);color:var(--red-dk);vertical-align:middle}
.cs-badge.ok{background:#dff5e7;color:#0d6b37}
.cs-pre{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.cs-p{display:flex;flex-direction:column;gap:2px;text-align:left;border:1px solid var(--line);border-radius:14px;padding:8px;background:var(--surface);cursor:pointer}
.cs-p img{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover}
.cs-p b{margin-top:6px}.cs-p span{font-size:12.5px;color:var(--muted)}
.cs-p:hover{border-color:var(--red)}
.cs-rules summary{cursor:pointer;font-weight:700}.cs-rules ul{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
/* assistant */
.cs-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.cs-steps{list-style:none;margin:0 0 16px;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.cs-steps::-webkit-scrollbar{display:none}
.cs-steps button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 6px;background:var(--surface);font-size:13px;font-weight:600;white-space:nowrap;color:var(--muted)}
.cs-steps b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);font-size:12px;color:var(--ink)}
.cs-steps button.done b{background:var(--red-soft);color:var(--red-dk)}
.cs-steps button[aria-current=step]{border-color:var(--red);color:var(--ink)}
.cs-steps button[aria-current=step] b{background:var(--red);color:#fff}
.cs-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
@media (max-width:900px){.cs-wrap{grid-template-columns:minmax(0,1fr)}.cs-aside{order:-1}}
.cs-aside{position:sticky;top:calc(var(--top) + 10px)}
@media (max-width:900px){.cs-aside{position:static}.cs-pv .cs-note,.cs-pv .cs-sc{display:none}.cs-pv{display:grid;grid-template-columns:96px 1fr;gap:4px 14px;align-items:center}.cs-pv .cs-av{grid-row:1/4}}
.cs-pv{border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:8px}
.cs-av{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover;display:block}
.cs-pt{display:flex;flex-direction:column}.cs-pt b{font-family:var(--display);font-size:22px}.cs-pt span{color:var(--muted);font-size:13px}
.cs-bar{height:6px;border-radius:3px;background:var(--surface2);overflow:hidden}.cs-bar i{display:block;height:100%;background:var(--red)}
.cs-tags{display:flex;flex-wrap:wrap}.cs-sc{display:flex;gap:6px;flex-wrap:wrap}.cs-sc .btn{padding:6px 12px;font-size:13px}
.cs-main{min-width:0}
.cs-sec{border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px;background:var(--surface)}
.cs-sec h3{margin:0 0 4px;font-family:var(--display);font-size:20px}.cs-sec>.mono{margin:0 0 12px}
.cs-f{display:flex;flex-direction:column;gap:7px;margin:12px 0}.cs-l{font-weight:700;font-size:13.5px}
.cs-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:640px){.cs-g2,.cs-g3{grid-template-columns:1fr}}
.cs-i{width:100%;background:var(--surface2);border:1px solid transparent;border-radius:10px;padding:10px 12px;font:inherit;color:var(--ink)}
.cs-i:focus{outline:0;border-color:var(--red)}
textarea.cs-i{min-height:100px;resize:vertical}
.cs-col{width:100%;height:42px;border:0;border-radius:10px;background:var(--surface2);padding:3px}
.cs-chips{display:flex;flex-wrap:wrap;gap:7px}
.cs-chip{border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:600;background:var(--surface);color:var(--ink);cursor:pointer}
.cs-chip[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff}
.cs-sm .cs-chip{padding:4px 10px;font-size:12.5px;color:var(--muted)}
.cs-sw{display:flex;flex-wrap:wrap;gap:8px}
.cs-s{display:flex;flex-direction:column;align-items:center;gap:4px;width:62px;background:none;border:0;cursor:pointer;color:var(--muted);font-size:10.5px;font-weight:600;text-align:center}
.cs-s i{width:34px;height:34px;border-radius:50%;background:var(--c);border:2px solid var(--line);box-shadow:inset 0 0 0 2px var(--surface)}
.cs-s[aria-pressed=true] i{border-color:var(--red);box-shadow:inset 0 0 0 2px var(--surface),0 0 0 2px var(--red)}
.cs-s[aria-pressed=true]{color:var(--ink)}
.cs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.cs-card{display:flex;flex-direction:column;gap:3px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface);cursor:pointer;color:var(--ink)}
.cs-card span{font-size:12.5px;color:var(--muted)}
.cs-card[aria-pressed=true]{border-color:var(--red);box-shadow:0 0 0 2px var(--red-soft);background:var(--tint)}
.cs-sl{display:grid;grid-template-columns:96px 1fr 96px;gap:10px;align-items:center;margin:10px 0;font-size:13px}
.cs-sl span:last-child{text-align:right}.cs-sl input{width:100%;accent-color:var(--red)}
@media (max-width:640px){.cs-sl{grid-template-columns:70px 1fr 70px;font-size:12px}}
.cs-ag,.cs-rg{display:flex;align-items:center;gap:12px}.cs-ag input,.cs-rg input{flex:1;accent-color:var(--red)}.cs-ag b,.cs-rg b{min-width:84px;text-align:right}
.cs-gen{margin-top:6px;align-self:flex-start}
.cs-nav{display:flex;justify-content:space-between;gap:10px;margin:6px 0 20px}
.cs-sum{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cs-sum li{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.cs-sum b{font-weight:700}.cs-sum span{color:var(--ink)}
@media (max-width:640px){.cs-sum li{grid-template-columns:1fr;gap:2px}}
.cs-alert{border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0;background:var(--surface2);display:flex;flex-direction:column;gap:4px}
.cs-alert ul{margin:4px 0 0;padding-left:18px}.cs-alert.bad{border-color:var(--red);background:var(--tint)}.cs-alert.ok{border-color:#9bd3b0;background:#effaf3;color:#0d4f2b}
.cs-ack{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:14px;cursor:pointer}.cs-ack input{margin-top:4px;accent-color:var(--red)}
.cs-ok{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--surface);flex-wrap:wrap}
.cs-ok img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid var(--red)}
.cs-ok h3{margin:0 0 6px;font-family:var(--display);font-size:26px}
.cs-fiche{margin-top:14px}.cs-fiche .cs-sum li{grid-template-columns:100px 1fr}
.ad-warn p{margin:6px 0 0;max-width:70ch}.ad-act{white-space:nowrap}.ad-act .btn{padding:5px 10px;font-size:12.5px;margin-right:4px}
@media (prefers-color-scheme:dark){.cs-alert.ok{background:#12301f;color:#bfe9cc;border-color:#2e6b47}.cs-badge.ok{background:#12301f;color:#bfe9cc}}
:root[data-theme=dark] .cs-alert.ok{background:#12301f;color:#bfe9cc;border-color:#2e6b47}
:root[data-theme=dark] .cs-badge.ok{background:#12301f;color:#bfe9cc}
.cstudio .cs-new.card{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:left;gap:16px}
.cstudio .cs-new.card>div:first-child{flex:1 1 320px}
.cstudio .cs-hero.card{display:grid}
/* Sur mesure : brief */
.csb{padding:clamp(16px,2.4vw,28px);margin:0 0 22px;display:flex;flex-direction:column;gap:18px}
.csb-h h3{font-size:clamp(22px,2.6vw,30px);margin:6px 0 6px}.csb-h p{margin:0;max-width:62ch;color:var(--muted)}
.csb-exh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline;margin-bottom:8px}.csb-exh span{font-size:13px;color:var(--muted)}
.csb-exl{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
.csb-m{flex:none;width:112px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;border:1px solid var(--line);border-radius:16px;padding:8px 6px 10px;background:var(--surface);color:var(--ink);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.csb-m img{width:72px;height:72px;border-radius:50%;object-fit:cover}.csb-m b{font-size:14px}.csb-m span{font-size:11.5px;color:var(--muted);line-height:1.25}
.csb-m:hover{transform:translateY(-2px)}.csb-m.on{border-color:var(--ax,var(--red));box-shadow:0 0 0 3px var(--ax-soft,#0001)}
.csb-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}
.csb-lb{display:block;font-weight:700;margin-bottom:6px}
.csb-l textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;line-height:1.5;resize:vertical;min-height:150px;background:var(--surface);color:var(--ink)}
.csb-l textarea:focus{outline:2px solid var(--ax,var(--red));outline-offset:1px}
.csb-ft{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted);margin:6px 2px 14px}
.csb-age{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:14px}.csb-age input{width:100%;accent-color:var(--ax,var(--red))}.csb-age output{font-weight:700;min-width:54px;text-align:right}
.csb-g{margin-bottom:12px}.csb-g>b{display:block;font-size:13px;margin-bottom:6px}
.csb-c{display:flex;flex-wrap:wrap;gap:6px}
.csb-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:6px 12px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s}
.csb-chip i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.csb-chip:hover{border-color:var(--ax,var(--red))}.csb-chip.on{background:var(--ax,var(--red));border-color:var(--ax,var(--red));color:#fff}
.csb-f{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}
.csb-sum{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 260px}.csb-go{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.csb-go small{color:var(--muted);font-size:12px}
.csb-fine{margin:0;font-size:12px;color:var(--muted)}
.cs-brief{font-size:12.5px;line-height:1.45;margin:8px 0;color:var(--muted)}.cs-brief b{color:var(--ink)}
@media(max-width:900px){.csb-body{grid-template-columns:1fr}.csb-go{align-items:stretch;width:100%}.csb-go .btn{width:100%}}
.qz-hero{margin-top:16px;border-radius:30px;color:#fff;padding:clamp(26px,5vw,52px);background:radial-gradient(700px 400px at 90% 0%,#b3122f 0%,transparent 60%),radial-gradient(600px 400px at 0% 100%,#5b2bb8 0%,transparent 55%),linear-gradient(135deg,#16121a,#1f1030 60%,#16121a)}
.qz-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(30px,5.4vw,56px);line-height:1;letter-spacing:-.04em;margin:16px 0 12px;max-width:18ch;text-wrap:balance}
.qz-hero p{color:#ffffffcc;max-width:58ch;line-height:1.55;margin:0}
.qz-card{max-width:760px;margin:20px auto 40px;border:1px solid var(--line);border-radius:26px;background:var(--card,#fff);padding:clamp(18px,3.5vw,32px);box-shadow:0 10px 40px #0000000d}
.qz-prog{height:6px;border-radius:99px;background:var(--line);overflow:hidden}.qz-prog i{display:block;height:100%;background:var(--ink);border-radius:99px;transition:width .3s}
.qz-step{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-weight:700}
.qz-card h2{font-family:var(--display);font-size:clamp(22px,3.4vw,32px);letter-spacing:-.03em;line-height:1.1;margin:0 0 6px;text-wrap:balance}
.qz-h{color:var(--muted);margin:0 0 4px}
.qz-opts{display:grid;gap:10px;margin:18px 0}
.qz-o{text-align:left;border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.qz-o:hover{border-color:var(--ink)}.qz-o:active{transform:scale(.99)}
.qz-o[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}
.qz-nav{display:flex;justify-content:space-between;gap:10px;align-items:center}.qz-nav .btn[disabled]{opacity:.4;pointer-events:none}
.qz-skip{text-align:center;margin:10px 0 0}
.qz-res{max-width:900px;margin:16px auto 40px}.qz-res h1{font-family:var(--display);font-size:clamp(28px,5vw,48px);letter-spacing:-.04em;line-height:1.02;margin:12px 0 8px;text-wrap:balance}
.qz-lead{color:var(--muted);max-width:60ch}
.qz-r{display:grid;grid-template-columns:minmax(110px,200px) 1fr;gap:18px;border:1px solid var(--line);border-radius:24px;padding:16px;margin:16px 0;background:var(--card,#fff)}
.qz-r img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.qz-r h3{font-family:var(--display);font-size:24px;margin:6px 0 0;letter-spacing:-.03em}
.qz-r.big{border-color:var(--ink);box-shadow:0 14px 46px #0000001a}.qz-r.big h3{font-size:34px}
.qz-job{color:var(--muted);margin:2px 0 8px}.qz-tier{display:inline-block;font-size:12px;font-weight:800;border-radius:99px;padding:4px 10px;background:var(--red-soft);color:var(--red-dk)}
.qz-tier.t3{background:var(--ink);color:#fff}
.qz-bar{height:6px;border-radius:99px;background:var(--line);margin:8px 0 10px;overflow:hidden}.qz-bar i{display:block;height:100%;background:var(--ink);border-radius:99px}
.qz-why,.qz-note{font-size:14px;color:var(--muted);margin:6px 0}.qz-act{margin-top:12px}
.qz-alt{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qz-alt .qz-r{grid-template-columns:1fr;margin:0}.qz-alt .qz-r img{aspect-ratio:4/3}
.qz-end{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0 10px}.qz-fine{font-size:13px;color:var(--muted)}
.qz-tz-in{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:26px;padding:clamp(18px,3vw,30px);background:var(--tint)}
.qz-tz-in h2{font-family:var(--display);letter-spacing:-.03em;margin:8px 0 6px;max-width:26ch}.qz-tz-in p{margin:0;color:var(--muted);max-width:52ch}
@media(max-width:640px){.qz-r{grid-template-columns:90px 1fr}.qz-alt{grid-template-columns:1fr}.qz-alt .qz-r{grid-template-columns:90px 1fr}.qz-alt .qz-r img{aspect-ratio:1}.qz-r.big h3{font-size:26px}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .qz-o[aria-pressed=true]{color:#16121a}}
.qz-res .hx-eyebrow,.qz-tz .hx-eyebrow{color:var(--ink);background:var(--red-soft);border-color:var(--line)}
.qz-alt .qz-r img{aspect-ratio:16/10;object-position:50% 25%}
.alx{--ax:#d1121f;--ax-dk:#8f0c15;--ax-soft:#fde7e9;max-width:1100px;margin:0 auto;padding-bottom:40px}
.alx-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.alx-ban{margin-top:14px}.alx-ban img,.alx-bnr img{display:block;width:100%;height:auto;border-radius:22px}
.alx-bnr{display:block;text-decoration:none;border-radius:22px;overflow:hidden;box-shadow:0 8px 30px #0000001f;transition:transform .2s,box-shadow .2s}.alx-bnr:hover{transform:translateY(-2px);box-shadow:0 14px 40px #00000030}
.alx-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(16px,4vw,48px);align-items:end;padding:clamp(22px,4vw,44px) 0 10px}
.alx-ht .hx-eyebrow{color:var(--ax-dk);background:var(--ax-soft);border-color:transparent}
.alx-h1{font-family:var(--display);font-weight:800;font-size:clamp(30px,5.2vw,58px);line-height:1;letter-spacing:-.04em;margin:14px 0 14px;text-wrap:balance}
.alx-ht p{color:var(--muted);max-width:60ch;line-height:1.6}
.alx-hcta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.alx-hcta .btn:not(.gh){background:var(--ax);color:#fff}
.alx-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:6px 0 14px}.alx-chips li{border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-weight:700;font-size:13px;background:var(--card,#fff)}
.alx-free{font-size:14px;color:var(--muted)}
.alx-fig{margin:0}.alx-fig img{display:block;width:100%;max-height:640px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 30px #0003)}
.alx-tick{overflow:hidden;background:var(--ax);color:#fff;border-radius:16px;margin:18px 0;padding:11px 0;white-space:nowrap}
.alx-tick>div{display:inline-flex;gap:18px;animation:alxt 80s linear infinite;padding-left:18px}.alx-tick span{font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:13px}.alx-tick b{opacity:.6}
@keyframes alxt{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.alx-tick>div{animation:none}}
.alx-s{margin:44px 0}.alx-s h2,.alx-scan h2{font-family:var(--display);font-size:clamp(24px,3.6vw,38px);letter-spacing:-.03em;line-height:1.05;margin:0 0 10px;text-wrap:balance}
.alx-sp{color:var(--muted);max-width:66ch;line-height:1.55}
.alx-scan{border:1.5px solid var(--ax);border-radius:26px;padding:clamp(16px,3.2vw,30px);background:var(--card,#fff);box-shadow:0 10px 40px #d1121f14;margin:26px 0}
.alx-scan textarea{width:100%;border:1.5px solid var(--line);border-radius:16px;padding:14px;font:inherit;background:transparent;color:var(--ink);resize:vertical;min-height:130px;margin-top:6px}
.alx-scan textarea:focus{outline:2px solid var(--ax);outline-offset:1px}
.alx-ex{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.alx-chip{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:6px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.alx-chip:hover{border-color:var(--ax);color:var(--ax)}
.alx-act{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.alx-act .btn:not(.gh){background:var(--ax);color:#fff}.alx-cnt{margin-left:auto;color:var(--muted)}
.alx-pv{display:flex;gap:12px;align-items:center;margin:12px 0}.alx-pv img{width:84px;height:84px;object-fit:cover;border-radius:12px}.alx-pv figcaption{font-size:13px;color:var(--muted)}
.alx-res{margin-top:18px;border-radius:20px;padding:18px;background:var(--tint,#faf8fc);border:1px solid var(--line)}
.alx-top{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.alx-sub{margin:6px 0 0;color:var(--muted)}
.alx-badge{display:inline-block;font-weight:800;border-radius:99px;padding:7px 14px;color:#fff;background:#6b7280}.alx-badge.l1{background:#2f855a}.alx-badge.l2{background:#b7791f}.alx-badge.l3{background:#dd5a0b}.alx-badge.l4{background:var(--ax)}
.alx-meter{display:flex;gap:6px}.alx-meter i{width:44px;height:10px;border-radius:99px;background:var(--line)}.alx-meter i.on{background:var(--ax)}
.alx-help{margin:14px 0;border-left:4px solid var(--ax);background:var(--ax-soft);color:#4a0a10;border-radius:12px;padding:12px 14px}
.alx-fam{margin:14px 0 0}.alx-fam .alx-chip{margin:0 4px 4px 0}
.alx-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}.alx-cols h3{font-size:15px;margin:0 0 8px}.alx-cols ul,.alx-cols ol{margin:0;padding-left:18px;display:grid;gap:8px}.alx-cols li span{display:block;color:var(--muted);font-size:13.5px}
.alx-fine{color:var(--muted);font-size:12.5px;line-height:1.5;margin:14px 0 0}
.alx-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.alx-how{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:12px 0 0}.alx-how li{border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;gap:12px;background:var(--card,#fff)}.alx-how b{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--ax);color:#fff}.alx-how h3{margin:0 0 4px;font-size:16px}.alx-how p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.alx-who{display:grid;grid-template-columns:minmax(200px,340px) 1fr;gap:clamp(18px,4vw,44px);align-items:center}.alx-who>img{width:100%;border-radius:26px;box-shadow:0 14px 40px #0002}
.alx-chart{margin:12px 0;padding:0;list-style:none;display:grid;gap:10px}.alx-chart li{padding:12px 14px 12px 40px;border-radius:14px;background:var(--ax-soft);color:#3a0b10;position:relative;font-weight:600}.alx-chart li:before{content:"✓";position:absolute;left:14px;color:var(--ax);font-weight:900}
.alx-fhead{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:end}.alx-sbox{display:flex;flex-direction:column;gap:4px;min-width:min(100%,280px)}.alx-sbox input{border:1.5px solid var(--line);border-radius:99px;padding:11px 16px;font:inherit;background:transparent;color:var(--ink)}.alx-sbox input:focus{outline:2px solid var(--ax)}
.alx-fx{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.alx-fl{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.alx-f{border:1px solid var(--line);border-radius:18px;background:var(--card,#fff)}.alx-f[hidden]{display:none}.alx-f summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;flex-direction:column;gap:3px}.alx-f summary::-webkit-details-marker{display:none}
.alx-f summary h3{margin:0;font-size:17px}.alx-kws{color:var(--muted);font-size:12.5px}.alx-f[open]{border-color:var(--ax);grid-column:1/-1}.alx-f[open] summary h3{color:var(--ax)}
.alx-fb{padding:0 16px 16px;display:grid;gap:8px}.alx-fb h4{margin:6px 0 0;font-size:14px}.alx-fb ul{margin:0;padding-left:18px;display:grid;gap:4px}.alx-rx{background:var(--ax-soft);color:#3a0b10;border-radius:12px;padding:10px 12px;margin:4px 0}
.alx-kw{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}.alx-kw span,.alx-cloud span{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:3px 9px;color:var(--muted)}
.alx-inf{margin-bottom:6px;max-width:560px}
.alx-two{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(16px,3vw,36px);align-items:start}.alx-two-r{grid-template-columns:1.4fr .6fr}
.alx-rfl{margin:12px 0 0;padding-left:22px;display:grid;gap:10px;line-height:1.5}
.alx-ch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.alx-ch article{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--card,#fff)}.alx-ch h3{margin:0 0 4px;font-size:15px}.alx-ch p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.5}
.alx-faq{display:grid;gap:8px;margin-top:12px}.alx-faq details{border:1px solid var(--line);border-radius:16px;background:var(--card,#fff)}.alx-faq summary{cursor:pointer;padding:14px 16px;font-weight:700}.alx-faq p{margin:0;padding:0 16px 16px;color:var(--muted);line-height:1.6}
.alx-cloud{display:flex;flex-wrap:wrap;gap:6px}
.alx-end{display:grid;grid-template-columns:minmax(160px,300px) 1fr;gap:clamp(18px,4vw,44px);align-items:center;border-radius:30px;padding:clamp(18px,4vw,40px);background:linear-gradient(135deg,#16121a,#3a0b10);color:#fff}.alx-end p{color:#ffffffcc}.alx-end .alx-fine{color:#ffffff99}.alx-end h2{color:#fff}
.alx-endb .alx-bnr{max-width:300px}
.alx-in-h h2{font-family:var(--display);margin:6px 0}.alx-inmodel .alx-scan{margin-top:10px}
.alx-side .btn{width:100%;margin-top:10px;background:var(--ax,#d1121f);color:#fff}.alx-side-k{display:block;margin-bottom:8px;color:var(--muted)}
.alx-post{display:grid;grid-template-columns:1fr minmax(180px,40%);gap:16px;align-items:center;border:1.5px solid #d1121f;border-radius:22px;padding:16px;margin:26px 0;background:var(--card,#fff)}.alx-post p{margin:4px 0 0;color:var(--muted)}
.alx-bn{display:grid;grid-template-columns:minmax(220px,46%) 1fr;gap:clamp(14px,3vw,30px);align-items:center;border:1px solid var(--line);border-radius:28px;padding:clamp(12px,2vw,18px);margin:18px 0;background:var(--tint,#faf8fc)}
.alx-bn .hx-eyebrow{color:#8f0c15;background:#fde7e9;border-color:transparent}.alx-bn h2{font-family:var(--display);letter-spacing:-.03em;margin:8px 0}.alx-bn p{color:var(--muted);margin:0 0 14px;line-height:1.55}.alx-bn-a{display:flex;gap:10px;flex-wrap:wrap}.alx-bn-a .btn:not(.gh){background:#d1121f;color:#fff}
.ad-bng{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:12px}.ad-bnc{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card,#fff);display:flex;flex-direction:column}.ad-bnc img{width:100%;height:150px;object-fit:cover;object-position:top}.ad-bnc>div{padding:12px;display:grid;gap:6px}.ad-bnc b{font-size:14px}.ad-bna{display:flex;flex-wrap:wrap;gap:6px}.ad-bna .btn{padding:6px 10px;font-size:12.5px}
@media(max-width:900px){.alx-hero{grid-template-columns:1fr}.alx-fig{max-width:360px;margin:0 auto}.alx-cols{grid-template-columns:1fr}.alx-how{grid-template-columns:1fr 1fr}.alx-two,.alx-two-r{grid-template-columns:1fr}.alx-two .alx-bnr{max-width:420px}.alx-who,.alx-end{grid-template-columns:1fr}.alx-trio{grid-template-columns:1fr}.alx-fl,.alx-ch{grid-template-columns:1fr}.alx-bn{grid-template-columns:1fr}.alx-post{grid-template-columns:1fr}}
@media(max-width:560px){.alx-how{grid-template-columns:1fr}.alx-cnt{margin-left:0}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .alx-help,:root:not([data-theme=light]) .alx-rx,:root:not([data-theme=light]) .alx-chart li{color:#fde7e9;background:#3a0b10}}
.lex{max-width:1100px}
.lex-bc{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted);margin:16px 0 4px}.lex-bc a{color:inherit;text-decoration:none}.lex-bc a:hover{color:var(--ax);text-decoration:underline}.lex-bc span{opacity:.5}.lex-bc b{color:var(--ink);font-weight:700}
.lex-hero,.lex-ah{padding:clamp(18px,3vw,34px) 0 8px}.lex-hero h1,.lex-ah h1{font-family:var(--display);font-size:clamp(28px,4.4vw,48px);line-height:1.04;letter-spacing:-.035em;margin:12px 0;text-wrap:balance}.lex-hero p,.lex-sum{color:var(--muted);max-width:68ch;line-height:1.6;font-size:17px}
.lex-hero .hx-eyebrow,.lex-ah .hx-eyebrow{color:var(--ax-dk);background:var(--ax-soft);border-color:transparent}
.lex-res{display:flex;flex-direction:column;gap:6px;margin:8px 0 0;font-size:14px}.lex-res a{color:var(--ax);font-weight:700}
.lex-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:22px 0}
.lex-theme{display:block;border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--card,#fff);text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}.lex-theme:hover{transform:translateY(-2px);border-color:var(--ax)}.lex-theme h2,.lex-theme h3{font-size:18px;margin:0 0 6px;letter-spacing:-.02em;color:var(--ink)}.lex-theme p{margin:0 0 10px;color:var(--muted);font-size:14px;line-height:1.5}.lex-theme span{font-size:12.5px;font-weight:700;color:var(--ax)}
.lex-az h2,.lex-s h2,.lex-fam h2,.lex-more h2{font-family:var(--display);font-size:clamp(22px,3vw,30px);letter-spacing:-.03em;margin:28px 0 12px}
.lex-az{columns:3 260px;column-gap:28px}.lex-az h2{column-span:all}.lex-azg{break-inside:avoid;margin-bottom:14px}.lex-azg h3{margin:0 0 4px;color:var(--ax);font-size:20px}.lex-azg ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}.lex-azg a{color:var(--ink);text-decoration:none}.lex-azg a:hover{color:var(--ax);text-decoration:underline}
.lex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.lex-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:18px;padding:16px;text-decoration:none;color:inherit;background:var(--card,#fff);transition:border-color .15s,transform .15s}.lex-card:hover{border-color:var(--ax);transform:translateY(-2px)}.lex-card b{font-size:16px;line-height:1.25;color:var(--ink)}.lex-card span:last-child{font-size:13.5px;color:var(--muted);line-height:1.5}.lex-k{font-size:11.5px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ax)!important}
.lex-fam{margin:26px 0}.lex-fam>p{color:var(--muted);max-width:70ch;line-height:1.55;margin:0 0 12px}.lex-fam h2 a{color:var(--ink);text-decoration:none}.lex-fam h2 a:hover{color:var(--ax)}
.lex-others{color:var(--muted);line-height:1.9}.lex-others a,.lex-rel a{color:var(--ax);font-weight:600;text-decoration:none}.lex-rel{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.lex-lay{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(20px,4vw,48px);align-items:start;margin-top:14px}
.lex-main{max-width:74ch}.lex-sec{margin:0 0 26px;scroll-margin-top:80px}.lex-sec h2{font-family:var(--display);font-size:clamp(21px,2.8vw,28px);letter-spacing:-.025em;line-height:1.15;margin:0 0 10px}.lex-sec p{line-height:1.72;margin:0 0 12px;font-size:16.5px}.lex-sec ul{margin:0 0 12px;padding-left:22px;display:grid;gap:8px;line-height:1.65;font-size:16.5px}
.lex-in{color:var(--ax);font-weight:600;text-decoration:underline;text-underline-offset:3px}.lex-in:hover{color:var(--ax-dk)}
.lex-toc{border:1px solid var(--line);border-radius:18px;padding:14px 18px;margin:0 0 26px;background:var(--tint,#faf8fc)}.lex-toc ol{margin:8px 0 0;padding-left:20px;display:grid;gap:4px;font-size:14.5px}.lex-toc a{color:var(--ink);text-decoration:none}.lex-toc a:hover{color:var(--ax);text-decoration:underline}
.lex-faq details{border:1px solid var(--line);border-radius:14px;margin:0 0 8px;background:var(--card,#fff)}.lex-faq summary{cursor:pointer;padding:13px 16px;font-weight:700}.lex-faq details p{margin:0;padding:0 16px 14px;color:var(--muted)}
.lex-cta{border:1.5px solid var(--ax);border-radius:22px;padding:20px;margin:28px 0;background:var(--ax-soft);color:#3a0b10}.lex-cta h2{margin:0 0 6px;font-family:var(--display)}.lex-cta p{margin:0 0 12px;line-height:1.55}.lex-cta .btn:not(.gh){background:var(--ax);color:#fff}
.lex-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.lex-pnl{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:16px;padding:14px;text-decoration:none;color:inherit}.lex-pnl.r{text-align:right}.lex-pnl span{font-size:12px;color:var(--ax);font-weight:800}.lex-pnl b{font-size:14.5px;line-height:1.3}.lex-pnl:hover{border-color:var(--ax)}
.lex-side{position:sticky;top:76px;display:grid;gap:12px}.lex-side h2{font-size:16px;margin:6px 0 0}.lex-side ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;line-height:1.35}.lex-side a:not(.alx-bnr){color:var(--ink);text-decoration:none}.lex-side a:not(.alx-bnr):hover{color:var(--ax);text-decoration:underline}.lex-side p{margin:0;font-size:13.5px}
.lex-more{margin-top:26px}.alx-more{font-size:13.5px;color:var(--muted);line-height:1.8}.alx-more a,.alx-kl{color:var(--ax);font-weight:600;text-decoration:none}.alx-cloud .alx-kl{font-size:12px;border:1px solid var(--ax);border-radius:99px;padding:3px 9px}.alx-cloud .alx-kl:hover{background:var(--ax-soft)}
@media(max-width:900px){.lex-lay{grid-template-columns:1fr}.lex-side{position:static;order:2}.lex-pn{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .lex-cta{color:#fde7e9;background:#3a0b10}}
.lex-hero p a{color:var(--ax);font-weight:700}
/* ---- menu latéral ---- */
:root{--sw:256px;--cg:linear-gradient(90deg,#ec2f8c,#8b3fd1 55%,#4cd4f2)}
.side{position:fixed;z-index:70;top:0;left:0;bottom:0;width:var(--sw);display:flex;flex-direction:column;background:#0d0b12;color:#e9e6f0;border-right:1px solid #ffffff14;transform:translateX(-102%);transition:transform .25s ease;overflow:hidden}
.side button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}
.side-top{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 14px}
.side .side-logo{font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:-.04em;font-style:italic;color:#fff}.side-logo b{background:var(--cg);-webkit-background-clip:text;background-clip:text;color:transparent}
.side-x{display:none;width:36px;height:36px;border-radius:50%;place-items:center}.side-x:hover{background:#ffffff14}
.side-nav{display:flex;flex-direction:column;gap:2px;padding:6px 12px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.side-nav button{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;font-weight:600;font-size:14.5px;color:#c9c4d6}
.side-nav button .i{width:20px;height:20px;flex:none;stroke:currentColor}
.side-nav button:hover{background:#ffffff10;color:#fff}
.side-nav button[aria-current=page]{background:#ffffff1c;color:#fff;box-shadow:inset 3px 0 0 #ec2f8c}
.side-nav em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:3px 8px;background:#12a15026;color:#5be59b}
.side-nav em.side-un{background:var(--red);color:#fff;text-transform:none;letter-spacing:0;font-size:11px}
.side-nav .side-soon{color:#8e89a0}.side-nav .side-soon em{background:#ffffff14;color:#aaa4bd}
.side-sep{height:1px;background:#ffffff14;margin:8px 6px}
.side-bot{padding:10px 12px 12px;display:grid;gap:8px;border-top:1px solid #ffffff10}
.side-cr{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;border:1px solid #ffffff1a;border-radius:14px;padding:11px 14px;background:#ffffff08}
.side-cr span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#8e89a0;grid-column:1/-1}.side-cr b{font-size:18px;color:#6fe3ff}.side-cr button{font-weight:800;font-size:12px;color:#0d0b12;background:#6fe3ff;border-radius:99px;padding:6px 12px}
.side .side-up{display:flex;align-items:center;gap:10px;justify-content:center;padding:13px;border-radius:14px;font-weight:800;font-size:14px;background:linear-gradient(90deg,#c9962e,#f4cf48);color:#241a00!important}.side .side-up .i{width:19px;height:19px;stroke:#241a00}
.side-acc{display:flex;gap:6px;align-items:center}.side-me{flex:1;display:flex;gap:10px;align-items:center;padding:8px;border-radius:12px;min-width:0}.side-me:hover,.side-out:hover{background:#ffffff10}.side-me b{display:block;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-me small{color:#8e89a0;font-size:12px}
.side-av{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--cg);color:#fff;font-weight:800;flex:none}
.side-out{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.side-out .i{width:19px;height:19px;stroke:#c9c4d6}
.side-gu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-gu button{padding:11px;border-radius:12px;text-align:center;font-weight:700;border:1px solid #ffffff26}.side-gu button:hover{background:#ffffff10}.side-gu .pri{background:#fff;color:#0d0b12;border-color:#fff}
.side-ft{display:flex;gap:8px;justify-content:center;font-size:12px;color:#7d788f}.side-ft button{color:#a9a3bb}.side-ft button:hover{color:#fff}
.side-ov{position:fixed;inset:0;z-index:65;background:#0008;opacity:0;pointer-events:none;transition:opacity .2s}
.side-burger{display:none;width:40px;height:40px;border-radius:12px;place-items:center;background:none;border:0;color:inherit;cursor:pointer;margin-right:2px}.side-burger .i{width:22px;height:22px}
body.side-open .side{transform:none;box-shadow:0 0 60px #0009}body.side-open .side-ov{opacity:1;pointer-events:auto}body.side-open .side-x{display:grid}
@media(max-width:999px){body.home .side-burger{display:grid}}
@media(min-width:1000px){
body.side-mini{--sw:72px}
body{padding-left:var(--sw);transition:padding-left .2s ease}.side{transition:width .2s ease}
.side{transform:none}.side-ov{display:none}
body.inreels{padding-left:0}body.inreels .side{display:none}
}
body.inreels .side-burger{display:none}
@media(prefers-reduced-motion:reduce){.side{transition:none}}
/* 2026-10-16 : équivalents des règles .side ci-dessus, scopées à "button" —
la sidebar est désormais pré-rendue en HTML statique avec de vrais
(crawlable par Google dès le chargement, avant même que le JS tourne) plutôt
que injectée en JS pur ; sideRefresh() la met ensuite à jour normalement. */
.side a{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left;text-decoration:none;display:flex}
.side-nav a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;font-weight:600;font-size:14.5px;color:#c9c4d6}
.side-nav a .i{width:20px;height:20px;flex:none;stroke:currentColor}
.side-nav a:hover{background:#ffffff10;color:#fff}
.side-nav a[aria-current=page]{background:#ffffff1c;color:#fff;box-shadow:inset 3px 0 0 #ec2f8c}
.side-nav a em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:3px 8px;background:#12a15026;color:#5be59b}
.side-gu a{padding:11px;border-radius:12px;text-align:center;font-weight:700;border:1px solid #ffffff26;justify-content:center}
.side-gu a:hover{background:#ffffff10}
.side-ft a{color:#a9a3bb;display:inline-flex}
.side-ft a:hover{color:#fff}
body.side-mini .side-nav a{width:48px;height:44px;padding:0;justify-content:center;position:relative}
body.side-mini .side-nav a span{display:none}
/* ---- connexion et inscription ---- */
.au{position:fixed;inset:0;z-index:80;display:grid;grid-template-columns:1fr 1fr;background:#08070b;color:#f2f0f7;overflow:auto}
.au-v{position:relative;overflow:hidden;display:grid;place-items:center;min-height:100%}
.au-bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(18px) saturate(1.2);opacity:.55;transform:scale(1.1)}
.au-v:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#ec2f8c33,#0d0b12cc 70%)}
.au-vin{position:relative;z-index:1;text-align:center;padding:30px}
.au-faces{display:flex;justify-content:center;margin-bottom:26px}.au-faces img{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid #0d0b12;margin-inline:-12px;box-shadow:0 8px 30px #0006}
.au-brand{font-family:var(--display);font-weight:800;font-size:clamp(40px,6vw,76px);letter-spacing:-.05em;line-height:1;color:#fff}.au-brand b{background:var(--cg);-webkit-background-clip:text;background-clip:text;color:transparent}
.au-vin p{font-size:clamp(14px,1.6vw,19px);letter-spacing:.22em;text-transform:uppercase;color:#d8d3e6;margin:14px 0 0}.au-vin p b{color:#ec2f8c}
.au-f{position:relative;display:grid;place-items:center;padding:60px 28px 40px;background:#08070b}
.au-x{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:none;border:0;color:#a9a3bb;cursor:pointer}.au-x:hover{background:#ffffff14;color:#fff}
.au-box{width:min(100%,430px)}
.au-mark{width:62px;height:62px;border-radius:20px;transform:rotate(-8deg);display:grid;place-items:center;background:var(--cg);color:#fff;font-weight:800;font-size:28px;margin:0 auto 14px;box-shadow:0 10px 34px #ec2f8c55}
.au-box h2{font-family:var(--display);font-size:clamp(28px,4vw,38px);letter-spacing:-.03em;margin:0 0 6px;text-align:center}.au-sub{text-align:center;color:#a39eb5;margin:0 0 22px}
.au-pend{border:1px solid #ec2f8c66;background:#ec2f8c14;border-radius:12px;padding:10px 14px;font-size:13.5px;margin:0 0 16px;color:#ffd0e6}
.au-form{display:grid;gap:14px}.au-form label{display:grid;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a39eb5}.au-form label i{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;opacity:.7}
.au-form input:not([type=checkbox]),.au-form select,.au-form textarea{font:inherit;font-size:15px;letter-spacing:0;text-transform:none;font-weight:500;color:#f2f0f7;background:#161420;border:1.5px solid #ffffff14;border-radius:14px;padding:14px 16px;width:100%}
.au-form textarea{min-height:92px;resize:vertical}.au-form input::placeholder,.au-form textarea::placeholder{color:#6d687d}
.au-form input:focus,.au-form select:focus,.au-form textarea:focus{outline:2px solid #ec2f8c;outline-offset:1px;border-color:transparent}
.au-form .chk{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:500;font-size:13.5px;color:#c9c4d6;line-height:1.45}.au-form .chk input{margin-top:3px;accent-color:#ec2f8c}
.au-form .linkbtn{color:#6fe3ff;background:none;border:0;text-decoration:underline;font:inherit;cursor:pointer;padding:0}
.au-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.au-err{min-height:1.3em;margin:0;color:#ff8aa6;font-size:13.5px;text-align:center}
.au-go{font:inherit;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:#fff;background:var(--cg);border:0;border-radius:99px;padding:16px 26px;cursor:pointer;box-shadow:0 8px 30px #ec2f8c40}.au-go:hover{filter:brightness(1.1)}
.au-form>.au-go{width:100%}
.au-nav{display:flex;gap:12px;justify-content:space-between;align-items:center}.au-nav .au-go{flex:1}
.au-back{font:inherit;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:none;border:0;color:#a39eb5;cursor:pointer;padding:12px 14px}.au-back:hover{color:#fff}
.au-link{font:inherit;background:none;border:0;color:#a9a3bb;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:2px}.au-link:hover{color:#fff}
.au-form>.au-link{justify-self:center}
.au-or{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#6d687d;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.au-or:before,.au-or:after{content:"";flex:1;height:1px;background:#ffffff14}
.au-demo{width:100%;font:inherit;font-weight:700;font-size:14px;color:#f2f0f7;background:#161420;border:1px solid #ffffff1f;border-radius:14px;padding:13px;cursor:pointer}.au-demo:hover{border-color:#ec2f8c}
.au-fine{text-align:center;color:#6d687d;font-size:12px;margin:10px 0 0;line-height:1.5}.au-alt{text-align:center;color:#a39eb5;margin:18px 0 0;font-size:14px}
.au .me-meter i{background:#ffffff1f}
.au-fld{display:grid;gap:6px}.au-fe{color:#ff8aa6;font-size:12.5px;line-height:1.4}.au-fe:empty{display:none}.au-hint{font-size:12px;color:#8e89a0;line-height:1.4;margin:-4px 0 0}.au-form input[aria-invalid=true]{border-color:#ff8aa6}.au-box h2:focus{outline:none}.au-pend[role=alert]{margin-top:0}.au-code{letter-spacing:.4em;text-align:center;font-size:22px!important;font-variant-numeric:tabular-nums}.au-form .au-link:disabled{opacity:.6;cursor:default;text-decoration:none}
@media(max-width:860px){.au{grid-template-columns:1fr}.au-v{min-height:150px;max-height:210px}.au-faces img{width:58px;height:58px}.au-faces{margin-bottom:10px}.au-vin{padding:14px}.au-brand{font-size:36px}.au-vin p{font-size:11px;margin-top:6px}.au-f{padding:26px 18px 36px;place-items:start center}.au-2{grid-template-columns:1fr}.au-x{top:10px;right:10px;background:#0006;color:#fff}}
/* ---- abonnements et crédits ---- */
.pay{max-width:1040px;margin:0 auto;padding-bottom:40px}
.pay-hero{text-align:center;padding:clamp(24px,5vw,56px) 0 18px}.pay-hero h1{font-family:var(--display);font-size:clamp(32px,5.6vw,60px);letter-spacing:-.04em;line-height:1;margin:0 0 14px;text-wrap:balance}.pay-hero h1 span{background:var(--cg);-webkit-background-clip:text;background-clip:text;color:transparent}
.pay-hero p{color:var(--muted);max-width:58ch;margin:0 auto 22px;line-height:1.6;font-size:17px}
.pay-tabs,.pay-seg{display:inline-flex;gap:6px;padding:5px;border-radius:99px;background:var(--surface2,#f1eff5)}
.pay-tabs button,.pay-seg button{font:inherit;font-weight:700;font-size:14px;border:0;border-radius:99px;padding:10px 20px;background:none;color:var(--muted);cursor:pointer}
.pay-tabs button[aria-selected=true],.pay-seg button[aria-pressed=true]{background:#16121a;color:#fff}
.pay-ctl{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:12px 0 22px}
.pay-lab{text-align:center;color:var(--muted);margin:6px 0 10px;font-size:14px}
.pay-models{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.pay-models button{display:flex;align-items:center;gap:8px;font:inherit;font-weight:700;font-size:14px;border:1.5px solid var(--line);background:var(--card,#fff);border-radius:99px;padding:5px 14px 5px 5px;cursor:pointer;color:inherit}.pay-models img{width:34px;height:34px;border-radius:50%;object-fit:cover}.pay-models button[aria-pressed=true]{border-color:#ec2f8c;box-shadow:0 0 0 3px #ec2f8c22}
.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.pay-one{grid-template-columns:minmax(0,420px);justify-content:center}.pay-packs{grid-template-columns:repeat(4,1fr)}
.pay-card{position:relative;display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:26px;padding:26px;background:var(--card,#fff)}
.pay-hi{border-color:#ec2f8c;box-shadow:0 14px 50px #ec2f8c26}
.pay-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--surface2,#f1eff5);margin-bottom:14px}.pay-ic .i{width:23px;height:23px;stroke:#ec2f8c}
.pay-card h3{font-family:var(--display);font-size:24px;margin:0 0 6px;letter-spacing:-.02em}
.pay-pr{font-family:var(--display);font-weight:800;font-size:40px;letter-spacing:-.04em;margin:0}.pay-pr small{font-size:15px;font-weight:600;color:var(--muted);letter-spacing:0}.pay-sub{margin:4px 0 16px;color:var(--muted);font-size:13.5px}
.pay-card ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px;font-size:14.5px;line-height:1.4}.pay-card li{display:flex;gap:10px;align-items:flex-start}.pay-card li .i{width:18px;height:18px;flex:none;stroke:#12a150;margin-top:1px}
.pay-btn{margin-top:auto;font:inherit;font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:13px;border:0;border-radius:99px;padding:15px;background:#16121a;color:#fff;cursor:pointer}.pay-hi .pay-btn{background:var(--cg)}.pay-btn:disabled{opacity:.55;cursor:default}
.pay-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--cg);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:5px 14px}
.pay-packs .pay-card{text-align:center;align-items:center}.pay-pk{font-family:var(--display);font-weight:800;font-size:56px;letter-spacing:-.05em;line-height:1;margin:6px 0 0}.pay-packs h3{color:#ec2f8c;margin-bottom:14px}.pay-packs .pay-btn{width:100%}
.pay-bal{display:flex;gap:12px;align-items:baseline;justify-content:center;margin:0 0 20px;color:var(--muted)}.pay-bal b{font-size:24px;color:var(--ink)}
.pay-h2{font-family:var(--display);font-size:26px;letter-spacing:-.03em;margin:34px 0 12px}
.pay-costs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-costs li{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;padding:13px 16px;background:var(--card,#fff)}.pay-costs b{color:#ec2f8c}
.pay-note{color:var(--muted);font-size:13.5px;text-align:center;line-height:1.55;margin:20px auto 0;max-width:62ch}
.pay-alix{display:flex;gap:12px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:18px;padding:14px 18px;margin:28px auto 0;max-width:640px;background:var(--tint,#faf8fc)}.pay-alix .i{width:26px;height:26px;stroke:#d1121f;flex:none}.pay-alix p{margin:0;font-size:14px;line-height:1.5}
@media(max-width:900px){.pay-grid,.pay-packs{grid-template-columns:1fr 1fr}.pay-costs{grid-template-columns:1fr}}
@media(max-width:600px){.pay-grid,.pay-packs{grid-template-columns:1fr}.pay-ctl{flex-direction:column;align-items:stretch}.pay-seg{display:flex}.pay-seg button{flex:1;padding-inline:8px}}
.side-tg{display:none;width:34px;height:34px;border-radius:10px;place-items:center;flex:none}.side-tg:hover{background:#ffffff14}.side-tg .i{width:19px;height:19px;stroke:#c9c4d6}
@media(min-width:1000px){
.side-tg{display:grid}
body.side-mini .side-top{flex-direction:column;gap:10px;padding:16px 0 10px;justify-content:center}
body.side-mini .side-logo{font-size:0;width:40px;height:40px;display:grid;place-items:center}
body.side-mini .side-logo::before{content:"C";font-size:24px;font-weight:800;font-style:italic;background:var(--cg);-webkit-background-clip:text;background-clip:text;color:transparent}
body.side-mini .side-nav{padding:6px 10px;align-items:center}
body.side-mini .side-nav button{width:48px;height:44px;padding:0;justify-content:center;position:relative}
body.side-mini .side-nav button span{display:none}
body.side-mini .side-nav em{position:absolute;top:3px;right:2px;margin:0;font-size:0;width:8px;height:8px;padding:0;background:#5be59b}
body.side-mini .side-nav .side-soon em{background:#8e89a0}
body.side-mini .side-bot{padding:10px 8px;justify-items:center}
body.side-mini .side-cr{display:none}
body.side-mini .side .side-up,body.side-mini .side-up{width:48px;height:44px;padding:0}.side-mini .side-up span{display:none}
body.side-mini .side-me{padding:4px;flex:none}.side-mini .side-me>span:last-child{display:none}.side-mini .side-out{display:none}
body.side-mini .side-gu{grid-template-columns:1fr}.side-mini .side-gu button{padding:9px 0;font-size:0;width:48px}
body.side-mini .side-gu button::before{font-size:11px;font-weight:800}.side-mini .side-gu button:first-child::before{content:"Log"}.side-mini .side-gu button.pri::before{content:"Go"}
body.side-mini .side-ft{display:none}
}
.tier,.cs-sim{display:none!important}
/* ---- feed ---- */
.fd{max-width:1240px;margin:0 auto;padding:18px 20px 40px}
.fd-h h1{font-family:var(--display);font-size:clamp(28px,5vw,40px);letter-spacing:-.04em;margin:6px 0 4px}.fd-h p{margin:0 0 14px;color:var(--mut,#6b6575)}
.fd-bar{position:sticky;top:0;z-index:5;background:var(--bg,#fff);padding:8px 0 10px;display:grid;gap:8px;margin:0 -2px}
.fd-seg{display:flex;gap:4px;padding:3px;border-radius:99px;background:#0000000a;width:max-content;max-width:100%}
.fd-seg button{border:0;background:none;font:inherit;font-weight:700;font-size:13px;padding:7px 14px;border-radius:99px;cursor:pointer;color:inherit}.fd-seg button.on{background:#fff;box-shadow:0 1px 4px #0002}
.fd-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.fd-chips::-webkit-scrollbar{display:none}
.fd-chip{flex:none;display:flex;align-items:center;gap:7px;border:1px solid #0002;background:#fff;border-radius:99px;padding:5px 12px 5px 5px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;color:inherit}
.fd-chip:first-child{padding:7px 14px}.fd-chip img{width:24px;height:24px;border-radius:50%;object-fit:cover}.fd-chip.on{background:#111;color:#fff;border-color:#111}
.fd-list{display:grid;gap:22px;margin-top:6px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.fd-wall{grid-column:1/-1;text-align:center;padding:34px 18px;border-radius:18px;background:linear-gradient(135deg,#fff0f5,#f3eefc);border:1px solid #0000001a;color:#16131b}.fd-wall b{display:flex;align-items:center;justify-content:center;gap:8px;font-size:19px}.fd-wall .i{width:20px;height:20px}.fd-wall p{max-width:520px;margin:8px auto 16px;color:#5a5466}.fd-wall div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.fd-cnt{margin:2px 0 0;font-size:12px;color:#8a8498}.fd-bar{grid-template-columns:auto minmax(170px,240px) 1fr;align-items:center}.fd-fl{display:block}.fd-sel,.fd-q{width:100%;font:inherit;font-weight:600;font-size:14px;padding:9px 12px;border:1px solid #0002;border-radius:12px;background:#fff;color:inherit;min-height:40px}.fd-q{font-weight:500}.fd-sro{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:900px){.fd{max-width:640px;padding:14px 14px 40px}.fd-list{grid-template-columns:1fr}.fd-bar{grid-template-columns:1fr 1fr}.fd-seg{grid-column:1/-1}.fd-sr{grid-column:1/-1}}
.fd-c{background:#fff;color:#16131b;border:1px solid #0000001a;border-radius:18px;overflow:hidden}
.fd-c header{display:flex;align-items:center;gap:10px;padding:10px 12px}
.fd-who{display:flex;align-items:center;gap:9px;border:0;background:none;font:inherit;cursor:pointer;color:inherit;padding:0}
.fd-av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;padding:2px;background:var(--red,#c2185b)}.fd-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff}
.fd-when{font-size:12px;color:#7d7788;margin-right:auto}
.fd-tag{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:#0000000d}.fd-tag.t-priv{background:#fde7ee;color:#a0123f}.fd-tag.t-ppv{background:#fff1cf;color:#8a5a00}
.fd-m{position:relative;aspect-ratio:4/5;background:#eee;overflow:hidden;display:block}.fd-m[role=button]{cursor:pointer}
.fd-m img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}.fd-m.lk img{filter:blur(2px);transform:scale(1.04)}
.fd-m video:not([controls]){width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.fd-play{position:absolute;inset:0;display:grid;place-items:center}.fd-play .i{width:54px;height:54px;padding:14px;border-radius:50%;background:#000a;stroke:#fff;fill:#fff}
.fdv-ov{position:fixed;inset:0;z-index:80;background:#000d;display:flex;align-items:center;justify-content:center;padding:20px}
.fdv-ov .fd-c{width:auto;max-width:92vw;max-height:90vh;overflow:auto;border-radius:16px}
.fdv-ov .fd-m{aspect-ratio:auto;background:#000;display:flex;align-items:center;justify-content:center}
.fdv-ov .fd-m video{position:static;width:auto;height:auto;max-width:92vw;max-height:70vh;object-fit:contain;pointer-events:auto}
.fdv-ov .fdv-x{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:14px;color:#fff;width:40px;height:40px;display:grid;place-items:center;background:none;border:0;cursor:pointer;z-index:1}
.fdr-ov .fd-c{border-radius:16px}
.fdr-bar{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);width:min(420px,92vw);display:flex;gap:4px;z-index:1}
.fdr-bar span{flex:1;height:3px;border-radius:3px;background:#fff4}
.fdr-bar span.on,.fdr-bar span.done{background:#fff}
.fdr-nav{position:fixed;top:50%;transform:translateY(-50%);color:#fff;width:44px;height:44px;display:grid;place-items:center;background:#0006;border:0;border-radius:50%;cursor:pointer;font-size:24px;z-index:1}
.fdr-nav.fdr-prev{left:8px}
.fdr-nav.fdr-next{right:8px}
.fd-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px;background:linear-gradient(#0000002a,#000000a0);color:#fff}
.fd-lock .i{width:30px;height:30px;stroke:#fff}.fd-lock b{font-size:17px}.fd-lock span{font-size:13px;opacity:.85}
.fd-go{margin-top:6px;border:0;font:inherit;font-weight:800;font-size:14px;padding:10px 22px;border-radius:99px;background:#fff;color:#111;cursor:pointer}
.fd-a{display:flex;gap:4px;padding:8px 8px 0}.fd-a button{width:40px;height:40px;border-radius:50%;border:0;background:none;display:grid;place-items:center;cursor:pointer;color:inherit}.fd-a button:hover{background:#0000000a}
.fd-a .i{width:23px;height:23px;stroke:currentColor;fill:none}.fd-a button.on .i{fill:#e0245e;stroke:#e0245e}
.fd-cap{margin:2px 14px 14px;line-height:1.45;font-size:14.5px}.fd-cap b{margin-right:4px}
.fd-more{display:grid;place-items:center;margin:20px 0}.fd-empty{text-align:center;color:#7d7788;padding:40px 0}.fd-note{text-align:center;margin-top:14px;font-size:12px;color:#8a8498}
.fd-m video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.fd-aud{padding:22px 16px;display:grid;gap:10px;align-content:center;min-height:120px}.fd-aud audio{width:100%}
.fd-list .fdg{grid-column:1/-1;margin:6px 0}
/* ---- composants démo (admin + webmaster) : toujours en thème clair, texte explicite ---- */
.dm{color:#16131b;font-size:14.5px;line-height:1.45}
.dm *{box-sizing:border-box}
.dm h2,.dm h3,.dm h4{margin:0;color:#16131b}
.dm-card{background:#fff;border:1px solid #0000001a;border-radius:16px;padding:18px;margin:0 0 16px;min-width:0}
.dm-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.dm-card>header h3{font-size:16px;letter-spacing:-.01em}
.dm-lead{margin:-4px 0 12px;color:#5d576b}
.dm-ks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 16px}
.dm-k{background:#fff;border:1px solid #0000001a;border-radius:14px;padding:13px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.dm-k span{font-size:12px;color:#6b6575;font-weight:600}.dm-k b{font-size:23px;letter-spacing:-.03em;font-family:var(--display,inherit);overflow-wrap:anywhere}
.dm-k small{font-size:12px;font-weight:700;color:#6b6575}.dm-k small i{font-style:normal;font-weight:500;color:#8a8498}.dm-d.ok{color:#0b7a3e}.dm-d.bad{color:#b3261e}.dm-k em{font-style:normal;font-size:12px;color:#6b6575}
.dm-b{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:99px;background:#0000000d;color:#443f50;white-space:nowrap}
.dm-b.ok{background:#dff5e7;color:#0b6b36}.dm-b.warn{background:#fff0cc;color:#7a5200}.dm-b.bad{background:#fde3e1;color:#a3231b}.dm-b.info{background:#e3eeff;color:#1b4fa3}
.dm-n{border-radius:12px;padding:11px 14px;margin:0 0 14px;font-size:13.5px;background:#eef4ff;color:#1f3a6e;border:1px solid #1f3a6e22}.dm-n.warn{background:#fff6dd;color:#6b4900;border-color:#6b490022}.dm-n.bad{background:#fdeceb;color:#8a1d17;border-color:#8a1d1722}.dm-n.ok{background:#e6f6ec;color:#0b5a2d;border-color:#0b5a2d22}
.dm-btn{font:inherit;font-weight:700;font-size:13px;border:0;border-radius:99px;padding:8px 15px;cursor:pointer;background:#16131b;color:#fff;white-space:nowrap}.dm-btn:hover{opacity:.88}.dm-btn.gh{background:#fff;color:#16131b;border:1px solid #0003}.dm-btn.pri{background:linear-gradient(90deg,#ec2f8c,#8b3fd1);color:#fff}.dm-btn.bad{background:#b3261e}.dm-btn.sm{padding:5px 11px;font-size:12px}.dm-btn[disabled]{opacity:.4;cursor:not-allowed}
.dm-f{display:grid;gap:5px;margin:0 0 12px;min-width:0}.dm-f>span:first-child{font-size:12.5px;font-weight:700;color:#443f50}.dm-f small{color:#6b6575;font-size:12px}
.dm-f input,.dm-f select,.dm-f textarea,.dm-s,.dm-fl select,.dm-ta{font:inherit;font-size:14px;border:1px solid #0003;border-radius:10px;padding:9px 11px;background:#fff;color:#16131b;width:100%;min-width:0}
.dm-in{display:flex;align-items:center;gap:6px}.dm-in i{font-style:normal;color:#6b6575;font-size:13px}
.dm-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.dm-grid2{display:grid;gap:16px;grid-template-columns:1.4fr 1fr}@media(max-width:860px){.dm-grid2{grid-template-columns:1fr}}
.dm-frm{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 14px}
.dm-sw{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #0000000f}.dm-sw:last-child{border:0}.dm-sw b{display:block;font-size:14px}.dm-sw small{color:#6b6575;font-size:12.5px;display:block}
.dm-sw button{flex:none;width:42px;height:24px;border-radius:99px;border:0;background:#c9c5d2;position:relative;cursor:pointer;padding:0}.dm-sw button i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.dm-sw button.on{background:#0b7a3e}.dm-sw button.on i{transform:translateX(18px)}
.dm-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px;border-bottom:1px solid #0000001a}.dm-tabs::-webkit-scrollbar{display:none}
.dm-tabs button{flex:none;font:inherit;font-weight:700;font-size:13.5px;border:0;background:none;color:#6b6575;padding:10px 13px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}.dm-tabs button.on{color:#16131b;border-color:#8b3fd1}
.dm-tw{overflow-x:auto;border:1px solid #0000001a;border-radius:12px}
.dm-t{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff}
.dm-t th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:#6b6575;background:#f6f5f8;padding:0;white-space:nowrap}.dm-t th button,.dm-t th:not(:has(button)){font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:10px 12px;cursor:pointer;font-weight:700;display:block;width:100%;text-align:inherit}
.dm-t th:not(:has(button)){cursor:default}.dm-t th[aria-sort=ascending] button::after{content:" ▲"}.dm-t th[aria-sort=descending] button::after{content:" ▼"}
.dm-t td{padding:9px 12px;border-top:1px solid #0000000f;vertical-align:middle}.dm-t .n{text-align:right;font-variant-numeric:tabular-nums}.dm-t tr.op{cursor:pointer}.dm-t tr.op:hover td{background:#faf8ff}.dm-em{text-align:center;color:#6b6575;padding:22px}
.dm-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin:0 0 10px}.dm-bar .sp{flex:1}.dm-bar .dm-s{max-width:260px}.dm-fl{display:grid;gap:3px;font-size:11.5px;font-weight:700;color:#6b6575}.dm-fl select{padding:7px 9px;font-size:13px}
.dm-ft{display:flex;gap:12px;align-items:center;margin-top:8px;color:#6b6575;font-size:13px}
.dm-ch{margin:0 0 6px}.dm-ch figcaption{font-weight:700;font-size:14px;margin:0 0 4px}.dm-ch figcaption small{display:block;font-weight:500;color:#6b6575;font-size:12px}
.dm-sv{position:relative}.dm-sv svg{width:100%;height:auto;display:block;overflow:visible}.dm-sv .g{stroke:#0000000f}.dm-sv text{font-size:10.5px;fill:#6b6575;font-family:inherit}.dm-sv .xh{stroke:#0004;stroke-dasharray:3 3}
.dm-tt{position:absolute;top:4px;z-index:3;background:#16131b;color:#fff;border-radius:10px;padding:8px 10px;font-size:12px;pointer-events:none;min-width:110px;box-shadow:0 6px 20px #0004}.dm-tt div{display:flex;align-items:center;gap:6px}.dm-tt i{width:9px;height:9px;border-radius:50%;flex:none}.dm-tt b{color:#fff}
.dm-lg{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#443f50;margin:2px 0 4px}.dm-lg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}
.dm-tv{margin-top:4px;font-size:12.5px}.dm-tv summary{cursor:pointer;color:#6b6575}.dm-tv .dm-tw{max-height:240px;overflow:auto;margin-top:6px}
.dm-bars h4{font-size:13px;margin:0 0 8px}.dm-br{display:grid;grid-template-columns:minmax(80px,1.1fr) 2fr auto;gap:4px 10px;align-items:center;margin:0 0 8px;font-size:13px}.dm-br .tr,.dm-fs .tr{height:10px;background:#0000000d;border-radius:99px;overflow:hidden}.dm-br .tr i,.dm-fs .tr i{display:block;height:100%;border-radius:0 5px 5px 0}.dm-br b{font-variant-numeric:tabular-nums}.dm-br em{grid-column:2/-1;font-style:normal;color:#6b6575;font-size:12px;margin-top:-4px}
.dm-fs{display:grid;grid-template-columns:minmax(110px,1fr) 2fr auto;gap:2px 10px;align-items:center;margin:0 0 10px;font-size:13px}.dm-fs .tr i{background:#8b3fd1}.dm-fs em{grid-column:2/-1;font-style:normal;color:#6b6575;font-size:12px}
.dm-ta{font-family:ui-monospace,Menlo,monospace;font-size:12px}
.dm-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.dm-list li{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:10px 12px;border:1px solid #0000001a;border-radius:12px}.dm-list li>div{min-width:0}.dm-list small{display:block;color:#6b6575;font-size:12.5px}
.dm-ul{margin:0;padding-left:20px;display:grid;gap:5px}
.dm-code{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:#f3f1f7;border:1px solid #0000001a;border-radius:10px;padding:10px 12px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;display:block}
.dm-mut{color:#6b6575}.dm-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* zone webmaster */
.wm{max-width:1120px;margin:0 auto;padding:22px 16px 80px;color:#16131b}
.wm .wm-t{font-size:26px;margin:10px 0 14px}
.wm-h{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;margin-bottom:12px}
.wm-h h1{margin:2px 0 0;font-size:26px}
.wm-chips{display:flex;flex-wrap:wrap;gap:8px}.wm-chips span{background:#fff;border:1px solid #16131b1f;border-radius:999px;padding:6px 12px;font-size:13px}
.wm-hero{background:linear-gradient(135deg,#fff4ec,#f1ecff);border:1px solid #16131b14;border-radius:20px;padding:28px 22px;margin-bottom:16px}
.wm-hero h1{font-size:clamp(24px,4vw,36px);margin:6px 0 10px;line-height:1.15}.wm-hero p{max-width:640px;margin:0 0 14px}
.wm-st{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}
.wm-cta{background:#16131b;color:#fff;border-radius:20px;padding:26px 22px;text-align:center;margin-top:18px}.wm-cta h2{margin:0 0 6px;color:#fff}.wm-cta p{margin:0 0 14px;color:#ffffffcc}
.wm-prog{height:10px;border-radius:99px;background:#16131b14;overflow:hidden;margin:8px 0}.wm-prog i{display:block;height:100%;background:#2a78d6;border-radius:99px}
.wm-cr{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.wm-bn{display:flex;flex-direction:column;border:1px solid #16131b1a;border-radius:14px;overflow:hidden;background:#fff}
.wm-bn img{width:100%;height:150px;object-fit:cover;display:block;background:#eee}.wm-bn>div{padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.wm-qr{display:inline-block;background:#fff;padding:10px;border:1px solid #16131b1a;border-radius:10px}.wm-qr svg{width:180px;height:180px;display:block}
.dm-seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:#16131b0d;border-radius:12px;padding:4px;margin:0 0 14px}
.dm-seg button{border:0;background:transparent;padding:7px 12px;border-radius:9px;font:inherit;font-size:13.5px;color:#16131b;cursor:pointer}
.dm-seg button.on{background:#fff;box-shadow:0 1px 3px #0002;font-weight:700}
.dm-ck{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:6px 0;color:#16131b}.dm-ck input{margin-top:3px}
.dm-ac{border-bottom:1px solid #16131b14;padding:10px 0}.dm-ac summary{cursor:pointer;font-weight:700;color:#16131b}.dm-ac p{margin:8px 0 0;color:#3b3646}
.dm-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}.dm-dl dt{font-weight:700}.dm-dl dd{margin:0;color:#3b3646}
.dm-n.ok{background:#e8f8ef;color:#0d5c36;border-color:#0d5c3633}.dm-n.bad{background:#fdecec;color:#8a1c1c;border-color:#8a1c1c33}
.dm button:disabled{opacity:.45;cursor:not-allowed}
.dm-btn.sm{padding:5px 10px;font-size:12.5px}
@media(max-width:640px){.wm{padding:16px 12px 70px}.wm-h h1{font-size:22px}.dm-seg{display:flex;overflow-x:auto;flex-wrap:nowrap}.dm-seg button{white-space:nowrap}}
/* espace partenaire réel : états, formulaires, accessibilité */
.wm-load{padding:22px 4px;font-size:14px}
.wm-pb{align-items:center;justify-content:space-between}
.wm-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wm-rng{font-size:13px;font-weight:700;color:#443f50;white-space:nowrap}
.wm-fs{border:0;margin:0;padding:0;min-width:0}.wm-fs legend{font-size:12.5px;font-weight:700;color:#443f50;padding:0;margin:0 0 6px}
.wm-fs:disabled{opacity:.6}
tr.wm-on td{background:#f4eefc}
.wm-lb{list-style:none;margin:0;padding:0;display:grid;gap:6px}.wm-lb li{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid #0000001a;border-radius:10px;font-size:13.5px}.wm-lb li.me{background:#f4eefc;border-color:#8b3fd1}.wm-lb .rk{font-weight:800;color:#6b6575}
.wm .dm-card{overflow-wrap:break-word}
.wm-h h1{overflow-wrap:break-word}
.wm :is(button,input,select,textarea,summary,a,[tabindex]):focus-visible{outline:3px solid #2a78d6;outline-offset:2px}
.wm input[readonly]{background:#f6f5f8;color:#443f50}
@media(max-width:640px){.wm-pb{align-items:stretch}.wm-nav{justify-content:space-between}.wm-rng{white-space:normal}.dm-tabs button{padding:10px 11px}}
/* tableaux simples (sans boutons de tri) : en-têtes en cellules de tableau */
.wm .dm-t th:not(:has(button)){display:table-cell;width:auto;padding:10px 12px}
.wm .dm-t th.n{text-align:right}
.dm-lk{background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;text-decoration:underline}
.wm-tkth{display:grid;gap:8px;margin-top:8px}.wm-tkm{padding:8px 10px;border-radius:10px;background:#0000000a;white-space:pre-wrap}.wm-tkm.wm-tks{background:#e9f0ff}.wm-tkth textarea{width:100%;box-sizing:border-box}
/* console d'administration */
.ad{display:grid;grid-template-columns:230px 1fr;gap:20px;max-width:1320px;margin:0 auto;padding:20px 16px 90px;color:#16131b;align-items:start}
.ad-nav{position:sticky;top:12px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 24px);overflow:auto;padding-right:4px}
.ad-g>span{display:block;font:600 11px/1 var(--mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:#6b6577;margin:0 0 6px 8px}
.ad-g button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:7px 10px;border-radius:9px;font:inherit;font-size:13.5px;color:#16131b;cursor:pointer}
.ad-g button:hover{background:#16131b0d}.ad-g button.on{background:#16131b;color:#fff}.ad-g button.lk{color:#8a8594}
.ad-main{min-width:0}
.ad-top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.ad-top h1{margin:2px 0 0;font-size:26px}
.ad-sel{display:none;width:100%;margin:0 0 12px;padding:10px;border-radius:10px;border:1px solid #16131b33;font:inherit;background:#fff;color:#16131b}
.dm-mini{width:80px;padding:5px 8px;border:1px solid #16131b33;border-radius:8px;font:inherit;text-align:right;background:#fff;color:#16131b}
.ad-prev{margin-top:10px;padding:10px 14px;border-radius:10px;background:#16131b;color:#fff;text-align:center;font-size:14px}
.dm-t th.c,.dm-t td.c{text-align:center}
.ad-old .h2,.ad-old h2{margin-top:0}
@media(max-width:900px){.ad{grid-template-columns:1fr}.ad-nav{display:none}.ad-sel{display:block}}
.dm-list li{flex-wrap:wrap;gap:8px;min-width:0}.dm-list li>div{min-width:0;overflow-wrap:anywhere}
.ad-main,.ad-main .dm-card{min-width:0}
.eb{max-width:1100px;margin:0 auto;padding:20px 16px 90px;color:#16131b}
.eb *{color:inherit}.eb .btn{color:#fff}.eb .btn.gh{color:#16131b}
.eb-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;background:linear-gradient(135deg,#fff,#fde7e9);border:1px solid #16131b14;border-radius:22px;padding:30px 28px;overflow:hidden}
.eb-h1{font-size:clamp(34px,5.4vw,58px);line-height:1.02;margin:8px 0 14px;color:#d1121f;font-weight:900;letter-spacing:-.01em}.eb-h1 em{display:block;font-style:normal;font-size:.42em;color:#16131b;font-weight:800;margin-top:8px;letter-spacing:0}
.eb-ht p{max-width:560px;color:#3b3646}
.eb-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0}.eb-chips li{background:#fff;border:1px solid #d1121f33;border-radius:999px;padding:6px 12px;font-size:13.5px}.eb-chips b{color:#d1121f}
.eb-cta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}.eb-note{font-size:13px;color:#6b6577;margin:6px 0 0}
.eb-cover{margin:0;justify-self:center;max-width:300px;transform:rotate(2deg);box-shadow:0 18px 40px #16131b33;border-radius:8px;overflow:hidden;background:#fff}.eb-cover img{display:block;width:100%;height:auto}
.eb-s{margin:34px 0}.eb-s h2{font-size:clamp(22px,3vw,30px);margin:0 0 8px}.eb-sp{color:#3b3646;margin:0 0 14px}
.eb-bn{margin:0;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #16131b14}.eb-bn img{display:block;width:100%;height:auto}.eb-bn figcaption{padding:8px 12px;font-size:13px;font-weight:700;color:#16131b}
.eb-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.eb-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.eb-steps li{display:flex;gap:12px;background:#fff;border:1px solid #16131b14;border-radius:14px;padding:14px}.eb-steps b{flex:none;width:30px;height:30px;border-radius:50%;background:#d1121f;color:#fff;display:grid;place-items:center}.eb-steps h3{margin:0 0 4px;font-size:16px}.eb-steps p{margin:0;font-size:14px;color:#3b3646}
.eb-th{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.eb-th article,.eb-who article{background:#fff;border:1px solid #16131b14;border-radius:14px;padding:14px}.eb-th h3,.eb-who h3{margin:0 0 6px;font-size:16px}.eb-th p,.eb-who p{margin:0 0 8px;font-size:14px;color:#3b3646}.eb-th span{font-size:12.5px;font-weight:700;color:#d1121f}
.eb-who{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.eb-ex{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.eb-ex a{display:block;padding:10px 14px;border:1px solid #16131b1f;border-radius:10px;text-decoration:none;background:#fff;font-size:14.5px;color:#16131b}.eb-ex a:hover{border-color:#d1121f}
.eb-offer-in{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;align-items:center;background:#16131b;color:#fff;border-radius:22px;padding:28px}.eb-offer-in *{color:#fff}.eb-offer .eb-k{color:#ff8a92}
.eb-ul{margin:10px 0 0;padding-left:20px;line-height:1.7}
.eb-box{background:#fff;border-radius:16px;padding:18px;text-align:center}.eb-box *{color:#16131b}.eb-box .btn{color:#fff}.eb-pr{font-size:42px;font-weight:900;margin:0;color:#d1121f}.eb-ttc{font-size:12.5px;color:#6b6577}.eb-box .eb-cta{justify-content:center;flex-direction:column}
.eb-k{display:inline-block;font:700 12px/1 var(--mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:#d1121f}
.eb-end{display:grid;grid-template-columns:.6fr 1.4fr;gap:20px;align-items:center}
.eb-promo{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;background:linear-gradient(135deg,#fff,#fde7e9);border:1px solid #d1121f33;border-radius:18px;padding:16px;margin:26px 0;color:#16131b}
.eb-promo img{width:120px;height:auto;border-radius:6px;box-shadow:0 8px 20px #16131b30}.eb-promo h2{font-size:clamp(18px,2.4vw,24px);margin:6px 0;color:#16131b}.eb-promo p{margin:0 0 10px;color:#3b3646}.eb-promo .btn{color:#fff}.eb-act{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){.eb-hero{grid-template-columns:1fr;padding:22px 18px}.eb-cover{max-width:150px;order:-1}.eb-trio{grid-template-columns:1fr}.eb-offer-in,.eb-end{grid-template-columns:1fr}.eb-promo{grid-template-columns:84px 1fr;gap:12px}.eb-promo img{width:84px}}
.eb-q{width:100%;padding:12px 14px;border:1px solid #16131b33;border-radius:12px;font:inherit;background:#fff;color:#16131b;margin:0 0 10px}
.eb-toc{list-style:none;margin:0;padding:0;max-height:440px;overflow:auto;border:1px solid #16131b1a;border-radius:12px;background:#fff;columns:2;column-gap:0}
.eb-toc li{display:flex;gap:10px;align-items:baseline;padding:8px 12px;border-bottom:1px solid #16131b0f;break-inside:avoid;font-size:14px}.eb-toc .n{font:600 12px var(--mono,ui-monospace,monospace);color:#d1121f;flex:none}.eb-toc .t{flex:1}.eb-toc .p{color:#6b6577;font-size:12.5px;flex:none}.eb-no{column-span:all}
.eb-st5{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.eb-quote{margin:14px 0 0;padding:14px 18px;border-left:4px solid #d1121f;background:#fff;border-radius:0 12px 12px 0;font-style:italic;color:#3b3646}
@media(max-width:760px){.eb-toc{columns:1;max-height:360px}}
.eb-vid{margin:0;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 14px 34px #16131b30}.eb-vid video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
/* guides SEO */
.sp{max-width:1180px}
.sp-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(18px,4vw,48px);align-items:center;padding:clamp(14px,3vw,30px) 0 10px}
.sp-hero.nop{grid-template-columns:1fr}
.sp-hero .hx-eyebrow{color:var(--ax-dk);background:var(--ax-soft);border-color:transparent}
.sp-hero h1{font-family:var(--display);font-size:clamp(28px,4.4vw,48px);line-height:1.04;letter-spacing:-.035em;margin:12px 0;text-wrap:balance}
.sp-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--muted);max-width:62ch;margin:0 0 16px}
.sp-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sp-lang{font-size:14px;font-weight:700;color:var(--ax);text-decoration:underline;text-underline-offset:3px;margin-left:4px}
.sp-trust{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;margin:14px 0 0;font-size:13px;color:var(--muted)}
.sp-trust li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ax);margin-right:7px;vertical-align:middle}
.sp-hp{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:1/1.05;max-height:520px}
.sp-ph{position:relative;display:block;border-radius:20px;overflow:hidden;background:var(--tint,#f4eef2);text-decoration:none}
.sp-ph img{width:100%;height:100%;object-fit:cover;display:block}
.sp-ph.p0{grid-row:1/3}
.sp-ph span{position:absolute;left:8px;bottom:8px;background:rgba(20,10,14,.62);color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;backdrop-filter:blur(4px)}
.sp-hp:has(.p0:last-child){grid-template-columns:1fr;grid-template-rows:1fr}
.sp-main h2{scroll-margin-top:80px}
.sp-sec p{line-height:1.65;margin:0 0 12px}
.sp-ul,.sp-ol{margin:0 0 14px;padding-left:22px;display:grid;gap:7px;line-height:1.55}
.sp-co{border-left:4px solid var(--ax);background:var(--ax-soft);color:#3a0b10;border-radius:0 14px 14px 0;padding:12px 16px;margin:6px 0 14px}
.sp-co b{display:block;margin-bottom:3px}.sp-co p{margin:0}
.sp-tw{overflow-x:auto;margin:6px 0 16px;border:1px solid var(--line);border-radius:14px}
.sp-t{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;line-height:1.45}
.sp-t th,.sp-t td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.sp-t thead th{background:var(--tint,#faf8fc);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.sp-t tbody th{font-weight:700}.sp-t tr:last-child>*{border-bottom:0}
.sp-dlg{display:grid;gap:8px;margin:8px 0 16px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--tint,#faf8fc)}
.sp-b{max-width:88%;justify-self:start}.sp-b.me{justify-self:end}
.sp-b span{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin:0 8px 2px}.sp-b.me span{text-align:right}
.sp-b p{margin:0;padding:9px 13px;border-radius:16px 16px 16px 4px;background:var(--card,#fff);border:1px solid var(--line);line-height:1.45}
.sp-b.me p{border-radius:16px 16px 4px 16px;background:var(--ax);color:#fff;border-color:var(--ax)}
.sp-b.me p a{color:#fff}
.sp-who h2,.sp-faq h2{font-family:var(--display);font-size:clamp(22px,3vw,30px);letter-spacing:-.03em;margin:28px 0 12px}
.sp-mcs{display:grid;gap:10px}
.sp-mc{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:12px;text-decoration:none;color:inherit;background:var(--card,#fff);transition:border-color .15s}
.sp-mc:hover{border-color:var(--ax)}
.sp-av{flex:0 0 64px;width:64px;height:64px;border-radius:50%;overflow:hidden;display:block}.sp-av img{width:100%;height:100%;object-fit:cover}
.sp-mc b{display:block}.sp-mc em{display:block;font-style:normal;font-size:13px;color:var(--muted);margin:1px 0 4px}.sp-mc span span{font-size:14px;line-height:1.45;display:block}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.sp-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;background:var(--card,#fff);transition:border-color .15s,transform .15s}
.sp-card:hover{border-color:var(--ax);transform:translateY(-2px)}
.sp-cimg{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--tint,#f4eef2)}.sp-cimg img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.sp-cb{display:flex;flex-direction:column;gap:5px;padding:13px 14px 15px}.sp-cb b{font-size:16px;line-height:1.25}.sp-cb>span:last-child{font-size:13.5px;line-height:1.45;color:var(--muted)}
.sp-adult,.sp-grp,.sp-nav,.sp-more{margin:26px 0}.sp-adult h2,.sp-grp h2,.sp-nav h2{font-family:var(--display);font-size:clamp(22px,3vw,30px);letter-spacing:-.03em;margin:0 0 6px}
.sp-sub{color:var(--muted);margin:0 0 12px;max-width:68ch;line-height:1.5}
.sp-adult{border:1.5px solid var(--ax);border-radius:24px;padding:clamp(14px,2.4vw,24px);background:var(--ax-soft);color:#3a0b10}.sp-adult .sp-sub{color:inherit;opacity:.85}.sp-adult .sp-card{color:var(--ink,#1a1015)}
.sp-chips{display:flex;flex-wrap:wrap;gap:8px}
.sp-chip{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:7px 13px;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;background:var(--card,#fff)}.sp-chip:hover,.sp-chip.on{border-color:var(--ax);color:var(--ax)}
.sp-strip{margin:30px 0;border:1px solid var(--line);border-radius:22px;padding:16px 18px;background:var(--tint,#faf8fc)}
.sp-strip-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.sp-strip-h h2{margin:0;font-family:var(--display);font-size:clamp(18px,2.4vw,24px);letter-spacing:-.025em}
.sp-all{font-size:13.5px;font-weight:700;color:var(--ax);text-decoration:none}
.sp-sw a{font-weight:700;color:var(--ax)}
@media(max-width:860px){.sp-hero{grid-template-columns:1fr}.sp-hp{aspect-ratio:auto;height:260px;grid-template-rows:1fr 1fr}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sp-co,:root:not([data-theme=light]) .sp-adult{color:#fde7e9;background:#3a0b10}:root:not([data-theme=light]) .sp-adult .sp-card{color:var(--ink)}}
.sp-main,.sp-side{min-width:0}.sp-lay{grid-template-columns:minmax(0,1fr) 300px}
@media(max-width:900px){.sp-lay{grid-template-columns:minmax(0,1fr)}}
.sp a.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink,#14090d);color:#fff;border-radius:99px;padding:14px 24px;font-weight:700;font-size:15px;text-decoration:none;border:1.5px solid var(--ink,#14090d)}
.sp a.btn.ghd{background:transparent;color:var(--ink,#14090d)}
.sp .sp-lang{text-decoration:underline}
.sp-adgate{display:block;border:1.5px solid var(--ax);border-radius:20px;padding:16px 18px;text-decoration:none;color:inherit;background:var(--ax-soft)}
.sp-adgate b{display:block;font-size:17px;color:var(--ax-dk)}.sp-adgate span{display:block;margin-top:4px;color:#3a0b10;line-height:1.5}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sp-adgate span{color:#fde7e9}}
.cm-note{border:1px solid var(--line);border-left:4px solid var(--ax);border-radius:0 14px 14px 0;padding:12px 16px;background:var(--tint,#faf8fc);color:var(--muted);line-height:1.5;margin:14px 0}
.cm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:18px 0}
.cm-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;background:var(--card,#fff);transition:transform .15s,border-color .15s}.cm-card:hover{transform:translateY(-2px);border-color:var(--ax)}
.cm-ph{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;overflow:hidden}.cm-ph b{font-size:88px;line-height:1;color:rgba(255,255,255,.88);font-family:var(--display)}.cm-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cm-ph.big{border-radius:24px;aspect-ratio:4/5;max-width:380px}
.cm-cb{display:flex;flex-direction:column;gap:5px;padding:14px 16px 18px}.cm-cb b{font-size:18px}.cm-cb em{font-style:normal;font-size:13.5px;color:var(--muted)}.cm-tg{font-size:14px;line-height:1.45}
.cm-st{align-self:flex-start;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ax-dk);background:var(--ax-soft);border-radius:99px;padding:3px 10px}
.cm-tr{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.cm-tr i{font-style:normal;font-size:12px;border:1px solid var(--line);border-radius:99px;padding:3px 9px;color:var(--muted)}
.cm-hero{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(18px,4vw,44px);align-items:center;padding:clamp(14px,3vw,28px) 0 6px}
.cm-hero h1{font-family:var(--display);font-size:clamp(30px,4.6vw,52px);line-height:1.04;letter-spacing:-.035em;margin:12px 0 4px}
.cm-job{color:var(--muted);margin:0 0 12px}.cm-role{margin:0 0 16px}
.cm-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cm-3 h3{margin:0 0 6px;font-size:15px}
@media(max-width:860px){.cm-hero{grid-template-columns:1fr}.cm-ph.big{max-width:260px}.cm-3{grid-template-columns:1fr}}
.cm-strip{display:block;border:1px solid var(--line);border-radius:20px;padding:14px 18px;margin:18px 0;text-decoration:none;color:inherit;background:var(--card,#fff)}.cm-strip b{display:block}.cm-strip span{color:var(--muted);font-size:14px}
.llt{margin:28px auto;max-width:1100px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--card,#fff)}.llt h2{font-family:var(--display);font-size:clamp(20px,2.6vw,26px);letter-spacing:-.025em;margin:0 0 12px}.llt-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.llt-g div{border:1px solid var(--line);border-radius:16px;padding:14px}.llt-g b{display:block;margin-bottom:4px}.llt-g p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.llt-f{margin:12px 0 0;font-size:12.5px;color:var(--muted)}
.gx{max-width:880px;margin:0 auto;padding:16px 16px 40px;text-align:center}
.gx-ban{position:relative;height:clamp(300px,46vw,420px);border-radius:28px;overflow:hidden;background:#1b0b22;box-shadow:0 20px 60px -20px rgba(214,40,70,.45)}
.gx-img,.gx-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.gx-img{animation:gxk 18s ease-in-out infinite alternate;transform-origin:50% 30%}
.gx-vid{opacity:0;transition:opacity 1s}.gx-vid.on{opacity:1}
@keyframes gxk{from{transform:scale(1)}to{transform:scale(1.07)}}
.gx-sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,5,25,0) 35%,rgba(20,5,25,.88) 100%),linear-gradient(120deg,rgba(255,60,120,.18),transparent 50%);pointer-events:none}
.gx-sh::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translateX(-120%);animation:gxs 6s ease-in-out infinite}
@keyframes gxs{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.gx-hearts{position:absolute;inset:0;pointer-events:none;overflow:hidden}.gx-hearts b{position:absolute;bottom:-20px;color:#ff6b9d;font-size:20px;opacity:0;animation:gxh 6s infinite}
.gx-hearts b:nth-child(1){left:12%}.gx-hearts b:nth-child(2){left:30%;animation-delay:1.4s;font-size:14px}.gx-hearts b:nth-child(3){left:68%;animation-delay:2.6s}.gx-hearts b:nth-child(4){left:84%;animation-delay:.8s;font-size:15px}.gx-hearts b:nth-child(5){left:50%;animation-delay:3.8s;font-size:12px}
@keyframes gxh{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.9}100%{transform:translateY(-300px) scale(1.2);opacity:0}}
.gx-id{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:20px;text-align:left;color:#fff}
.gx-id h2{margin:0;font-family:var(--display);font-size:clamp(22px,3.6vw,34px);letter-spacing:-.025em;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.gx-id .ring{flex:none;animation:gxr 2.4s infinite}@keyframes gxr{0%{filter:drop-shadow(0 0 0 rgba(255,79,163,.7))}100%{filter:drop-shadow(0 0 14px rgba(255,79,163,0))}}
.gx-on{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;background:rgba(0,0,0,.35);border-radius:99px;padding:3px 10px;margin-top:4px}.gx-on i{width:8px;height:8px;border-radius:50%;background:#35e08a;animation:gxo 1.6s infinite}@keyframes gxo{50%{opacity:.35}}
.gx-chat{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:420px;margin:18px auto 6px;text-align:left}
.gx-b{background:var(--card,#fff);border:1px solid var(--line);border-radius:20px 20px 20px 6px;padding:10px 14px;font-size:15px;box-shadow:0 6px 18px -10px rgba(0,0,0,.25);opacity:0;animation:gxb .5s forwards}.gx-b:nth-child(1){animation-delay:.4s}.gx-b:nth-child(2){animation-delay:1.4s}.gx-b:nth-child(3){animation-delay:2.4s}
@keyframes gxb{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.gx-ty{display:flex;gap:4px;padding:12px 16px}.gx-ty i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:gxd 1.1s infinite}.gx-ty i:nth-child(2){animation-delay:.15s}.gx-ty i:nth-child(3){animation-delay:.3s}@keyframes gxd{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-5px);opacity:1}}
.gx-p{color:var(--muted);margin:14px auto;max-width:48ch}
.gx-ch{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 18px}.gx-ch span{border:1px solid var(--line);border-radius:99px;padding:6px 13px;font-size:13.5px;font-weight:600;background:var(--card,#fff)}
.gx-win{max-width:860px;margin:0 auto;border-radius:28px;overflow:hidden;background:var(--card,#fff);border:1px solid var(--line);box-shadow:0 24px 70px -28px rgba(214,40,70,.45);text-align:left}
.gx-win .gx-ban{border-radius:0;box-shadow:none;height:clamp(240px,34vw,360px)}
.gx-win .gx-chat{max-width:none;margin:0;padding:18px 20px 6px;gap:8px;background:linear-gradient(180deg,var(--card,#fff),rgba(0,0,0,.02))}
.gx-day{align-self:center;font-size:12px;font-weight:700;color:var(--muted);background:rgba(0,0,0,.05);border-radius:99px;padding:3px 12px;margin-bottom:4px}
.gx-row{display:flex;align-items:flex-end;gap:10px;width:100%}.gx-av,.gx-sp{width:32px;height:32px;border-radius:50%;flex:none;object-fit:cover}.gx-r2 .gx-av,.gx-r2 .gx-sp,.gx-r3 .gx-sp{visibility:hidden}
.gx-win .gx-b{max-width:min(78%,440px);font-size:15.5px;line-height:1.4}
.gx-lock{padding:8px 20px 4px;text-align:center}.gx-lock .gx-p{margin:8px auto 10px}.gx-lock .gx-ch{margin:0 0 6px}
.gx-in{display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - 32px);margin:10px 16px 0;padding:6px 6px 6px 18px;border:1px solid var(--line);border-radius:99px;background:var(--card,#fff);cursor:pointer;font:500 15.5px inherit;color:var(--muted);text-align:left}.gx-in:hover{border-color:#ff4f7a}.gx-in i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e11d48;color:#fff;flex:none}.gx-in svg{width:18px;height:18px}
.gx-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:16px 16px 4px}.gx-win>.linkbtn{display:block;margin:6px auto 0}.gx-fn{text-align:center;padding:6px 20px 20px;margin:0}
@media(max-width:600px){.gx-win{border-radius:20px}.gx-win .gx-b{max-width:85%}}
@media(prefers-reduced-motion:reduce){.gx *,.gx-img{animation:none!important}.gx-b{opacity:1}}
.gn{max-width:1100px;margin:0 auto;padding:8px 16px 48px}.gn-hero h1{font-family:var(--display);font-size:clamp(26px,4vw,40px);letter-spacing:-.03em;margin:6px 0}.gn-hero p{color:var(--muted);max-width:60ch}
.gn-pick{display:flex;gap:8px;overflow-x:auto;padding:6px 0 10px}.gn-m{flex:none;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;padding:4px 14px 4px 4px;background:var(--card,#fff);cursor:pointer;font-weight:700;color:var(--ink)}.gn-m img{width:34px;height:34px;border-radius:50%;object-fit:cover}.gn-m.on{border-color:var(--ax);color:var(--ax);box-shadow:0 0 0 3px var(--ax-soft)}
.gn-plan{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:12px 16px;background:var(--card,#fff);margin:6px 0 14px}.gn-plan>div{display:flex;flex-direction:column}.gn-plan b{font-size:17px}.gn-lb{font-size:12px;color:var(--muted)}.gn-plan .btn{margin-left:auto}
.gn-tabs,.gn-mode{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.gn-tabs button{border:1px solid var(--line);border-radius:99px;padding:9px 20px;background:var(--card,#fff);font-weight:800;cursor:pointer;color:var(--ink)}.gn-tabs .on{background:var(--ink,#14090d);color:#fff;border-color:var(--ink,#14090d)}
.gn-mode button{flex:1;min-width:200px;text-align:left;border:1.5px solid var(--line);border-radius:16px;padding:12px 14px;background:var(--card,#fff);cursor:pointer;color:var(--ink);display:flex;flex-direction:column;gap:2px}.gn-mode span{font-size:13px;color:var(--muted)}.gn-mode .on{border-color:var(--ax);background:var(--ax-soft)}
.gn-tags,.gn-grp>div{display:flex;flex-wrap:wrap;gap:6px}.gn-tags{margin-bottom:12px}.gn-c{border:1px solid var(--line);border-radius:99px;padding:6px 12px;background:var(--card,#fff);cursor:pointer;font-size:13.5px;color:var(--ink)}.gn-c.on{background:var(--ax);border-color:var(--ax);color:#fff}
.gn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.gn-grid.v{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.gn-grid.a{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.gn-grid.m{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.gn-card{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:0;background:var(--card,#fff);cursor:pointer;aspect-ratio:3/4;text-align:left;color:var(--ink);transition:transform .2s}.gn-card:hover{transform:translateY(-3px)}.gn-grid.v .gn-card{aspect-ratio:16/10}.gn-grid.m .gn-card{aspect-ratio:1}
.gn-card img{width:100%;height:100%;object-fit:cover;display:block}.gn-pr{position:absolute;top:8px;right:8px;background:rgba(20,5,25,.78);color:#fff;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:800}
.gn-d{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;background:linear-gradient(transparent,rgba(20,5,25,.85));color:#fff;font-size:12px;line-height:1.3;opacity:0;transition:.2s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gn-card:hover .gn-d,.gn-grid.v .gn-d{opacity:1}
.gn-pl{position:absolute;left:10px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;font-style:normal;font-size:13px;color:#14090d}
.gn-card.a{aspect-ratio:auto;padding:14px;display:flex;flex-direction:column;gap:6px;min-height:130px}.gn-card.a span:not(.gn-pr){font-size:13.5px;color:var(--muted);line-height:1.4;padding-right:6px}.gn-card.a .gn-pr{position:static;align-self:flex-start;margin-top:auto}.gn-card.a .gn-pl{left:auto;right:10px;top:10px;background:var(--ax-soft)}
.gn-aud{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:10px;text-align:center;font-size:26px}.gn-aud b{font-size:12px}.gn-aud.big{padding:18px;font-size:inherit;border:1px solid var(--line);border-radius:16px}
.gn-bld{display:grid;gap:12px}.gn-l{display:grid;gap:6px;font-weight:700}.gn-l textarea,.gn-l input{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;font:inherit;background:var(--card,#fff);color:var(--ink)}.gn-grp{display:grid;gap:6px}.gn-grp>b{font-size:13px;text-transform:capitalize}
.gn-bar{position:sticky;bottom:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 16px;border-radius:18px;background:var(--ink,#14090d);color:#fff;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}.gn-bar b{color:#ff8fc8}
.gn-load{display:flex;align-items:center;gap:10px}.gn-load i{width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#ff8fc8;animation:gnsp .8s linear infinite}@keyframes gnsp{to{transform:rotate(360deg)}}
.gn-all{margin-left:auto;font:700 13px var(--body,inherit);background:none;border:0;color:var(--acc,#7c3aed);cursor:pointer;padding:0}.gn-all-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:12px}.gn-t{display:flex;flex-direction:column;gap:6px}.gn-t .gn-card{width:100%}.gn-t video{width:100%;height:100%;object-fit:cover;display:block}.gn-vb{border:1px solid var(--line);border-radius:99px;background:var(--card,#fff);color:var(--ink);font:700 12px var(--body,inherit);padding:6px 8px;cursor:pointer}.gn-vb.on{background:var(--ink);color:#fff}.me-t video{width:100%;height:100%;object-fit:cover;display:block}.gn-mine{margin-top:28px}.gn-mine h2{font-family:var(--display);font-size:22px;margin:0 0 10px}.gn-mut{color:var(--muted);font-size:13.5px}.gn-fine{color:var(--muted);font-size:12.5px;margin-top:22px}
.gn-res{display:block;align-self:center;width:auto;height:auto;max-width:100%;max-height:calc(88vh - 170px);object-fit:contain;border-radius:14px}
.face{margin:18px 0 6px;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--card,#fff)}.face-h h2{font-family:var(--display);font-size:clamp(20px,2.8vw,28px);letter-spacing:-.025em;margin:0 0 4px}.face-h p{margin:0 0 12px;color:var(--muted)}
.face-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}.face-g figure{position:relative;margin:0;border-radius:20px;overflow:hidden;cursor:zoom-in;aspect-ratio:4/5;background:#222}.face-g img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.face-g figure:hover img{transform:scale(1.06)}
.face-g figcaption{position:absolute;left:10px;bottom:10px;background:rgba(20,5,25,.7);color:#fff;border-radius:99px;padding:4px 12px;font-size:12.5px;font-weight:700}.face-f{margin:10px 0 0;font-size:12px;color:var(--muted)}
@media(max-width:560px){.face{padding:12px}.face-g{gap:8px}}
.band.pbph{height:clamp(170px,26vw,280px);background-size:cover;background-repeat:no-repeat}
.gn-work{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start;margin:6px 0 14px}
.gn-work .gn-bld{border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:var(--card,#fff)}
.gn-ser{border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:var(--card,#fff)}.gn-ser h2{font-size:16px;margin:0 0 10px}
.gn-sl{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.gn-s{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:transparent;color:var(--ink);cursor:pointer}.gn-s span{font-size:12px;color:var(--muted)}.gn-s.on{border-color:var(--ax);box-shadow:0 0 0 3px var(--ax-soft)}
.gn-pl2{list-style:decimal;margin:0 0 10px;padding-left:20px;display:flex;flex-direction:column;gap:4px}.gn-pl2 button{background:none;border:0;text-align:left;color:var(--ink);cursor:pointer;font:inherit;font-size:13px;padding:2px 0;text-decoration:underline dotted}.gn-pl2 button:hover{color:var(--ax)}
.gn-bar{position:sticky;bottom:calc(var(--bar,58px) + 8px);z-index:5}
@media(max-width:900px){.gn-work{grid-template-columns:1fr}}
/* Mes créations : mosaïque pleine fenêtre + visionneuse plein écran */
.gn{--gsw:0px}@media(min-width:1000px){.gn{--gsw:var(--sw,0px)}}
.gn-mine{width:calc(100vw - var(--gsw));margin-left:calc((100% - (100vw - var(--gsw)))/2);margin-top:34px}
.gn-mine h2{padding:0 clamp(16px,3vw,40px);display:flex;align-items:baseline;gap:10px}.gn-mine h2 small{font:600 13px var(--mono,monospace);color:var(--muted);letter-spacing:.04em}
.gn-grid.m{grid-template-columns:repeat(8,1fr);gap:3px;padding:0 clamp(16px,3vw,40px)}
@media(max-width:1100px){.gn-grid.m{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.gn-grid.m{grid-template-columns:repeat(2,1fr)}}
.gn-seeall{display:flex;justify-content:center;padding:18px clamp(16px,3vw,40px) 4px}
.gn-seeall .btn{min-width:240px}
.gn-grid.m .gn-card{border:0;border-radius:0;aspect-ratio:3/4;transform:none;background:#111}
.gn-grid.m .gn-card:hover{transform:none}.gn-grid.m .gn-card img,.gn-grid.m .gn-card video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.gn-grid.m .gn-card:hover img,.gn-grid.m .gn-card:hover video{transform:scale(1.04)}
.gn-grid.m .gn-card .gn-pr{top:10px;right:10px;left:auto;background:rgba(10,8,14,.72);backdrop-filter:blur(6px);font-weight:700;font-size:11.5px;letter-spacing:.02em}
.gn-grid.m .gn-card::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(transparent,rgba(10,8,14,.7));opacity:0;transition:opacity .2s;pointer-events:none}.gn-grid.m .gn-card:hover::after{opacity:1}
.b.vn{min-width:250px;max-width:310px;padding:9px 12px 8px}.vn-r{display:flex;align-items:center;gap:10px}.vn-p{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#d62f3a;color:#fff;font-size:15px;cursor:pointer;display:grid;place-items:center;padding:0}.vn-w{flex:1;height:30px;display:flex;align-items:center;gap:2px;cursor:pointer}.vn-w i{flex:1;min-width:2px;border-radius:2px;background:#c9c3c3}.vn-w i.on{background:#d62f3a}.vn-t{flex:none;font-size:12px;opacity:.7;min-width:32px;text-align:right}.b.vn details{margin-top:4px;font-size:13px;opacity:.9}.b.vn summary{cursor:pointer;font-size:12px;opacity:.7;list-style:none}.b.vn summary::-webkit-details-marker{display:none}.b.vn details p{margin:6px 0 0}.b.vn>.vb{display:none}
.cqx{font-size:12px;opacity:.75;padding:6px 14px 2px;text-align:center}.b.cxo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.cxo-y,.cxo-n{border:0;border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}.cxo-y{background:#d62f3a;color:#fff}.cxo-n{background:#eee;color:#333}
.gn-vw{position:fixed;inset:0;z-index:300;background:rgba(8,6,12,.96);display:flex;flex-direction:column;color:#fff;animation:gnlbin .18s ease}@keyframes gnlbin{from{opacity:0}to{opacity:1}}
.gn-vw-top,.gn-vw-bot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(14px,3vw,32px)}
.gn-vw-top b{font-size:15px}.gn-vw-top span,.gn-vw-bot span{color:#ffffffb3;font-size:13px}
.gn-vw-st{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;position:relative;padding:0 clamp(8px,6vw,90px)}
.gn-vw-st img,.gn-vw-st video{max-width:100%;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 20px 80px #000a}
.gn-vw button,.gn-vw a.gn-vw-b{background:#ffffff1f;color:#fff;border:0;border-radius:999px;min-width:42px;height:42px;padding:0 16px;font:600 14px inherit;cursor:pointer;display:inline-grid;place-items:center;text-decoration:none}
.gn-vw button:hover,.gn-vw a.gn-vw-b:hover{background:#ffffff38}
.gn-vw .nv{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;padding:0;font-size:22px}.gn-vw .nv.p{left:clamp(8px,2vw,24px)}.gn-vw .nv.n{right:clamp(8px,2vw,24px)}
.gn-vw-acts{display:flex;gap:8px}
@media(max-width:700px){.gn-vw-st{padding:0 4px}.gn-vw .nv{display:none}}
.gn-card.sk{display:grid;place-items:center;align-content:center;gap:10px;cursor:default;background:linear-gradient(110deg,#1b1620 30%,#2a2231 50%,#1b1620 70%);background-size:200% 100%;animation:gnsk 1.4s linear infinite;color:#ffffffb3;font-size:12.5px}
.gn-card.sk i{width:26px;height:26px;border-radius:50%;border:3px solid #ffffff33;border-top-color:#ff8fc8;animation:gnsp .8s linear infinite}
@keyframes gnsk{to{background-position:-200% 0}}
.gn-play{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(10,8,14,.55);backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.85);pointer-events:none;transition:transform .2s,background .2s}.gn-play:after{content:'';position:absolute;left:23px;top:17px;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}.gn-card:hover .gn-play{transform:scale(1.1);background:rgba(10,8,14,.72)}
.gn-start{margin-top:12px}.gn-sr{display:flex;gap:8px;overflow-x:auto;padding:6px 2px}.gn-sr button{flex:0 0 auto;width:64px;height:84px;border-radius:12px;border:2px solid var(--line);background:var(--card,#fff);padding:0;overflow:hidden;cursor:pointer;color:var(--ink)}.gn-sr button:first-child{width:auto;padding:0 12px}.gn-sr button.on{border-color:#e0457b;box-shadow:0 0 0 2px rgba(224,69,123,.25)}.gn-sr img{width:100%;height:100%;object-fit:cover;display:block}
.gn-sc{display:flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}.gn-sc .btn img{width:34px;height:44px;object-fit:cover;border-radius:6px;margin-right:8px;vertical-align:middle}.gn-pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:8px 0 14px}.gn-pt{padding:0;border:2px solid var(--line);border-radius:12px;overflow:hidden;aspect-ratio:3/4;background:#111;cursor:pointer}.gn-pt.on{border-color:#e0457b}.gn-pt img{width:100%;height:100%;object-fit:cover;display:block}.gn-upl{display:inline-flex;cursor:pointer}
.cal{max-width:1100px;margin:0 auto;padding:8px 16px 48px;--gold:#b88a3e;--rose:#f3b9cf}
.cal-hh h1,.cal-tx h1{font-family:"Playfair Display",Georgia,"Times New Roman",serif;letter-spacing:-.02em}.cal-hh h1{font-size:clamp(28px,4.4vw,44px);margin:6px 0}.cal-hh p{color:var(--muted);max-width:58ch}
.cal-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:18px 0}
.cal-cd{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card,#fff);color:var(--ink);text-decoration:none;transition:transform .25s,box-shadow .25s}.cal-cd:not(.soon):hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(214,40,90,.5)}
.cal-cd img{width:100%;aspect-ratio:4/5;object-fit:cover}.cal-cd.soon img{filter:grayscale(.6) blur(1px);opacity:.7}.cal-cd>div{padding:12px 14px;display:flex;flex-direction:column;gap:2px}.cal-cd>div span{font-size:13px;color:var(--muted)}
.cal-bd{position:absolute;top:10px;left:10px;background:#14090d;color:#fff;border-radius:99px;padding:4px 11px;font-size:12px;font-weight:800}.cal-cd.soon .cal-bd{background:var(--ax-soft);color:var(--ax-dk)}
.cal-hero{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:32px;align-items:center;margin:14px 0 30px}
.cal-cv{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(214,40,90,.55),0 8px 18px rgba(0,0,0,.25);transform:rotate(-1.5deg);transition:transform .5s}.cal-cv:hover{transform:rotate(0) scale(1.02)}.cal-cv img{display:block;width:100%}
.cal-sh{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);transform:translateX(-120%);animation:gxs 6s ease-in-out infinite;pointer-events:none}
.cal-tx h1{font-size:clamp(30px,4.6vw,50px);margin:6px 0 10px;line-height:1.05}.cal-lead{font-size:clamp(17px,2vw,21px);font-weight:600}.cal-tx p{max-width:56ch}
.cal-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0}.cal-pr{font-family:"Playfair Display",Georgia,serif;font-size:30px;font-weight:700;color:var(--gold)}.cal-pr.np{font-size:20px;color:var(--muted);font-weight:600}
.cal-ul{padding-left:18px;color:var(--muted);line-height:1.8;margin:10px 0 0}
.cal-s{margin:34px 0}.cal-s h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(22px,3vw,30px);margin:0 0 6px}.cal-mut{color:var(--muted);margin:0 0 14px}
.cal-gr{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.cal-m{position:relative;border:0;padding:0;border-radius:12px;overflow:hidden;cursor:zoom-in;background:#222;aspect-ratio:4/5;box-shadow:0 8px 20px -12px rgba(0,0,0,.5);transition:transform .2s}.cal-m:hover{transform:translateY(-3px)}.cal-m img{width:100%;height:100%;object-fit:cover;display:block}
.cal-m span{position:absolute;left:8px;bottom:8px;background:rgba(20,5,25,.72);color:#fff;border-radius:99px;padding:3px 11px;font-size:12.5px;font-weight:800}
.cal-m.lk{cursor:pointer}.cal-m.lk img{filter:blur(18px) saturate(.9);transform:scale(1.15)}.cal-m.lk i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:800;font-size:13px;background:rgba(20,5,25,.35)}
.cal-back{display:grid;grid-template-columns:1fr minmax(0,260px);gap:24px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:20px;background:var(--card,#fff)}.cal-bk{border:0;padding:0;border-radius:10px;overflow:hidden;cursor:zoom-in;box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}.cal-bk img{width:100%;display:block}
.cal details{border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:8px 0;background:var(--card,#fff)}.cal summary{font-weight:700;cursor:pointer}.cal details p{color:var(--muted);margin:8px 0 0}
.calp{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin:14px 0;padding:16px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,#fde7ef,#fff6e5 80%);color:#3a0b10}.calp img{width:100%;border-radius:8px;box-shadow:0 14px 28px -12px rgba(0,0,0,.5);transform:rotate(-2deg)}.calp h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(20px,2.6vw,28px);margin:4px 0}.calp p{margin:0 0 10px}.calp small{display:block;margin-top:8px;opacity:.75}
@media(max-width:760px){.cal-hero{grid-template-columns:1fr}.cal-cv{max-width:340px;margin:0 auto}.cal-back{grid-template-columns:1fr}.cal-bk{max-width:240px}.calp{grid-template-columns:100px 1fr}}
.cal .hx-eyebrow,.gn .hx-eyebrow,.calp .hx-eyebrow{color:#a3122f!important}
.fp{margin:18px auto;max-width:1100px;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--card,#fff);color:var(--ink)}.fp-h h2{font-family:var(--display);font-size:clamp(20px,2.8vw,28px);letter-spacing:-.025em;margin:4px 0}.fp-h p{margin:0 0 12px;color:var(--muted)}
.fp-g{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.fp-g.s{grid-template-columns:repeat(6,1fr);margin-bottom:12px}.fp-t{border:0;padding:0;border-radius:12px;overflow:hidden;aspect-ratio:3/4;cursor:zoom-in;background:#222}.fp-t img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block;transition:transform .5s}.fp-t:hover img{transform:scale(1.07)}
.fp-feed{max-width:none}@media(max-width:700px){.fp-g{grid-template-columns:repeat(4,1fr)}.fp-g.s{grid-template-columns:repeat(3,1fr)}.fp-g.s .fp-t:nth-child(n+4){display:none}}
.fpw{display:grid;gap:10px;margin:18px auto;max-width:1100px;width:100%}.fpw3{grid-template-columns:repeat(3,1fr)}.fpw2{grid-template-columns:repeat(2,1fr)}.fpw4{grid-template-columns:repeat(4,1fr)}.fpw1{grid-template-columns:1fr}
.fpw-t{border:0;padding:0;border-radius:18px;overflow:hidden;cursor:zoom-in;background:#222;aspect-ratio:3/4}.fpw1 .fpw-t{aspect-ratio:21/9}.fpw2 .fpw-t{aspect-ratio:4/5}.fpw-t img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;transition:transform .6s}.fpw-t:hover img{transform:scale(1.05)}
@media(max-width:700px){.fpw{gap:6px}.fpw4{grid-template-columns:repeat(2,1fr)}.fpw-t{border-radius:12px}.fpw1 .fpw-t{aspect-ratio:16/9}}
.dr-hero{margin-top:16px;border-radius:30px;color:#fff;padding:clamp(26px,5vw,52px);background:radial-gradient(700px 400px at 90% 0%,#b3122f 0%,transparent 60%),linear-gradient(135deg,#16121a,#2a1245)}
.dr-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(32px,5.4vw,56px);line-height:1;letter-spacing:-.04em;margin:16px 0 12px;max-width:18ch;text-wrap:balance}.dr-hero p{color:#ffffffcc;max-width:60ch;line-height:1.55;margin:0 0 16px}
.dr-pts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.dr-pts li{background:#ffffff1a;border:1px solid #ffffff30;border-radius:999px;padding:7px 14px;font-size:13px}
.dr-sec{margin:26px 0}.dr-sec h2{font-family:var(--display);font-size:clamp(20px,2.6vw,26px);letter-spacing:-.02em;margin:0 0 12px}.dr-sub{color:var(--muted);margin:0 0 12px;font-size:14px}
.dr-gr{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dr-card{display:flex;gap:12px;text-align:left;align-items:flex-start;background:var(--surface);border:2px solid var(--line);border-radius:20px;padding:14px;cursor:pointer;color:var(--ink)}.dr-card.on{border-color:#b3122f;box-shadow:0 6px 22px #b3122f22}.dr-card b{display:block}.dr-card em{display:block;font-style:normal;color:#a3122f;font-size:13px;margin:2px 0 4px}.dr-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}
.dr-av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:800;flex:none;font-family:var(--display)}
.dr-fm{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dr-fm label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.dr-fm input,.dr-fm select{border:1px solid var(--line);border-radius:12px;padding:11px 12px;font:inherit;color:var(--ink);background:var(--surface)}
.dr-ch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.dr-pill{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:9px 16px;cursor:pointer;font:inherit}.dr-pill.on{background:#16121a;color:#fff;border-color:#16121a}
.dr-lv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dr-lvb{display:flex;flex-direction:column;gap:3px;text-align:left;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px;padding:12px;cursor:pointer;font:inherit}.dr-lvb span{font-size:12.5px;color:var(--muted)}.dr-lvb.on{border-color:#b3122f}
.dr-tg{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:14px}.dr-tg input{margin-top:3px;width:18px;height:18px}.dr-go{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.dr-err{color:#a3122f;font-size:13px}
.dr-hi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dr-h{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 12px}.dr-h div{flex:1;min-width:0}.dr-h b{display:block}.dr-h em{font-style:normal;font-size:12px;color:var(--muted)}.dr-h strong{font-family:var(--display);font-size:20px}.dr-h small{font-size:11px;color:var(--muted)}.dr-fine{font-size:12px;color:var(--muted)}
.dr-ct{margin:16px auto;max-width:760px;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:16px;color:var(--ink)}
.dr-hd{display:flex;gap:12px;align-items:center}.dr-hn{flex:1;min-width:0}.dr-hn b{display:block}.dr-hn em{font-style:normal;font-size:13px;color:var(--muted)}
.dr-g{margin:12px 0}.dr-gh{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.dr-gh span{color:var(--muted)}.dr-gb{height:10px;border-radius:99px;background:#eadfe3;overflow:hidden}.dr-gb i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7c5cff,#e84fa3,#b3122f);transition:width .6s}
.dr-scene{background:#f6eef1;border-radius:14px;padding:10px 14px;font-size:13.5px;color:#4a3a40;margin-bottom:10px}
.dr-ms{height:min(52vh,460px);overflow:auto;display:flex;flex-direction:column;gap:8px;padding:6px 2px}
.dr-m{display:flex;gap:8px;align-items:flex-end;max-width:88%}.dr-m.me{align-self:flex-end}.dr-b{padding:10px 14px;border-radius:18px;line-height:1.4;font-size:15px}.dr-m.her .dr-b{background:#f1edf6;color:#16121a;border-bottom-left-radius:6px}.dr-m.me .dr-b{background:#b3122f;color:#fff;border-bottom-right-radius:6px}
.dr-ty{display:flex;gap:4px;padding:14px}.dr-ty i{width:7px;height:7px;border-radius:50%;background:#8a7f93;animation:drt 1s infinite}.dr-ty i:nth-child(2){animation-delay:.15s}.dr-ty i:nth-child(3){animation-delay:.3s}@keyframes drt{50%{opacity:.25;transform:translateY(-3px)}}
.dr-coach{align-self:flex-end;max-width:88%;background:#fff7e6;border:1px solid #f0d9a0;border-radius:14px;padding:8px 12px;font-size:12.5px;color:#4a3a1a}.dr-coach p{margin:4px 0 0}.dr-coach>b{margin-right:6px}
.dr-chip{display:inline-block;border-radius:99px;padding:3px 10px;font-size:12px;margin:2px 4px 2px 0;background:#eee;color:#333}.dr-chip.g{background:#dff5e6;color:#14532d}.dr-chip.b{background:#fde2e4;color:#8a1226}.dr-d{font-weight:700;margin-left:4px}.dr-d.p{color:#14532d}.dr-d.n{color:#8a1226}
.dr-sg{background:#f6f2fb;border-radius:14px;padding:10px 12px;margin-top:8px;font-size:13px;color:#2a1a3a}.dr-sg>b{display:block;margin-bottom:6px}.dr-sg p{margin:6px 0 0}.dr-sb{display:block;width:100%;text-align:left;margin:4px 0;border:1px solid #d9cdea;background:#fff;color:#16121a;border-radius:12px;padding:9px 12px;cursor:pointer;font:inherit;font-size:13.5px}
.dr-in{display:flex;gap:8px;margin-top:10px}.dr-in input{flex:1;min-width:0;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;background:#fff;color:#16121a}.dr-ac{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.dr-db{margin:16px auto;max-width:760px}.dr-sc{display:flex;gap:18px;align-items:center;border-radius:24px;padding:22px;color:#fff;background:linear-gradient(135deg,#16121a,#4a1230)}.dr-sc.win{background:linear-gradient(135deg,#0f3d2a,#14532d)}.dr-sc strong{font-family:var(--display);font-size:54px;line-height:1}.dr-sc small{font-size:16px;opacity:.7}.dr-sc h2{margin:0 0 4px;font-size:22px}.dr-sc p{margin:0;color:#ffffffcc}
.dr-sy{margin:16px 0}.dr-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dr-cols h3{margin:0 0 8px}.dr-tp{margin:0;padding-left:18px;color:var(--ink)}.dr-tp li{margin-bottom:8px;font-size:14px;line-height:1.4}
.dr-alt{background:#f6f2fb;border-radius:16px;padding:14px;margin-top:14px;color:#2a1a3a}.dr-alt p{margin:4px 0 10px}.dr-ban{background:#fde2e4;color:#8a1226;border-radius:12px;padding:10px 12px;font-size:13.5px}.dr-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){.dr-gr,.dr-fm,.dr-hi,.dr-lv,.dr-cols{grid-template-columns:1fr}.dr-sc strong{font-size:42px}.dr-ms{height:48vh}}
.fd-m.sr{position:relative;overflow:hidden}.sr-t{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;height:100%;outline-offset:-3px}.sr-t::-webkit-scrollbar{display:none}
.sr-t img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;scroll-snap-stop:always;display:block;-webkit-user-drag:none}
.fd-m.sr.lk .sr-t img{filter:blur(22px);transform:scale(1.15)}.fd-m.sr.lk .sr-t{overflow:hidden}
.sr-n{position:absolute;top:12px;right:12px;background:#000a;color:#fff;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600;pointer-events:none}
.sr-a{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:#fffd;color:#16121a;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px #0004}.sr-a[hidden]{display:none}.sr-a svg{width:18px;height:18px}.sr-a.prev{left:10px}.sr-a.next{right:10px}
.sr-d{position:absolute;bottom:12px;left:0;right:0;display:flex;gap:5px;justify-content:center;pointer-events:none}.sr-d i{width:6px;height:6px;border-radius:50%;background:#fff7;transition:.25s}.sr-d i.on{background:#fff;width:18px;border-radius:4px}
@media(hover:none){.sr-a{display:none}}
.media.sr .sr-t{height:100%}.tmulti{position:absolute;top:8px;right:8px;z-index:3;display:flex;align-items:center;gap:4px;background:#000a;color:#fff;border-radius:99px;padding:3px 8px;font-size:12px;font-weight:700}.tmulti svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2}
.fdg{position:relative;overflow:hidden;border-radius:22px;margin:6px 0 20px;min-height:320px;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px 18px;background:#1b1420;cursor:pointer}.fdg::before{content:"";position:absolute;inset:-30px;background:var(--bg) center/cover;filter:blur(26px) brightness(.55);transform:scale(1.1)}
.mos .fdg{grid-column:1/-1}
.fdg-in{position:relative;color:#fff;max-width:420px}.fdg-in b{font-family:var(--display);font-size:clamp(20px,3vw,26px);letter-spacing:-.02em;display:block;margin-bottom:8px}.fdg-in p{margin:0 0 16px;color:#ffffffd0;line-height:1.5}.fdg-a{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.fdg-a .btn.gh{background:#fff;color:#16121a;border-color:#fff}
.fdp{margin:-4px -20px -6px;text-align:center}.fdp-i{position:relative;height:260px;background:center 22%/cover no-repeat #1b1420}.fdp-i::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#fff)}
.fdp-av{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);z-index:2;width:76px;height:76px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#7c5cff,#e84fa3,#b3122f);box-shadow:0 8px 24px #0004}.fdp-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;display:block}
.fdp h3{font-family:var(--display);font-size:24px;letter-spacing:-.02em;margin:44px 20px 6px}.fdp p{margin:0 24px 12px;color:var(--muted);line-height:1.5}
.fdp-l{list-style:none;margin:0 24px 16px;padding:0;display:grid;gap:8px;text-align:left}.fdp-l li{position:relative;padding-left:28px;font-size:14.5px}.fdp-l li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:#dff5e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314532d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.fdp-a{display:flex;flex-direction:column;gap:8px;margin:0 24px 14px}.fdp-a .btn{width:100%;justify-content:center}
.sheet-m:has(.fdp){position:relative;overflow:hidden}
.sheet-m:has(.fdp) .sheet-h{position:absolute;top:12px;right:12px;left:auto;padding:0;z-index:5}
.sheet-m:has(.fdp) .sheet-h h2{display:none}
.sheet-m:has(.fdp) .sheet-x{background:#0009;color:#fff;backdrop-filter:blur(6px);box-shadow:0 2px 10px #0006}
.sheet-m:has(.fdp) .sheet-b{padding-top:0}.sheet-m:has(.fdp) .fdp{margin-top:0}
.fdp-col{display:flex;align-items:center;justify-content:center;height:150px;background:linear-gradient(135deg,#2a1530,#1b1420)}.fdp-av2{width:74px;height:74px;border-radius:50%;border:3px solid #fff;overflow:hidden;margin-left:-16px;background:#222;box-shadow:0 4px 14px #0006}.fdp-av2:first-child{margin-left:0}.fdp-av2 img{width:100%;height:100%;object-fit:cover}.fdp-col+h3{margin-top:22px}@media(max-width:420px){.fdp-av2{width:52px;height:52px;margin-left:-12px}}
/* Popin de gate v2 (2026-10-20, retouchée #111) : rectangle net, 50 % photo / 50 %
formulaire, sans scroll — l'ancienne version (colonne photo fixe à 260px dans une
modale large de 760px) laissait un formulaire trop étroit : la case "18 ans et
CGU" retombait sur 5-6 lignes et poussait le contenu au-delà de la hauteur
disponible, d'où l'ascenseur. Colonnes 1fr/1fr + modale un peu plus large et aux
dimensions fixes + espacements resserrés : tout tient dans le cadre. */
.sheet-m:has(.fdp-split){width:min(880px,94vw);max-height:min(620px,88vh)}
.fdp-split{margin:-4px -20px -6px;text-align:left;display:grid;grid-template-columns:1fr 1fr;min-height:460px}
.fdp-split .fdp-photo{position:relative;background:center/cover no-repeat #1b1420}
.fdp-split .fdp-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 55%)}
.fdp-split .fdp-photo-col{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px;padding:24px;background:linear-gradient(135deg,#2a1530,#1b1420)}
.fdp-split .fdp-photo-col .fdp-av2{width:64px;height:64px;margin-left:0}
.fdp-split .fdp-av{position:absolute;left:18px;bottom:18px;z-index:2;width:56px;height:56px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#7c5cff,#e84fa3,#b3122f);box-shadow:0 8px 24px #0004}
.fdp-split .fdp-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;display:block}
.fdp-split .fdp-form{padding:22px 28px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.fdp-split .fdp-form h3{font-family:var(--display);font-size:20px;letter-spacing:-.02em;margin:0 0 4px}
.fdp-split .fdp-form>p{margin:0 0 12px;color:var(--muted);line-height:1.4;font-size:13.5px}
.fdp-split .fdp-form .me-f{gap:9px}
.fdp-split .fdp-form .me-seg{margin-bottom:9px!important}
.fdp-split .fdp-form .btn.big{width:100%;justify-content:center}
@media(max-width:620px){.sheet-m:has(.fdp-split){max-height:92vh}.fdp-split{grid-template-columns:1fr;min-height:0;height:auto}.fdp-split .fdp-photo,.fdp-split .fdp-photo-col{height:130px}.fdp-split .fdp-photo-col .fdp-av2{width:48px;height:48px}.fdp-split .fdp-form{padding:16px 20px;overflow:auto}}
.fx{margin:18px auto;max-width:1100px;padding:clamp(16px,3vw,26px);border:1px solid var(--line);border-radius:26px;background:var(--surface);color:var(--ink)}
.fx-h{display:flex;gap:16px;align-items:center;justify-content:space-between}.fx-h h2{font-family:var(--display);font-size:clamp(24px,3.4vw,34px);letter-spacing:-.03em;margin:6px 0 2px}.fx-s{margin:0;color:var(--muted);font-size:14px}
.fx-ring{flex:none;width:76px;height:76px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#7c5cff,#b3122f)}.fx-ring b{font-family:var(--display);font-size:26px;line-height:1}.fx-ring span{font-size:11px;opacity:.85}
.fx-bar{position:relative;height:10px;border-radius:99px;background:#eadfe3;margin:18px 4px 14px}.fx-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7c5cff,#e84fa3,#b3122f);transition:width .6s}.fx-bar u{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:3px solid #cdbfd1}.fx-bar u.on{border-color:#b3122f;background:#b3122f}
.fx-bd{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.fx-b{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:6px 12px;font-size:13px;background:#efeaf2;color:#8a7f93}.fx-b.on{background:#fde2e4;color:#8a1226;font-weight:600}.fx-i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fx-sub{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#f6eef1;border-radius:16px;padding:12px 14px;margin:12px 0}.fx-sub p{margin:0;font-size:14px;max-width:62ch}
.fx-ms{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}.fx-ms li{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:12px 14px}.fx-ms li.cur{border-color:#b3122f;box-shadow:0 4px 18px #b3122f1a}.fx-ms li.lock{opacity:.78}
.fx-d{flex:none;width:46px;height:46px;border-radius:14px;background:#16121a;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.fx-d b{font-family:var(--display);font-size:18px}.fx-d span{font-size:10px;opacity:.7}.fx-ms li.done .fx-d{background:linear-gradient(135deg,#7c5cff,#b3122f)}
.fx-m{flex:1;min-width:0}.fx-m h3{margin:0 0 8px;font-size:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fx-m h3 em{font-style:normal;font-size:11px;background:#dff5e6;color:#14532d;border-radius:99px;padding:2px 8px}
.fx-g{display:flex;flex-wrap:wrap;gap:8px}.fx-gb{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:8px 12px;font:inherit;font-size:13.5px;cursor:pointer;text-align:left}.fx-gb[aria-disabled=true]{color:var(--muted);cursor:default}.fx-lk{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.fx-demo{margin-top:14px;font-size:13px;color:var(--muted)}.fx-demo summary{cursor:pointer}.fx-dc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.fx-dc label{display:flex;gap:6px;align-items:center}
.fx-car{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:16px;background:#111;max-height:calc(88vh - 170px);align-self:center}.fx-lt p{margin:0 0 10px;line-height:1.55}.fx-mu{color:var(--muted);font-size:13px}
@media(max-width:560px){.fx-h{align-items:flex-start}.fx-ring{width:64px;height:64px}.fx-ms li{padding:10px}}
.fxb{display:flex;align-items:center;gap:14px;width:100%;max-width:1100px;margin:18px auto;padding:12px 16px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;font:inherit}.fxb svg{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:2;flex:none}
.fxb-r{flex:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;gap:1px;padding-top:11px;color:#fff;background:linear-gradient(135deg,#7c5cff,#b3122f)}.fxb-r b{font-family:var(--display);font-size:19px}.fxb-r i{font-style:normal;font-size:10px;opacity:.85}
.fxb-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.fxb-t b{font-size:15px}.fxb-t em{font-style:normal;font-size:13px;color:var(--muted)}.fxb-p{display:block;height:6px;border-radius:99px;background:#eadfe3;overflow:hidden;margin-top:3px}.fxb-p i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7c5cff,#e84fa3,#b3122f)}
.sheet-b .fx{border:0;padding:0;margin:0;max-width:none;background:transparent}
.zm-b{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;cursor:pointer;padding:0}.zm-b svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.zm-b[aria-pressed=true]{color:#b3122f}
.zm-f{border:0;background:#16121a;color:#fff;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700;cursor:pointer;margin-left:6px;align-self:center}.zm-f[hidden]{display:none}
.zm-row{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:2px}.zm-row .zm-b{width:38px;height:38px;border-radius:50%;background:var(--surface2,#eee)}
.zm-lens{position:fixed;z-index:99999;width:200px;height:200px;border-radius:50%;border:3px solid #fff;box-shadow:0 10px 34px #000a,inset 0 0 0 1px #0003;background-repeat:no-repeat;pointer-events:none;display:none}.zm-lens.on{display:block}
.zm-on img{cursor:none!important}
@media(hover:none),(pointer:coarse){.zm-b,.zm-f{display:none!important}}
#vw .acts .zm-f,.zm-f{background:#16121a!important;color:#fff!important;width:auto!important;height:auto!important;min-width:0!important;padding:3px 10px!important;font-size:12px!important;line-height:1.4!important;border-radius:99px!important}
.olv-hero{border-radius:22px;padding:22px 20px;background:var(--tint);border:1px solid var(--line);margin-bottom:14px}.olv-hero small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--red-dk,var(--red));font-size:11px}.olv-hero h2{font-family:var(--display);font-size:clamp(22px,3.4vw,30px);letter-spacing:-.02em;margin:6px 0 8px}.olv-hero p{margin:0 0 12px;color:var(--muted);line-height:1.5;max-width:620px}
.olv-f{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.olv-f button{padding:8px 14px;border-radius:999px;background:var(--surface2);font-weight:700;font-size:13px}.olv-f button[aria-pressed=true]{background:var(--red);color:#fff}
.olv-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.olv-c{position:relative;display:block;overflow:hidden;border-radius:18px;aspect-ratio:3/4;background:#222;text-align:left;padding:0}.olv-c img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block;transition:transform .4s}.olv-c:hover img{transform:scale(1.04)}.olv-c::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#000c)}
.olv-ct{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px 14px;color:#fff}.olv-ct small{display:block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;opacity:.85}.olv-ct b{display:block;font-family:var(--display);font-size:17px;line-height:1.15;margin-top:2px}.olv-fv{position:absolute;top:10px;right:10px;z-index:2;color:#fff;width:22px;height:22px}
.olv-sh{text-align:left}.olv-hi{width:100%;max-height:340px;object-fit:cover;object-position:50% 22%;border-radius:16px;display:block}.olv-meta{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.olv-meta span{padding:5px 10px;border-radius:999px;background:var(--surface2);font-size:12.5px;font-weight:700}
.olv-q{font-style:italic;color:var(--muted);line-height:1.5;margin:0 0 10px}.olv-sh h4{font-family:var(--display);font-size:17px;margin:16px 0 8px}
.olv-ing{list-style:none;margin:0;padding:0;display:grid;gap:6px}.olv-ing label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;line-height:1.4}.olv-ing input{margin-top:3px;accent-color:var(--red);width:17px;height:17px;flex:none}.olv-ing input:checked+span{text-decoration:line-through;opacity:.55}
.olv-st{margin:0;padding-left:0;list-style:none;counter-reset:s;display:grid;gap:10px}.olv-st li{counter-increment:s;position:relative;padding-left:38px;line-height:1.5}.olv-st li::before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center}
.olv-tip{margin:16px 0 4px;padding:12px 14px;border-radius:14px;background:var(--tint);border:1px dashed var(--red);line-height:1.5}.olv-tip b{display:block;font-family:var(--display);margin-bottom:2px;color:var(--red-dk,var(--red))}.olv-sh .cp-row{margin-top:14px}
.b.olv-bub{max-width:min(92%,520px)}.olv-rc{line-height:1.5}.olv-rc .olv-t{font-family:var(--display);font-size:18px;margin:2px 0 2px}.olv-rc .olv-m{margin:0 0 6px;font-size:12.5px;opacity:.75}.olv-rc .olv-s{margin:12px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--red-dk,var(--red))}.olv-rc ul,.olv-rc ol{margin:0 0 6px;padding-left:20px}.olv-rc li{margin:2px 0}.olv-rc p{margin:6px 0}
html[data-model=ayo] .phead h1,.ayo-t,.ayo-hero h2,.ayo-sw button{font-family:"Dela Gothic One","Bricolage Grotesque",var(--display),sans-serif;font-weight:400;letter-spacing:0}
.ayo-sw{display:flex;margin:0 0 14px;border:3px solid #111;border-radius:14px;overflow:hidden;background:#fff;box-shadow:4px 4px 0 #111;max-width:400px}.ayo-sw button{flex:1;padding:10px 12px;font-size:13px;color:#111;background:#fff;cursor:pointer}.ayo-sw button+button{border-left:3px solid #111}.ayo-sw button[aria-pressed=true]{background:#111;color:#fff}
.ayo-hero{position:relative;overflow:hidden;border:3px solid #111;border-radius:6px 24px 6px 24px;padding:22px 20px;background:#fff repeating-conic-gradient(from 0deg at 88% 40%,rgba(224,69,123,.16) 0 2deg,transparent 2deg 7deg);box-shadow:6px 6px 0 #111;margin-bottom:16px}.ayo-hero small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#111}.ayo-hero h2{font-size:clamp(24px,4.4vw,36px);margin:8px 0 8px;line-height:1.15;color:#111}.ayo-ja{color:var(--red);-webkit-text-stroke:2px #111;paint-order:stroke fill;margin-right:6px}.ayo-hero p{margin:0 0 14px;max-width:560px;color:#222;line-height:1.5}
.ayo-pg{display:grid;gap:10px;margin-bottom:16px}.ayo-r{display:grid;gap:10px}.ayo-r.r1{grid-template-columns:5fr 3fr 4fr}.ayo-r.r2{grid-template-columns:repeat(3,1fr)}
.ayo-pn{position:relative;display:block;overflow:hidden;border:3px solid #111;background:#fff;padding:0;cursor:zoom-in;aspect-ratio:1/1;border-radius:3px;box-shadow:3px 3px 0 #111}.ayo-r.r1 .ayo-pn{aspect-ratio:auto;height:clamp(250px,40vw,460px)}.ayo-r.r1 .ayo-pn.tall img{object-fit:contain}.ayo-pn img{width:100%;height:100%;object-fit:cover;display:block}
.ayo-cp{position:absolute;left:6px;top:6px;background:#fff;border:2px solid #111;padding:2px 8px;font-size:11px;font-weight:800;color:#111;border-radius:2px}
.ayo-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.ayo-box{position:relative;overflow:hidden;border:3px solid #111;border-radius:6px 18px 6px 18px;padding:16px;background:#fff;box-shadow:4px 4px 0 #111}.ayo-box h3,.ayo-box h4{margin:0 0 10px;color:#111}.ayo-box h3{font-size:16px}.ayo-box h4{font-family:"Dela Gothic One","Bricolage Grotesque",sans-serif;font-weight:400;font-size:15px;margin:10px 0 4px}
.ayo-dl{margin:0;display:grid;gap:7px}.ayo-dl div{display:grid;grid-template-columns:112px 1fr;gap:8px;font-size:13.5px;line-height:1.35;border-bottom:1px dashed #bbb;padding-bottom:6px}.ayo-dl dt{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#555;padding-top:2px}.ayo-dl dd{margin:0;font-weight:600}
.ayo-st{display:grid;grid-template-columns:92px 1fr 30px;gap:8px;align-items:center;margin:9px 0;font-size:13px;font-weight:700}.ayo-st b{display:block;height:13px;border:2px solid #111;border-radius:7px;background:#fff;overflow:hidden}.ayo-st i{display:block;height:100%;width:var(--v);background:var(--red) var(--pat);background-size:var(--pat-sz)}.ayo-st em{font-style:normal;font-family:var(--mono);font-size:12px;text-align:right}
.ayo-h{font-size:18px;margin:6px 0 12px}.ayo-w{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:10px}.ayo-w .ayo-box{padding:12px}.ayo-w img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 22%;border:2px solid #111;border-radius:3px;display:block}.ayo-w p{margin:0;font-size:13px;line-height:1.45;color:#333}.ayo-ink img{filter:grayscale(1) contrast(1.6) brightness(1.06)!important}.ayo-real img{filter:none!important}
.ayo-hi{width:100%;max-height:78vh;object-fit:contain;display:block;border-radius:8px;background:#fff}
html.ayo-m{--red:#17171c!important;--red-dk:#000!important;--red-soft:#e6e6ec!important;--tint:#f5f5f8!important}
html.ayo-m body{background-color:#fff!important;background-image:radial-gradient(circle,rgba(0,0,0,.11) 0 .9px,transparent 1.25px)!important;background-size:6px 6px!important}
html.ayo-m #page img{filter:grayscale(1) contrast(1.5) brightness(1.06)}
html.ayo-m .ayo-pn::after,html.ayo-m .ayo-ink .ayo-box::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(0,0,0,.3) 0 1px,transparent 1.5px);background-size:4px 4px;mix-blend-mode:multiply;pointer-events:none}
html.ayo-m .ayo-hero{background:#fff repeating-conic-gradient(from 0deg at 88% 40%,rgba(0,0,0,.1) 0 2deg,transparent 2deg 7deg)}
@media(max-width:640px){.ayo-cols,.ayo-w{grid-template-columns:1fr}.ayo-r.r1{grid-template-columns:1fr 1fr}.ayo-r.r1 .ayo-pn{height:280px}.ayo-r.r1 .ayo-pn:last-child{grid-column:1/-1;height:auto;aspect-ratio:1/1}.ayo-dl div{grid-template-columns:100px 1fr}.ayo-cp{font-size:10px;padding:1px 6px}}
.v2{--v2a:var(--red);color:#fff;background:radial-gradient(90% 70% at 100% 30%,color-mix(in srgb,var(--v2a) 38%,transparent),transparent 62%),radial-gradient(70% 50% at 0% 0%,color-mix(in srgb,var(--v2a) 16%,transparent),transparent 60%),#100a11;border-radius:26px;padding:18px;margin-top:6px}
.v2 .linkbtn{color:rgba(255,255,255,.7)}
.v2-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.v2 .vt{background:rgba(255,255,255,.08);border-radius:999px}.v2 .vt button{color:#fff;font-weight:800;font-size:12px}.v2 .vt button[aria-pressed=true]{background:#fff;color:#111}
.v2-hero{display:grid;grid-template-columns:92px minmax(240px,1fr) minmax(280px,1.15fr);gap:16px;align-items:start;margin-bottom:16px}
.v2-thumbs{display:grid;gap:10px}.v2-th{position:relative;padding:0;border:2px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;aspect-ratio:1/1.12;background:#000;cursor:pointer}.v2-th.on{border-color:var(--v2a);box-shadow:0 0 0 2px color-mix(in srgb,var(--v2a) 45%,transparent)}.v2-th img{width:100%;height:100%;object-fit:cover;display:block}
.v2-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);font-weight:800;font-size:20px}
.v2-main{position:relative}.v2-big{display:block;width:100%;padding:0;border:0;border-radius:18px;overflow:hidden;background:#000;aspect-ratio:4/5.2;cursor:zoom-in}.v2-big img{width:100%;height:100%;object-fit:cover;display:block}
.v2-nav{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.v2-nav button{width:40px;height:40px;border-radius:50%;background:rgba(20,14,20,.65);color:#fff;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;backdrop-filter:blur(4px)}
.v2-info{min-width:0}.v2-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.v2-on{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.v2-on i{width:9px;height:9px;border-radius:50%;background:#2fd36b}
.v2-fv{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--v2a);filter:brightness(1.5) saturate(1.2)}.v2-fv svg{width:26px;height:26px}.v2-fv.on svg{fill:currentColor}
.v2 h1{font-family:var(--display);font-size:clamp(32px,4.4vw,48px);line-height:1.05;margin:2px 0 8px;color:#fff;letter-spacing:-.01em}
.v2-loc{display:flex;align-items:center;gap:8px;font-size:18px;color:rgba(255,255,255,.85);margin:0 0 14px}
.v2-tg{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.v2-tg span{background:color-mix(in srgb,var(--v2a) 32%,#fff 8%);border:1px solid color-mix(in srgb,var(--v2a) 60%,transparent);border-radius:999px;padding:7px 16px;font-weight:700;font-size:14px;color:#fff}.v2-tg.b span{padding:8px 18px}
.v2-q{font-size:clamp(17px,2.2vw,22px);line-height:1.35;font-weight:500;margin:0 0 16px;color:#fff}
.v2-au{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 18px 8px 8px;margin-bottom:14px}.v2-au>button{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--v2a);display:grid;place-items:center;flex:none}.v2-au>button svg{width:22px;height:22px}
.v2-wv{flex:1;display:flex;align-items:center;gap:3px;height:40px;overflow:hidden}.v2-wv i{width:3px;border-radius:2px;background:rgba(255,255,255,.35);flex:none}.v2-wv i.on{background:var(--v2a);filter:brightness(1.5)}.v2-au em{font-style:normal;font-family:var(--mono);font-size:13px}
.v2-cp{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:17px}.v2-cp span{color:var(--v2a);filter:brightness(1.5);display:grid}.v2-cp span svg{width:26px;height:26px}.v2-cp small{margin-left:auto;font-size:11px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.06em}
.v2-ac{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v2-ac button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1/1;max-height:116px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:700;font-size:14px;margin:0 auto;width:100%;max-width:116px}.v2-ac button.p{background:var(--v2a);border-color:transparent;box-shadow:0 8px 24px color-mix(in srgb,var(--v2a) 55%,transparent)}.v2-ac button.on{border-color:var(--v2a)}.v2-ac span{display:grid}.v2-ac span svg{width:26px;height:26px}
.v2-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px 22px;margin-bottom:14px}.v2-box h2{font-family:var(--display);font-size:22px;margin:0 0 10px;color:#fff}.v2-box>p{margin:0 0 14px;line-height:1.6;color:rgba(255,255,255,.82);font-size:16px}
.v2-gh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.v2-gh h2{margin:0}.v2-all{color:var(--v2a);filter:brightness(1.6);font-weight:700;font-size:14px}
.v2-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v2-gal button{padding:0;border:0;border-radius:14px;overflow:hidden;aspect-ratio:1/1.25;background:#000;cursor:zoom-in}.v2-gal img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.v2-hero{grid-template-columns:minmax(0,1fr)}.v2-main{order:1}.v2-thumbs{order:2;grid-template-columns:repeat(5,1fr)}.v2-info{order:3}.v2-big{aspect-ratio:4/5}.v2-gal{grid-template-columns:repeat(2,1fr)}.v2{padding:14px;border-radius:20px}.v2-top{flex-wrap:wrap}}
/* ---------- profil « profilev2 » (bêta en cours de travail) : pleine largeur, photo live + chat, galerie par date ---------- */
.pv2{margin:14px -16px 36px;width:calc(100% + 32px)}
@media(min-width:1000px){.pv2{--pv2x:max(0px,calc((100vw - var(--sw) - 935px)/2));margin-left:calc(-16px - var(--pv2x));width:calc(100% + 32px + 2*var(--pv2x))}}
.pv2-bar{display:flex;align-items:center;gap:10px;padding:0 16px;margin-bottom:10px}
.pv2-beta{font-size:11px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 10px}
.pv2-hero{display:grid;grid-template-columns:1fr 2fr;background:linear-gradient(160deg,#2a0810,#170509);overflow:hidden;height:560px}
.pv2-left{display:flex;flex-direction:column;min-width:0;height:100%}
.pv2-shotwrap{position:relative;height:230px;flex:none;background:#000}
.pv2-shot{position:absolute;inset:0;padding:0;border:0;cursor:zoom-in;display:block;width:100%;height:100%}
.pv2-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}
.pv2-noph{display:grid;place-items:center;height:100%;color:rgba(255,255,255,.5);font-size:14px;padding:0 24px;text-align:center}
.pv2-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,2,4,.85) 100%);pointer-events:none}
.pv2-on{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.45);border-radius:999px;padding:5px 12px}
.pv2-on i{width:7px;height:7px;border-radius:50%;background:#2fd36b;box-shadow:0 0 0 0 rgba(47,211,107,.6);animation:pv2p 2s infinite}
@keyframes pv2p{70%{box-shadow:0 0 0 7px rgba(47,211,107,0)}100%{box-shadow:0 0 0 0 rgba(47,211,107,0)}}
.pv2-info{padding:16px 18px 20px;color:#fff;flex:1;min-height:0;overflow:auto}
.pv2-reels{margin-bottom:10px}
.pv2-info h1{font-family:var(--display);font-weight:800;font-size:clamp(19px,2.2vw,24px);margin:0 0 4px;letter-spacing:-.01em;line-height:1.15}
.pv2-handle{margin:0 0 10px;font-size:12px;color:rgba(255,255,255,.6)}
.pv2-bio{margin:0;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.85)}
.pv2-statrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pv2-stat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#ffb4c2;background:rgba(255,255,255,.1);border:0;border-radius:999px;padding:6px 13px;cursor:pointer}
.pv2-stat.on{cursor:default}
.pv2-stat svg{width:14px;height:14px}
.pv2-chat{position:relative;background:#fff;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
.pv2-chat .chat{width:100%;border:0;border-radius:0;flex:1;min-height:0;height:auto;display:flex;flex-direction:column}
.pv2-chat .chat .msgs{padding-top:54px;padding-right:20px;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#d8c3c7 transparent}
.pv2-chat .chat .msgs::-webkit-scrollbar{width:9px}
.pv2-chat .chat .msgs::-webkit-scrollbar-track{background:transparent}
.pv2-chat .chat .msgs::-webkit-scrollbar-thumb{background:#d8a9b1;border-radius:99px;border:2px solid #fff}
.pv2-chatav{position:absolute;top:12px;left:14px;z-index:5}
.pv2-convtab{position:absolute;top:12px;right:14px;z-index:5;display:flex;align-items:center;gap:6px;background:var(--surface2,#f4f1ee);border:1px solid var(--line);border-radius:999px;padding:8px 10px;cursor:pointer;color:var(--ink)}
.pv2-convtab svg{width:16px;height:16px;display:block}
.pv2-badge{background:var(--red);color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:1px 7px;line-height:1.6}
.pv2-conv{position:absolute;top:0;right:0;height:100%;width:270px;max-width:80%;background:#fff;border-left:1px solid var(--line);box-shadow:-8px 0 20px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .22s ease;z-index:6;display:flex;flex-direction:column}
.pv2-conv.on{transform:translateX(0)}
.pv2-convh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);flex:none}
.pv2-conv #pv2convbody{overflow-y:auto;flex:1;min-height:0}
@media(max-width:999px){.pv2-hero{grid-template-columns:1fr;height:auto}.pv2-left{height:auto}.pv2-shotwrap{height:260px}.pv2-chat{height:auto;min-height:480px}.pv2-chat .chat{flex:none;height:min(600px,calc(100dvh - 190px));min-height:420px}}
.pv2-gal{padding:26px 0 36px}
.pv2-hlrow{padding-left:14px}
.pv2-tabsrow{padding:10px 14px 14px;overflow-x:auto}
.pv2-tabsrow .cp-chips{flex-wrap:nowrap}
.pv2-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.pv2-more{grid-column:1/-1;display:flex;justify-content:center;padding:16px 0 4px}
.pv2-feed .tile{aspect-ratio:4/5}
.pv2-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center}
.pv2-play svg{width:15px;height:15px;margin-left:2px}
@media(min-width:700px){.pv2-feed{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1100px){.pv2-feed{grid-template-columns:repeat(7,minmax(0,1fr))}}
/* ---------- Espace coach ---------- */
.cc{padding-block:18px 48px;color:var(--ink)}
.cc *{box-sizing:border-box}
.cc-wrap{display:flex;flex-direction:column;gap:14px;min-width:0}
.cc-narrow{max-width:640px;margin-inline:auto}
.cc-stack{display:flex;flex-direction:column;gap:14px;min-width:0}
.cc-head{display:flex;align-items:center;gap:12px;min-width:0}
.cc-head img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none;border:2px solid var(--red-soft)}
.cc-h1{font-family:var(--display);font-weight:800;font-size:clamp(22px,5.5vw,30px);letter-spacing:-.03em;line-height:1.05;margin:0}
.cc-h1:focus,.cc-h2:focus{outline:none}
.cc-sub{margin:2px 0 0;color:var(--muted);font-size:13.5px}
.cc-h2{font-family:var(--display);font-weight:800;font-size:clamp(20px,4.8vw,24px);letter-spacing:-.02em;line-height:1.15;margin:4px 0 0}
.cc-h3{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.01em;margin:0}
.cc-h4{margin:0}
.cc-title{overflow-wrap:anywhere}
.cc p{margin:0}
.cc-date{color:var(--muted);font-size:13.5px}
.cc-meta{color:var(--muted);font-size:13.5px;overflow-wrap:anywhere}
.cc-em{display:block;color:var(--muted);font-size:12.5px;font-style:normal;margin-top:1px}
.cc-big{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em;line-height:1.1}
.cc-big small{font-family:var(--body);font-weight:500;font-size:13.5px;color:var(--muted);letter-spacing:0}
.cc-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* onglets */
.cc-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 6px;position:sticky;top:var(--top,54px);z-index:5;background:var(--bg);-webkit-overflow-scrolling:touch}
.cc-tabs::-webkit-scrollbar{display:none}
.cc-tabs button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 13px;border-radius:999px;font-weight:700;font-size:13.5px;color:var(--muted);background:var(--surface2);flex:none;min-height:40px}
.cc-tabs button .i{width:17px;height:17px}
.cc-tabs button[aria-current="page"]{background:var(--red);color:#fff}
.cc-tabs button:hover:not([aria-current]){background:var(--line);color:var(--ink)}
@media(min-width:900px){.cc-tabs{position:static;margin-inline:0;padding-inline:0;flex-wrap:wrap}}
/* cartes */
.cc-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:12px;min-width:0}
.cc-card>summary{cursor:pointer}
.cc-fold>summary{font-family:var(--display);font-weight:800;font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px}
.cc-fold>summary::after{content:"+";font-size:22px;color:var(--red);line-height:1}
.cc-fold[open]>summary::after{content:"−"}
.cc-fold>summary::-webkit-details-marker{display:none}
.cc-fold2{border-top:1px dashed var(--line);padding-top:10px}
.cc-fold2>summary{cursor:pointer;font-weight:700;color:var(--red-dk);padding:4px 0}
.cc-fold2[open]>summary{margin-bottom:8px}
.cc-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cc-row2{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}
.cc-row2 small{display:block;color:var(--muted);font-size:12.5px;margin-top:1px}
.cc .btn{min-height:44px}
.cc .btn[disabled]{opacity:.5;cursor:not-allowed}
.cc .btn.danger{background:#b3261e}
.cc .btn.danger:hover{background:#8f1d17}
.cc-back{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--muted);min-height:44px;align-self:flex-start}
.cc-back .i{width:18px;height:18px}
.cc-link{color:var(--red-dk);font-weight:700;text-align:left;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--red) 35%,transparent);min-height:28px;overflow-wrap:anywhere}
.cc-link:hover{text-decoration-color:var(--red)}
.cc-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.cc-list li{overflow-wrap:anywhere}
ol.cc-list{padding-left:22px}
.cc-note{color:var(--muted);font-size:13.5px;line-height:1.45}
.cc-note.warn{color:var(--ink);background:var(--tint);border:1px solid var(--red-soft);border-radius:12px;padding:10px 12px}
.cc-error{color:var(--red-dk);font-size:13.5px;font-weight:600;min-height:0}
.cc-error:empty{display:none}
.cc-ok{display:flex;gap:8px;align-items:center;color:var(--ok);font-weight:700}
.cc-ok .i{width:20px;height:20px}
.cc-callout{display:flex;gap:12px;border:1px solid var(--red-soft);background:var(--tint);border-radius:16px;padding:14px;align-items:flex-start}
.cc-callout>.i{width:22px;height:22px;color:var(--red);margin-top:1px}
.cc-callout>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.cc-callout p{font-size:14px}
.cc-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;background:var(--surface2);color:var(--ink)}
.cc-badge.ok{background:color-mix(in srgb,var(--ok) 16%,var(--surface));color:var(--ok)}
.cc-badge.warn{background:var(--red-soft);color:var(--red-dk)}
.cc-tags{display:flex;gap:6px;flex-wrap:wrap}
.cc-sp{flex:1}
.cc-empty,.cc-empty-s{border:1px dashed var(--line);border-radius:16px;padding:22px;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:8px;align-items:center}
.cc-empty-s{padding:16px;font-size:13.5px}
.cc-empty b{color:var(--ink)}
.cc-load{display:flex;align-items:center;gap:10px;padding:26px 8px;color:var(--muted);justify-content:center}
.cc-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--red);animation:ccsp .8s linear infinite}
@keyframes ccsp{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.cc-spin{animation-duration:2.4s}}
.cc-err{border:1px solid var(--red-soft);background:var(--tint);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
/* passerelle, consentement */
.cc-gate{max-width:560px;margin:30px auto;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}
.cc-gate img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:3px solid var(--red-soft)}
.cc-gate p{color:var(--muted)}
.cc-gate .cc-row{justify-content:center}
/* page de vente visiteur de l'espace coach */
.nv{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:56px;padding-bottom:20px}
.nv h1{font-family:var(--display);font-weight:800;font-size:clamp(32px,5.4vw,56px);letter-spacing:-.035em;line-height:1.02;margin:0}
.nv h2{font-family:var(--display);font-weight:800;font-size:clamp(24px,3.6vw,36px);letter-spacing:-.025em;line-height:1.1;margin:0 0 14px;max-width:22ch}
.nv h3{font-size:17px;margin:0 0 6px;line-height:1.25}
.nv-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center;padding-top:10px}
.nv-pill{display:inline-block;background:var(--red-soft);color:var(--red-dk);font-weight:700;font-size:13.5px;border-radius:999px;padding:6px 14px;margin:0 0 18px!important}
.nv-lead{font-size:18px;line-height:1.55;color:var(--muted);margin:18px 0 24px!important;max-width:52ch}
.nv-cta{display:flex;gap:10px;flex-wrap:wrap}
.nv-cta.mid,.nv-cta.fin{justify-content:center;margin-top:26px}
.nv-ticks{list-style:none;margin:20px 0 0;padding:0;display:flex;gap:8px 18px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.nv-ticks li::before{content:"✓";color:var(--ok);font-weight:800;margin-right:6px}
.nv-ph{position:relative;aspect-ratio:1/1.1;min-width:0}
.nv-ph img{position:absolute;object-fit:cover;object-position:50% 20%;border-radius:22px;box-shadow:0 24px 50px -22px #180b0e66;background:var(--surface2)}
.nv-ph .a{left:6%;top:0;width:62%;height:82%}
.nv-ph .b{right:0;top:12%;width:36%;height:38%;border:4px solid #fff}
.nv-ph .c{right:6%;bottom:0;width:42%;height:40%;border:4px solid #fff}
.nv-num{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:var(--ink);color:#fff;border-radius:22px;padding:24px}
.nv-num div{display:flex;flex-direction:column;gap:2px;text-align:center}
.nv-num b{font-family:var(--display);font-size:clamp(28px,4.6vw,44px);line-height:1;letter-spacing:-.03em}
.nv-num span{font-size:13.5px;color:#ffffffb8}
.nv-sub{color:var(--muted);margin:-4px 0 6px!important;max-width:60ch}
.nv-pains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.nv-pains article{border-left:4px solid var(--red);background:var(--surface);border-radius:0 16px 16px 0;padding:16px 18px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.nv-pains p,.nv-feats p,.nv-steps p{color:var(--muted);line-height:1.55;font-size:15px}
.nv-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.nv-feats article{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--surface)}
.nv-feats i{display:inline-flex;width:40px;height:40px;border-radius:12px;background:var(--red-soft);color:var(--red-dk);align-items:center;justify-content:center;margin-bottom:10px}
.nv-feats i svg{width:20px;height:20px}
.nv-tint{background:var(--surface2);border-radius:26px;padding:34px clamp(18px,4vw,40px)}
.nv-steps{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.nv-steps li{display:flex;gap:14px;align-items:flex-start}
.nv-steps i{flex:none;width:36px;height:36px;border-radius:50%;background:var(--red);color:#fff;font-style:normal;font-weight:800;display:flex;align-items:center;justify-content:center}
.nv-more{text-align:center;margin-top:16px!important}
.nv-meet{display:flex;gap:22px;align-items:center}
.nv-meet img{flex:none;width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:4px solid var(--red-soft)}
.nv-meet p{color:var(--muted);line-height:1.6;max-width:62ch}
.nv-final{text-align:center;background:linear-gradient(135deg,#c2185b,#6a1b9a);color:#fff;border-radius:28px;padding:44px 22px;display:flex;flex-direction:column;align-items:center}
.nv-final h2{color:#fff;max-width:24ch}
.nv-final p{color:#ffffffd9}
.nv-final .btn.big:not(.gh){background:#fff;color:var(--ink)}
.nv-final .btn.big.gh{background:#ffffff26;color:#fff;border:1px solid #ffffff66}
.nv-login{margin-top:16px!important;font-size:14px}.nv-login .linkbtn{color:#fff;text-decoration:underline}
.nv-legal{font-size:12.5px;color:var(--muted);text-align:center;max-width:70ch;margin:0 auto!important}
@media(max-width:820px){.nv{gap:40px}.nv-hero{grid-template-columns:1fr}.nv-ph{max-width:420px;margin:0 auto;width:100%}.nv-num{grid-template-columns:repeat(2,1fr)}.nv-pains,.nv-steps{grid-template-columns:1fr}.nv-feats{grid-template-columns:1fr 1fr}.nv-meet{flex-direction:column;text-align:center}.nv .nc-ex,.nv .nc-plans{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.nv-feats,.nv .nc-ex,.nv .nc-plans{grid-template-columns:1fr}.nv-cta .btn{width:100%}}
.cc-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;line-height:1.4;font-size:14.5px}
.cc-check input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--red)}
.cc-checks{display:flex;flex-direction:column;gap:12px}
/* formulaires */
.cc-fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.cc-lbl{font-weight:700;font-size:14px}
.cc-hint{color:var(--muted);font-size:12.5px;line-height:1.4}
.cc input[type=text],.cc input[type=search],.cc input[type=date],.cc input[type=time],.cc select,.cc textarea{font:inherit;font-size:16px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface);color:var(--ink);width:100%;min-width:0;min-height:44px}
.cc textarea{min-height:76px;resize:vertical}
.cc input[type=range]{width:100%;accent-color:var(--red);min-height:32px}
.cc-sec{display:flex;flex-direction:column;gap:16px}
.cc-fs{border:1px solid var(--line);border-radius:14px;padding:14px;margin:0;min-width:0}
.cc-fs legend{font-weight:800;padding-inline:6px}
.cc-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cc-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:420px){.cc-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cc-form{display:flex;flex-direction:column;gap:14px}
.cc-chips{display:flex;flex-wrap:wrap;gap:8px}
.cc-chip{border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:600;font-size:14px;background:var(--surface);min-height:40px;text-align:left}
.cc-chip:hover{border-color:var(--red)}
.cc-chip[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
.cc-prog,.cc-meter{height:8px;border-radius:99px;background:var(--surface2);overflow:hidden}
.cc-prog i,.cc-meter i{display:block;height:100%;background:var(--red);border-radius:99px;transition:width .3s;width:0}
.cc-seg{display:inline-flex;background:var(--surface2);border-radius:999px;padding:3px;max-width:100%;align-self:flex-start}
.cc-seg button{padding:8px 14px;border-radius:999px;font-weight:700;font-size:13.5px;color:var(--muted);min-height:36px}
.cc-seg button[aria-pressed="true"]{background:var(--surface);color:var(--red);box-shadow:0 1px 3px #0002}
/* nina */
.cc-nina{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--red-soft);background:var(--tint);border-radius:18px;padding:16px}
.cc-nina img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none;border:2px solid #fff}
.cc-nina>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}
.cc-nina p{font-size:15px;line-height:1.45}
/* programmes */
.cc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.cc-pcard{display:flex;flex-direction:column;gap:7px;text-align:left;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface);min-width:0;width:100%;transition:border-color .15s,transform .15s}
.cc-pcard:hover{border-color:var(--red)}
@media(hover:hover){.cc-pcard:hover{transform:translateY(-2px)}}
.cc-pcard.locked{background:var(--tint)}
.cc-pt{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.05em}
.cc-pt .i{width:16px;height:16px}
.cc-plan{display:inline-flex;gap:4px;align-items:center;border-radius:999px;background:var(--surface2);color:var(--ink);padding:3px 9px;font-size:11.5px;text-transform:none;letter-spacing:0}
.cc-plan.lk{background:var(--red-soft);color:var(--red-dk)}
.cc-plan .i{width:13px;height:13px}
.cc-ptitle{font-family:var(--display);font-size:17px;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}
.cc-psum{color:var(--muted);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-pmeta{font-size:12.5px;color:var(--muted)}
.cc-why{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--ink)}
.cc-why span{display:flex;gap:6px;align-items:center}
.cc-why .i{width:14px;height:14px;color:var(--ok)}
.cc-filters{display:flex;flex-direction:column;gap:10px}
.cc-selects{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.cc-sel{display:block;min-width:0}
.cc-reco{display:flex;flex-direction:column;gap:12px}
.cc-lock{display:flex;gap:12px;align-items:flex-start;border:1px dashed var(--red);border-radius:16px;padding:16px;background:var(--tint)}
.cc-lock>.i{width:26px;height:26px;color:var(--red);flex:none}
.cc-lock>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.cc-days{display:flex;flex-direction:column;gap:8px}
.cc-day{border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.cc-day>summary{cursor:pointer;display:flex;flex-direction:column;gap:2px}
.cc-block{margin-top:12px}
.cc-block h4{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--red)}
.cc-ex{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cc-ex li{overflow-wrap:anywhere}
.cc-weekl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cc-prog-l{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
/* semaine, repas */
.cc-week{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cc-week li{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:12px;padding:7px 2px;background:var(--surface2);font-size:12px}
.cc-week li.plan{background:var(--tint)}
.cc-week li.on{background:var(--red);color:#fff}
.cc-week li.today{outline:2px solid var(--ink);outline-offset:1px}
.cc-week li span{height:18px;display:flex;align-items:center;font-size:18px;line-height:1}
.cc-week li .i{width:16px;height:16px;stroke-width:3}
.cc-meals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cc-meals li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:8px}
.cc-meals li span{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.cc-meals li em{font-style:normal;color:var(--muted);font-size:13px;white-space:nowrap}
.cc-macros{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cc-macros div{background:var(--surface2);border-radius:12px;padding:10px;text-align:center;display:flex;flex-direction:column}
.cc-macros b{font-family:var(--display);font-size:20px}
.cc-macros span{font-size:12px;color:var(--muted)}
.cc-daysel{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.cc-daysel button{padding:9px 0;border-radius:12px;font-weight:700;font-size:12.5px;background:var(--surface2);min-height:44px}
.cc-daysel button[aria-pressed="true"]{background:var(--red);color:#fff}
.cc-slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cc-slot{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px}
.cc-slot.none{background:var(--tint)}
.cc-slot-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.cc-rt{font-size:16px}
.cc-total{padding-top:4px}
.cc-stepper{display:flex;align-items:center;gap:12px}
.cc-stepper output{font-family:var(--display);font-weight:800;font-size:20px;min-width:70px;text-align:center}
.cc-ing li b{font-weight:700}
.cc-shop{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cc-shop li{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);min-height:44px}
.cc-shop input{width:22px;height:22px;accent-color:var(--red);flex:none}
.cc-shop label{display:flex;justify-content:space-between;gap:10px;flex:1;min-width:0;cursor:pointer;padding:8px 0}
.cc-shop label em{font-style:normal;color:var(--muted);white-space:nowrap}
.cc-shop input:checked+label span{text-decoration:line-through;color:var(--muted)}
/* séance */
.cc-runtop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.cc-phase{display:flex;gap:8px;align-items:center;margin-top:4px;font-weight:700}
.cc-set{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}
.cc-set input{min-height:44px;text-align:center}
.cc-set.done b{color:var(--ok)}
.cc-set .btn{padding-inline:12px}
@media(max-width:380px){.cc-set{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}.cc-set .btn{grid-column:1/-1}}
.cc-rest{border:2px solid var(--red);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;background:var(--tint)}
.cc-rest output{font-family:var(--display);font-weight:800;font-size:44px;line-height:1}
.cc-rest .cc-meter{width:100%}
.cc-nav{justify-content:space-between}
.cc-nav .btn{flex:1}
.cc-sound{font-size:13px;color:var(--muted)}
.cc-celebrate{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:10px 0}
.cc-ring{width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--ok) 15%,var(--surface));color:var(--ok);display:flex;align-items:center;justify-content:center}
.cc-ring .i{width:36px;height:36px;stroke-width:2.6}
/* suivi */
.cc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media(max-width:560px){.cc-stats{grid-template-columns:repeat(2,1fr)}}
.cc-stats div{background:var(--surface2);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px}
.cc-stats b{font-family:var(--display);font-size:20px}
.cc-stats span{font-size:12px;color:var(--muted)}
.cc-svg{width:100%;height:auto;display:block;overflow:visible}
.cc-grid{stroke:var(--line);stroke-width:1}
.cc-ax{fill:var(--muted);font-size:11px;font-family:var(--body)}
.cc-tgt{stroke:var(--muted);stroke-dasharray:5 4;stroke-width:1.5}
.cc-ma{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.cc-raw{fill:none;stroke-width:1.2;opacity:.4}
.cc-pt{stroke:var(--surface);stroke-width:1.5}
.cc-s0{stroke:var(--red)}.cc-pt.cc-s0{fill:var(--red)}
.cc-s1{stroke:var(--ink);stroke-dasharray:7 5}.cc-pt.cc-s1{fill:var(--ink);stroke-dasharray:none}
.cc-ma.cc-s1{stroke-dasharray:7 5}
.cc-legend{list-style:none;margin:0;padding:0;display:flex;gap:16px;font-size:13px}
.cc-legend li{display:flex;gap:6px;align-items:center}
.cc-key{width:22px;height:0;border-top:3px solid var(--red);display:inline-block}
.cc-key.cc-s1{border-top:3px dashed var(--ink)}
.cc-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cc-hist li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--line)}
.cc-hist .cc-meta{grid-column:1}
.cc-hist .cc-link{grid-row:1/3;grid-column:2;align-self:center}
/* photos */
.cc-up{display:none}
.cc-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.cc-ph{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}
.cc-ph img,.cc-cmp img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:var(--surface2)}
.cc-ph figcaption{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}
.cc-del{display:inline-flex;gap:4px;align-items:center;font-size:12.5px;min-height:32px}
.cc-del .i{width:15px;height:15px}
.cc-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cc-cmp figure{margin:0;display:flex;flex-direction:column;gap:6px}
.cc-cmp figcaption{font-size:13px;font-weight:700;text-align:center}
.cc-confirm{border:1px solid var(--red-soft);background:var(--tint);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}
.cc-confirm p{font-size:13.5px}
.cc-priv .i{width:22px;height:22px}
.cc .sw{position:relative;width:46px;height:28px;flex:none;display:inline-block}
.cc .sw input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;min-height:0}
.cc .sw i{position:absolute;inset:0;border-radius:999px;background:var(--line);transition:.2s;pointer-events:none}
.cc .sw i::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}
.cc .sw input:checked+i{background:var(--red)}
.cc .sw input:checked+i::after{transform:translateX(18px)}
.cc .sw input:focus-visible+i{outline:2px solid var(--ink);outline-offset:2px}
.cc-xlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.cc-xitem{display:flex;flex-direction:column;gap:2px;text-align:left;width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:var(--surface);min-height:56px}
.cc-xitem:hover{border-color:var(--red)}
.cc-xitem b{overflow-wrap:anywhere}
@media(min-width:900px){.cc-wrap>.cc-main,.cc-main{min-width:0}}
/* Nina coach : page publique et fiche */
.nc .sl-lead{max-width:62ch}
.nc-traits{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:18px 0 0;padding:0}
.nc-traits li{background:var(--red-soft);color:var(--red-dk);border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px}
.nc-feats{grid-template-columns:repeat(3,minmax(0,1fr))}
.nc-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.nc-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.nc-steps li{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px}
.nc-steps i{font-style:normal;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800}
.nc-steps h3,.nc-excard h3,.nc-plan h3{margin:0;font-family:var(--display);font-size:20px;line-height:1.15;overflow-wrap:anywhere}
.nc-steps p,.nc-excard p{margin:0;color:var(--muted);font-size:14.5px}
.nc-ex{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.nc-excard{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:8px;min-width:0}
.nc-excard small{margin-top:auto;font-weight:700;color:var(--red-dk);font-size:12.5px}
.nc-tag{align-self:flex-start;background:var(--red-soft);color:var(--red-dk);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}
.nc-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.nc-plan{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--surface);min-width:0}
.nc-plan.cur{border-color:var(--red);box-shadow:0 0 0 2px var(--red-soft)}
.nc-plan em{font-style:normal;font-size:11px;font-weight:800;background:var(--red);color:#fff;border-radius:999px;padding:2px 8px;vertical-align:middle}
.nc-big{font-family:var(--display);font-size:34px;font-weight:800;margin:6px 0;color:var(--red)}
.nc-big small{font-size:14px;color:var(--muted);font-weight:600}
.nc-plan ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px}
.nc-note{color:var(--muted);font-size:13.5px;margin-top:14px}
.nc-health{margin:22px 0 0;padding:14px 16px;border-radius:14px;background:var(--tint);border:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.nc .faqbox{margin-top:20px}
/* fiche */
.nc-prof{margin-top:16px;border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--tint);min-width:0}
.nc-prof small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.nc-h{margin:4px 0 6px;font-family:var(--display);font-size:26px;letter-spacing:-.01em;line-height:1.1}
.nc-sub{margin:0;color:var(--muted)}
.nc-plan-line{margin:12px 0 0;font-size:14px}
.nc-more{margin-top:14px}
.nc-more summary{cursor:pointer;font-weight:700;color:var(--red-dk)}
.nc-more h3{font-family:var(--display);font-size:18px;margin:20px 0 4px}
.nc-mini{padding-left:20px;margin:6px 0;font-size:14.5px;color:var(--muted)}
.nc-prof .nc-ex,.nc-prof .nc-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:980px){.nc-ex,.nc-plans,.nc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.nc-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.nc-ex,.nc-plans,.nc-steps,.nc-feats,.nc-prof .nc-ex,.nc-prof .nc-plans{grid-template-columns:minmax(0,1fr)}.nc-cta .btn{flex:1 1 100%}}
.cm-l{list-style:none;margin:10px 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.cm-i{background:var(--card,#fff);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px 12px}.cm-i p{margin:6px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.cm-t{width:100%;box-sizing:border-box;border-radius:10px;padding:8px;font:inherit;border:1px solid rgba(0,0,0,.18)}
.b.hlite{animation:hliteFl 2.5s ease}@keyframes hliteFl{0%,100%{box-shadow:none}20%{box-shadow:0 0 0 3px rgba(255,92,168,.55)}}
.cr-mas{column-width:200px;column-gap:4px;width:100%;margin-top:12px}.cr-mas>*{display:block;width:100%;height:auto;margin:0 0 4px;border-radius:6px;break-inside:avoid}.cr-mas audio{height:40px}
.cqx{display:flex;flex-wrap:wrap;gap:6px 8px;justify-content:center;opacity:1}.qx{font-size:12px;background:rgba(0,0,0,.06);border-radius:999px;padding:3px 10px}.qx b{font-weight:700}.qx.bad{background:#fde4e6;color:#b4232d}.qx-h{flex-basis:100%;font-size:11.5px;opacity:.75}.qx-h b{opacity:1}
.emo-b{border:0;background:none;font-size:22px;line-height:1;padding:0 6px;cursor:pointer}.emo-p{position:absolute;left:8px;right:8px;bottom:64px;max-width:380px;background:#fff;color:#111;border:1px solid rgba(0,0,0,.12);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:8px;z-index:30}.emo-t{display:flex;gap:2px;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:6px;margin-bottom:6px}.emo-t button{border:0;background:none;font-size:20px;padding:4px 8px;border-radius:8px;cursor:pointer}.emo-t button[aria-pressed=true]{background:rgba(0,0,0,.08)}.emo-g{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:210px;overflow:auto}.emo-g button{border:0;background:none;font-size:25px;line-height:1.3;border-radius:8px;cursor:pointer}.emo-g button:hover{background:rgba(0,0,0,.07)}.chat{position:relative}
.cr-load{display:flex;align-items:center;gap:6px;margin:14px 0 8px;font-size:13px;opacity:.8}.cr-load i{width:9px;height:9px;border-radius:50%;background:#d62f3a;animation:crb 1s infinite ease-in-out}.cr-load i:nth-child(2){animation-delay:.15s}.cr-load i:nth-child(3){animation-delay:.3s}.cr-load span{margin-left:6px}@keyframes crb{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.cr-s{break-inside:avoid;margin:0 0 4px;border-radius:6px;background:linear-gradient(100deg,#eee 30%,#f7f7f7 50%,#eee 70%);background-size:200% 100%;animation:crs 1.2s infinite linear}@keyframes crs{to{background-position:-200% 0}}.cr-mas img{opacity:0;transition:opacity .35s;background:#eee;min-height:80px}.cr-mas img.ok{opacity:1;min-height:0}.cr-pg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin-top:14px}.cr-pg .btn{padding:6px 12px}
.cr-it{position:relative;break-inside:avoid;margin:0 0 4px;cursor:zoom-in}.cr-it video{pointer-events:none;display:block;width:100%;height:auto;border-radius:6px}.cr-pl{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;padding-left:3px}.cr-z{cursor:zoom-in}.cr-lb{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center}.cr-m{max-width:94vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.cr-m img,.cr-m video{max-width:94vw;max-height:88vh;border-radius:8px;object-fit:contain}.cr-x,.cr-n{position:absolute;border:0;background:rgba(255,255,255,.16);color:#fff;width:46px;height:46px;border-radius:50%;font-size:24px;cursor:pointer;z-index:2}.cr-x{top:14px;right:14px;font-size:18px}.cr-n{top:50%;transform:translateY(-50%)}.cr-n.p{left:14px}.cr-n.n{right:14px}.cr-c{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#fff;opacity:.75;font-size:13px}
.vo-b{border:0;background:none;font-size:20px;line-height:1;padding:0 6px;cursor:pointer;opacity:.55;border-radius:50%}.vo-b[aria-pressed=true]{opacity:1;background:rgba(214,47,58,.18)}
.sexy-b{border:0;background:none;font-size:20px;line-height:1;padding:0 6px;cursor:pointer;opacity:.55;border-radius:50%}.sexy-b.on{opacity:1;background:rgba(214,47,58,.18)}
@media(min-width:760px){.me-tabs{flex-wrap:wrap;overflow:visible;position:static}.me-tabs button,.me-tabs a{flex:0 0 auto}}@media(max-width:759px){.me-tabs{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:28px}}