/* Styles de uplife.pro v0.0.1 — repris de la maquette (docs/maquette.html), polices hébergées sur le serveur. */
@font-face{font-family:"Fraunces";src:url("fonts/fraunces.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/plus-jakarta-sans.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
:root{--bg:#FBF4FA;--bg2:#F4E8F2;--card:#FFFFFF;--surface2:#FDF8FC;--ink:#2E2433;--muted:#86778A;--line:#F1E3EE;
--brand:#F25C5C;--brand-soft:#FDE7E7;--lilac:#C47FBF;--plum:#8E4A89;--plum-soft:#F4E6F3;--ok:#4F8F70;--ok-soft:#E7F3EC;--warn:#C4783F;--warn-soft:#FCEDE4;
--shadow:0 10px 30px -12px rgba(142,74,137,.18),0 2px 6px -2px rgba(142,74,137,.06);--display:"Fraunces",Georgia,serif;--body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--r:22px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1E1620;--bg2:#2A1F2B;--card:#261C28;--surface2:#2E2330;--ink:#F7EEF6;--muted:#BCA9BD;--line:#3D2E3F;--brand:#FF7A72;--brand-soft:#3D2326;--lilac:#D9A2D4;--plum:#B86FB2;--plum-soft:#382738;--ok:#86C2A4;--ok-soft:#22332B;--warn:#EDAE85;--warn-soft:#3A2A22;--shadow:0 10px 30px -14px rgba(0,0,0,.6);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#1E1620;--bg2:#2A1F2B;--card:#261C28;--surface2:#2E2330;--ink:#F7EEF6;--muted:#BCA9BD;--line:#3D2E3F;--brand:#FF7A72;--brand-soft:#3D2326;--lilac:#D9A2D4;--plum:#B86FB2;--plum-soft:#382738;--ok:#86C2A4;--ok-soft:#22332B;--warn:#EDAE85;--warn-soft:#3A2A22;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
button{font:inherit;cursor:pointer;color:inherit}input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--lilac);outline-offset:2px;border-radius:10px}
.blobs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;animation:float 18s ease-in-out infinite}.b1{width:420px;height:420px;background:var(--plum-soft);top:-120px;right:-80px}.b2{width:360px;height:360px;background:var(--brand-soft);bottom:-140px;left:10%;animation-delay:-6s}.b3{width:260px;height:260px;background:var(--plum-soft);top:40%;left:-120px;animation-delay:-11s}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-25px) scale(1.08)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.app{position:relative;z-index:1;display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;padding:22px 16px;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--card) 70%,transparent);backdrop-filter:blur(14px);border-right:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:10px;padding:0 6px 16px}.logo img{width:42px;height:42px;animation:beat 3.2s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}8%{transform:scale(1.08)}16%{transform:scale(1)}24%{transform:scale(1.05)}32%{transform:scale(1)}}
.word{font-weight:800;font-size:24px;letter-spacing:-.03em;line-height:1}.word .u{color:var(--brand)}.word .l{color:var(--lilac)}.tag{font-size:11px;color:var(--lilac);font-style:italic;margin-top:3px}.ver{font-size:10.5px;font-weight:700;color:var(--brand);background:var(--brand-soft);padding:2px 8px;border-radius:99px;margin-left:4px;vertical-align:3px}
.nav{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;border:0;background:none;text-align:left;font-weight:600;color:var(--muted);transition:background .25s,color .25s,transform .25s}.nav:hover{background:var(--plum-soft);color:var(--ink);transform:translateX(3px)}.nav.on{background:linear-gradient(90deg,var(--brand-soft),var(--plum-soft));color:var(--brand)}.nav svg{width:20px;height:20px;flex:none}
.side .sp{flex:1}.who{display:flex;gap:10px;align-items:center;padding:12px;border-radius:18px;border:0;background:var(--plum-soft);text-align:left}.who b{display:block;font-size:13.5px}.who span{font-size:12px;color:var(--muted)}
main{padding:20px clamp(16px,3vw,40px) 96px;max-width:1120px;width:100%;position:relative}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.switch{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px;box-shadow:var(--shadow)}.switch button{border:0;background:none;padding:9px 16px;border-radius:999px;font-weight:700;font-size:13.5px;color:var(--muted);transition:color .3s}.switch button.on{background:linear-gradient(120deg,var(--brand),var(--lilac));color:#fff}
h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0;text-wrap:balance}h1{font-size:clamp(28px,4vw,40px)}h2{font-size:20px}.sub{color:var(--muted);margin:4px 0 0;font-size:14px}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);min-width:0;animation:up .5s cubic-bezier(.2,.8,.2,1) backwards}.card+.card{margin-top:18px}.grid>.card+.card{margin-top:0}.card+.grid,.grid+.card{margin-top:18px}
@keyframes up{from{opacity:0;transform:translateY(12px)}}
.ch{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.kpi b{display:block;font-family:var(--display);font-size:32px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.kpi span{color:var(--muted);font-size:13px}
.row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.list .row:first-child{border-top:0;padding-top:4px}.row .g{flex:1;min-width:0}.row b{font-weight:700;font-size:14.5px}.meta{color:var(--muted);font-size:12.5px}
.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--lilac));flex:none}.av.lg{width:58px;height:58px;font-size:18px}
.btn{border:1px solid transparent;border-radius:999px;padding:11px 18px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:transform .25s,filter .25s}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn:active{transform:scale(.97)}
.btn.p{background:var(--brand);color:#fff;box-shadow:0 8px 20px -8px var(--brand)}.btn.l{background:var(--card);border-color:var(--line)}.btn.s{padding:7px 13px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.link{border:0;background:none;color:var(--brand);font-weight:700;padding:0}
.chip{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:4px 11px;border-radius:99px;background:var(--bg2);color:var(--muted);white-space:nowrap}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.br{background:var(--brand-soft);color:var(--brand)}.chip.pl{background:var(--plum-soft);color:var(--plum)}
.tabs{display:flex;gap:6px;margin:4px 0 16px;overflow-x:auto;padding:5px;background:var(--card);border:1px solid var(--line);border-radius:999px;width:max-content;max-width:100%}.tabs button{border:0;background:none;padding:8px 16px;font-weight:700;color:var(--muted);border-radius:999px;white-space:nowrap}.tabs button.on{background:var(--plum-soft);color:var(--plum)}
.steps{display:flex;margin:10px 0 2px}.steps span{flex:1;text-align:center;font-size:12px;font-weight:700;padding:9px 4px 9px 16px;background:var(--bg2);color:var(--muted);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);margin-right:-8px}.steps span:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);padding-left:8px;border-radius:10px 0 0 10px}.steps span:last-child{margin-right:0}.steps span.ok{background:var(--ok-soft);color:var(--ok)}.steps span.cur{background:linear-gradient(120deg,var(--brand),var(--lilac));color:#fff}
.bars{display:flex;align-items:flex-end;gap:12px;height:140px;margin:12px 0 4px}.bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;font-size:12px;font-weight:700}.bars i{width:100%;max-width:36px;background:linear-gradient(180deg,var(--brand),var(--lilac));border-radius:10px 10px 4px 4px;display:block}.bars small{color:var(--muted);font-weight:500}
.pair{display:flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums;font-weight:700}
.scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;max-width:480px}.scale button{height:42px;padding:0;border-radius:14px;border:1px solid var(--line);background:var(--surface2);font-weight:700;transition:transform .2s}.scale button:hover{transform:translateY(-2px)}.scale button.on{background:linear-gradient(135deg,var(--brand),var(--lilac));border-color:transparent;color:#fff}
.check{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--surface2);border:1px solid var(--line);margin-top:8px}.check input{width:20px;height:20px;accent-color:var(--brand)}.check.done span{text-decoration:line-through;text-decoration-color:var(--brand);color:var(--muted)}
.note{display:flex;gap:10px;background:var(--plum-soft);border-radius:14px;padding:11px 14px;font-size:13px;color:var(--plum);font-weight:600}
.empty{text-align:center;color:var(--muted);padding:24px 8px}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;padding:8px 6px;border-bottom:1px solid var(--line)}td{padding:11px 6px;border-bottom:1px solid var(--line)}td.n{text-align:right;font-variant-numeric:tabular-nums}
.f{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}.in{border:1px solid var(--line);border-radius:14px;padding:11px 14px;background:var(--surface2);font-weight:500;width:100%;color:var(--ink)}.in:focus{outline:none;border-color:var(--lilac);box-shadow:0 0 0 4px var(--plum-soft)}
.ck{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}.ck input{margin-top:3px;width:16px;height:16px;accent-color:var(--brand);flex:none}
.scrim{position:fixed;inset:0;background:rgba(46,36,51,.42);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;z-index:50}.modal{background:var(--card);border-radius:26px;padding:24px;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);animation:up .35s cubic-bezier(.2,.8,.2,1)}.mh{display:flex;justify-content:space-between;align-items:center}.x{border:1px solid var(--line);background:var(--card);width:36px;height:36px;border-radius:50%;flex:none}
.err{color:var(--brand);font-weight:700;font-size:13.5px;margin:0}.err:empty{display:none}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:var(--card);padding:12px 20px;border-radius:999px;font-weight:600;z-index:60;max-width:calc(100% - 32px);box-shadow:var(--shadow)}
.mnav{display:none}.cg{grid-template-columns:minmax(0,290px) minmax(0,1fr);align-items:start}
.pick{width:100%;border:0;border-top:1px solid var(--line);background:none;text-align:left;border-radius:14px;padding:10px}.list .pick:first-child{border-top:0}.pick.on{background:linear-gradient(90deg,var(--brand-soft),var(--plum-soft))}.pick:hover{background:var(--plum-soft)}
.dot{width:9px;height:9px;border-radius:50%;background:var(--brand);flex:none}
.bar{height:9px;border-radius:9px;background:var(--bg2);margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#F6A5A0);border-radius:9px}
.banner{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);background:linear-gradient(120deg,var(--brand-soft),var(--plum-soft));color:var(--plum);border-radius:18px;padding:12px 16px;margin-bottom:18px;font-size:13.5px;text-align:left;font-weight:600}.banner b{font-weight:800;color:var(--ink)}
.thread{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto;padding:4px 0}.bub{max-width:80%;background:var(--surface2);border:1px solid var(--line);border-radius:18px 18px 18px 6px;padding:10px 14px;align-self:flex-start;font-size:14px}.bub.me{align-self:flex-end;background:var(--plum-soft);border-color:transparent;border-radius:18px 18px 6px 18px}.bub small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.send{display:flex;gap:8px;margin-top:12px}.num{max-width:110px}.show-m{display:none}
.plan{display:flex;flex-direction:column;gap:10px}.plan.cur{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft),var(--shadow)}.plan .price{font-family:var(--display);font-size:30px;font-weight:700}.plan .price small{font-family:var(--body);font-size:13px;color:var(--muted);font-weight:500;margin-left:4px}
.feat{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}.feat .big{font-family:var(--display);font-size:26px;font-weight:700;min-width:28px;font-variant-numeric:tabular-nums;color:var(--plum)}.feat>span:nth-child(2){flex:1}
.stp{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.stp button{border:0;background:var(--card);width:38px;height:36px;font-size:18px;font-weight:700}.stp button+button{border-left:1px solid var(--line)}.stp button:hover{background:var(--plum-soft)}.stp button:disabled{opacity:.35;cursor:not-allowed}
@media (max-width:820px){.app{grid-template-columns:minmax(0,1fr)}.side{display:none}main{padding:16px 16px 100px}.g2,.cg,.plans{grid-template-columns:minmax(0,1fr)}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi b{font-size:22px}.kpi span{font-size:12px}.card.kpi{padding:14px}.show-m{display:inline}.hide-m{display:none}
.mnav{display:flex;position:fixed;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:40}.mnav button{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:700;color:var(--muted);padding:6px 0;border-radius:12px}.mnav button.on{color:var(--brand);background:var(--brand-soft)}.mnav svg{width:20px;height:20px}
.steps span{font-size:0;padding:9px 2px 9px 12px}.steps span.cur{font-size:11px;flex:3}.mlogo{display:flex}}
.mlogo{display:none;align-items:center;gap:8px;margin-bottom:12px}.mlogo img{width:34px;height:34px}
@media (max-width:820px){.mlogo{display:flex}}
.tg{width:46px;height:26px;border-radius:99px;border:0;background:var(--bg2);position:relative;flex:none;transition:background .2s}.tg i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.tg.on{background:var(--brand)}.tg.on i{transform:translateX(20px)}
.mchk{display:flex;gap:8px;flex-wrap:wrap}.mchk .chip{gap:6px;padding:7px 12px;cursor:pointer;font-size:13px}.mchk input{accent-color:var(--brand)}
.seg{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--card)}.seg button{border:0;background:none;padding:7px 14px;border-radius:999px;font-weight:700;font-size:13px;color:var(--muted)}.seg button.on{background:var(--plum-soft);color:var(--plum)}
.logoline{display:flex;gap:14px;align-items:center}.invlogo{width:72px;height:72px;border-radius:14px;object-fit:contain;background:var(--surface2);border:1px solid var(--line);flex:none}.invlogo.ph{display:grid;place-items:center;font-size:12px;color:var(--muted);font-weight:700}
.invoice{background:#fff;color:#222;border:1px solid var(--line);border-radius:16px;padding:20px;font-size:13px;display:flex;flex-direction:column;gap:12px}.invoice .ih{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.invoice .meta{color:#666}.invoice td,.invoice th{color:#222}
.authmode .side,.authmode .mnav,.authmode .mlogo{display:none!important}.authmode .app{grid-template-columns:minmax(0,1fr)}.authw{min-height:80vh;display:grid;place-items:center}.authc{width:100%;max-width:440px}.g37{display:flex;flex-direction:column;gap:10px}
.bellb{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;color:var(--plum);cursor:pointer;flex:none}.bellb svg{width:19px;height:19px}.bellb i{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--brand);color:#fff;font:700 11px/18px 'Plus Jakarta Sans',sans-serif;font-style:normal}
.ckc{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex:none;font-size:12px;color:#fff}.ckc.on{background:linear-gradient(135deg,var(--brand),var(--lilac));border-color:transparent}
.onb{background:linear-gradient(135deg,#fff,#fdeef6)}.x.xs{width:20px;height:20px;font-size:10px;padding:0;margin-left:4px;border:0;background:transparent;cursor:pointer}.x{cursor:pointer}
#vroom{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 20% 0%,#3a2340,#1d1220 60%);color:#fff;display:flex;flex-direction:column;padding:16px;gap:12px;font-family:'Plus Jakarta Sans',sans-serif}body.invroom{overflow:hidden}
.vtop{display:flex;justify-content:space-between;align-items:center;gap:10px}.vtop b{font-family:Fraunces,serif;font-size:18px;display:block}.vtop span{font-size:12px;opacity:.75}.vlive{background:rgba(242,92,92,.18);color:#ffb3b3;padding:6px 12px;border-radius:20px;font-size:12px;white-space:nowrap}
.vgrid{flex:1;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));grid-auto-rows:minmax(150px,1fr);min-height:0;overflow:auto}
.vtile{position:relative;border-radius:22px;background:linear-gradient(135deg,#4a2c4f,#2a1a2e);display:grid;place-items:center;overflow:hidden;min-height:150px;border:1px solid rgba(255,255,255,.08)}.vtile.self{border-color:rgba(196,127,191,.6)}
.vtile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;transform:scaleX(-1)}.vav{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--lilac));display:grid;place-items:center;font-weight:700;font-size:24px}
.vname{position:absolute;left:12px;bottom:10px;font-size:13px;background:rgba(0,0,0,.4);padding:4px 10px;border-radius:12px}.vname i{opacity:.75;font-style:normal}.vmute{position:absolute;right:10px;top:10px;font-size:11px;background:rgba(0,0,0,.45);padding:3px 8px;border-radius:10px}
.vwait{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.vwait .vtile{width:min(100%,420px);aspect-ratio:16/10}.vwait h2{font-family:Fraunces,serif;margin:8px 0 0}.vwait p{margin:0;opacity:.85;max-width:420px}.vsmall{font-size:12px}
.vbar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.vbar button{border:0;border-radius:18px;background:rgba(255,255,255,.12);color:#fff;padding:10px 14px;min-width:74px;font-size:18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.vbar small{font-size:11px}.vbar .off{background:rgba(255,255,255,.28)}.vbar .end{background:linear-gradient(135deg,var(--brand),var(--lilac))}.vbar .leave{background:#c0392b}
.vlive b{display:inline;font-family:inherit;font-size:inherit}s.old{opacity:.45;font-size:.7em;margin-right:4px}.promo{color:var(--plum);font-weight:600;margin-top:4px}.eshare{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:16px}.enow{display:flex;gap:14px;align-items:center;margin:12px 0 4px}.enow>b{font-family:Fraunces,serif;font-size:40px;line-height:1;color:var(--brand)}.enow>b small{font-size:15px;color:var(--muted)}.enow>b.low{color:var(--plum)}.enow>b.high{color:#3c9a6b}.echip{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:#e8f6ee;color:#2f7d55}.echip.low{background:#f6e6f4;color:var(--plum)}#vitrine{position:fixed;inset:0;z-index:200;overflow:auto;background:var(--bg);color:var(--ink)}
.vt-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 18px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.vt-bar .logo img{width:30px;height:30px}.vt-bar .word{font-size:18px}.vt-demo{flex:1;font-size:12px;color:var(--muted);text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt-hero{max-width:1000px;margin:0 auto;padding:48px 20px 24px;display:flex;gap:32px;align-items:center}.vt-av{flex:none;width:170px;height:170px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--lilac));display:grid;place-items:center;color:#fff;font:700 54px Fraunces,serif;overflow:hidden;box-shadow:0 20px 50px rgba(196,127,191,.35)}.vt-av img{width:100%;height:100%;object-fit:cover}
.vt-kick{color:var(--plum);font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.vt-hero h1{font-family:Fraunces,serif;font-size:clamp(34px,6vw,54px);margin:4px 0}.vt-lead{font-size:19px;color:var(--muted);margin:0 0 16px}.vt-cta{display:flex;gap:10px;flex-wrap:wrap}
.vt-sec{max-width:1000px;margin:0 auto;padding:22px 20px}.vt-sec h2{font-family:Fraunces,serif;font-size:26px;margin:0 0 14px}.vt-packs{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.vt-pack{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px rgba(142,74,137,.08)}.vt-pack.free{background:linear-gradient(160deg,#fff,#fdeef6)}.vt-ptop{display:flex;justify-content:space-between;align-items:center;gap:6px}.vt-ptop small{color:var(--muted);font-size:12px}.vt-pack h3{font-family:Fraunces,serif;font-size:19px;margin:4px 0}.vt-pack ul{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:5px;font-size:14px;color:var(--muted)}.vt-pack .btn{margin-top:auto;justify-content:center}
.vt-app{background:linear-gradient(135deg,rgba(242,92,92,.08),rgba(196,127,191,.14));border-radius:28px}.vt-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin-top:12px}.vt-steps div{display:flex;gap:10px;align-items:center;background:var(--card);border-radius:18px;padding:14px}.vt-steps b{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--lilac))}
.vt-foot{max-width:1000px;margin:20px auto 0;padding:24px 20px 40px;font-size:12px;color:var(--muted);text-align:center}.vt-foot a{color:inherit;text-decoration:underline;cursor:pointer}
@media(max-width:700px){.vt-hero{flex-direction:column;text-align:center;padding-top:28px}.vt-av{width:120px;height:120px;font-size:40px}.vt-cta,.vt-hero .mchk{justify-content:center}.vt-demo{display:none}.vt-bar [data-vtlogin]{margin-left:auto}.vt-bar .word{display:none}}
.feat.opt{display:flex;align-items:center;justify-content:space-between;gap:10px}.feat.opt.off{opacity:.5}.feat.opt .ok{color:var(--brand);font-weight:700;width:18px}.feat.opt span:nth-child(2){flex:1}.feat.opt>span:first-child:not(.ok){flex:1}.feat.opt .chip{flex:0 0 auto!important}.lock{background:linear-gradient(135deg,#fff,#f8eef7)}.joinb{margin-bottom:12px;text-align:center}.install{background:linear-gradient(135deg,#fff,#fdeef6)}
.fk{margin:16px 0 4px;gap:10px}.fk>div{background:var(--bg);border-radius:16px;padding:12px 14px}.fk small{display:block;color:var(--muted);font-size:12px}.fk b{font-family:Fraunces,serif;font-size:20px}.ftabs{margin:12px 0 0}.fbody>.eshare:first-child{margin-top:12px}.fbody>.list{margin-top:10px}.ba{display:flex;gap:6px;align-items:center;font:700 18px Fraunces,serif}.ba i{font-style:normal;color:var(--muted);font-size:14px}.ba .hi{color:#3c9a6b}
.qrs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:12px}.qrs small{color:var(--muted);font-size:12px;width:100%}.qr{cursor:pointer;border:1px solid var(--line);background:var(--card)}.mtools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.mtools .chip{cursor:pointer;border:1px solid var(--line)}.trn{display:block;font-size:11px;opacity:.75;margin-top:4px}.vt-lang{margin-left:auto}.vt-lang button{padding:6px 10px}.vt-lang+[data-vtlogin]{margin-left:0!important}
.afil{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.afil .in{flex:1 1 240px;min-width:0}.afil .chip{cursor:pointer;border:1px solid var(--line)}.afil .chip.on{background:var(--plum-soft);color:var(--plum);border-color:transparent}
.stats .stat{display:flex;flex-direction:column;gap:2px}.stat span{color:var(--muted);font-size:13px}.stat b{font-family:Fraunces,serif;font-size:28px}.stat small{color:var(--muted);font-size:12px}
.hb{display:grid;gap:8px;margin-top:10px}.hbr{display:grid;grid-template-columns:minmax(90px,38%) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px}.hbr small{grid-column:2/4;color:var(--muted)}.hbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbt{height:10px;background:var(--bg2);border-radius:6px;overflow:hidden}.hbt i{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--plum)}.hbr b{font-variant-numeric:tabular-nums}
.impb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#fff4ec;border:1px solid #f6d5bf;color:#8a4b1f;border-radius:16px;padding:10px 14px;margin:0 0 14px}.impb span{flex:1;min-width:200px}.onbs{padding-top:16px;padding-bottom:16px}.onbs .bar{margin-top:6px}
.stats{margin-bottom:14px}.pwab .q{font-weight:700;color:var(--plum)}@media(max-width:600px){.pwab small{display:none}.pwab b{font-size:13px}}.pwab{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:8px 10px 8px 12px;margin-bottom:14px;box-shadow:0 6px 18px rgba(142,74,137,.08)}.pwab img{width:34px;height:34px;border-radius:10px;flex:none}.pwab .g{min-width:0}.pwab b{display:block;font-size:14px}.pwab small{color:var(--muted);font-size:12px}.pwab .x.xs2{width:28px;height:28px;font-size:11px;flex:none}
.pwasteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.pwasteps>div{background:var(--bg);border-radius:16px;padding:12px 14px}.pwasteps ol{margin:6px 0 0;padding-left:18px;display:grid;gap:4px;font-size:14px}.kbd{display:inline-block;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:0 6px;font-weight:700;font-size:12px}
.lc{width:100%;height:auto;display:block;margin-top:8px;overflow:visible}.lc-g{stroke:var(--line);stroke-width:1}.lc-y,.lc-x{fill:var(--muted);font-size:10px;text-anchor:middle;font-family:'Plus Jakarta Sans',sans-serif}.lc-y{text-anchor:end}.lc-l{fill:none;stroke:var(--brand);stroke-width:2.2;stroke-linecap:round}.lc-d{fill:var(--card);stroke:var(--brand);stroke-width:2}.lc-d.low{stroke:var(--plum);fill:var(--plum)}.lc-hit{fill:transparent;cursor:pointer}.lc-p:hover .lc-d{r:6}.lc-v{fill:var(--ink);font-size:11px;font-weight:700;text-anchor:middle;font-family:'Plus Jakarta Sans',sans-serif}
.rem{margin-top:10px}.subtop h1{font-size:22px!important}.subtop .switch{display:none}.subtop{margin-top:4px}.apptabs{margin-bottom:6px}.apptabs button:disabled{opacity:.45}.grid.g4{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.appc .ch{flex-direction:column-reverse;align-items:flex-start;gap:6px}.appc .appn b{white-space:nowrap}.appc .appn{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 12px}.appc .appn b{display:block;font-family:Fraunces,serif;font-size:22px}.appc .appn small{color:var(--muted);font-size:12px}.appc.soon{opacity:.75}.soonc{text-align:center;padding:36px 20px}
.pilsum{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.kpis{margin-bottom:14px}.kpic{display:flex;flex-direction:column;gap:6px}.kpic>b{font-family:Fraunces,serif;font-size:28px}.kpic .ch{align-items:flex-start;gap:8px}.bar i.ok{background:#3c9a6b}.bar i.watch{background:#d98a3a}.bar i.alert{background:var(--brand)}.prio{font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;flex:none}.prio.pH{background:#fde7e7;color:#b33a3a}.prio.pM{background:#fff1e3;color:#a35d1e}.prio.pB{background:var(--bg2);color:var(--muted)}
.kpic .ch{flex-wrap:wrap}.stats+.meta{margin-top:4px}.stabs{margin:4px 0 14px;max-width:100%;overflow-x:auto}.stabs button{white-space:nowrap}.fun{display:grid;gap:10px;margin-top:10px}.funr{display:grid;grid-template-columns:minmax(110px,40%) minmax(0,1fr) auto;gap:4px 10px;align-items:center;font-size:13px}.funr small{grid-column:2/4;color:var(--muted);font-size:11px}.funr .hbt i{background:var(--brand)}@media(max-width:600px){.funr{grid-template-columns:minmax(0,1fr) auto}.funr .hbl{grid-column:1/3;white-space:normal}.funr .hbt{grid-column:1}.funr small{grid-column:1/3}}.hrs{display:flex;align-items:flex-end;gap:3px;height:120px;margin:12px 0 4px}.hrs>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.hrs i{display:block;width:100%;min-height:2px;border-radius:3px 3px 0 0;background:var(--lilac);opacity:.55}.hrs i.pk{background:var(--brand);opacity:1}.hrs small{font-size:9px;color:var(--muted);height:11px}
.dg{width:12px;height:12px;border-radius:50%;flex:none}.dg-ok{background:#3c9a6b}.dg-warn{background:#d98a3a}.dg-err{background:var(--brand)}.dl{margin:6px 0 0;padding-left:18px;display:grid;gap:4px;font-size:14px}
.side{overflow-y:auto}.tree{display:flex;flex-direction:column;gap:4px}.nav.grp{width:100%}.nav.grp span{flex:1}.nav .chev,.nav2 .chev{font-style:normal;transition:transform .2s;font-size:18px;line-height:1;margin-left:auto}.nav.open .chev,.nav2.open .chev{transform:rotate(90deg)}.nav .soon{font-size:10px;font-weight:700;background:var(--bg2);color:var(--muted);padding:2px 7px;border-radius:8px}
.lvl2{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px 22px;padding-left:12px;border-left:2px solid var(--line)}.nav2{display:flex;align-items:center;gap:8px;border:0;background:none;text-align:left;padding:8px 12px;border-radius:12px;font-weight:600;font-size:14px;color:var(--muted);cursor:pointer}.nav2:hover,.nav3:hover{background:var(--bg2)}.nav2.on{color:var(--brand);background:var(--brand-soft)}
.lvl3{display:flex;flex-direction:column;gap:1px;margin:0 0 4px 10px;padding-left:10px;border-left:2px dotted var(--line)}.nav3{border:0;background:none;text-align:left;padding:6px 10px;border-radius:10px;font-size:13px;color:var(--muted);cursor:pointer}.nav3.on{color:var(--plum);font-weight:700;background:var(--plum-soft)}
.hsub{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin:4px 0 14px;scrollbar-width:none}.hsub button{border:0;background:none;padding:10px 14px;font-weight:600;font-size:14px;color:var(--muted);white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px;cursor:pointer}.hsub button:hover{color:var(--ink)}.hsub button.on{color:var(--brand);border-bottom-color:var(--brand)}.crumb{font-size:13px;color:var(--muted);margin:-4px 0 6px}.crumb span{margin:0 4px;opacity:.6}.crumb b{color:var(--plum)}.side-in-modal .tree{gap:2px}
.score{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.score>div:last-child{flex:1;min-width:220px}.sc-c{width:96px;height:96px;border-radius:50%;border:6px solid;display:grid;place-items:center;align-content:center;flex:none}.sc-c b{font-family:Fraunces,serif;font-size:32px;line-height:1}.sc-c small{font-size:11px;color:var(--muted)}.sc-c.ok,.sc-l.ok{border-color:#3c9a6b;color:#2f7d55}.sc-c.warn,.sc-l.warn{border-color:#d98a3a;color:#a35d1e}.sc-c.alert,.sc-l.alert{border-color:var(--brand);color:#b33a3a}
.funnel2{display:grid;gap:12px;margin-top:14px}.fstep{display:grid;grid-template-columns:minmax(120px,26%) minmax(0,1fr) 56px;gap:4px 12px;align-items:center}.fl{font-size:14px;font-weight:600}.ftrack{height:26px;background:var(--bg2);border-radius:8px;overflow:hidden}.ftrack i{display:flex;align-items:center;height:100%;border-radius:8px;padding-left:8px;min-width:30px}.ftrack i b{color:#fff;font-size:12px}.fp{text-align:right;font-weight:700;font-size:13px}.flost{grid-column:2/4;color:#b33a3a;font-size:11px}.funnel2.small .ftrack{height:18px}.funnel2.small .fl{font-size:13px;font-weight:500}
.dl3{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-end;margin:12px 0 4px}.dl3 small{display:block;color:var(--muted);font-size:12px}.dl3 b{font-size:17px}.dl3 b.big{font-family:Fraunces,serif;font-size:30px;color:var(--plum)}
.works ul,.notworks ul{margin:10px 0 0;padding-left:18px;display:grid;gap:8px;font-size:14px}.works h2{color:#2f7d55}.notworks h2{color:#b33a3a}
@media(max-width:600px){.fstep{grid-template-columns:minmax(0,1fr) 52px}.fl{grid-column:1/3}.ftrack{grid-column:1}.flost{grid-column:1/3}}
.ovseg{max-width:100%;overflow-x:auto}.ovseg button{white-space:nowrap}.navmini-b{border:0;background:none;color:var(--muted);font-size:12px;font-weight:700;text-align:left;padding:0 14px 8px;cursor:pointer}.navmini-b:hover{color:var(--brand)}
tr.muted td{opacity:.55}
@media(min-width:900px){body.navmini .app{grid-template-columns:84px minmax(0,1fr)}body.navmini .side{padding:22px 10px;align-items:center}body.navmini .side .logo .word,body.navmini .side .logo .tag,body.navmini .side .logo>div{display:none}body.navmini .side .nav{justify-content:center;padding:11px;width:52px}body.navmini .side .nav span,body.navmini .side .nav .chev,body.navmini .side .nav .soon,body.navmini .side .lvl2{display:none}body.navmini .side .who>span:last-child{display:none}body.navmini .navmini-b{padding:0 0 8px;text-align:center;font-size:16px}}

/* ----- accueil cliente animé ----- */
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1.08)}}@keyframes wave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}}@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}@keyframes glow{0%,100%{box-shadow:0 10px 26px rgba(242,92,92,.28)}50%{box-shadow:0 10px 34px rgba(242,92,92,.5)}}@keyframes fresh{from{background:var(--brand-soft)}to{background:transparent}}@keyframes ring{from{stroke-dasharray:0 97.4}}
body[data-space=client] #main>*{animation:rise .55s cubic-bezier(.2,.8,.2,1) both}body[data-space=client] #main>*:nth-child(2){animation-delay:.05s}body[data-space=client] #main>*:nth-child(3){animation-delay:.1s}body[data-space=client] #main>*:nth-child(4){animation-delay:.15s}body[data-space=client] #main>*:nth-child(5){animation-delay:.2s}body[data-space=client] #main>*:nth-child(n+6){animation-delay:.25s}
body[data-space=client] .card{transition:transform .25s,box-shadow .25s}body[data-space=client] .card:hover{transform:translateY(-2px)}
.wave{display:inline-block;transform-origin:70% 80%;animation:wave 2.2s ease-in-out .6s 2}
.shbtns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.shbtns .btn{justify-content:center;text-decoration:none}.shbtns .btn.l{color:var(--ink)}#sh-wa{color:#fff}#sh-wa{background:#25D366;box-shadow:0 8px 20px rgba(37,211,102,.3)}.langmini{display:flex;justify-content:flex-end;align-items:center;gap:2px;margin:-6px 0 6px;font-size:12px;color:var(--muted)}.langmini button{border:0;background:none;padding:3px 6px;border-radius:8px;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer}.langmini button.on{background:var(--plum-soft);color:var(--plum)}.hstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.hs{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px 12px;min-width:0}.hs b{display:block;font-family:Fraunces,serif;font-size:19px;line-height:1.1}.hs small{color:var(--muted);font-size:11px}.hi{font-size:22px}.ring{width:38px;height:38px;flex:none;transform:rotate(-90deg)}.ring .rb{fill:none;stroke:var(--bg2);stroke-width:4}.ring .rf{fill:none;stroke:url(#none);stroke:var(--brand);stroke-width:4;stroke-linecap:round;animation:ring 1.1s ease-out both}
.banner .cd{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--brand);white-space:nowrap}.banner .cd i{font-style:normal;animation:nudge 1.4s ease-in-out infinite}.banner{transition:transform .2s}.banner:hover{transform:translateY(-1px)}
.ecard{background:linear-gradient(160deg,#fff 0%,#fff 55%,#fdeef6 100%);overflow:hidden}.ecard .scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.ecard .scale button{width:auto;height:auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;border-radius:14px;transition:transform .18s,background .2s,box-shadow .2s}.ecard .scale button i{font-style:normal;font-size:20px;line-height:1;filter:grayscale(.6);transition:filter .2s,transform .2s}.ecard .scale button span{font-size:11px;font-weight:700}.ecard .scale button:hover{transform:translateY(-3px)}.ecard .scale button:hover i{filter:none}.ecard .scale button.on{animation:pop .35s ease-out forwards;background:linear-gradient(135deg,var(--brand),var(--lilac));color:#fff;box-shadow:0 8px 20px rgba(196,127,191,.45)}.ecard .scale button.on i{filter:none}
.ecard.picked [data-saveenergy]{animation:glow 1.6s ease-in-out infinite}.ecard [data-saveenergy]{transition:transform .15s}.ecard [data-saveenergy]:active{transform:scale(.96)}
.qev{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.qev .chip{cursor:pointer;border:1px solid var(--line);background:var(--card);transition:transform .15s,background .2s,color .2s}.qev .chip:hover{transform:translateY(-1px)}.qev .chip.on{background:var(--plum);color:#fff;border-color:var(--plum)}
.tlcard .list{position:relative}.tlcard .row{position:relative;padding-left:18px}.tlcard .row::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4px;border-radius:50%;background:var(--lilac)}.tlcard .row.fresh{animation:fresh 1.6s ease-out}
.abo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin-top:10px}.abo>div{background:var(--bg);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.abo small{color:var(--muted);font-size:12px}.abo b{font-family:Fraunces,serif;font-size:20px}
.stars{display:flex;gap:4px;margin:10px 0}.stars button{border:0;background:none;font-size:30px;line-height:1;color:var(--line);cursor:pointer;transition:transform .15s,color .15s}.stars button:hover{transform:scale(1.15)}.stars button.on{color:#f5b301}.stars-s{color:#f5b301;letter-spacing:1px}
@media(max-width:600px){.ecard .scale{grid-template-columns:repeat(5,minmax(0,1fr))}.hstrip{gap:6px}.hs{padding:8px;gap:6px;flex-direction:column;text-align:center}.hs b{font-size:16px}}
@media(prefers-reduced-motion:reduce){body[data-space=client] #main>*,.wave,.banner .cd i,.ecard.picked [data-saveenergy],.ring .rf{animation:none!important}}
.vfoot{text-align:center;font-size:11px;opacity:.55;margin:0}.vjoin{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vnow{margin-bottom:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hidesc{display:none}
.hpill{display:flex;justify-content:space-around;align-items:center;gap:4px;max-width:720px;margin-left:auto!important;margin-right:auto!important;background:linear-gradient(120deg,rgba(255,255,255,.85),rgba(253,238,246,.85));border:1px solid var(--line);border-radius:999px;padding:6px 16px 6px 8px;margin:0 0 14px;box-shadow:0 6px 22px rgba(196,127,191,.12)}
.hp{display:flex;align-items:center;gap:6px;padding:2px 8px;min-width:0;border-right:1px solid var(--line)}.hp:last-child{border-right:0}
.hp span{font-family:Fraunces,serif;font-weight:700;font-size:18px;line-height:1}.hp small{color:var(--muted);font-size:11px;white-space:nowrap}.hp b{font-size:16px}
.hpill .ring{width:30px;height:30px}.hsp{flex:0 1 190px}.spk{width:100%;max-width:130px;height:28px;overflow:visible}
.spl{fill:none;stroke:url(#spg);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;animation:draw 1.3s .2s ease-out both}.spa{fill:url(#spg);opacity:.12}.spd{fill:var(--brand);animation:pulse 1.8s 1.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.fl{display:inline-block;animation:flick 1.6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.5}}@keyframes flick{0%,100%{transform:scale(1) rotate(0)}30%{transform:scale(1.12) rotate(-5deg)}60%{transform:scale(.95) rotate(4deg)}}
.orbw{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:18px}
.orb{--s:.95;--sp:3.4s;position:relative;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#fff 0,var(--c2) 26%,var(--c1) 72%);box-shadow:0 18px 40px -10px var(--c1),inset 0 -10px 24px rgba(0,0,0,.06);transform:scale(var(--s));transition:background .5s,box-shadow .5s,transform .45s cubic-bezier(.3,1.6,.5,1);animation:breathe var(--sp) ease-in-out infinite}
.orb .halo{position:absolute;inset:-14px;border-radius:50%;border:2px solid var(--c2);opacity:.6;animation:halo var(--sp) ease-out infinite}.orb .h2{animation-delay:calc(var(--sp)/2)}
.orb .pt{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--c2);top:50%;left:50%;margin:-3px;animation:orbit 7s linear infinite}.orb .p2{animation-duration:9s;animation-direction:reverse;width:5px;height:5px}.orb .p3{animation-duration:11s;width:4px;height:4px;background:#fff}.orb .p4{animation-duration:8s;animation-delay:-4s}
.oc{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1}.oe{font-size:46px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12));transition:transform .3s}.oc b{font-family:Fraunces,serif;font-size:22px;color:#fff;margin-top:4px;text-shadow:0 2px 6px rgba(0,0,0,.18)}
.orb:not(.set) .oc b{color:var(--muted);text-shadow:none}.orb.bump .oe{animation:popE .45s ease-out}
.ow{margin-top:8px;font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--ink);min-height:24px;transition:color .3s}
@keyframes breathe{0%,100%{transform:scale(var(--s))}50%{transform:scale(calc(var(--s) + .05))}}@keyframes halo{0%{transform:scale(.85);opacity:.7}100%{transform:scale(1.25);opacity:0}}@keyframes orbit{from{transform:rotate(0) translateX(88px)}to{transform:rotate(360deg) translateX(88px)}}@keyframes popE{0%{transform:scale(1)}40%{transform:scale(1.35) rotate(-8deg)}100%{transform:scale(1)}}
.erng{-webkit-appearance:none;appearance:none;width:min(100%,360px);height:12px;border-radius:999px;margin-top:14px;background:linear-gradient(90deg,#9b86c4,#c47fbf 35%,#ef7d82 70%,#f79a4f);outline:none;cursor:pointer}
.erng::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--brand);box-shadow:0 4px 14px rgba(242,92,92,.35);transition:transform .15s}.erng:active::-webkit-slider-thumb{transform:scale(1.15)}
.erng::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--brand);box-shadow:0 4px 14px rgba(242,92,92,.35)}
.rlab{display:flex;justify-content:space-between;width:min(100%,360px);font-size:11px;color:var(--muted);margin-top:6px}
.spark{position:absolute;left:50%;top:75px;font-style:normal;color:var(--brand);font-size:14px;pointer-events:none;animation:spark .9s ease-out forwards}.spark:nth-child(3n){color:var(--lilac)}.spark:nth-child(4n){color:#f5b301}
@keyframes spark{from{transform:translate(-50%,-50%) scale(.4);opacity:1}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.1);opacity:0}}
@media(max-width:600px){.hpill{padding:8px 6px;gap:0;border-radius:22px}.hp{padding:2px 6px;gap:4px;flex-direction:column;align-items:center;text-align:center}.hp small{font-size:10px}.hp span{font-size:15px}.hpill .ring{width:24px;height:24px}.hsp{flex:1 1 0}.orb{width:130px;height:130px}@keyframes orbit{from{transform:rotate(0) translateX(76px)}to{transform:rotate(360deg) translateX(76px)}}}
@media(prefers-reduced-motion:reduce){.orb,.orb .halo,.orb .pt,.spl,.spd,.fl,.spark{animation:none!important}}
.toprow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-6px 0 10px}.toprow .langmini{margin:0}
.goprem{display:inline-flex;align-items:center;gap:4px;border:0;cursor:pointer;padding:7px 14px;border-radius:999px;font-size:12px;color:#fff;background:linear-gradient(110deg,var(--brand),var(--lilac),var(--brand));background-size:220% 100%;animation:shine 4s linear infinite;box-shadow:0 6px 18px rgba(242,92,92,.28);min-width:0}.goprem span{opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goprem:hover{transform:translateY(-1px)}
@keyframes shine{from{background-position:0 0}to{background-position:-220% 0}}
.olog{width:62px;height:62px;animation:inhale 8s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(242,92,92,.3))}.orb.chosen .olog,.orb.chosen .brth{display:none}
.brth{position:relative;display:block;height:16px;margin-top:6px;width:80px}.brth span{position:absolute;inset:0;text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--plum);opacity:0;animation:b1 8s ease-in-out infinite}.brth span+span{animation-name:b2}
@keyframes inhale{0%,100%{transform:scale(.82)}50%{transform:scale(1.12)}}@keyframes b1{0%,8%{opacity:0}15%,40%{opacity:1}48%,100%{opacity:0}}@keyframes b2{0%,52%{opacity:0}60%,90%{opacity:1}98%,100%{opacity:0}}
.orb:not(.chosen){animation:breatheL 8s ease-in-out infinite}@keyframes breatheL{0%,100%{transform:scale(.9)}50%{transform:scale(1.04)}}
.premm{max-width:440px}
.pt-hero{position:relative;height:110px;border-radius:20px;background:linear-gradient(135deg,#f3e8ff,#fde2e4 60%,#ffe7c2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;margin-bottom:12px}
.pt-g{display:flex;align-items:center;gap:14px;font-size:34px}.pt-e{animation:popE 2.4s ease-in-out infinite}.pt-e2{animation-delay:1.2s}.pt-arrow{font-size:20px;color:var(--brand);animation:nudge 1.4s ease-in-out infinite}
.pt-bar{width:60%;height:8px;border-radius:99px;background:rgba(255,255,255,.7);overflow:hidden}.pt-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9b86c4,#ef7d82,#f79a4f);animation:fillup 2.4s ease-in-out infinite}
@keyframes fillup{0%{width:25%}60%,100%{width:90%}}
.pt-s{position:absolute;color:#fff;font-size:16px;animation:twinkle 2s ease-in-out infinite}.s1{top:14px;left:18%}.s2{bottom:16px;right:16%;animation-delay:.6s}.s3{top:20px;right:24%;animation-delay:1.2s;color:var(--brand)}@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}
.pt-h{font-family:Fraunces,serif;font-size:20px;margin:0 0 4px}
.pt-tip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border-radius:16px;background:var(--bg);margin-top:10px;animation:rise .5s ease-out both}.pt-tip b{flex:1;min-width:150px;font-weight:600}.pt-tip .btn{flex:1 0 100%;justify-content:center}
.pt-lock{filter:blur(.4px);opacity:.55}.pt-lock b{filter:blur(3px);user-select:none}.pt-tip+.pt-tip{animation-delay:.1s}.pt-tip+.pt-tip+.pt-tip{animation-delay:.2s}
.pt-list{list-style:none;padding:0;margin:14px 0 10px;display:grid;gap:6px;font-size:14px}.pt-list li::before{content:"✓";color:var(--brand);font-weight:800;margin-right:8px}
.pt-cta{width:100%;justify-content:center;animation:glow 1.8s ease-in-out infinite}
@media(max-width:600px){.goprem span{display:none}}
@media(prefers-reduced-motion:reduce){.goprem,.olog,.brth span,.orb,.pt-e,.pt-arrow,.pt-bar i,.pt-s,.pt-cta{animation:none!important}.brth span:first-child{opacity:1}}
.phead{display:flex;align-items:center;gap:14px}.pav{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand),var(--lilac));flex:none;box-shadow:0 8px 20px rgba(196,127,191,.35)}.phead .g{flex:1;min-width:0}.phead b{font-family:Fraunces,serif;font-size:19px}
.pmenu{padding:6px}.pitem{display:flex;align-items:center;gap:14px;width:100%;border:0;background:none;text-align:left;padding:14px 12px;border-radius:16px;cursor:pointer;color:var(--ink);transition:background .35s var(--ease,ease),transform .35s var(--ease,ease)}.pitem+.pitem{border-top:1px solid var(--line)}.pitem:hover{background:var(--bg)}.pitem:active{transform:scale(.985)}
.pic{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:19px;background:var(--bg);flex:none}.pitem .g{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pitem b{font-weight:700;font-size:15px}.pitem small{color:var(--muted);font-size:12.5px}.chev{font-size:22px;color:var(--muted);transition:transform .35s}.pitem:hover .chev{transform:translateX(3px)}
.pback{margin-bottom:10px}.psec>.card+.card{margin-top:14px}
.nsl{position:relative}.ndot{position:absolute;top:2px;right:calc(50% - 22px);min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--brand);color:#fff;font-style:normal;font-size:10px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px var(--card);animation:blink 1.6s ease-in-out infinite}
.side .ndot{position:static;margin-left:auto}
@keyframes blink{0%,100%{transform:scale(1);box-shadow:0 0 0 2px var(--card),0 0 0 0 rgba(242,92,92,.55)}50%{transform:scale(1.12);box-shadow:0 0 0 2px var(--card),0 0 0 8px rgba(242,92,92,0)}}
.isnew{position:relative;border-color:var(--brand)!important;box-shadow:0 10px 30px -12px rgba(242,92,92,.45)}.newtag{position:absolute;top:-9px;right:16px;background:var(--brand);color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:99px;animation:blink 1.6s ease-in-out 3}
.banner{background:linear-gradient(120deg,var(--brand),#f47b6e 55%,var(--lilac));color:#fff;border:0;box-shadow:0 12px 28px -10px rgba(242,92,92,.55);padding:14px 18px;font-size:14px}.banner b{color:#fff}.banner span{color:rgba(255,255,255,.92)}.banner .cd{color:#fff;background:rgba(255,255,255,.2);padding:5px 12px;border-radius:99px}
.banner:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px rgba(242,92,92,.6)}
@media(prefers-reduced-motion:reduce){.ndot,.newtag{animation:none}}
.st3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.t3{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:14px 8px 12px;border-radius:22px;text-align:center;overflow:hidden;min-width:0;animation:t3in .7s var(--ease,cubic-bezier(.22,1,.36,1)) both;transition:transform .5s var(--ease,ease),box-shadow .5s}
.t3:nth-child(2){animation-delay:.08s}.t3:nth-child(3){animation-delay:.16s}.t3:nth-child(4){animation-delay:.24s}.t3:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(196,127,191,.5)}
.t3::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;top:-40px;right:-30px;background:rgba(255,255,255,.45)}
.t-e{background:linear-gradient(150deg,#fde7ee,#fbd3dc)}.t-w{background:linear-gradient(150deg,#efe7fb,#e2d6f6)}.t-s{background:linear-gradient(150deg,#fff1e2,#ffe0c4)}.t-n{background:linear-gradient(150deg,#e6f6ef,#d3efe3)}
.t3 b{font-family:Fraunces,serif;font-size:22px;line-height:1;color:var(--ink)}.t3 small{font-size:11px;color:#7d6a80;font-weight:600}
.r3{width:46px;height:46px;transform:rotate(-90deg)}.r3b{fill:none;stroke:rgba(255,255,255,.75);stroke-width:5}.r3f{fill:none;stroke:url(#r3g);stroke-width:5;stroke-linecap:round;animation:r3 1.3s .2s var(--ease,ease-out) both}@keyframes r3{from{stroke-dasharray:0 113}}
.t-e .r3n{position:absolute;top:27px;font-size:15px}.t-e small{margin-top:2px}
.t-w .spk{max-width:90px;height:30px}.tr{font-size:16px!important}.tr.up{color:#2f9e6a!important}.tr.dn{color:var(--brand)!important}
.ic{font-size:22px;line-height:1}.dots{display:flex;gap:3px;margin-top:4px}.dots i{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,.08)}.dots i.on{background:#f5866c}
.gbar{width:70%;height:5px;border-radius:9px;background:rgba(255,255,255,.8);overflow:hidden;margin-top:5px}.gbar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#4cc38a,#2f9e6a);animation:gb 1.2s .3s var(--ease,ease-out) both}@keyframes gb{from{width:0}}
@keyframes t3in{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .t3{filter:saturate(.8) brightness(.55)}:root:not([data-theme="light"]) .t3 b{color:#fff}}
@media(max-width:600px){.st3{gap:6px}.t3{padding:10px 4px 9px;border-radius:18px}.t3 b{font-size:17px}.t3 small{font-size:9.5px;line-height:1.15}.r3{width:38px;height:38px}.t-e .r3n{top:21px;font-size:13px}.ic{font-size:18px}.t-w .spk{height:24px}.tr{font-size:13px!important}.dots i{width:4px;height:4px}}
@media(prefers-reduced-motion:reduce){.t3,.r3f,.gbar i{animation:none}}
.pm-hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#f3e8ff,#fde2e4 60%,#ffe7c2)}.pm-hero b{display:block;font-family:Fraunces,serif;font-size:18px}.pm-hero small{color:var(--muted);font-size:12.5px}
.pm-orb{width:46px;height:46px;flex:none;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#f7bcb4 35%,#ef7d82);animation:breatheL 5s ease-in-out infinite;box-shadow:0 8px 20px -6px #ef7d82}
.pm-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}.pm-list li{display:flex;gap:12px;align-items:center;padding:9px 6px;border-radius:14px;animation:t3in .6s cubic-bezier(.22,1,.36,1) both}.pm-list li>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--bg);font-size:17px;flex:none}.pm-list b{display:block;font-size:14.5px}.pm-list small{color:var(--muted);font-size:12.5px}
.pm-list li:nth-child(2){animation-delay:.07s}.pm-list li:nth-child(3){animation-delay:.14s}.pm-list li:nth-child(4){animation-delay:.21s}.pm-list li:nth-child(5){animation-delay:.28s}
.pm-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:10px 0 2px;border-top:1px solid var(--line)}.pm-price b{font-family:Fraunces,serif;font-size:28px;color:var(--brand)}.pm-price span{color:var(--muted);font-size:13px}
.st3.s3c{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;margin-left:auto;margin-right:auto}
.dcard{margin-top:14px}.dcard .ch{margin-bottom:4px}.dbig{font-size:30px;animation:breatheL 5s ease-in-out infinite}
.dc{width:100%;height:150px;overflow:visible;display:block}.dg{stroke:var(--line);stroke-dasharray:3 5}.dt{font-size:10px;fill:var(--muted);font-family:inherit}
.dcl{fill:none;stroke:url(#dcg);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;animation:draw 1.4s cubic-bezier(.22,1,.36,1) both;vector-effect:non-scaling-stroke}.dca{animation:fadeA 1.4s .3s ease both}@keyframes fadeA{from{opacity:0}}
.dpt{opacity:0;animation:dpop .6s cubic-bezier(.34,1.56,.64,1) both}.dpt circle{fill:#fff;stroke:#ef7d82;stroke-width:2.5;vector-effect:non-scaling-stroke}.dpt text{font-size:10.5px;font-weight:800;fill:var(--ink)}.dpt.last circle{fill:#ef7d82;stroke:#fff}
.dpt.last circle{animation:lastp 2.2s 1.2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes dpop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes lastp{0%,100%{filter:drop-shadow(0 0 0 rgba(239,125,130,.6))}50%{filter:drop-shadow(0 0 8px rgba(239,125,130,.9))}}
.dce{padding:22px 10px;text-align:center;color:var(--muted);font-size:14px;border:1px dashed var(--line);border-radius:16px;margin-top:8px}
@media(max-width:600px){.dc{height:130px}.dbig{font-size:24px}}
@media(prefers-reduced-motion:reduce){.dcl,.dca,.dpt,.dpt.last circle,.dbig{animation:none;opacity:1}}
/* ===== Design v2 : mouvement doux, clarté, légèreté ===== */
:root{--ease:cubic-bezier(.22,1,.36,1);--ease-s:cubic-bezier(.34,1.4,.64,1);--dur:.55s}
html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* les cartes ne se ré-animent plus à chaque clic : seulement quand on change de page */
.card,body[data-space=client] #main>*{animation:none}
#main.enter>*{animation:pgIn .7s var(--ease) both}
#main.enter>*:nth-child(2){animation-delay:.05s}#main.enter>*:nth-child(3){animation-delay:.1s}#main.enter>*:nth-child(4){animation-delay:.15s}#main.enter>*:nth-child(5){animation-delay:.2s}#main.enter>*:nth-child(6){animation-delay:.25s}#main.enter>*:nth-child(n+7){animation-delay:.3s}
#main.enter .grid>.card{animation:pgIn .7s var(--ease) both}#main.enter .grid>.card:nth-child(2){animation-delay:.12s}#main.enter .grid>.card:nth-child(3){animation-delay:.18s}#main.enter .grid>.card:nth-child(n+4){animation-delay:.24s}
@keyframes pgIn{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
/* cartes, boutons, champs */
.card{box-shadow:0 1px 2px rgba(80,40,80,.04),0 10px 30px -18px rgba(120,60,120,.25);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}
@media(hover:hover){.card:hover{box-shadow:0 1px 2px rgba(80,40,80,.05),0 18px 40px -20px rgba(120,60,120,.32)}}
body[data-space=client] .card:hover{transform:none}
.btn{transition:transform .45s var(--ease),box-shadow .45s var(--ease),filter .35s,background-color .35s}
@media(hover:hover){.btn:hover{transform:translateY(-1px)}}
.btn:active{transform:scale(.965);transition-duration:.12s}
.btn.p{box-shadow:0 8px 22px -10px rgba(242,92,92,.55)}
.chip,.link,.tabs button,.seg button,.hsub button,.stabs button,.x,.pitem{transition:background-color .4s var(--ease),color .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease)}
.in{transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background-color .35s}
.in:focus{box-shadow:0 0 0 4px var(--plum-soft),0 6px 18px -10px rgba(196,127,191,.5)}
input[type=checkbox],input[type=radio]{transition:transform .3s var(--ease-s)}input[type=checkbox]:active,input[type=radio]:active{transform:scale(.85)}
.row{transition:background-color .35s var(--ease)}
/* menu */
.nav button,.nav a{transition:background-color .45s var(--ease),color .45s var(--ease),transform .45s var(--ease)}
@media(hover:hover){.nav button:hover{transform:translateX(2px)}}
.mnav button{transition:color .4s var(--ease),background-color .4s var(--ease)}.mnav button svg{transition:transform .5s var(--ease-s)}.mnav button.on svg{transform:translateY(-2px) scale(1.08)}.mnav button:active svg{transform:scale(.9)}
/* fenêtres, messages */
.scrim{animation:scrIn .35s var(--ease) both}.modal{animation:mdIn .55s var(--ease) both}
@keyframes scrIn{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1}}@keyframes mdIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:600px){.scrim{place-items:end center;padding:0}.modal{border-radius:26px 26px 0 0;max-height:92vh;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}@keyframes mdIn{from{opacity:.4;transform:translateY(60px)}to{opacity:1;transform:none}}}
.toast{animation:tsIn .55s var(--ease-s) both}@keyframes tsIn{from{opacity:0;transform:translate(-50%,16px) scale(.96)}to{opacity:1;transform:translate(-50%,0)}}
/* fond qui respire très lentement */
body::before{animation-duration:26s!important}
/* ===== Mobile : lisible, rien d'écrasé ===== */
@media(max-width:600px){
 main{padding:14px 14px 104px}
 h1{font-size:26px}
 .top{margin-bottom:16px}
 .card{padding:16px;border-radius:20px}
 .row{flex-wrap:wrap;row-gap:8px}
 .row>.g{flex:1 1 190px;min-width:0}
 .ch{flex-wrap:wrap}.ch>div:first-child{flex:1 1 220px;min-width:0}
 .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .g3.fk{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fk>div:nth-child(2){grid-column:1/3;order:-1}.fk b{font-size:17px}
 #main table th,#main table td{white-space:nowrap}
 .remo .rt{display:none}.remo{padding:7px 10px}
 .btn{padding:11px 16px}
 .mnav button{font-size:10px;letter-spacing:-.1px}
}
@media(prefers-reduced-motion:reduce){#main.enter>*,#main.enter .grid>.card,.scrim,.modal,.toast{animation:none!important;filter:none}}
@media(max-width:600px){.tlcard .row{flex-wrap:nowrap;gap:8px}.tlcard .row>.g{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlcard .row b{width:44px!important;flex:none}.tlcard .row .x,.tlcard .row .btn{flex:none}}
.dc{height:auto}
.crisis{border-left:4px solid var(--brand);background:var(--brand-soft)}.crisis b{font-family:Fraunces,serif;font-size:17px}
.mvbox{margin-bottom:12px}.sig{margin-left:10px;font-size:12px;color:var(--muted)}.legal{text-align:center;margin-top:12px;font-size:11.5px}.lgnote{display:block;font-size:12px;margin-top:2px}
.pro .av{width:42px;height:42px}.rankinfo{margin:-4px 0 12px}
.vbar .vcall{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit}
@media(max-width:600px){.plans{grid-template-columns:minmax(0,1fr)!important}}
/* ZEN : accueil client épuré — une seule couleur d'accent (corail), fonds neutres */
body[data-space=client]{--bg:#FAF7F6;--bg2:#F3EFEE;--line:#EEE8E6;--surface2:#FBF9F8}
body[data-space=client] .blobs{display:none}
body[data-space=client] .card{box-shadow:0 1px 2px rgba(46,36,51,.04);border-color:var(--line)}
body[data-space=client] .banner{background:var(--brand);box-shadow:none;border-radius:16px}
body[data-space=client] .banner:hover{box-shadow:0 8px 20px -12px rgba(242,92,92,.5)}
body[data-space=client] .goprem{background:var(--card);color:var(--brand);border:1px solid var(--brand);box-shadow:none;animation:none}
body[data-space=client] .t3{background:var(--card)!important;border:1px solid var(--line);box-shadow:none}
body[data-space=client] .t3::after{display:none}
body[data-space=client] .t3 small{color:var(--muted)}
body[data-space=client] .t3 .ic{filter:grayscale(1);opacity:.55;font-size:16px}
body[data-space=client] .r3b{stroke:var(--bg2)}
body[data-space=client] .dots i{background:var(--bg2)}body[data-space=client] .dots i.on{background:var(--brand)}
body[data-space=client] .gbar{background:var(--bg2)}body[data-space=client] .gbar i{background:var(--brand)}
body[data-space=client] .tr.up{color:var(--ink)!important}
body[data-space=client] .ecard{background:var(--card)}
body[data-space=client] .erng{height:6px;background:linear-gradient(90deg,var(--bg2),var(--brand))}
body[data-space=client] .erng::-webkit-slider-thumb{box-shadow:0 2px 8px rgba(46,36,51,.15)}
body[data-space=client] .dcl{stroke:var(--brand)}
body[data-space=client] .dpt circle{stroke:var(--brand)}body[data-space=client] .dpt.last circle{fill:var(--brand)}
body[data-space=client] .pt-card,body[data-space=client] .pm-hero{background:var(--surface2)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body[data-space=client]{--bg:#1C1719;--bg2:#2A2326;--line:#352C30;--surface2:#241E21}:root:not([data-theme="light"]) body[data-space=client] .t3{filter:none}}
:root[data-theme="dark"] body[data-space=client]{--bg:#1C1719;--bg2:#2A2326;--line:#352C30;--surface2:#241E21}
body[data-space=client] .orb:not(.set){--c1:#E9E2E0;--c2:#F7F3F2}
body[data-space=client] .orb .halo{border-color:var(--line)}body[data-space=client] .orb .pt{background:var(--bg2)}
body[data-space=client] .brth span{color:var(--brand)}
body[data-space=client] .tlcard .row::before{background:var(--brand);opacity:.6}
body[data-space=client] .side .on,body[data-space=client] .tabbar .on{color:var(--brand)}
/* ZEN 2 : deux couleurs du logo seulement — corail + mauve */
body[data-space=client]{--mauve:#C47FBF;--mauve-soft:#F5ECF4;--bg:#FBF8FA;--bg2:#F2EAF1;--line:#EFE5EE}
body[data-space=client] .banner{background:linear-gradient(110deg,var(--brand) 0%,#E46E8E 55%,var(--mauve) 100%)}
body[data-space=client] .goprem{color:var(--plum);border-color:var(--mauve);background:var(--card)}
body[data-space=client] .t3 b{color:var(--plum)}
body[data-space=client] .t3 .ic{filter:none;opacity:1}
body[data-space=client] .t-e{background:linear-gradient(160deg,var(--card) 55%,var(--mauve-soft))!important}
body[data-space=client] .t-s{background:linear-gradient(160deg,var(--card) 55%,#FCEEF0)!important}
body[data-space=client] .t-n{background:linear-gradient(160deg,var(--card) 55%,var(--mauve-soft))!important}
body[data-space=client] .dots i.on{background:var(--mauve)}
body[data-space=client] .gbar i{background:linear-gradient(90deg,var(--mauve),var(--brand))}
body[data-space=client] .erng{background:linear-gradient(90deg,#E3D3E1,var(--mauve) 45%,var(--brand))}
body[data-space=client] .erng::-webkit-slider-thumb{border-color:var(--mauve)}
body[data-space=client] .orb:not(.set){--c1:#E2CFE0;--c2:#F8F1F7}
body[data-space=client] .orb .halo{border-color:#E8D8E6}
body[data-space=client] .brth span{color:var(--plum)}
body[data-space=client] .dcl{stroke:url(#dcg)}
body[data-space=client] .dpt circle{stroke:var(--mauve)}body[data-space=client] .dpt.last circle{fill:var(--brand);stroke:#fff}
body[data-space=client] .tlcard .row::before{background:var(--mauve);opacity:1}
body[data-space=client] .ecard{background:linear-gradient(180deg,var(--card) 70%,#FBF5FA)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body[data-space=client]{--mauve:#D3A0CE;--mauve-soft:#33243A;--bg:#1C171C;--bg2:#2B222B;--line:#382C37}}
:root[data-theme="dark"] body[data-space=client]{--mauve:#D3A0CE;--mauve-soft:#33243A;--bg:#1C171C;--bg2:#2B222B;--line:#382C37}
/* Fenêtre de réservation */
.bk-sum{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:linear-gradient(120deg,#FDF0F0,#F5ECF4);margin-bottom:16px}
.bk-date{width:58px;flex:none;border-radius:14px;background:var(--card);text-align:center;padding:6px 0 7px;box-shadow:0 4px 12px -6px rgba(142,74,137,.35)}
.bk-date small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}.bk-date b{display:block;font-family:Fraunces,serif;font-size:24px;line-height:1.05;color:var(--ink)}.bk-date i{display:block;font-style:normal;font-size:11px;color:var(--muted)}
.bk-sum .g{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bk-sum .g b{font-size:16px}.bk-sum .g span{font-size:13px;color:var(--muted)}
.bk-pr{flex:none;font-weight:800;font-size:14px;padding:6px 12px;border-radius:99px;background:var(--card);color:var(--plum)}.bk-pr.free{color:#3C8A63}
.bk-lab{font-size:13px;font-weight:700;color:var(--ink);margin:0 0 8px}
.bk-modes{display:grid;gap:8px;margin-bottom:14px}
.bk-m{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:16px;cursor:pointer;background:var(--card);transition:border-color .25s,background .25s}
.bk-m input{position:absolute;opacity:0;pointer-events:none}.bk-m .mi{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--plum-soft);font-size:18px;flex:none}
.bk-m .g{flex:1;min-width:0;display:flex;flex-direction:column}.bk-m .g b{font-size:14.5px}.bk-m .g small{font-size:12.5px;color:var(--muted)}
.bk-m .rd{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex:none;transition:all .25s}
.bk-m:has(input:checked){border-color:var(--lilac);background:#FCF7FB}.bk-m:has(input:checked) .rd{border:6px solid var(--brand)}
.bk-m.solo{cursor:default}
.bk-sec{border-top:1px solid var(--line);padding-top:14px;margin-top:4px}
.bk-note{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin:8px 0 0}
.pcmp{margin-top:12px;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pc-h,.pc-r{display:grid;grid-template-columns:minmax(0,1fr) 84px 84px;align-items:center;gap:6px;padding:10px 12px}
.pc-h{background:var(--surface2);font-size:12.5px}.pc-h b{text-align:center;color:var(--muted)}.pc-h b.pm{color:var(--plum)}.pc-h b.cur{background:var(--card);border-radius:99px;padding:3px 0;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.pc-r{border-top:1px solid var(--line);font-size:13.5px}.pc-l{display:flex;gap:8px;align-items:center;min-width:0}.pc-l i{font-style:normal;flex:none}
.pc-g,.pc-p{text-align:center;font-size:12.5px;font-weight:700;color:var(--muted)}.pc-p{color:var(--plum)}
.pc-r.diff{background:linear-gradient(90deg,transparent 40%,#FBF3FA)}.pc-r.diff .pc-p{color:var(--brand)}
.pc-pitch{margin:12px 0 0;font-size:13.5px;color:var(--ink);line-height:1.5}
@media(max-width:600px){.pc-h,.pc-r{grid-template-columns:minmax(0,1fr) 64px 64px;padding:9px 10px}.pc-r{font-size:12.5px}.pc-g,.pc-p{font-size:11.5px}}
/* ZEN 3 : concept UpLife — prune profond, mauve, corail (soulever l'énergie) */
body[data-space=client]{--plumD:#C47FBF;--plumM:#C47FBF;--mauve:#C47FBF;--mauve-soft:#F3E6F1;--bg:#FAF5F9;--line:#EBDCE9}
body[data-space=client]::after{content:"";position:fixed;inset:0 0 auto 0;height:340px;z-index:-1;pointer-events:none;background:radial-gradient(120% 100% at 15% 0%,#F1DDEE 0%,rgba(241,221,238,0) 70%),radial-gradient(80% 90% at 100% 0%,#FBE3E3 0%,rgba(251,227,227,0) 65%)}
body[data-space=client] #main h1{color:var(--plumD)}
body[data-space=client] .card{border:1px solid var(--line);box-shadow:0 10px 30px -22px rgba(196,127,191,.45)}
body[data-space=client] .card h2{color:var(--plumD)}
/* carte énergie : le cœur de l'appli */
body[data-space=client] .ecard{position:relative;overflow:hidden;border:0;border-radius:28px;color:#fff;background:linear-gradient(165deg,#C47FBF 0%,#C47FBF 48%,#DB7398 78%,#F25C5C 100%);box-shadow:0 24px 50px -24px rgba(196,127,191,.75)}
body[data-space=client] .ecard::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;bottom:-110px;background:radial-gradient(circle,rgba(242,92,92,.45),rgba(242,92,92,0) 70%);pointer-events:none}
body[data-space=client] .ecard h2{color:#fff}body[data-space=client] .ecard .meta{color:rgba(255,255,255,.92)}
body[data-space=client] .ecard .orb:not(.set){--c1:#E9C9E4;--c2:#FFF7FD}
body[data-space=client] .ecard .orb{box-shadow:0 18px 50px -8px rgba(30,0,30,.45),0 0 0 10px rgba(255,255,255,.06),inset 0 -10px 24px rgba(0,0,0,.08)}
body[data-space=client] .ecard .orb .halo{border-color:rgba(255,255,255,.45)}body[data-space=client] .ecard .orb .pt{background:rgba(255,255,255,.75)}
body[data-space=client] .ecard .brth span{color:var(--plumM)}
body[data-space=client] .ecard .ow{color:#fff}
body[data-space=client] .ecard .rlab{color:rgba(255,255,255,.8)}
body[data-space=client] .ecard .erng{height:8px;background:linear-gradient(90deg,rgba(255,255,255,.35),#F3B6D9 45%,#FF8A80)}
body[data-space=client] .ecard .erng::-webkit-slider-thumb{border:3px solid #fff;background:var(--brand);box-shadow:0 4px 14px rgba(0,0,0,.3)}
body[data-space=client] .ecard .erng::-moz-range-thumb{border:3px solid #fff;background:var(--brand)}
body[data-space=client] .ecard label,body[data-space=client] .ecard .f{color:rgba(255,255,255,.9)}
body[data-space=client] .ecard .in,body[data-space=client] .ecard select,body[data-space=client] .ecard input[type=time],body[data-space=client] .ecard textarea{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;color-scheme:dark}
body[data-space=client] .ecard select option,body[data-space=client] .ecard select optgroup{color:#2E2433;background:#fff}
body[data-space=client] .ecard .in::placeholder{color:rgba(255,255,255,.6)}
body[data-space=client] .ecard [data-saveenergy]{background:#fff;color:var(--plumD);box-shadow:0 10px 24px -10px rgba(0,0,0,.45)}
body[data-space=client] .ecard .chip{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.3)}
body[data-space=client] .ecard a,body[data-space=client] .ecard .link{color:#FFD6DE}
/* tuiles */
body[data-space=client] .t3{border:1px solid var(--line)!important}
body[data-space=client] .t-e{background:linear-gradient(160deg,#fff 30%,#F3E3F1)!important}
body[data-space=client] .t-s{background:linear-gradient(160deg,#fff 30%,#FCE6E8)!important}
body[data-space=client] .t-n{background:linear-gradient(160deg,#fff 30%,#EFE1F0)!important}
body[data-space=client] .t3 b{color:var(--plumD)}
/* bandeau séance */
body[data-space=client] .banner{background:linear-gradient(110deg,var(--brand) 0%,#D9668A 50%,var(--plumM) 100%);box-shadow:0 14px 30px -16px rgba(196,127,191,.8)}
/* Ma journée */
body[data-space=client] .dcard{background:linear-gradient(180deg,#fff 0%,#FBF3FA 100%)}
body[data-space=client] .dpt.last circle{fill:var(--plumM)}
/* navigation */
body[data-space=client] #mnav .on,body[data-space=client] .tabbar .on{background:var(--mauve-soft)!important;color:var(--plumD)!important}
body[data-space=client] .side .on{background:var(--mauve-soft);color:var(--plumD)}
/* boutons principaux en dégradé corail → mauve */
body[data-space=client] .btn.p{background:linear-gradient(110deg,var(--brand),#D9668A);box-shadow:0 10px 22px -12px rgba(217,102,138,.9)}
/* fenêtre de réservation et abonnement */
.bk-sum{background:linear-gradient(120deg,var(--plumD),var(--plumM) 60%,#C9677F)!important;color:#fff}.bk-sum .g span{color:rgba(255,255,255,.8)}.bk-pr{background:rgba(255,255,255,.95)}
.bk-m .mi{background:#F3E3F1}.bk-m:has(input:checked){border-color:#C47FBF;background:#FBF4FA}
.pc-h{background:linear-gradient(90deg,#FBF4FA,#F3E3F1)}.pc-h b.pm{color:#C47FBF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body[data-space=client]::after{opacity:.12}:root:not([data-theme="light"]) body[data-space=client] .t3,:root:not([data-theme="light"]) body[data-space=client] .dcard{background:var(--card)!important}:root:not([data-theme="light"]) body[data-space=client] .card h2,:root:not([data-theme="light"]) body[data-space=client] #main h1,:root:not([data-theme="light"]) body[data-space=client] .t3 b{color:#F3D9EF}}
:root[data-theme="dark"] body[data-space=client] .t3,:root[data-theme="dark"] body[data-space=client] .dcard{background:var(--card)!important}
body[data-space=client] .ecard [data-saveenergy]{background:#fff!important;color:var(--plumD)!important;box-shadow:0 10px 24px -10px rgba(0,0,0,.45)!important}
body[data-space=client] .ecard .ow{margin-top:14px}
/* menu « Comparer » (admin) : pastilles sur plusieurs lignes, sans barre de défilement */
.seg.ovseg{display:flex;flex-wrap:wrap;gap:6px;width:100%;overflow:visible;background:none;border:0;padding:0;box-shadow:none}
.seg.ovseg button{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-weight:600;font-size:13px;white-space:nowrap;transition:all .25s}
.seg.ovseg button:hover{border-color:#C9A6C5;color:#C47FBF}
.seg.ovseg button.on{background:#C47FBF;border-color:#C47FBF;color:#fff;box-shadow:0 6px 16px -8px rgba(196,127,191,.8)}
.st3.k4w{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:none;margin:0 0 16px}
.k4{display:flex;flex-direction:column;gap:6px;padding:14px 14px 13px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 22px -18px rgba(196,127,191,.6);min-width:0;animation:t3in .7s cubic-bezier(.22,1,.36,1) both}
.k4:nth-child(2){animation-delay:.08s}.k4:nth-child(3){animation-delay:.16s}
.k4t{display:flex;align-items:center;gap:10px;min-width:0}
.k4i{width:36px;height:36px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:17px;background:linear-gradient(135deg,#F7EAF6,#FDE9E9)}
.k4v{display:flex;align-items:baseline;gap:3px;min-width:0}.k4v b{font-family:Fraunces,serif;font-size:26px;line-height:1;color:#3A2A3A}.k4v small{font-size:12px;font-weight:700;color:var(--muted)}
.k4l{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k4b{display:block;height:6px;border-radius:9px;background:#F3E7F2;overflow:hidden}.k4b i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#C47FBF,#F25C5C);animation:gb 1.2s .3s cubic-bezier(.22,1,.36,1) both}
.k4d{display:flex;gap:4px;height:6px;align-items:center}.k4d i{flex:1;height:6px;border-radius:9px;background:#F3E7F2}.k4d i.on{background:linear-gradient(90deg,#C47FBF,#E27399)}
@media(max-width:600px){.st3.k4w{gap:8px}.k4{padding:11px 10px 10px;gap:5px;border-radius:18px}.k4t{gap:7px}.k4i{width:28px;height:28px;font-size:14px;border-radius:9px}.k4v b{font-size:21px}.k4v small{font-size:10.5px}.k4l{font-size:11px}}
@media(max-width:360px){.k4t{flex-direction:column;align-items:flex-start}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .k4v b{color:#F7EEF6}:root:not([data-theme="light"]) .k4i{background:#3A2A3A}:root:not([data-theme="light"]) .k4b,:root:not([data-theme="light"]) .k4d i{background:#3A2A3A}}
:root[data-theme="dark"] .k4v b{color:#F7EEF6}
/* carte énergie un peu plus claire */
body[data-space=client] .ecard{background:linear-gradient(165deg,#D5A2D1 0%,#D19BCD 45%,#E59AB0 78%,#F49A92 100%)!important;box-shadow:0 22px 46px -26px rgba(196,127,191,.8)}
body[data-space=client] .ecard::before{background:radial-gradient(circle,rgba(255,170,160,.45),rgba(255,170,160,0) 70%)}
body[data-space=client] .ecard h2,body[data-space=client] .ecard .ow{text-shadow:0 1px 8px rgba(120,50,110,.25)}
body[data-space=client] .ecard .in,body[data-space=client] .ecard select,body[data-space=client] .ecard input[type=time]{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}
body[data-space=client] .ecard [data-saveenergy]{color:#C47FBF!important}
body[data-space=client] .banner{background:linear-gradient(110deg,#F47575 0%,#E487A6 50%,#D29FCF 100%)}
/* page Ma séance */
.sh{border-radius:26px;padding:18px;margin-bottom:16px;color:#fff;background:linear-gradient(150deg,#D5A2D1 0%,#D19BCD 50%,#EFA0A6 100%);box-shadow:0 22px 46px -28px rgba(196,127,191,.9)}
.sh-top{display:flex;gap:14px;align-items:center}.sh .bk-date{box-shadow:0 6px 16px -8px rgba(120,50,110,.5)}
.sh-g{display:flex;flex-direction:column;gap:3px;min-width:0}.sh-g b{font-family:Fraunces,serif;font-size:21px;line-height:1.2;text-shadow:0 1px 8px rgba(120,50,110,.2)}.sh-g>span{font-size:13px;color:rgba(255,255,255,.95)}
.sh-when{align-self:flex-start;font-size:11.5px!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.25);padding:3px 10px;border-radius:99px}
.sh .steps{margin:16px 0 0;gap:6px}.sh .steps span{clip-path:none!important;margin:0;border-radius:99px!important;padding:7px 4px!important;background:rgba(255,255,255,.22)!important;color:rgba(255,255,255,.9)!important;font-size:12px}
.sh .steps span.ok{background:rgba(255,255,255,.4)!important;color:#fff!important}.sh .steps span.ok::before{content:"✓ "}
.sh .steps span.cur{background:#fff!important;color:#C47FBF!important;box-shadow:0 4px 12px -4px rgba(120,50,110,.4)}
.sj-h{display:flex;gap:12px;align-items:center;margin-bottom:12px}.sj-i{width:42px;height:42px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#F7EAF6,#FDE9E9)}
.sj-h b{display:block;font-size:15.5px}.sj-h small{display:block;font-size:12.5px;color:var(--muted);line-height:1.4}
.sj .vjoin{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.sj .vjoin .btn{flex:1 1 260px;justify-content:center;border-radius:16px;padding:13px}
.sj .vjoin .btn[disabled]{background:var(--surface2);border:1px dashed #DDBFDA;color:var(--muted);opacity:1}
.sinfo h2{font-size:16px!important}.si-r{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.si-r:first-of-type{border-top:0}.si-r>span{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--surface2);font-size:15px}.si-r p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}
.si-a{padding-top:8px;border-top:1px solid var(--line)}.si-a .link{color:var(--muted);font-weight:600}.si-a .link:hover{color:var(--brand)}
body[data-space=client] .check{background:var(--card);border-color:var(--line);transition:background .3s,border-color .3s}body[data-space=client] .check input{accent-color:#C47FBF}
body[data-space=client] .check.done{background:#FBF4FA;border-color:#EBD3E8}body[data-space=client] .check.done span{text-decoration:none;color:var(--muted)}body[data-space=client] .check.done span::after{content:" · fait";color:#C47FBF;font-weight:700}
body[data-space=client] .scale button{border-radius:12px;border:1px solid var(--line);background:var(--card);transition:all .2s}body[data-space=client] .scale button.on{background:linear-gradient(135deg,#C47FBF,#F25C5C);border-color:transparent;color:#fff;box-shadow:0 6px 14px -6px rgba(196,127,191,.8)}
body[data-space=client] .note{background:#FBF4FA;color:#8E4A89;border:1px solid #F0DDEE}
@media(max-width:600px){.sh{padding:15px;border-radius:22px}.sh-g b{font-size:18px}.sh .steps span{font-size:11px}}
/* légal, conformité */
.lgl{display:flex;flex-direction:column}.lgl-r{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;text-align:left;padding:12px 6px;border-radius:14px;cursor:pointer;color:var(--ink)}.lgl-r+.lgl-r{border-top:1px solid var(--line)}.lgl-r:hover{background:var(--surface2)}.lgl-r .g{flex:1;min-width:0;display:flex;flex-direction:column}.lgl-r b{font-size:14.5px}.lgl-r small{font-size:12px;color:var(--muted)}
.lgl-t{white-space:pre-line;font-size:13.5px;line-height:1.6;color:var(--ink);max-height:60vh;overflow:auto;padding:12px 14px;border-radius:14px;background:var(--surface2);border:1px solid var(--line)}
.cmp-g{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 4px}
.cmp-r{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.cmp-r .g{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cmp-r b{font-size:14px;font-weight:600}.cmp-r small{font-size:12px;color:var(--muted)}.cmp-r .chip{cursor:pointer;border:0}
.tblw{overflow-x:auto;margin-top:10px}.tbl{width:100%;border-collapse:collapse;font-size:12.5px;min-width:760px}.tbl th{text-align:left;color:var(--muted);font-weight:700;padding:8px;border-bottom:1px solid var(--line)}.tbl td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}
.rmsg{font-size:11px;color:var(--muted);padding:0;margin-left:2px}.rmsg:hover{color:var(--brand)}
.myevm{display:block;margin-top:6px;font-size:12.5px}body[data-space=client] .ecard .myevm{color:#fff;opacity:.9}
/* Ma séance simplifiée */
.sh-g>.sh-st{align-self:flex-start;margin-top:6px;font-size:12px;font-weight:800;background:#fff;color:#C47FBF!important;padding:4px 12px;border-radius:99px}
.sj{padding:14px}.sj .vjoin{display:flex;flex-direction:column;gap:8px;align-items:stretch}.sj .vjoin .btn{flex:none;width:100%;justify-content:center;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:2px}.sj .vjoin .btn small{font-size:12px;font-weight:600;opacity:.8}
.sdemo{font-size:12px!important;color:var(--muted)!important;font-weight:600;align-self:center}
.pcnt{font-family:inherit;font-size:13px;font-weight:800;color:#fff;background:#C47FBF;border-radius:99px;padding:2px 10px;margin-left:6px;vertical-align:middle}
.sfoot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 4px 14px}.sfoot .link{font-size:13px;color:var(--muted);font-weight:600}.sfoot [data-cancel]{color:var(--brand)}
.faq{display:flex;flex-direction:column}.faq-i{border-top:1px solid var(--line);padding:4px 0}.faq-i:first-child{border-top:0}.faq-i summary{cursor:pointer;font-weight:700;padding:10px 4px;list-style:none;display:flex;justify-content:space-between;gap:10px}.faq-i summary::after{content:"+";color:#C47FBF;font-size:18px;line-height:1}.faq-i[open] summary::after{content:"–"}.faq-i p{margin:0 4px 10px;color:var(--muted);font-size:14px;line-height:1.55}
.dm-l{font-size:13px;font-weight:700;margin:0 0 8px}.dm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.dm-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border:1.5px solid var(--line);border-radius:16px;background:var(--card);cursor:pointer;text-align:left;color:var(--ink)}.dm-b b{font-size:14px}.dm-b small{font-size:11.5px;color:var(--muted)}.dm-i{font-size:20px}.dm-b.on{border-color:#C47FBF;background:#FBF4FA;box-shadow:0 6px 16px -10px rgba(196,127,191,.8)}.dm-b[disabled]{opacity:.5;cursor:not-allowed}
.lo-b{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-weight:700;font-size:12.5px;cursor:pointer}.lo-b:hover{color:var(--brand);border-color:var(--brand)}
@media(max-width:600px){.lo-b span{display:none}.lo-b{width:38px;padding:0;justify-content:center}}
/* Accessibilité : contrastes WCAG AA (texte) */
:root{--muted:#6E6072}
body[data-space=client] .card h2,body[data-space=client] #main h1,body[data-space=client] .sh-st{color:#B068AB}
#mnav .on,#mnav button.on{color:#8E4A89!important}
.link,a.link{color:#C2373D}
.mlogo .ver,.logo .ver,.word .ver{color:#C2373D}
.chip.ok,.ok.chip{color:#2F6E50}.chip.br,.br.chip{color:#C2373D}
.newtag{background:#C2373D!important}
.chip{color:#5E5162}
body[data-space=client] #mnav .on,body[data-space=client] .tabbar .on,body[data-space=client] .side .on{color:#8E4A89!important}.chip.br,.br.chip{color:#A82A30}
.csec.hid{display:none}.csec-t{font-family:Fraunces,serif;font-size:22px;margin:4px 0 12px}
.cs-g{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}.cs-side{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface2)}.cs-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.cs-side .f{margin-top:8px}.cs-doc{display:block;margin-top:4px;font-weight:400}
@media(max-width:700px){.cs-g{grid-template-columns:1fr}}
.cbox{margin:8px 0 12px;padding:12px 14px;border-radius:14px;background:#FBF4FA;border:1px solid #EBD3E8}.cbox b{display:block;font-size:13.5px;margin-bottom:4px}.cbox p{margin:4px 0;font-size:13.5px}.cbox small{display:block;margin-top:6px}
.stars{display:flex;gap:4px}.star{border:0;background:none;font-size:28px;color:#E3D3E1;cursor:pointer;padding:0 2px}.star.on{color:#C47FBF}
.guide{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:0 0 14px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.gd-i{font-size:20px}.guide .g{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.guide b{font-size:13.5px}.guide small{font-size:12.5px;color:var(--muted)}.gd-bar{display:block;height:4px;border-radius:9px;background:#F3E7F2;overflow:hidden;max-width:260px}.gd-bar i{display:block;height:100%;background:linear-gradient(90deg,#C47FBF,#F25C5C)}.gd-x{font-size:12.5px;white-space:nowrap}.gd-c{border:0;background:none;color:var(--muted);cursor:pointer;font-size:14px;padding:4px}
.ml-r{flex-wrap:wrap}.ml-r .g{flex:1 1 260px}
.mp-meta{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--muted);margin-bottom:10px}.mp-mail{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;color:#2E2433}.mp-hd{display:flex;align-items:center;gap:8px;padding:14px 18px;background:linear-gradient(110deg,#FDF0F0,#F5ECF4)}.mp-hd img{width:28px;height:28px}.mp-hd b{font-family:Fraunces,serif;font-size:18px;color:#C47FBF}.mp-bd{padding:18px;font-size:14.5px;line-height:1.6}.mp-bd p{margin:0 0 12px}.mp-btn{display:inline-block;margin:4px 0 14px;padding:11px 20px;border-radius:99px;background:linear-gradient(110deg,#F25C5C,#D9668A);color:#fff;font-weight:700;font-size:14px}.mp-sig{color:#6E6072}.mp-ft{padding:12px 18px;font-size:11.5px;color:#6E6072;background:#FAF5F9;border-top:1px solid #EFE5EE;line-height:1.5}