/* Guide de style Otomaton (07-10) appliqué au gabarit Linear, version sombre.
   Typo : Display Tiempos 120/80/56 · H1 Mori SemiBold 50/44/36 · H2 40/36/32 · H3 24/22 · H4 20 · Body L 20 · Body 16 · Small 14
          Bouton et sur-titre : IBM Plex Mono en capitales, 14 et 12 px.
   Couleurs : #220B26 (100) #432F46 (85) #645467 (70) #918592 (50) #BDB6BE (30) #F0EEF0 (8), lime #D5F098, lime pâle #EEF9D5.
   Polices : seulement les styles achetés — PP Mori Regular / Italic / Bold / Bold Italic (Pangram Pangram, 2026-09-29) et Tiempos Text
   Regular / Italic (Klim, 2026-09-30) — plus IBM Plex Mono (libre, licence OFL). Le SemiBold du guide n'est pas licencié : les titres sont
   en Bold (700). font-synthesis:none empêche le navigateur de fabriquer un gras ou un italique qu'on n'a pas acheté. */
.sg{font-synthesis:none;--sg-100:#220B26;--sg-85:#432F46;--sg-70:#645467;--sg-50:#918592;--sg-30:#BDB6BE;--sg-8:#F0EEF0;--sg-lime:#D5F098;--sg-pale:#EEF9D5;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  background:var(--sg-100);color:var(--sg-8);font-size:16px;line-height:1.5}

/* ---------- typo ---------- */
.sg h1,.sg h2,.sg h3,.sg h4{font-family:var(--sans);font-weight:700;letter-spacing:-.015em}
.sg h2{font-size:clamp(32px,2.8vw,40px);line-height:1.1}
.sg h3{font-size:clamp(22px,1.7vw,24px);line-height:1.15;letter-spacing:-.01em}
.sg .display{text-wrap:balance;font-family:var(--serif);font-weight:400;font-size:clamp(56px,8.4vw,120px);line-height:1;letter-spacing:-.03em}
.sg .lead,.sg .sec-h .sub{font-size:20px;line-height:1.5;color:var(--sg-30)}
.sg .eyebrow{font-family:var(--mono);font-weight:400;font-size:12px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--sg-lime);margin-bottom:30px}
.sg .sec-h .sub{margin-top:25px}
.sg .sec-h{margin-bottom:clamp(36px,4vw,56px)}

/* ---------- boutons (guide : 42 px de haut, 28 px de côté, 10 px avant l'icône) ---------- */
.sg .btn{font-family:var(--mono);font-weight:400;font-size:14px;line-height:1;letter-spacing:.04em;text-transform:uppercase;height:42px;padding:0 28px;gap:10px;border:1px solid transparent;border-radius:999px;transition:background .18s,color .18s,border-color .18s}
.sg .btn:hover{transform:none}
.sg .btn .arrow{width:14px;height:14px}
.sg .btn-lime{background:var(--sg-lime);color:var(--sg-100);border-color:var(--sg-lime)}
.sg .btn-lime:hover{background:var(--sg-8);border-color:var(--sg-8)}
.sg .btn-ghost{background:transparent;color:var(--sg-8);border-color:var(--sg-8)}
.sg .btn-ghost:hover{background:var(--sg-lime);color:var(--sg-100);border-color:var(--sg-lime)}
.sg .btn-sm{height:42px;padding:0 22px}
.sg .link{font-family:var(--sans);font-weight:400;font-size:16px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:var(--sg-8)}
.sg .link:hover{color:var(--sg-50)}
.sg .link .arrow{display:none}

/* ---------- barre d'annonce + nav ---------- */
.sg .annonce{background:var(--sg-lime);color:var(--sg-100);font-size:14px;line-height:1.4;text-align:center}
.sg .annonce a{display:flex;justify-content:center;align-items:center;gap:10px;min-height:36px;padding:6px 16px}
.sg .annonce b{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.sg .annonce .arrow{width:14px;height:14px}
.sg .annonce a:hover span{text-decoration:underline;text-underline-offset:3px}
.sg .nav{background:rgba(34,11,38,.9);border-bottom:1px solid var(--sg-85);color:var(--sg-8)}
.sg .nav .wrap{max-width:1400px;height:72px;gap:18px}
.sg .nav .logo{gap:16px}
.sg .nav .logo .tag{font-family:var(--serif);font-size:15px;letter-spacing:0;color:var(--sg-30);opacity:1}
.sg .nav .menu{gap:2px;font-size:16px}
.sg .nav .menu a{opacity:1;padding:9px 14px;line-height:1;border-radius:999px;border:1px solid transparent;color:var(--sg-8)}
.sg .nav .menu a:hover{background:var(--sg-lime);color:var(--sg-100);border-color:var(--sg-100)}
.sg .nav .lang{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.04em;border-color:var(--sg-70)}
.sg .nav .lang span.on{background:var(--sg-lime);color:var(--sg-100)}
/* connexion : un rond de 42 px dans la barre ; au survol, la pilule « Connexion » s'ouvre vers la gauche par-dessus FR / EN, sans pousser le menu */
.sg .login-ic{position:relative;flex:none;width:42px;height:42px;z-index:2}
.sg .login-ic .pill{position:absolute;right:0;top:0;height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px;background:var(--sg-lime);color:var(--sg-100);border:1px solid var(--sg-lime);font-family:var(--mono);font-size:14px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:padding .22s var(--ease),gap .22s var(--ease)}
.sg .login-ic .t{max-width:0;opacity:0;overflow:hidden;transition:max-width .25s var(--ease),opacity .2s}
.sg .login-ic svg{width:18px;height:18px;flex:none}
.sg .login-ic:hover .pill,.sg .login-ic:focus-visible .pill{padding:0 15px 0 20px;gap:10px;border-color:var(--sg-100);box-shadow:0 0 0 6px var(--sg-100)}
.sg .login-ic:hover .t,.sg .login-ic:focus-visible .t{max-width:140px;opacity:1}
.sg .burger{border-color:var(--sg-70)}
@media (max-width:1400px){.sg .nav .logo .tag{display:none}}
@media (max-width:1020px){.sg .nav .wrap{height:64px}}

/* ---------- hero ---------- */
.sg.v-linear .hero{padding-top:clamp(72px,9vw,120px)}
.sg .hero h1.display{margin:0 auto;max-width:1100px;font-size:clamp(40px,5.6vw,80px);line-height:1.02}
.sg .hero h1 .dim{color:var(--sg-50)}
.sg .hero .lead{margin:28px auto 0;max-width:660px;font-size:clamp(18px,1.5vw,21px)}
.sg .hero .cta-row{margin-top:40px;gap:12px}
.sg .hero-vid{margin-top:clamp(40px,6vw,72px)}
.sg .hero-vid{border-radius:16px;border-color:var(--sg-85)}
.sg .hero-vid.ph .ph-label{font-size:16px}
@media (max-width:520px){.sg .display,.sg .hero h1.display{font-size:min(48px,11.4vw)}.sg .hero .lead{margin-top:28px}.sg .hero .cta-row{margin-top:28px}}

/* ---------- cartes (guide : 40 px de marge intérieure) ---------- */
.sg .cell{background:var(--sg-85);border:0;border-radius:16px;padding:40px 40px 0}
.sg .cell p{margin-top:25px;color:var(--sg-30);font-size:16px}
.sg .cell .m{margin:30px -40px 0 0}
.sg .poster{background:var(--sg-85);border:0;border-radius:16px}
.sg .poster .cap{padding:16px 18px 18px}
.sg .poster .cap b{font-weight:700;font-size:16px}
.sg .poster .cap span{font-size:14px;color:var(--sg-30)}
.sg .frame{border-radius:16px;border-color:var(--sg-85)}

/* ---------- étapes : la carte « Étape 1 » du guide (lime pâle) ---------- */
.sg .steps{gap:20px}
.sg .steps::before{display:none}
.sg .step{background:var(--sg-pale);color:var(--sg-100);border-radius:16px;padding:40px}
.sg .step .eyebrow{color:var(--sg-100);margin:0}
.sg .step .ic{display:block;width:30px;height:30px;margin-top:25px;color:var(--sg-100)}
.sg .step h3{margin-top:15px;font-size:20px;line-height:1.2;color:var(--sg-100)}
.sg .step p{margin-top:15px;color:var(--sg-100);font-size:16px}
.sg .loop{background:var(--sg-85);border:0;border-radius:16px;padding:25px 28px;margin-top:20px;max-width:none;align-items:center}
.sg .loop p{color:var(--sg-8)}

/* ---------- éditions ---------- */
.sg.dark .plan{background:var(--sg-85);border:1px solid var(--sg-85);border-radius:16px;padding:40px}
.sg.dark .plan.hi{border-color:var(--sg-lime);box-shadow:none}
.sg .plan .name{font-family:var(--sans);font-weight:700;font-size:32px;letter-spacing:-.015em}
.sg.dark .plan .who,.sg.dark .plan .price span{color:var(--sg-30)}
.sg .plan .price{margin-top:25px;font-weight:700;font-size:20px}
.sg .plan ul{margin-top:25px}
.sg .plan li{font-size:16px;padding-left:22px;margin-top:12px}
.sg .plan li::before{width:8px;height:8px;border-radius:1px;top:.6em}
.sg .plan .btn{margin-top:32px}

/* ---------- FAQ ---------- */
.sg .faq details{border-color:var(--sg-85)}
.sg .faq summary{font-family:var(--sans);font-size:20px;line-height:1.4;color:var(--sg-8);padding:22px 0}
.sg .faq summary::after{border-color:var(--sg-70);color:var(--sg-30)}
.sg .faq details p{color:var(--sg-30);font-size:16px}

/* ---------- bande finale : un énoncé en Display ---------- */
.sg .final h2.display{max-width:1100px;margin:0 auto;font-weight:400;letter-spacing:-.03em;font-size:clamp(40px,5.6vw,80px)}
.sg .final .sub{margin-top:40px!important;font-size:20px;color:var(--sg-30)}
.sg .final .cta-row{margin-top:40px}

/* ---------- pied de page ---------- */
.sg .foot{background:var(--sg-100);border-top:1px solid var(--sg-85);color:var(--sg-50);font-size:14px;line-height:1.4}
.sg .foot h5{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.06em;color:var(--sg-30)}
.sg .foot a{color:var(--sg-50)}
.sg .foot a:hover{color:#fff}
.sg .foot .brand p{color:var(--sg-30)}
.sg .foot .bottom{border-color:var(--sg-85)}

/* ---------- bande de chiffres G : celle du guide (chiffres fins, étiquettes en mono, un filet) ---------- */
.sg .metrics.m-g{text-align:left;gap:0 32px;margin-top:clamp(56px,7vw,96px);padding-top:32px;border-top:1px solid var(--sg-85)}
.sg .m-g.mx>div>b{font-family:var(--sans);font-weight:400;font-size:clamp(44px,4.4vw,64px);line-height:1;letter-spacing:-.035em;color:var(--sg-8)}
.sg .m-g.mx>div>span{display:block;margin-top:14px;font-family:var(--mono);font-size:12px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--sg-50);max-width:230px}
@media (max-width:900px){.sg .metrics.m-g{gap:36px 20px}}

/* ---------- page des variations ---------- */
.sg.mvar .mv-top h1{font-size:clamp(36px,3.5vw,50px);line-height:1}
.sg.mvar .mv-top .lead{margin-top:25px}
.sg.mvar .mv-tag{font-family:var(--mono);font-weight:500;font-size:16px;border-radius:999px}
.sg.mvar #v-0 .mv-tag{font-size:12px;letter-spacing:.04em;text-transform:uppercase;border-color:var(--sg-70)}
.sg.mvar .mv-h h2{font-size:24px}
.sg.mvar .mv-h p{color:var(--sg-30);font-size:16px}
.sg.mvar .mv-jump a{font-family:var(--mono);font-weight:400;font-size:13px;text-transform:uppercase;border-color:var(--sg-70)}
.sg.mvar .mv,.sg.mvar .mv-foot{border-color:var(--sg-85)}

/* ---------- outils de revue : le dock (jaune on/off + variations actives) ---------- */
.revue-dock{position:fixed;left:16px;bottom:16px;z-index:70;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100vw - 32px)}
.revue-row{display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(34,11,38,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #645467;box-shadow:0 12px 40px rgba(0,0,0,.5);font-family:var(--mono,monospace);font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;max-width:100%;overflow-x:auto;color:#F0EEF0;scrollbar-width:none}
.revue-row::-webkit-scrollbar{display:none}
.revue-row>span{padding:0 8px 0 12px;color:#918592;font-size:11px;letter-spacing:.1em}
.revue-row a{padding:7px 10px;border-radius:999px;font-weight:500;color:#F0EEF0}
.revue-row a.on{background:#D5F098;color:#220B26}
.revue-row a.all{color:#BDB6BE;font-weight:400;text-decoration:underline;text-underline-offset:3px;padding-right:14px}
.y-toggle{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;border:0;border-radius:999px;background:none;color:#F0EEF0;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}
.y-toggle i{position:relative;width:34px;height:20px;border-radius:999px;background:#645467;transition:background .2s}
.y-toggle i::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#F0EEF0;transition:transform .2s var(--ease)}
.y-toggle[aria-checked="true"] i{background:#FFE89A}
.y-toggle[aria-checked="true"] i::after{transform:translateX(14px);background:#220B26}
.y-toggle:focus-visible{outline:2px solid #D5F098;outline-offset:2px}
@media (max-width:520px){.revue-row>span{display:none}.revue-row a{padding:7px 8px}.revue-dock{left:10px;bottom:10px;max-width:calc(100vw - 20px)}}
.sg .foot{padding-bottom:90px}

/* ---------- linear-revue.html ---------- */
.sg.rv .rv-sec{padding:64px 0 24px;border-top:1px solid var(--sg-85)}
.sg.rv .rv-sec h2{margin-bottom:30px}
.sg.rv .rv-sec .sub{max-width:820px;margin:-10px 0 32px;font-size:16px;color:var(--sg-30)}
.sg.rv .k{font-weight:400;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;white-space:nowrap}
.sg.rv .k.ok{background:var(--sg-lime);color:var(--sg-100)}.sg.rv .k.val{background:#FFE89A;color:var(--sg-100)}.sg.rv .k.no{border:1px solid var(--sg-50);color:var(--sg-30)}
.sg.rv .hv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sg.rv .hv{background:var(--sg-85);border-radius:16px;padding:40px;display:flex;flex-direction:column}
.sg.rv .hv.hv-cur{background:transparent;border:1px dashed var(--sg-70)}
.sg.rv .hv-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sg.rv .hv-k{min-width:32px;height:32px;padding:0 8px;border-radius:999px;background:var(--sg-lime);color:var(--sg-100);display:grid;place-items:center;font-family:var(--mono);font-weight:500;font-size:14px}
.sg.rv .hv-src{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px;border:1px solid var(--sg-50);color:var(--sg-8)}
.sg.rv .hv-src.mike,.sg.rv .hv-src.marc{border-color:var(--sg-lime);color:var(--sg-lime)}
.sg.rv .hv-src.cur{border-style:dashed}
.sg.rv .hv-angle{font-size:14px;color:var(--sg-30)}
.sg.rv .hv-t{margin-top:28px;font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.4vw,50px);line-height:1;letter-spacing:-.025em;text-wrap:balance}
.sg.rv .hv-t .dim{color:var(--sg-50)}
.sg.rv .hv-s{margin-top:25px;font-size:18px;line-height:1.5;color:var(--sg-30)}
.sg.rv .hv-why{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:14px;line-height:1.45;color:var(--sg-50)}
.sg.rv .hv-act{margin-top:auto;padding-top:24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sg.rv .chosen{background:var(--sg-lime);color:var(--sg-100);border-color:var(--sg-lime)}
.sg.rv .fg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sg.rv .fg{background:var(--sg-85);border-radius:16px;padding:24px;display:flex;flex-direction:column;min-height:250px}
.sg.rv .fg>b{font-weight:400;font-size:44px;line-height:1;letter-spacing:-.035em}
.sg.rv .fg .l{margin-top:10px;font-family:var(--mono);font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;color:var(--sg-30)}
.sg.rv .fg .q{margin-top:14px;font-size:13.5px;line-height:1.45;color:var(--sg-50)}
.sg.rv .fg-foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.sg.rv .fg .chip{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:4px 9px;border-radius:999px}
.sg.rv .st-ok .chip{background:var(--sg-lime);color:var(--sg-100)}
.sg.rv .st-val .chip{background:#FFE89A;color:var(--sg-100)}
.sg.rv .st-no{background:transparent;border:1px solid var(--sg-85)}
.sg.rv .st-no>b{color:var(--sg-70);text-decoration:line-through;text-decoration-thickness:2px}
.sg.rv .st-no .chip{border:1px solid var(--sg-50);color:var(--sg-30)}
.sg.rv .keep{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em;height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--sg-8);background:transparent;color:var(--sg-8);cursor:pointer}
.sg.rv .keep:hover{background:var(--sg-lime);color:var(--sg-100);border-color:var(--sg-lime)}
.sg.rv .set-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:64px}
.sg.rv .set{background:var(--sg-85);border-radius:16px;padding:32px;display:flex;flex-direction:column}
.sg.rv .set.reco{box-shadow:inset 0 0 0 1px var(--sg-lime)}
.sg.rv .set-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sg.rv .set-h h3{font-size:22px}
.sg.rv .set-h .chip{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:4px 9px;border-radius:999px;background:var(--sg-lime);color:var(--sg-100)}
.sg.rv .set-band{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:24px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.sg.rv .set-band>div{padding:16px 10px 16px 0}
.sg.rv .set-band b{display:block;font-weight:400;font-size:30px;line-height:1.1;letter-spacing:-.03em}
.sg.rv .set-band span{display:block;margin-top:6px;font-family:var(--mono);font-size:10.5px;line-height:1.35;text-transform:uppercase;letter-spacing:.04em;color:var(--sg-30)}
@media (max-width:1020px){.sg.rv .fg-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.sg.rv .hv-grid,.sg.rv .set-grid{grid-template-columns:1fr}.sg.rv .hv{padding:28px}.sg.rv .set{padding:24px}.sg.rv .set-band{grid-template-columns:1fr 1fr}.sg.rv .set-band>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}}
@media (max-width:520px){.sg.rv .fg-grid{grid-template-columns:1fr}.sg.rv .fg{min-height:0}}

/* ---------- logos clients (sous le hero) ---------- */
.sg .clients{padding:clamp(40px,5vw,64px) 0 0}
.sg .stats-sec .metrics{margin-top:0}
.sg .clients .eyebrow{text-align:center;color:var(--sg-50);margin-bottom:28px}
.sg .client-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px clamp(44px,6vw,96px)}
.sg .client-row img{height:var(--h,32px);width:auto;filter:brightness(0) invert(1);opacity:.62;transition:opacity .2s}
.sg .client-row img:hover{opacity:1}
.sg .client-row .wm{font-family:var(--sans);font-weight:700;font-size:21px;line-height:30px;letter-spacing:.1em;text-transform:uppercase;color:var(--sg-8);opacity:.6}
.sg .clients .note{text-align:center;margin-top:22px;font-size:13px}
@media (max-width:600px){.sg .client-row{gap:26px 36px}.sg .client-row img{height:calc(var(--h,32px) * .8)}.sg .client-row .wm{font-size:18px}}
.sg.rv .hv-live{margin-left:auto;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;background:var(--sg-lime);color:var(--sg-100)}
.sg.rv .hv-src.bird{border-color:var(--sg-30)}

/* ---------- refonte 2026-10-08 : sections claires (Comment ça marche, Bibliothèque), plateforme à onglets, témoignages ---------- */
.sg .sec.light,.sg .clients.light{background:#FFFFFF;color:var(--sg-100)}
.sg .light .eyebrow{color:var(--sg-70)}
.sg .sh .sec-h{max-width:1100px}
.sg .sh h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.4vw,64px);line-height:1.05;letter-spacing:-.025em}
.sg .light h2{color:var(--sg-100)}
.sg .light .sec-h .sub{color:var(--sg-70)}
.sg .flow{display:grid;grid-template-columns:repeat(3,1fr);position:relative}
.sg .flow::before{content:"";position:absolute;left:8%;right:8%;top:22px;height:2px;background:linear-gradient(90deg,var(--sg-lime),var(--sg-30))}
.sg .flow .f{padding:0 28px;position:relative}
.sg .flow .dot{width:44px;height:44px;border-radius:50%;background:var(--t-bg,#220B26);border:2px solid var(--t-dot,var(--sg-lime));display:grid;place-items:center;font-family:var(--mono);font-weight:500;font-size:15px;color:var(--t-fg,var(--sg-8));position:relative;margin-bottom:24px}
.sg .flow h3{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.2;letter-spacing:-.01em;color:var(--t-fg,var(--sg-8))}
.sg .flow p{margin-top:12px;color:var(--t-muted,var(--sg-30));font-size:16px}
.sg .sh .loop{background:var(--t-card2,var(--sg-85));border:1px solid var(--t-line,var(--sg-85));margin-top:48px;max-width:900px}
.sg .sh .loop p{color:var(--t-fg,var(--sg-8))}
.sg .lib .sec-h{text-align:center;margin-left:auto;margin-right:auto}
.sg .lib .sec-h .sub{margin-left:auto;margin-right:auto}
.sg .gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 20px;margin:0 -4px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.sg .gallery::-webkit-scrollbar{display:none}
.sg .gallery .poster{flex:0 0 300px;scroll-snap-align:start;border-radius:16px}
.sg .light .gallery .poster{background:#fff;border:1px solid #F0EEF0;color:var(--sg-100)}
.sg .light .poster .cap b{color:var(--sg-100)}
.sg .light .poster .cap span{color:var(--sg-70)}
.sg .lib-act{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px}
.sg .btn-ink{background:var(--sg-100);color:#fff;border-color:var(--sg-100)}
.sg .btn-ink:hover{background:var(--sg-lime);color:var(--sg-100);border-color:var(--sg-100)}
.sg .nav-ar{width:42px;height:42px;border-radius:50%;border:1px solid var(--sg-100);background:#fff;color:var(--sg-100);display:grid;place-items:center;cursor:pointer;flex:none}
.sg .nav-ar:hover{background:var(--sg-lime)}
.sg .nav-ar svg{width:16px;height:16px}
.sg .clients{padding-bottom:clamp(64px,7vw,96px)}
.sg .pf{display:grid;grid-template-columns:minmax(280px,1fr) 1.7fr;gap:clamp(24px,4vw,56px);align-items:center}
.sg .pf-tabs{display:flex;flex-direction:column;gap:6px}
.sg .pf-tab{display:block;text-align:left;width:100%;padding:20px 22px;border:0;border-left:2px solid var(--sg-85);border-radius:0 12px 12px 0;background:transparent;color:var(--sg-8);font:inherit;cursor:pointer;transition:background .2s,border-color .2s}
.sg .pf-tab b{display:block;font-weight:700;font-size:20px;line-height:1.2}
.sg .pf-tab span{display:block;margin-top:8px;color:var(--sg-50);font-size:15px;line-height:1.45}
.sg .pf-tab.on{background:var(--sg-85);border-left-color:var(--sg-lime)}
.sg .pf-tab.on span{color:var(--sg-30)}
.sg .pf-tab:hover b{color:#fff}
.sg .pf-stage{background:var(--sg-85);border-radius:16px;padding:40px;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sg .pf-panel{display:none;width:100%;justify-content:center}
.sg .pf-panel.on{display:flex}
.sg .pf-panel .phone{width:240px}
.sg .pf-panel .browser{width:100%}
.sg .tq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sg .tq{margin:0;background:var(--sg-85);border-radius:16px;padding:40px;display:flex;flex-direction:column;gap:25px}
.sg .tq img{height:var(--h,28px);width:auto;align-self:flex-start;filter:brightness(0) invert(1);opacity:.85}
.sg .tq blockquote{margin:0;font-family:var(--serif);font-size:22px;line-height:1.35;color:var(--sg-8)}
.sg .tq figcaption{margin-top:auto;font-size:14px;color:var(--sg-50)}
@media (max-width:900px){
  .sg .flow{grid-template-columns:1fr;gap:36px}.sg .flow::before{display:none}.sg .flow .f{padding:0}
  .sg .pf{grid-template-columns:1fr}.sg .pf-stage{min-height:0;padding:28px 20px}.sg .pf-panel .phone{width:200px}
  .sg .tq-grid{grid-template-columns:1fr}.sg .tq{padding:28px}
  .sg .gallery .poster{flex-basis:260px}
}
@media (max-width:520px){.sg .lib-act .nav-ar{display:none}.sg .lib-act .btn{white-space:nowrap}}
.sg .btn mark{background:#FFE89A;color:#220B26;padding:2px 4px;border-radius:3px}
.propre .btn mark{background:none;color:inherit;padding:0}
/* connexion + créer un compte (comme SSTenligne et Linear) */
.sg .nav-login{font-size:16px;color:var(--sg-8);padding:9px 6px;white-space:nowrap}
.sg .nav-login:hover{color:var(--sg-lime)}

/* ---------- production sur mesure (l'offre phare) + éditions dans la section du centre ---------- */
.sg .sm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sg .sm{background:var(--sg-85);border-radius:16px;padding:40px}
.sg .sm-ic{width:30px;height:30px;color:var(--sg-lime)}
.sg .sm h3{margin-top:22px;font-size:20px;line-height:1.2}
.sg .sm p{margin-top:15px;color:var(--sg-30);font-size:16px}
.sg .sm-format{margin-top:28px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;color:var(--sg-30);font-size:16px}
.sg .sm-format b{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sg-lime)}
.sg .ed-block{margin-top:clamp(64px,8vw,104px)}
.sg .ed-h{margin-bottom:32px;max-width:760px}
.sg .ed-h h3{font-size:clamp(26px,2.4vw,32px);line-height:1.15}
.sg .ed-h p{margin-top:15px;color:var(--sg-30);font-size:18px}
@media (max-width:900px){.sg .sm-grid{grid-template-columns:1fr 1fr}.sg .sm{padding:28px}}
@media (max-width:600px){.sg .sm-grid{grid-template-columns:1fr}}

/* ---------- Production sur mesure : trois designs (A éditorial, B document → formation, C grande carte) ---------- */
.sg .sm-sup{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.sg .sm-sup li{font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--sg-30);padding:8px 14px;border:1px solid var(--sg-70);border-radius:999px}
/* A · éditorial */
.sg .sm-a .sma-head{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,5vw,72px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.sg .sm-a .sma-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.4vw,60px);line-height:1.05;letter-spacing:-.025em}
.sg .sm-a .sma-head .sub{margin:0;font-size:18px}
.sg .sm-a .sma-cols{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sg-85)}
.sg .sm-a .sma-col{padding:36px 32px 0;border-left:1px solid var(--sg-85)}
.sg .sm-a .sma-col:first-child{padding-left:0;border-left:0}
.sg .sm-a .num{display:block;font-family:var(--serif);font-size:56px;line-height:1;color:var(--sg-lime);letter-spacing:-.03em}
.sg .sm-a h3{margin-top:24px;font-size:22px}
.sg .sm-a .sma-col p{margin-top:14px;color:var(--sg-30);font-size:16px}
/* B · du document à la formation */
.sg .sm-b .smb{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:center}
.sg .sm-b .sub{margin-top:25px}
.sg .sm-b .smb-list{list-style:none;margin:36px 0 0;padding:0}
.sg .sm-b .smb-list li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--sg-85)}
.sg .sm-b .ck{width:40px;height:40px;border-radius:50%;background:rgba(213,240,152,.12);display:grid;place-items:center}
.sg .sm-b .ck-ic{width:20px;height:20px;color:var(--sg-lime)}
.sg .sm-b .smb-list h3{font-size:19px}
.sg .sm-b .smb-list p{margin-top:6px;color:var(--sg-30);font-size:15.5px}
.sg .sm-b .smb-vis{position:relative;height:480px}
.sg .sm-b .paper{position:absolute;left:0;top:10px;width:230px;height:300px;background:#fff;border-radius:6px;padding:22px 20px;transform:rotate(-5deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);color:var(--sg-100)}
.sg .sm-b .paper .pdf{position:absolute;right:14px;top:14px;font-family:var(--mono);font-size:10px;font-weight:500;background:#E9584A;color:#fff;padding:3px 6px;border-radius:3px}
.sg .sm-b .paper .pk{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--sg-70)}
.sg .sm-b .paper .pt{margin:8px 0 16px;font-family:var(--serif);font-size:17px;line-height:1.2}
.sg .sm-b .paper i{display:block;height:6px;border-radius:3px;background:#F0EEF0;margin-top:10px}
.sg .sm-b .arr{position:absolute;left:206px;top:56px;width:130px;color:var(--sg-lime);transform:rotate(18deg)}
.sg .sm-b .module{position:absolute;right:0;bottom:0;width:min(400px,72%);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -24px rgba(0,0,0,.7);color:var(--sg-100)}
.sg .sm-b .mod-img{position:relative;aspect-ratio:16/9}
.sg .sm-b .mod-img img,.sg .sm-b .mod-img video{width:100%;height:100%;object-fit:cover;display:block;background:#EDEAEE}
.sg .sm-b .mod-img .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--sg-lime);color:var(--sg-100);display:grid;place-items:center}
.sg .sm-b .mod-img .play svg{width:22px;height:22px;margin-left:3px}
.sg .sm-b .mod-meta{display:flex;justify-content:space-between;gap:10px;padding:14px 16px 0;font-size:14px}
.sg .sm-b .mod-meta span{color:var(--sg-70)}
.sg .sm-b .mod-langs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 16px}
.sg .sm-b .mod-langs span{font-family:var(--mono);font-size:11px;padding:4px 8px;border-radius:999px;background:#F0EEF0;color:var(--sg-100)}
.sg .sm-b .mod-langs span:first-child{background:var(--sg-lime)}
/* C · une grande carte et deux petites */
.sg .sm-c .smc-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:20px}
.sg .sm-c .smc-card{background:var(--sg-85);border-radius:16px;padding:40px}
.sg .sm-c .smc-card.big{grid-row:span 2;display:flex;flex-direction:column}
.sg .sm-c .smc-card h3{margin-top:22px;font-size:22px}
.sg .sm-c .smc-card.big h3{font-size:clamp(26px,2.4vw,32px)}
.sg .sm-c .smc-card p{margin-top:14px;color:var(--sg-30);font-size:16px}
.sg .sm-c .smc-vis{flex:1;min-height:220px;display:flex;align-items:center;justify-content:center;gap:28px;border-radius:12px;background:radial-gradient(60% 70% at 70% 50%,rgba(213,240,152,.14),transparent 70%),#432F46;margin-bottom:8px}
.sg .sm-c .docs{display:flex;flex-direction:column;gap:10px}
.sg .sm-c .d{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#fff;color:var(--sg-100);font-size:14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.sg .sm-c .d em{font-style:normal}
.sg .sm-c .d1{transform:translateX(18px)}.sg .sm-c .d2{transform:translateX(6px)}
.sg .sm-c .d-ic{width:18px;height:18px;color:var(--sg-70)}
.sg .sm-c .smc-arr{width:36px;height:36px;color:var(--sg-lime)}
.sg .sm-c .smc-play{width:84px;height:84px;border-radius:20px;background:var(--sg-lime);color:var(--sg-100);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(213,240,152,.08)}
.sg .sm-c .smc-play svg{width:30px;height:30px;margin-left:4px}
.sg .sm-c .tags,.sg .sm-c .langs{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.sg .sm-c .tags span,.sg .sm-c .langs span{font-family:var(--mono);font-size:11.5px;padding:5px 10px;border-radius:999px;border:1px solid var(--sg-70);color:var(--sg-8)}
.sg .sm-c .langs .more{border-style:dashed;color:var(--sg-30)}
.sg .sm-c .smc-strip{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--sg-85);padding-top:24px}
.sg .sm-c .smc-strip div{display:flex;align-items:center;gap:12px;color:var(--sg-30);font-size:15px}
.sg .sm-c .smc-strip .sm-ic{width:22px;height:22px;flex:none}
@media (max-width:900px){
  .sg .sm-a .sma-head,.sg .sm-b .smb,.sg .sm-c .smc-grid,.sg .sm-c .smc-strip{grid-template-columns:1fr}
  .sg .sm-a .sma-cols{grid-template-columns:1fr}.sg .sm-a .sma-col{padding:28px 0 0;border-left:0;border-top:1px solid var(--sg-85)}.sg .sm-a .sma-col:first-child{border-top:0}
  .sg .sm-b .smb-vis{height:400px}.sg .sm-b .paper{width:190px;height:250px}.sg .sm-b .arr{left:172px;top:50px;width:110px}
  .sg .sm-c .smc-card.big{grid-row:auto}.sg .sm-c .smc-card{padding:28px}
}
@media (max-width:420px){.sg .sm-b .smb-vis{height:360px}.sg .sm-b .module{width:88%}.sg .sm-c .smc-vis{gap:14px}.sg .sm-c .smc-play{width:64px;height:64px}}
@media (max-width:600px){.sg .sm-b .smb-vis{height:440px}.sg .sm-b .paper{width:170px;height:225px;padding:18px 16px}.sg .sm-b .paper .pt{font-size:15px}.sg .sm-b .paper .pdf{top:-9px;right:12px}.sg .sm-b .arr{left:158px;top:46px;width:86px}.sg .sm-b .module{width:76%}.sg .sm-b .mod-meta{flex-direction:column;gap:2px}}
/* 4 avantages : grille 2 × 2 (actuelle), 4 colonnes (A), une grande + trois petites (C) */
.sg #sur-mesure .sm-grid,.sg .sm-grid{grid-template-columns:repeat(2,1fr)}
.sg .sm-a .sma-cols{grid-template-columns:repeat(4,1fr)}
.sg .sm-a .sma-col{padding:32px 24px 0}
.sg .sm-a .sma-col:first-child{padding-left:0}
.sg .sm-a h3{font-size:20px}
.sg .sm-c .smc-grid{grid-template-rows:auto auto auto}
.sg .sm-c .smc-card.big{grid-row:span 3}
.sg .sm-c .smc-card:not(.big){padding:32px 36px}
@media (max-width:900px){.sg .sm-a .sma-cols{grid-template-columns:1fr 1fr}.sg .sm-a .sma-col{padding:28px 16px 0 0;border-left:0;border-top:1px solid var(--sg-85)}.sg .sm-c .smc-card.big{grid-row:auto}}
@media (max-width:600px){.sg .sm-grid,.sg .sm-a .sma-cols{grid-template-columns:1fr}}
/* téléphone à l'horizontale : une vraie formation en plein écran */
.sg .pf-panel .phone.land{width:100%;max-width:660px;border-radius:44px;padding:12px}
.sg .phone.land .screen{aspect-ratio:19.5/9;border-radius:34px;background:#000;display:flex;align-items:center;justify-content:center}
.sg .phone.land .screen img{height:100%;width:auto;max-width:100%;object-fit:contain}
@media (max-width:600px){.sg .pf-panel .phone.land{border-radius:28px;padding:8px}.sg .phone.land .screen{border-radius:22px}}

/* ---------- sur mesure, nouveaux designs : D manifeste, E sans / avec, F anatomie, G tuiles ---------- */
/* D */
.sg .sm-d .smd-st{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3.9vw,56px);line-height:1.18;letter-spacing:-.02em;max-width:1100px}
.sg .sm-d .smd-st u{text-decoration:none;background:linear-gradient(transparent 82%,rgba(213,240,152,.55) 82%)}
.sg .sm-d .smd-st sup{font-family:var(--mono);font-size:.32em;color:var(--sg-lime);margin-left:2px;vertical-align:super}
.sg .sm-d .smd-sub{margin-top:28px;max-width:760px}
.sg .sm-d .smd-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:48px;padding-top:28px;border-top:1px solid var(--sg-85)}
.sg .sm-d .smd-notes sup{font-family:var(--mono);font-size:13px;color:var(--sg-lime)}
.sg .sm-d .smd-notes h3{margin-top:8px;font-size:18px}
.sg .sm-d .smd-notes p{margin-top:10px;color:var(--sg-30);font-size:15px}
/* E */
.sg .sm-e .sme{border-radius:16px;overflow:hidden;border:1px solid var(--sg-85)}
.sg .sm-e .sme-hd,.sg .sm-e .sme-row{display:grid;grid-template-columns:1fr 1.25fr}
.sg .sm-e .sme-hd p{padding:18px 32px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sg-50)}
.sg .sm-e .sme-hd .w{background:var(--sg-85);color:var(--sg-lime)}
.sg .sm-e .sme-row{border-top:1px solid var(--sg-85)}
.sg .sm-e .sme-old{display:flex;gap:14px;align-items:flex-start;padding:26px 32px;color:var(--sg-50)}
.sg .sm-e .sme-old p{font-size:16px;text-decoration:line-through;text-decoration-color:rgba(145,133,146,.5)}
.sg .sm-e .sme-new{display:flex;gap:16px;align-items:flex-start;padding:26px 32px;background:var(--sg-85)}
.sg .sm-e .x,.sg .sm-e .v{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none}
.sg .sm-e .x{border:1px solid var(--sg-70);color:var(--sg-50)}.sg .sm-e .v{background:var(--sg-lime);color:var(--sg-100)}
.sg .sm-e .x svg,.sg .sm-e .v svg{width:14px;height:14px}
.sg .sm-e .sme-new h3{font-size:19px}
.sg .sm-e .sme-new p{margin-top:6px;color:var(--sg-30);font-size:15px}
/* F */
.sg .sm-f .smf-media{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--sg-85);box-shadow:0 40px 100px -30px rgba(0,0,0,.7)}
.sg .sm-f .smf-media img{width:100%;display:block}
.sg .sm-f .pin{position:absolute;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--sg-lime);color:var(--sg-100);display:grid;place-items:center;font-family:var(--mono);font-weight:500;font-size:15px;box-shadow:0 0 0 8px rgba(213,240,152,.3),0 8px 20px rgba(0,0,0,.35)}
.sg .sm-f .pin.st{position:static;transform:none;width:32px;height:32px;font-size:13px;box-shadow:none;flex:none}
.sg .sm-f .smf-langs{position:absolute;left:3%;top:13%;background:var(--sg-100);color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:7px 12px;border-radius:999px}
.sg .sm-f .smf-leg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px}
.sg .sm-f .smf-leg>div{display:flex;gap:14px;align-items:flex-start}
.sg .sm-f .smf-leg h3{font-size:18px}
.sg .sm-f .smf-leg p{margin-top:8px;color:var(--sg-30);font-size:15px}
/* G */
.sg .sm-g .smg-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sg .sm-g .smg-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:150px;padding:22px;border-radius:14px;border:1px solid var(--sg-70);background:transparent;color:var(--sg-8);font:inherit;font-weight:700;font-size:17px;line-height:1.25;text-align:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.sg .sm-g .smg-tile:hover{border-color:var(--sg-lime)}
.sg .sm-g .smg-tile.on{background:var(--sg-lime);color:var(--sg-100);border-color:var(--sg-lime)}
.sg .sm-g .smg-ic{width:30px;height:30px}
.sg .sm-g .smg-panels{margin-top:20px;background:var(--sg-85);border-radius:16px;padding:40px}
.sg .sm-g .smg-panel{display:none;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center}
.sg .sm-g .smg-panel.on{display:grid}
.sg .sm-g .smg-txt h3{font-size:clamp(24px,2.2vw,30px)}
.sg .sm-g .smg-txt p{margin-top:14px;color:var(--sg-30);font-size:17px}
.sg .sm-g .smg-vis{min-height:300px;border-radius:12px}
.sg .sm-g .smg-vis.img{min-height:0;overflow:hidden}.sg .sm-g .smg-vis.img img{width:100%;display:block}
.sg .sm-g .smg-vis.chk{background:#432F46;padding:32px;display:flex;flex-direction:column;justify-content:center}
.sg .sm-g .smg-vis.chk .k{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sg-lime)}
.sg .sm-g .smg-vis.chk ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.sg .sm-g .smg-vis.chk li{display:flex;gap:12px;align-items:center;background:#fff;color:var(--sg-100);border-radius:10px;padding:14px 16px;font-size:15px}
.sg .sm-g .smg-vis.chk li::before{content:"✓";width:24px;height:24px;border-radius:50%;background:var(--sg-lime);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.sg .sm-g .smg-vis.lang{background:#432F46;display:flex;align-items:center;justify-content:center;padding:32px}
.sg .sm-g .smg-vis.lang .langs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.sg .sm-g .smg-vis.lang .langs span{font-family:var(--sans);font-size:17px;padding:10px 16px;border-radius:999px;background:var(--sg-100);color:var(--sg-8);border:1px solid var(--sg-70)}
.sg .sm-g .smg-vis.lang .langs .more{border-style:dashed;color:var(--sg-30)}
@media (max-width:900px){
  .sg .sm-d .smd-notes,.sg .sm-f .smf-leg{grid-template-columns:1fr 1fr}
  .sg .sm-e .sme-hd{display:none}.sg .sm-e .sme-row{grid-template-columns:1fr}.sg .sm-e .sme-old{padding:20px 22px 10px}.sg .sm-e .sme-new{padding:18px 22px 22px}
  .sg .sm-g .smg-tiles{grid-template-columns:1fr 1fr}.sg .sm-g .smg-panel.on{grid-template-columns:1fr;gap:24px}.sg .sm-g .smg-panels{padding:24px}
  .sg .sm-f .pin{width:28px;height:28px;font-size:12px;box-shadow:0 0 0 5px rgba(213,240,152,.3)}.sg .sm-f .smf-langs{font-size:10px;padding:4px 8px}
}
@media (max-width:600px){.sg .sm-d .smd-notes,.sg .sm-f .smf-leg{grid-template-columns:1fr}.sg .sm-g .smg-tile{min-height:110px;font-size:15px}}
/* G réutilise le visuel document → vidéo de C */
.sg .sm-g .smc-vis{display:flex;align-items:center;justify-content:center;gap:28px;background:radial-gradient(60% 70% at 70% 50%,rgba(213,240,152,.14),transparent 70%),#432F46}
.sg .sm-g .docs{display:flex;flex-direction:column;gap:10px}
.sg .sm-g .d{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#fff;color:var(--sg-100);font-size:14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.sg .sm-g .d em{font-style:normal}
.sg .sm-g .d1{transform:translateX(18px)}.sg .sm-g .d2{transform:translateX(6px)}
.sg .sm-g .d-ic{width:18px;height:18px;color:var(--sg-70)}
.sg .sm-g .smc-arr{width:36px;height:36px;color:var(--sg-lime)}
.sg .sm-g .smc-play{width:84px;height:84px;border-radius:20px;background:var(--sg-lime);color:var(--sg-100);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(213,240,152,.08)}
.sg .sm-g .smc-play svg{width:30px;height:30px;margin-left:4px}

/* ---------- thèmes de section (variations du rythme des fonds) : sombre par défaut, .mid, .light (blanc), .light.grey, .light.pale, .light.lime ---------- */
.sg section{--t-bg:var(--sg-100);--t-fg:var(--sg-8);--t-muted:var(--sg-30);--t-card:var(--sg-85);--t-card2:var(--sg-85);--t-line:var(--sg-85);--t-dot:var(--sg-lime)}
.sg section.mid{background:var(--sg-85);--t-bg:var(--sg-85);--t-card:var(--sg-100);--t-card2:var(--sg-100);--t-line:rgba(255,255,255,.12)}
.sg section.light{--t-bg:#fff;--t-fg:var(--sg-100);--t-muted:var(--sg-70);--t-card:var(--sg-8);--t-card2:#fff;--t-line:#F0EEF0;--t-dot:var(--sg-100)}
.sg section.light.grey{background:var(--sg-8);--t-bg:var(--sg-8);--t-card:#fff}
.sg section.light.pale{background:var(--sg-pale);--t-bg:var(--sg-pale);--t-card:#fff;--t-line:#D7E6B2}
.sg section.light.lime{background:var(--sg-lime);--t-bg:var(--sg-lime);--t-card:#fff;--t-card2:#fff;--t-line:rgba(34,11,38,.16);--t-muted:#432F46}
/* textes, liens, boutons sur fond clair (le guide : bouton principal foncé sur fond clair) */
.sg .light h3{color:var(--sg-100)}
.sg .light .sub,.sg .light .sec-h .sub,.sg .light .lead{color:var(--t-muted)}
.sg .light.lime .eyebrow{color:var(--sg-100)}
.sg .light .link{color:var(--sg-100)}
.sg .light .btn-lime{background:var(--sg-100);color:#fff;border-color:var(--sg-100)}
.sg .light .btn-lime:hover{background:var(--sg-lime);color:var(--sg-100);border-color:var(--sg-100)}
.sg .light .btn-ghost{color:var(--sg-100);border-color:var(--sg-100)}
.sg .light .btn-ghost:hover{background:var(--sg-100);color:#fff;border-color:var(--sg-100)}
.sg .light .sm-sup li{color:var(--sg-70);border-color:var(--sg-30)}
.sg .mid .sm-sup li{border-color:var(--sg-50)}
/* logos clients */
.sg .clients.light .eyebrow{color:var(--sg-70)}
.sg .light .client-row img{filter:brightness(0);opacity:.62}
.sg .clients.light.grey{background:var(--sg-8)}
/* sur mesure (B) */
.sg .light.sm-b .smb-list li{border-top-color:var(--t-line)}
.sg .light.sm-b .smb-list p{color:var(--t-muted)}
.sg .light .ck{background:var(--sg-lime)}.sg .light .ck-ic{color:var(--sg-100)}
.sg .light.lime .ck{background:var(--sg-100)}.sg .light.lime .ck-ic{color:var(--sg-lime)}
.sg .light.sm-b .paper{box-shadow:0 30px 60px -24px rgba(34,11,38,.35);border:1px solid #F0EEF0}
.sg .light.sm-b .module{box-shadow:0 40px 80px -30px rgba(34,11,38,.45);border:1px solid #F0EEF0}
.sg .light.sm-b .arr{color:var(--sg-lime-deep,#8FBF3A)}
.sg .light.lime.sm-b .arr{color:var(--sg-100)}
.sg .mid.sm-b .smb-list li{border-top-color:rgba(255,255,255,.12)}
/* bibliothèque sur fond sombre */
.sg section:not(.light) .nav-ar{background:transparent;border-color:var(--sg-50);color:var(--sg-8)}
.sg section:not(.light) .nav-ar:hover{background:var(--sg-lime);color:var(--sg-100);border-color:var(--sg-lime)}
.sg section:not(.light) .btn-ink{background:var(--sg-lime);color:var(--sg-100);border-color:var(--sg-lime)}
.sg .mid .gallery .poster{background:var(--sg-100)}
/* centre de formation + éditions */
.sg .light .pf-tab{color:var(--sg-100);border-left-color:var(--t-line)}
.sg .light .pf-tab span,.sg .light .pf-tab.on span{color:var(--t-muted)}
.sg .light .pf-tab.on{background:var(--t-card);border-left-color:var(--sg-100)}
.sg .light .pf-tab:hover b{color:var(--sg-100)}
.sg .light .pf-stage{background:var(--sg-100)}
.sg .mid .pf-tab{border-left-color:rgba(255,255,255,.14)}.sg .mid .pf-tab.on{background:var(--sg-100)}.sg .mid .pf-stage{background:var(--sg-100)}
.sg .light .ed-h p{color:var(--t-muted)}
.sg .light .plan{background:var(--t-card);border-color:var(--t-card);color:var(--sg-100)}
.sg .light .plan.hi{border-color:var(--sg-100)}
.sg .light .plan .who,.sg .light .plan .price span{color:var(--t-muted)}
.sg .mid .plan{background:var(--sg-100);border-color:var(--sg-100)}.sg .mid .plan.hi{border-color:var(--sg-lime)}
/* témoignages */
.sg .light .tq{background:var(--t-card)}
.sg .light .tq blockquote{color:var(--sg-100)}
.sg .light .tq img{filter:brightness(0);opacity:.85}
.sg .light .tq figcaption{color:var(--t-muted)}
.sg .mid .tq{background:var(--sg-100)}
/* FAQ */
.sg .light .faq details{border-color:var(--t-line)}
.sg .light .faq summary{color:var(--sg-100)}
.sg .light .faq summary::after{border-color:var(--sg-30);color:var(--sg-70)}
.sg .light .faq details p{color:var(--t-muted)}
.sg .mid .faq details{border-color:rgba(255,255,255,.14)}
/* appel final */
.sg .light.final::before{display:none}
.sg .light.final h2{color:var(--sg-100)}
.sg .light.final .sub{color:var(--t-muted)}
/* la section des logos en lime (?logos=lime) : logos foncés, sur-titre foncé */
.sg .clients.light.lime .eyebrow{color:var(--sg-100)}
.sg .clients.light.lime .client-row img{opacity:.8}
/* quand la section des logos est claire (lime ou blanche), la vidéo du hero ne la touche pas */
.sg .hero:has(+ .clients.light){padding-bottom:clamp(48px,6vw,80px)}