/* ============ Site public (/prix, /seances…) : structure inspirée de TrendTrack, identité collègues ============ */
.sx{--d:#121416;--d2:#1B1E21;--d3:#25292D;--li:#F6F3EC;--ink:#18191B;--soft:#5F5B54;--dsoft:#A9A398;--line:#E4DFD3;--y:#FFD93D;--yd:#B98A00;
  background:var(--d);color:#F2ECDF;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif;font-size:17px;line-height:1.6;overflow-x:clip;min-height:100vh}
.sx h1,.sx h2,.sx h3{font-family:"Inter Tight",Inter,sans-serif;text-transform:none;font-style:normal;letter-spacing:-.03em;font-weight:700;margin:0;color:inherit}
.sx a{color:inherit}
.sx-label{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin:0 0 14px;color:inherit;opacity:.85}
.sx-label i{font-style:normal;color:var(--y)}
.sx-panel .sx-label i{color:var(--yd)}
/* Boutons */
.sx-btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:9px 10px 9px 20px;font-weight:700;font-size:.98rem;text-decoration:none;background:linear-gradient(180deg,color-mix(in srgb,var(--y) 70%,#fff),var(--y));color:#16130A!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--y) 40%,transparent),0 8px 28px color-mix(in srgb,var(--y) 28%,transparent);transition:transform .15s,box-shadow .15s}
.sx-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px color-mix(in srgb,var(--y) 50%,transparent),0 10px 34px color-mix(in srgb,var(--y) 40%,transparent)}
.sx-go{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(0,0,0,.12);font-size:1.15rem;line-height:1}
.sx-btn.light{background:#fff;box-shadow:none;padding:9px 20px;color:#16130A!important}
.sx-panel .sx-btn.light{background:#ECE7DC}
.sx-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
/* En-tête et méga-menu */
.sx-top{position:absolute;inset:0 0 auto;z-index:50}
.sn-bar{max-width:1240px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:18px;height:68px}
.sx .sn-logo{text-decoration:none;flex:none}
.sx .brandlg .lg-name{color:#F2ECDF!important}
.sn{display:flex;align-items:center}
.sn-list{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.sn-g{position:relative}
.sn-b{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.93rem;font-weight:500;color:inherit;background:none;border:0;border-radius:999px;padding:8px 14px;cursor:pointer;text-decoration:none;transition:background .2s}
.sn-b:hover,.sn-g:hover>.sn-b,.sn-g:focus-within>.sn-b{background:rgba(255,255,255,.1)}
.sn-chev{width:12px;height:12px;transition:transform .3s}
.sn-g:hover .sn-chev,.sn-g:focus-within .sn-chev{transform:rotate(180deg)}
.sn-panel{position:absolute;top:100%;left:-12px;padding-top:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s,transform .35s,visibility .3s}
.sn-g:hover .sn-panel,.sn-g:focus-within .sn-panel{opacity:1;visibility:visible;transform:none}
.sn-grid{background:rgba(24,26,29,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:10px;display:grid;grid-template-columns:1fr;gap:2px;width:360px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.sn-panel.two .sn-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:720px}
.sn-it{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;text-decoration:none;color:#F2ECDF!important;transition:background .2s}
.sn-it:hover{background:rgba(255,255,255,.07)}
.sn-it span{min-width:0}
.sn-it b{display:block;font-weight:600;font-size:.94rem;line-height:1.25}
.sn-it small{display:block;color:#A9A398;font-size:.82rem;line-height:1.35}
.sn-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.sn-ic svg{width:21px;height:21px;fill:currentColor}
.sn-right{margin-left:auto;display:flex;gap:8px;align-items:center}
.sn-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.25);white-space:nowrap}
.sn-pill.y{background:var(--y,#FFD93D);color:#16130A!important;border-color:transparent;padding-right:8px}
.sn-go{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:rgba(0,0,0,.12)}
/* Menu téléphone */
.sn-m{display:none}
.sn-m>summary{list-style:none;cursor:pointer;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-content:center;gap:6px}
.sn-m>summary::-webkit-details-marker{display:none}
.sn-m>summary i{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s}
.sn-m[open]>summary{position:fixed;top:24px;right:24px;z-index:3;background:#18191B;color:#fff;border-radius:999px}
.sn-m[open]>summary i:first-child{transform:translateY(4px) rotate(45deg)}
.sn-m[open]>summary i:last-child{transform:translateY(-4px) rotate(-45deg)}
.sn-m[open]::before{content:"";position:fixed;inset:0;background:rgba(10,11,12,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}
.sn-m-card{position:fixed;top:12px;left:12px;right:12px;z-index:2;max-height:calc(100dvh - 24px);overflow:auto;background:#fff;color:#18191B;border-radius:26px;padding:18px 16px 16px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.sn-m-head{display:flex;justify-content:space-between;align-items:center;height:30px;margin-bottom:6px;font-family:"JetBrains Mono",monospace;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#6B6862}
.sn-m-g{border-bottom:1px solid #EEE9DF}
.sn-m-g>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 4px;font-weight:600;cursor:pointer}
.sn-m-g>summary::-webkit-details-marker{display:none}
.sn-m-g[open] .sn-chev{transform:rotate(180deg)}
.sn-m .sn-it{color:#18191B!important;padding:8px 4px}
.sn-m .sn-it small{color:#6B6862}
.sn-m-l{display:flex;justify-content:space-between;padding:14px 4px;font-weight:600;text-decoration:none;border-bottom:1px solid #EEE9DF}
.sn-m-cta{display:grid;gap:8px;margin-top:16px}
.sn-m-cta .sn-pill{justify-content:center;padding:12px;border-color:transparent;background:#F1EDE4;color:#18191B}
.sn-m-cta .sn-pill.y{background:var(--y,#FFD93D)}
@media (max-width:960px){.sx .sn,.sx .sn-right{display:none}.sx .sn-m{display:block;margin-left:auto}}
/* Accueil (fond clair) : mêmes entrées, panneaux sombres */
.top .sn-home{margin-left:8px}
.top .sn-home .sn-b{color:#1D1D1F}
.top .sn-home .sn-b:hover,.top .sn-home .sn-g:hover>.sn-b,.top .sn-home .sn-g:focus-within>.sn-b{background:rgba(0,0,0,.06)}
.top .sn-home .sn-panel{z-index:60}
.top .sn-m.sn-home{display:none;--y:#FFD93D}
.top .sn-m.sn-home>summary{background:rgba(0,0,0,.06);color:#1D1D1F}
body.authed .sn-home,body.shell .sn-home,body.room .sn-home{display:none!important}
@media (max-width:960px){.top nav.sn-home{display:none}.top .sn-m.sn-home{display:block;order:3}}
/* Hero */
.sx-hero{max-width:980px;margin:0 auto;padding:150px 20px 0;text-align:center}
.sx-hero h1{font-size:clamp(2.4rem,6vw,4.1rem);line-height:1.02;margin:0 auto 18px;max-width:15em;color:#F7F3EA}
.sx-hero h1 em{font-style:normal;color:var(--y);text-shadow:0 0 40px color-mix(in srgb,var(--y) 35%,transparent)}
.sx-lead{color:var(--dsoft);font-size:1.15rem;max-width:40em;margin:0 auto}
.sx-pills{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0 0;padding:0}
.sx-pills li{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 13px;font-size:.86rem;color:#DDD7CB}
.sx-pills li span{color:var(--y);font-weight:700}
.sx-panel .sx-pills li{border-color:var(--line);color:var(--soft)}
.sx-panel .sx-pills li span{color:var(--yd)}
.sx-hero-media{margin:54px auto -150px;position:relative;z-index:2;max-width:1080px}
/* Capture */
.sx-shot{margin:0;background:#0C0D0E;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:0 6px 6px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.sx-shot-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 8px}
.sx-shot-bar i{width:10px;height:10px;border-radius:50%;background:#3A3E43}
.sx-shot-bar span{margin:0 auto;font-size:.72rem;color:#8C877E;background:#1B1E21;border-radius:8px;padding:2px 40px}
.sx-shot img{display:block;width:100%;height:auto;border-radius:12px}
.sx-panel .sx-shot{box-shadow:0 20px 50px rgba(30,25,15,.16)}
/* Panneau clair */
.sx-panel{background:var(--li);color:var(--ink);border-radius:32px;margin:80px 12px 0;padding:0 0 30px;position:relative}
.sx-hero-media+*{}
.sx-hero:has(.sx-hero-media)+.sx-panel{padding-top:150px;margin-top:0}
.sx-in{max-width:1160px;margin:0 auto;padding:70px 24px 20px}
.sx-block{padding:0 0 90px}
.sx-bh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
.sx-bh h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;max-width:16em}
.sx-text{color:var(--soft);font-size:1.08rem;max-width:40em;margin:14px 0 0}
.sx-block.center .sx-bh{flex-direction:column;align-items:center;text-align:center}
.sx-block.center .sx-bh h2,.sx-block.center .sx-text{margin-left:auto;margin-right:auto}
/* Cartes */
.sx-cards{display:grid;gap:14px}
.sx-cards.c3{grid-template-columns:repeat(3,1fr)}
.sx-cards.c2{grid-template-columns:repeat(2,1fr)}
.sx-cards.c4{grid-template-columns:repeat(4,1fr)}
.sx-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}
.sx-card h3{font-size:1.15rem;margin:14px 0 6px}
.sx-card p{margin:0;color:var(--soft);font-size:.96rem}
.sx-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--c) 22%,#fff);color:color-mix(in srgb,var(--c) 70%,#000);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.sx-ic svg{width:22px;height:22px;fill:currentColor}
/* Texte + capture */
.sx-split{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center;margin:0 0 70px}
.sx-split.flip{grid-template-columns:7fr 5fr}
.sx-split.flip .sx-split-t{order:2}
.sx-split-t h3{font-size:1.6rem;line-height:1.12;margin-bottom:10px}
.sx-split-t p{color:var(--soft);margin:0 0 12px}
.sx-split-t ul{margin:0;padding:0;list-style:none}
.sx-split-t li{padding:8px 0 8px 26px;position:relative;border-top:1px solid var(--line);font-size:.97rem}
.sx-split-t li::before{content:"✓";position:absolute;left:2px;color:var(--yd);font-weight:700}
/* Étapes */
.sx-steps{list-style:none;margin:0;padding:0 0 6px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory}
.sx-steps li{scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;min-height:200px}
.sx-step-n{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;background:#F1EDE4;border-radius:999px;padding:4px 10px;margin-bottom:40px}
.sx-steps h3{font-size:1.12rem;margin-bottom:6px}
.sx-steps p{margin:0;color:var(--soft);font-size:.95rem}
/* Tableaux */
.sx-tw{overflow-x:auto;border-radius:20px;border:1px solid var(--line);background:#fff}
.sx-table{width:100%;border-collapse:collapse;font-size:.96rem}
.sx-table th,.sx-table td{padding:13px 16px;border-bottom:1px solid #EFEBE2;text-align:left;vertical-align:top}
.sx-table th{font-weight:700;background:#FAF8F3}
.sx-table tr:last-child td{border-bottom:0}
/* Texte long */
.sx-sec{max-width:780px;margin:0 auto 40px}
.sx-sec h2{font-size:1.5rem;margin-bottom:12px}
.sx-prose p{margin:0 0 12px}
.sx-prose ul,.sx-prose ol{margin:0 0 12px;padding-left:1.2em}
.sx-prose li{margin:0 0 6px}
.sx-prose a{text-decoration:underline}
.pg-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--line);background:#fff;margin:6px 0 14px}
.pg-table{width:100%;border-collapse:collapse;font-size:.94rem}
.pg-table th,.pg-table td{padding:10px 14px;border-bottom:1px solid #EFEBE2;text-align:left;vertical-align:top}
.pg-table th{background:#FAF8F3}
.pg-table tr:last-child td{border-bottom:0}
.pg-note,.sx-note{font-size:.88rem;color:var(--soft)}
/* FAQ deux colonnes */
.sx-faq{max-width:1160px;margin:0 auto;padding:110px 24px 40px;display:grid;grid-template-columns:4fr 7fr;gap:48px}
.sx-faq h2{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.05;margin-bottom:14px}
.sx-faq-h p{color:var(--dsoft)}
.sx-faq-l details{border-bottom:1px solid rgba(255,255,255,.1);padding:18px 0}
.sx-faq-l summary{list-style:none;cursor:pointer;font-weight:600;font-size:1.05rem;display:flex;justify-content:space-between;gap:16px}
.sx-faq-l summary::-webkit-details-marker{display:none}
.sx-faq-l summary::after{content:"+";color:var(--y);font-size:1.4rem;line-height:1;transition:transform .2s}
.sx-faq-l details[open] summary::after{transform:rotate(45deg)}
.sx-faq-l details p{margin:10px 0 0;color:var(--dsoft)}
/* Appel final */
.sx-final{text-align:center;padding:100px 20px 110px;background:radial-gradient(60% 70% at 50% 100%,color-mix(in srgb,var(--y) 14%,transparent),transparent 70%)}
.sx-final h2{font-size:clamp(2.2rem,5.5vw,3.8rem);line-height:1.02;color:#F7F3EA}
.sx-final>p{color:var(--dsoft);margin:16px auto 0;max-width:34em}
/* Pied de page */
.sx-foot{border-top:1px solid rgba(255,255,255,.08);max-width:1240px;margin:0 auto;padding:32px 24px 22px;font-size:.92rem}
.sx-foot-top{display:block}
.sx-foot-brand p{color:var(--dsoft);margin:10px 0 0;max-width:30em}
.sx-foot-note{font-size:.84rem}
.sx-foot nav p{font-family:"JetBrains Mono",monospace;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#7D786F;margin:0 0 12px}
.sx-foot nav a{display:block;color:#D9D3C7;text-decoration:none;padding:4px 0}
.sx-foot nav a:hover{color:#fff}
.sx-foot-bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);margin-top:24px;padding-top:16px;color:#7D786F;font-size:.84rem}
/* Téléphone */
@media (max-width:860px){
  .sx-hero{padding-top:118px}
  .sx-cards.c3,.sx-cards.c4,.sx-cards.c2{grid-template-columns:1fr}
  .sx-split,.sx-split.flip{grid-template-columns:1fr;gap:22px}
  .sx-split.flip .sx-split-t{order:0}
  .sx-bh{flex-direction:column;align-items:flex-start}
  .sx-faq{grid-template-columns:1fr;gap:10px;padding-top:80px}
  .sx-panel{margin:60px 6px 0;border-radius:26px}
  .sx-in{padding:48px 16px 10px}
  .sx-hero-media{margin-bottom:-80px}
  .sx-hero:has(.sx-hero-media)+.sx-panel{padding-top:80px}
  .sx-block{padding-bottom:60px}
}
/* Bandeau de consentement (mesure d'audience) */
#col-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:520px;margin:0 auto;background:#1E2225;color:#F2ECDF;border-radius:16px;padding:14px 16px;box-shadow:0 10px 30px rgba(0,0,0,.25);font:14px/1.45 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#col-consent p{margin:0;flex:1 1 260px}
#col-consent a{color:#F2ECDF}
#col-consent div{display:flex;gap:8px}
#col-consent button{font:inherit;font-weight:700;border-radius:999px;padding:7px 14px;cursor:pointer;border:1.5px solid #F2ECDF;background:transparent;color:#F2ECDF}
#col-consent button[data-v="oui"]{background:#F2ECDF;color:#1E2225}
/* Accueil : liens du bas vers les pages publiques */
.foot .foot-pages{flex-basis:100%;display:flex;gap:6px 16px;flex-wrap:wrap}
.sx-card.link{text-decoration:none;color:inherit!important;transition:transform .15s,box-shadow .15s}
.sx-card.link:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(30,25,15,.1)}
/* Cartes de prix (page /prix) */
.sx-plans{display:grid;grid-template-columns:repeat(2,minmax(0,420px));gap:18px;justify-content:center;text-align:left}
.sx-plan{position:relative;background:var(--d2);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:28px}
.sx-plan.hot{border-color:color-mix(in srgb,var(--y) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--y) 25%,transparent),0 20px 60px color-mix(in srgb,var(--y) 12%,transparent)}
.sx-plan h2{font-size:1.5rem;color:#F7F3EA}
.sx-plan-tag{position:absolute;top:24px;right:24px;font-size:.76rem;font-weight:700;background:var(--y);color:#16130A;border-radius:999px;padding:4px 10px}
.sx-plan-for{color:var(--dsoft);margin:4px 0 18px}
.sx-plan-price{margin:0;color:var(--dsoft)}
.sx-plan-price b{font-family:"Inter Tight",Inter,sans-serif;font-size:3rem;letter-spacing:-.04em;color:#F7F3EA}
.sx-plan-sub{margin:0 0 20px;color:var(--dsoft);font-size:.9rem}
.sx-plan-sub span{color:var(--y);font-weight:700}
.sx-plan .sx-btn{width:100%;justify-content:center}
.sx-plan ul{list-style:none;margin:22px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.08)}
.sx-plan li{display:flex;gap:10px;padding:5px 0;font-size:.95rem;color:#E7E1D5}
.sx-plan li span{color:var(--y);font-weight:700;width:14px}
.sx-plan li.no{color:#77726A}
.sx-plan li.no span{color:#57534D}
.sx-hero-media:has(.sx-plans){margin-bottom:-120px}
@media (max-width:860px){.sx-plans{grid-template-columns:1fr}}
/* Calculateur de TJM */
.tjm{display:grid;grid-template-columns:7fr 5fr;gap:18px;text-align:left}
.tjm-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:10px 24px}
.tjm-f{display:grid;grid-template-columns:1fr 190px;gap:2px 16px;align-items:center;padding:14px 0;border-bottom:1px solid #EFEBE2}
.tjm-f:last-child{border-bottom:0}
.tjm-f>span:first-child{font-weight:600}
.tjm-f small{grid-column:1/-1;color:var(--soft);font-size:.86rem}
.tjm-in{display:flex;align-items:center;gap:8px;background:#F6F3EC;border:1px solid var(--line);border-radius:12px;padding:0 12px}
.tjm-in input{width:100%;min-width:0;border:0;background:none;font:inherit;font-weight:700;font-size:1.05rem;padding:10px 0;color:var(--ink)}
.tjm-in input:focus{outline:none}
.tjm-in:focus-within{border-color:var(--yd)}
.tjm-in em{font-style:normal;color:var(--soft);font-size:.82rem;white-space:nowrap}
.tjm-res{background:var(--d);color:#F2ECDF;border-radius:24px;padding:28px;align-self:start;position:sticky;top:20px}
.tjm-k{font-family:"JetBrains Mono",monospace;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dsoft);margin:0}
.tjm-big{font-family:"Inter Tight",Inter,sans-serif;font-weight:700;font-size:3.4rem;letter-spacing:-.04em;margin:6px 0 18px;color:var(--y)}
.tjm-big small{font-size:1rem;color:var(--dsoft);letter-spacing:0}
.tjm-res ul{list-style:none;margin:0;padding:0}
.tjm-res li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);font-size:.95rem}
.tjm-res li span{color:var(--dsoft)}
.tjm-note{font-size:.86rem;color:var(--dsoft);margin:14px 0 0}
@media (max-width:860px){.tjm{grid-template-columns:1fr}.tjm-f{grid-template-columns:1fr}.tjm-res{position:static}}

/* Méga-menu Fonctionnalités rangé par univers (couleurs ensemble, comme dans l'app) */
.sn-grid.univ{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px;padding:14px}
.sn-col{display:flex;flex-direction:column;gap:10px}
.sn-u-t{margin:0;padding:2px 10px 2px;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.sn-m .sn-u{padding-bottom:6px}
.sn-m .sn-u-t{color:var(--cd);padding:6px 4px 0}
.sn-bd{font-style:normal;font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:2px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)}
.sn-m .sn-bd{color:var(--cd)}
/* Accueil visiteur : Se connecter / S’inscrire à droite (à la place de l’heure) */
body:not(.authed):not(.shell):not(.room) .top .authbtns{margin-left:auto}
body:not(.authed):not(.shell):not(.room) .top .right:empty{display:none}
@media (max-width:520px){body:not(.authed):not(.shell):not(.room) .top{gap:8px}body:not(.authed):not(.shell):not(.room) .top .authbtns{gap:6px}body:not(.authed):not(.shell):not(.room) .top .authbtns [data-auth="login"]{display:none}}
.sn-m-cta button.sn-pill{font:inherit;font-weight:600;cursor:pointer;width:100%}
/* Les pièces du LIVE (mêmes couleurs que dans l'app) */
.sx-rooms{display:grid;gap:26px}
.sx-zone-t{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin:0 0 12px}
.sx-zone-g{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.sx-zone-g.n2{grid-template-columns:2fr 1fr}
.sx-room{border-radius:22px;padding:22px;background:linear-gradient(160deg,color-mix(in srgb,var(--rc) 22%,#fff),color-mix(in srgb,var(--rc) 10%,#fff));border:2px solid color-mix(in srgb,var(--rc) 70%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--rc) 18%,transparent)}
.sx-room h3{font-size:1.25rem;margin:0 0 10px!important}
.sx-room.main h3{font-size:1.6rem}
.sx-room-but{display:inline-block;font-weight:700;font-size:.85rem;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--rc) 75%,#fff);color:#18191B}
.sx-room p{color:var(--soft);font-size:.95rem;margin:12px 0}
.sx-room-r{display:flex;flex-wrap:wrap;gap:6px}
.sx-room-r span{font-size:.8rem;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.06);color:#3B3833}
@media (max-width:860px){.sx-zone-g,.sx-zone-g.n2{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sx-zone-g,.sx-zone-g.n2{grid-template-columns:1fr}}
.sx-foot-legal{display:flex;gap:16px}.sx-foot-legal a{color:inherit}
.sx-zone-g.n1{grid-template-columns:minmax(0,560px)}

/* ============ v2 (12/11) : les pages publiques reprennent la charte de l'app ============
   Fond beige, cartes blanches, titres Inter Tight, boutons pilule à la couleur de l'univers.
   Ce bloc remplace l'ancien habillage sombre : il vient en dernier, il gagne. */
.sx{--li:#F6F3EC;--ink:#1D1D1F;--soft:#6B6B6B;--line:#E9E4D9;--chip:#EFEBE2;--d:#F6F3EC;--d2:#fff;--dsoft:#6B6B6B;
  background:#F6F3EC;color:var(--ink);font-size:16.5px;line-height:1.55;-webkit-font-smoothing:antialiased}
.sx h1,.sx h2,.sx h3{font-weight:800;letter-spacing:-.04em;color:var(--ink)}
/* Étiquette : la pastille de couleur + petites capitales, comme dans l'app */
.sx-label{font-family:Inter,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.09em;opacity:1;color:color-mix(in srgb,var(--yd) 75%,#3a3a3a);display:inline-flex;align-items:center;gap:8px}
.sx-label i{display:none}
.sx-label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--y);box-shadow:0 0 0 3px color-mix(in srgb,var(--y) 28%,transparent)}
/* Boutons de l'app */
.sx-btn{gap:8px;padding:11px 20px;font-weight:800;font-size:.95rem;letter-spacing:-.01em;background:var(--y);color:#111!important;border:1px solid color-mix(in srgb,var(--y) 80%,#000 6%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.12)}
.sx-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 16px rgba(0,0,0,.12)}
.sx-go{display:none}
.sx-btn.light,.sx-panel .sx-btn.light{background:#fff;border:1px solid var(--line);box-shadow:none;font-weight:600;padding:11px 20px}
/* En-tête clair */
.sx-top{position:sticky;top:0;inset:auto;background:rgba(246,243,236,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.sn-bar{height:62px;padding:10px 20px}
.sx .brandlg .lg-name{color:var(--ink)!important}
.sx .sn-b{color:var(--ink)}
.sx .sn-b:hover,.sx .sn-g:hover>.sn-b,.sx .sn-g:focus-within>.sn-b{background:rgba(0,0,0,.06)}
.sn-grid{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--line,#E9E4D9);border-radius:22px;box-shadow:0 18px 50px rgba(40,32,15,.14)}
.sn-it{color:#1D1D1F!important;border-radius:14px}
.sn-it:hover{background:#F6F3EC}
.sn-it small{color:#6B6B6B}
.sn-ic{background:color-mix(in srgb,var(--c) 20%,#fff);color:color-mix(in srgb,var(--c) 60%,#000);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);border-radius:12px}
.sn-u-t{font-family:Inter,sans-serif;font-weight:700;color:color-mix(in srgb,var(--c) 62%,#000)}
.sn-bd{background:color-mix(in srgb,var(--c) 22%,#fff);color:color-mix(in srgb,var(--c) 55%,#000)}
.sn-pill{border:1px solid var(--line,#E9E4D9);background:#fff;color:#1D1D1F!important;font-weight:600}
.sn-pill.y{background:var(--y,#FFD93D);border-color:color-mix(in srgb,var(--y,#FFD93D) 80%,#000 6%);padding:8px 16px;font-weight:800;color:#111!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.12)}
.sn-pill .sn-go{display:none}
.sx .sn-m>summary{background:rgba(0,0,0,.06);color:var(--ink)}
.sn-m-head{font-family:Inter,sans-serif;font-weight:700}
/* Hero */
.sx-hero{max-width:1120px;padding:64px 20px 0}
.sx-hero h1{font-size:clamp(2.3rem,5.6vw,4rem);line-height:1.02;letter-spacing:-.05em;color:var(--ink);max-width:14em}
.sx-hero h1 em{color:inherit;text-shadow:none;background:linear-gradient(transparent 58%,color-mix(in srgb,var(--y) 62%,transparent) 58%,color-mix(in srgb,var(--y) 62%,transparent) 92%,transparent 92%);padding:0 .08em;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sx-lead{color:var(--soft);font-size:1.12rem;max-width:36em}
.sx-pills li,.sx-panel .sx-pills li{border:1px solid var(--line);background:#fff;color:var(--ink);font-size:.84rem;padding:5px 12px}
.sx-pills li span,.sx-panel .sx-pills li span{color:color-mix(in srgb,var(--yd) 80%,#000)}
.sx-hero-media{margin:44px auto 0;max-width:1120px}
/* Fenêtre de l'app (image ou vidéo) */
.sx-shot,.sx-panel .sx-shot{background:#fff;border:1px solid var(--line);border-radius:22px;padding:0 8px 8px;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 24px 60px rgba(60,48,20,.13)}
.sx-shot-bar{height:32px}
.sx-shot-bar i{background:#E3DDD0}
.sx-shot-bar span{background:#F6F3EC;color:#8A857B;border:1px solid var(--line)}
.sx-shot img,.sx-shot video{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);background:#F6F3EC}
.sx-shot figcaption{font-size:.84rem;color:var(--soft);text-align:center;padding:10px 8px 4px}
.sx-shot.glow{box-shadow:0 0 0 6px color-mix(in srgb,var(--y) 22%,transparent),0 24px 60px rgba(60,48,20,.13);border-color:color-mix(in srgb,var(--y) 70%,#fff)}
/* Plus de grand panneau : tout est sur le beige */
.sx-panel{background:none;color:var(--ink);border-radius:0;margin:0;padding:0}
.sx-hero:has(.sx-hero-media)+.sx-panel{padding-top:0;margin-top:0}
.sx-in{padding:84px 24px 10px}
.sx-block{padding:0 0 84px}
.sx-bh{margin-bottom:28px}
.sx-bh h2{font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.06}
.sx-text{font-size:1.04rem}
/* Cartes */
.sx-card{border-radius:20px;padding:20px;box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
.sx-card h3{font-size:1.08rem;letter-spacing:-.025em;margin:12px 0 4px}
.sx-ic{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--c) 26%,#fff);color:color-mix(in srgb,var(--c) 55%,#000);border:0}
.sx-steps li{border-radius:20px}
.sx-step-n{font-family:Inter,sans-serif;font-weight:700;background:var(--chip);border:1px solid var(--line)}
.sx-split-t h3{font-size:1.7rem;letter-spacing:-.04em}
.sx-split-t li::before{color:color-mix(in srgb,var(--yd) 80%,#000)}
.sx-zone-t,.sx-foot nav p,.tjm-k{font-family:Inter,sans-serif;font-weight:700}
/* Montrer : un titre court + la vidéo en grand */
.sx-show{display:grid;grid-template-columns:4fr 8fr;gap:40px;align-items:center;margin:0 0 84px}
.sx-show.flip{grid-template-columns:8fr 4fr}
.sx-show.flip .sx-show-t{order:2}
.sx-show-t h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.06;margin:0 0 10px}
.sx-show-t>p{color:var(--soft);margin:0 0 14px}
.sx-show-t ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.sx-show-t li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-size:.95rem;font-weight:600}
.sx-show-t li small{display:block;font-weight:400;color:var(--soft);font-size:.86rem}
.sx-show-t li::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;margin-top:.45em;background:var(--y);box-shadow:0 0 0 3px color-mix(in srgb,var(--y) 28%,transparent)}
/* Formats (ateliers) */
.sx-fmt{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sx-fmt>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;border-top:5px solid var(--fc)}
.sx-fmt b{display:inline-block;font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:8px;background:color-mix(in srgb,var(--fc) 16%,#fff);color:color-mix(in srgb,var(--fc) 70%,#000);border:1px solid color-mix(in srgb,var(--fc) 35%,transparent)}
.sx-fmt h3{font-size:1.2rem;margin:12px 0 4px}
.sx-fmt p{margin:0;color:var(--soft);font-size:.94rem}
/* FAQ */
.sx-faq{padding:20px 24px 60px}
.sx-faq-h p{color:var(--soft)}
.sx-faq-l{background:#fff;border:1px solid var(--line);border-radius:22px;padding:4px 22px}
.sx-faq-l details{border-bottom:1px solid var(--line)}
.sx-faq-l details:last-child{border-bottom:0}
.sx-faq-l summary::after{color:color-mix(in srgb,var(--yd) 80%,#000)}
.sx-faq-l details p{color:var(--soft)}
/* Pied de page */
.sx-foot{border-top:1px solid var(--line)}
.sx-foot-brand p{color:var(--soft)}
.sx-foot-bot{border-top:1px solid var(--line);color:#8A857B}
/* Tableaux, calculateur */
.sx-table th{background:#FAF8F3}
.tjm-res{background:#fff;color:var(--ink);border:1px solid var(--line)}
.tjm-big{color:var(--ink)}
.tjm-res li{border-top:1px solid var(--line)}
/* Prix : les deux cartes de la page Abonnement de l'app */
.px{max-width:880px;margin:0 auto;text-align:left}
.px-seg{display:flex;justify-content:center;margin:0 0 22px}
.px-seg div{display:inline-flex;gap:2px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px}
.px-seg label{cursor:pointer;padding:7px 14px;border-radius:9px;font-size:.92rem;color:var(--soft);display:inline-flex;gap:8px;align-items:center}
.px-seg label em{font-style:normal;font-size:.74rem;font-weight:700;color:#1E7A3C;background:#DDF3E3;border-radius:999px;padding:2px 7px}
.px input[type=radio]{position:absolute;opacity:0;pointer-events:none}
#px-m:checked~.px-seg label[for=px-m],#px-q:checked~.px-seg label[for=px-q],#px-a:checked~.px-seg label[for=px-a]{background:var(--chip);color:var(--ink);font-weight:600}
.px-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.px-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}
.px-h{display:flex;justify-content:space-between;align-items:center}
.px-h h2{font-size:1.25rem;letter-spacing:-.03em}
.px-pop{font-size:.74rem;font-weight:700;background:#E4EFD8;color:#3D5C1E;border-radius:999px;padding:3px 10px}
.px-for{color:var(--soft);margin:6px 0 16px;font-size:.95rem;min-height:2.9em}
.px-price{font-family:"Inter Tight",Inter,sans-serif;font-weight:800;font-style:italic;font-size:2.6rem;letter-spacing:-.04em;line-height:1;margin:0;display:flex;align-items:center;gap:10px}
.px-price small{font-style:normal;font-family:Inter,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:0;color:#1E7A3C;background:#DDF3E3;border-radius:999px;padding:3px 8px}
.px-per{color:var(--soft);font-size:.9rem;margin:8px 0 16px}
.px .q,.px .a{display:none}
#px-q:checked~.px-grid .m,#px-a:checked~.px-grid .m{display:none}
#px-q:checked~.px-grid .q{display:revert}
#px-a:checked~.px-grid .a{display:revert}
.px-btn{display:flex;justify-content:center;border-radius:999px;padding:13px;font-weight:700;text-decoration:none;background:#fff;border:1px solid var(--line);color:#111!important}
.px-btn.hot{background:#1D1D1F;color:#fff!important;border-color:#1D1D1F;box-shadow:0 6px 16px rgba(0,0,0,.16)}
.px-sec{font-size:.82rem;color:var(--soft);margin:22px 0 4px;padding-top:18px;border-top:1px dashed var(--line)}
.px-sec+ul{margin-top:0}
.px-l{list-style:none;margin:0;padding:0}
.px-l li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-weight:500;font-size:.95rem}
.px-l li>span{display:flex;align-items:center;gap:10px}
.px-l svg{flex:none;width:34px;height:34px;padding:7px;border-radius:9px;background:var(--chip);fill:#3a3a3a}
.px-l li.off{color:#B5B0A6;font-weight:400}
.px-l li.off svg{fill:#C9C4B8;background:#F6F3EC}
.px-l em{font-style:normal;font-size:.88rem;color:var(--ink);white-space:nowrap}
.px-ck{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:.7rem;font-weight:800;background:#E4EFD8;color:#3D5C1E}
.px-ck.n{background:#F1EDE4;color:#A8A297}
.px-more{display:grid;gap:14px;margin-top:18px}
.px-more>div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 24px}
.px-more b{display:block;font-size:1.02rem}
.px-more span{color:var(--soft);font-size:.94rem}
.px-note{color:var(--soft);font-size:.86rem;margin:16px 4px 0}
@media (max-width:860px){
  .sx-top{position:sticky}
  .sx-hero{padding-top:40px}
  .sx-hero-media{margin-top:30px;margin-bottom:0}
  .sx-hero:has(.sx-hero-media)+.sx-panel{padding-top:0}
  .sx-in{padding:56px 16px 10px}
  .sx-show,.sx-show.flip{grid-template-columns:1fr;gap:18px;margin-bottom:56px}
  .sx-show.flip .sx-show-t{order:0}
  .sx-fmt,.px-grid{grid-template-columns:1fr}
  .sx-shot{border-radius:16px;padding:0 5px 5px}
  .sx-shot img,.sx-shot video{border-radius:10px}
  .sx-faq{padding:10px 16px 40px}
}
.sx .sn-m[open]>summary{background:#18191B;color:#fff}

/* v3 (12/11) : les démos en scène, sans cadre de navigateur, lecture automatique, légende qui suit l'action */
.sx-stage{position:relative;margin:0;padding:clamp(14px,3.2vw,44px) clamp(14px,3.2vw,44px) clamp(58px,6vw,84px);border-radius:32px;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 90% at 12% 0%,color-mix(in srgb,var(--y) 78%,#fff) 0%,transparent 60%),radial-gradient(90% 80% at 100% 100%,color-mix(in srgb,var(--yd,var(--y)) 55%,#fff) 0%,transparent 62%),color-mix(in srgb,var(--y) 34%,#F6F3EC)}
.sx-stage::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(rgba(24,25,27,.13) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:linear-gradient(#000,transparent 70%);mask-image:linear-gradient(#000,transparent 70%)}
.sx-stage video{display:block;width:100%;height:auto;border-radius:18px;background:#F6F3EC;cursor:pointer;box-shadow:0 0 0 1px rgba(24,25,27,.08),0 2px 6px rgba(24,25,27,.08),0 36px 80px -18px rgba(24,25,27,.42)}
.sx-stage video::-webkit-media-controls,.sx-stage video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
.sx-cap{position:absolute;left:50%;bottom:clamp(14px,1.9vw,24px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 28px);background:#18191B;color:#fff;border-radius:999px;padding:10px 20px 10px 16px;font-weight:600;font-size:clamp(.82rem,1.25vw,1.02rem);line-height:1.2;letter-spacing:-.01em;box-shadow:0 10px 30px rgba(24,25,27,.3);text-align:left}
.sx-cap i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--y);box-shadow:0 0 0 4px color-mix(in srgb,var(--y) 30%,transparent)}
.sx-cap.in{animation:sxcap .45s cubic-bezier(.2,.8,.2,1)}
@keyframes sxcap{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
.sx-prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(24,25,27,.08)}
.sx-prog b{display:block;height:100%;background:#18191B;transform-origin:0 50%;transform:scaleX(0);transition:transform .3s linear}
.sx-hero-media .sx-stage{border-radius:36px}
.sx-show-m .sx-stage{padding:clamp(10px,1.6vw,22px) clamp(10px,1.6vw,22px) clamp(54px,4.6vw,66px);border-radius:26px}
.sx-show-m .sx-stage video{border-radius:13px}
.sx-show-m .sx-cap{font-size:clamp(.8rem,1vw,.92rem)}
@media(max-width:760px){
  .sx-stage,.sx-hero-media .sx-stage{margin:0 -8px;padding:10px 10px 62px;border-radius:22px}
  .sx-stage video{border-radius:11px}
  .sx-cap{padding:9px 15px 9px 12px;bottom:14px;width:max-content}
}
@media(prefers-reduced-motion:reduce){.sx-cap.in{animation:none}}
/* Les captures aussi : plus de faux navigateur autour. */
.sx .sx-shot-bar{display:none}
.sx .sx-shot,.sx .sx-panel .sx-shot{padding:8px}
@media(max-width:760px){.sx .sx-shot,.sx .sx-panel .sx-shot{padding:5px}}

.sx-vid{display:block}
.sx-prog b{transition:transform .25s linear}

.sx-tall{max-width:520px;margin:0 auto}

/* Mention « bientôt » bien visible en haut des pages pas encore ouvertes */
.sx-soon{display:flex;width:fit-content;align-items:center;gap:8px;margin:0 auto 18px;padding:7px 14px;border-radius:999px;background:#18191B;color:#fff;font-weight:600;font-size:.86rem}
.sx-soon i{width:8px;height:8px;border-radius:50%;background:var(--y);box-shadow:0 0 0 4px color-mix(in srgb,var(--y) 30%,transparent)}
.sx-hero .sx-label{margin-bottom:12px}
/* Aperçu dessiné de la page Événements */
.evm{background:#F6F3EC;border-radius:18px;padding:clamp(16px,2.6vw,32px);text-align:left;box-shadow:0 0 0 1px rgba(24,25,27,.08),0 36px 80px -18px rgba(24,25,27,.42);color:#18191B}
.evm-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.evm-top>div{display:grid;gap:2px}.evm-top span{color:#5F5B54;font-size:.9rem}
.evm-h{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:-.04em}
.evm-btn{background:var(--y);color:#18191B!important;font-weight:700;border-radius:999px;padding:9px 16px;white-space:nowrap;font-size:.86rem!important}
.evm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.evm-chips span{background:#fff;border:1px solid #E4DFD3;border-radius:999px;padding:6px 13px;font-size:.84rem;font-weight:600}
.evm-chips .on{background:#18191B;color:#fff;border-color:#18191B}
.evm-list{display:grid;gap:10px}
.evm-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #E4DFD3;border-radius:18px;padding:14px 16px}
.evm-date{flex:none;width:62px;display:grid;justify-items:center;background:color-mix(in srgb,var(--y) 28%,#fff);border-radius:14px;padding:8px 0;line-height:1.05}
.evm-date small{font-size:.62rem;font-weight:700;letter-spacing:.08em;color:#5F5B54}.evm-date b{font-size:1.5rem;font-family:"Inter Tight",Inter,sans-serif}
.evm-body{flex:1;min-width:0;display:grid;gap:3px}.evm-body b{font-size:1.05rem}.evm-body span{color:#5F5B54;font-size:.88rem}
.evm-tag{justify-self:start;background:color-mix(in srgb,var(--y) 30%,#fff);color:#18191B!important;border-radius:999px;padding:2px 9px;font-size:.7rem!important;font-weight:700}
.evm-by{font-size:.8rem!important}
.evm-act{flex:none;display:grid;justify-items:end;gap:6px;font-size:.82rem;color:#5F5B54}
.evm-go{background:#18191B;color:#fff;border-radius:999px;padding:8px 16px;font-weight:700}
@media(max-width:760px){.evm-card{flex-wrap:wrap;gap:10px}.evm-act{width:100%;display:flex;justify-content:space-between;align-items:center}.evm-btn{display:none}.evm-chips span:nth-child(n+5){display:none}}