/* Centillion, version claire (K4-23) — pages intérieures.
   Blanc = 1re image de la vidéo d'ouverture (#eff1ee). Accents : dégradé bleu → corail relevé dans l'écho coloré de la vidéo.
   Bleu texte #446da2 (4,5:1 sur #eff1ee), corail texte #a25755 (4,7:1) ; vifs (décor) #a9c8e7 / #e9b6ad. */
:root,html[data-theme=e]{--blanc:#eff1ee;--bleu:#446da2;--corail:#a25755;--bleu-v:#a9c8e7;--corail-v:#e9b6ad;
 --grad:linear-gradient(90deg,#446da2,#795f8c 50%,#a25755);--grad-v:linear-gradient(90deg,#a9c8e7,#d0bcd5 50%,#e9b6ad);
 --figure-gradient:linear-gradient(90deg,#446da2,#795f8c 50%,#a25755);--figure-gradient-light:linear-gradient(90deg,#446da2,#795f8c 50%,#a25755);
 --nav-bg:rgba(239,241,238,.92);color-scheme:light}
@supports (background:linear-gradient(90deg in oklab,red,blue)){
 :root,html[data-theme=e]{--grad:linear-gradient(90deg in oklab,#446da2,#795f8c 50%,#a25755);--grad-v:linear-gradient(90deg in oklab,#a9c8e7,#d0bcd5 50%,#e9b6ad);--figure-gradient:linear-gradient(90deg in oklab,#446da2,#795f8c 50%,#a25755);--figure-gradient-light:linear-gradient(90deg in oklab,#446da2,#795f8c 50%,#a25755)}
}
html,body{background:var(--blanc)}
/* textes autrefois cuivre : dégradé bleu → corail (repli : bleu uni) */
.p-inner .eyebrow,.crumb,.eyebrow,.e-blue,.e-orange,.pq-k,.of-fig,.pr-fig,.p-inner .of .of-fig,.p-contact .rn,.p-inner .st:before,
.sl-lab,.sl-stamp,.of-n,.of-a,.st-n,.more,.fn a,.fine a,.legal a,.coord a,.nav__link:hover,.nav__link[aria-current],.nav__btn:hover,.nav__dd a:hover,.nav__dd a[aria-current],.sl-pq a:hover,.sl-form a:hover{color:var(--bleu)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 .p-inner .eyebrow,.crumb,.eyebrow,.e-blue,.e-orange,.pq-k,.of-fig,.pr-fig,.p-inner .of .of-fig,.p-contact .rn,.p-inner .st:before,
 .sl-lab,.sl-stamp,.of-n,.of-a,.st-n,.more,.fn a,.fine a,.legal a,.coord a,.nav__link:hover,.nav__link[aria-current],.nav__btn:hover,.nav__dd a:hover,.nav__dd a[aria-current],.sl-pq a:hover,.sl-form a:hover{
  background-image:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
 /* blocs : la boîte épouse le texte, pour que tout le dégradé soit visible */
 .p-inner .eyebrow,.eyebrow,.pq-k,.of-fig,.pr-fig,.p-inner .of .of-fig,.p-inner .st:before,.sl-lab,.sl-stamp{width:fit-content;max-width:100%}
 /* le fil d'Ariane garde des liens lisibles : dégradé sur l'ensemble */
 .crumb a{color:inherit}
 /* chiffres géants déjà en dégradé */
 .giant,.sl-giant,.sl-fig .fig,html[data-theme=e] :is(.white,.gray,.dark) .m-num{background-image:var(--grad)}
}
.nav__dd a:hover,.nav__dd a[aria-current]{background:var(--bg-alt)}
/* puces, filets et pictos cuivre : dégradé */
.p-inner .rows li:before,.p-inner .of .of-body li:before,.p-inner .legal li:before,.sl-list li:before,.dia-nav button[aria-current=true]:before,.of-body li:before{background:var(--grad)}
.p-inner .of:hover{background:linear-gradient(90deg,rgba(169,200,231,.10),rgba(233,182,173,.06) 40%,transparent 70%)}
.p-inner .eng li:before{border-top-color:var(--bleu);border-right-color:var(--corail)}
.p-inner .final:before{opacity:.32;background:repeating-radial-gradient(circle at 100% 100%,transparent 0 63px,var(--bleu-v) 63px 64px)}
.p-inner .final:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background:repeating-radial-gradient(circle at 100% 100%,transparent 0 66px,var(--corail-v) 66px 67px);-webkit-mask:radial-gradient(circle at 100% 100%,#000 0,#000 40%,transparent 70%);mask:radial-gradient(circle at 100% 100%,#000 0,#000 40%,transparent 70%)}
.wk-free{background:linear-gradient(160deg,var(--bleu-v),#d0bcd5 50%,var(--corail-v))}
.sym{stroke:var(--bleu)}
/* boutons : encre, survol en dégradé */
.pill:hover,.hero--3d .pill:hover{background:var(--grad);color:#fff}
.pill:after{color:var(--corail-v)}
.pill:hover:after{color:#fff}
.sl-cue:before{background:linear-gradient(var(--bleu),rgba(233,182,173,0))}
/* v93 : décor d'arcs (.final::before/::after, absolus) toujours SOUS le contenu ; boutons pleins opaques au-dessus */
.p-inner .final{isolation:isolate}
.p-inner .final:before,.p-inner .final:after{z-index:0}
.p-inner .final .in{position:relative;z-index:1}
.p-inner .final .pill{position:relative;z-index:2;opacity:1;mix-blend-mode:normal}
.p-inner .final .pill:hover{background:var(--grad) var(--bleu)}
.p-inner .final .pill:focus-visible{position:relative;z-index:3}

/* v112 : extraits en images de l'exemple fictif de rapport d'opportunités (conseil, méthode) — plus de PDF */
.ex-cr{margin:1.2em 0 .3em}
.ex-cr-t{margin:0 0 .6em;font-size:.92em;line-height:1.35}
.ex-cr-t strong{font-weight:500}
.ex-cr-m{color:#5b5e5a}
.ex-cr-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.ex-cr figure{margin:0;min-width:0}
.ex-cr-z{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;border-radius:4px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.08),0 4px 14px rgba(68,109,162,.14);transition:transform .25s ease}
.ex-cr-z img{display:block;width:100%;height:auto}
.ex-cr-z:hover{transform:translateY(-2px)}
.ex-cr-z:focus-visible{outline:2px solid var(--bleu,#446da2);outline-offset:3px}
.ex-cr figcaption{margin-top:.45em;font-size:.78em;line-height:1.3;color:#5b5e5a}
.ex-cr-d{padding:0;border:0;border-radius:6px;max-width:min(96vw,1000px);max-height:92vh;overflow:auto;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.ex-cr-d::backdrop{background:rgba(20,22,24,.72)}
.ex-cr-d img{display:block;width:100%;height:auto;cursor:zoom-out}
.ex-cr-x{position:sticky;top:8px;float:right;margin:8px 8px -44px 0;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#2a2a2a;font-size:22px;line-height:36px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.2)}
@media (max-width:520px){.ex-cr-g{gap:8px}.ex-cr figcaption{font-size:.72em}}
.p-inner .method>div:last-child>.ex-cr{grid-row:4;margin-top:22px}
.p-inner .method>div:last-child>.ex-cr+.ctas{grid-row:5}

/* v116 : tableau de chiffrage sur deux axes (facilité de mise en place × impact) */
.mx2{margin:1.6em 0 .4em;max-width:880px}
.mx2-h{font-family:var(--font-title);font-size:clamp(20px,2vw,26px);font-weight:500;line-height:1.2;margin:0 0 .45em}
.mx2 .mx2-i{margin:0 0 1em;color:#5b5e5a;line-height:1.45}
.t-mx2 .mx2-i{font-size:clamp(17px,1.4vw,20px)}
.mx2 .mx2-t{width:100%;border-collapse:separate;border-spacing:6px;margin:0 -6px;table-layout:fixed}
.mx2-t .mx2-c0{width:104px}
.mx2-t thead{display:table-footer-group}
.mx2 .mx2-t th{font-family:var(--f-mono);font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#5b5e5a;line-height:1.4;text-align:left}
.mx2 .mx2-t thead th{padding:2px 2px 0}
.mx2 .mx2-t thead th.mx2-r{text-align:right}
.mx2 .mx2-t tbody th{padding:0 8px 0 0;vertical-align:middle}
.mx2 .mx2-t td{vertical-align:top;padding:16px 18px 18px;border-radius:4px}
.mx2-t .q1{background:#dde8f4 linear-gradient(90deg,#446da2,#795f8c) no-repeat 0 0/100% 3px;color:#446da2}
.mx2-t .q2{background:#ece3ee linear-gradient(90deg,#795f8c,#a25755) no-repeat 0 0/100% 3px;color:#795f8c}
.mx2-t .q3{background:#fff;color:#5b5e5a;box-shadow:inset 0 0 0 1px #d9dcd8}.mx2-t .q4{background:#f5e1dd;color:#a25755}
.mx2 .mx2-qt{margin:0 0 .4em;font-family:var(--f-mono);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.35;overflow-wrap:anywhere}
.mx2 .mx2-qd{margin:0;font-size:15px;line-height:1.4;color:#2a2c2a}
.mx2 .mx2-l{margin:.7em 0 0;font-size:13px;line-height:1.45;color:#5b5e5a}
@media(max-width:600px){.mx2 .mx2-t{border-spacing:4px;margin:0 -4px}.mx2-t .mx2-c0{width:58px}.mx2 .mx2-t td{padding:11px 9px 12px}
 .mx2 .mx2-t tbody th{padding-right:4px}.mx2 .mx2-qt{font-size:10.5px;letter-spacing:.02em}.mx2 .mx2-qd{font-size:13px;line-height:1.35}.mx2 .mx2-t th{font-size:9.5px;letter-spacing:.02em}}
.p-inner .method>div:last-child>.mx2{grid-row:4;margin-top:30px}
.p-inner .method>div:last-child>.mx2~.ex-cr{grid-row:5}
.p-inner .method>div:last-child>.mx2~.ex-cr+.ctas{grid-row:6}

.mx2 .mx2-k{display:inline-block;margin:0 0 .7em;padding:3px 9px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a25755;background:#f5e1dd;border-radius:3px}
.mx2 .mx2-ex{margin:.7em 0 0;padding:0;list-style:none;font-size:14.5px;line-height:1.4;color:#2a2c2a}
.mx2 .mx2-ex li{position:relative;padding-left:.9em;margin:.2em 0}
.mx2 .mx2-ex li::before{content:"·";position:absolute;left:0;font-weight:700}
@media(max-width:600px){.mx2 .mx2-ex{font-size:12.5px;line-height:1.3}.mx2 .mx2-ex li{padding-left:.7em}}
.mx2 .mx2-t .mx2-ex li{font-size:inherit;line-height:inherit}

/* v195 : liens texte en dégradé (--grad), soulignement fin au survol / focus ; exclus : boutons, CTA, « Réserver » (cal.com), logo, liens-image, liens tapés lettre à lettre */
a:not(.btn):not(.pill):not(.hd-cta):not(.cx-cta):not(.skip):not(.lg):not(.wordmark):not(.tw):not([role=menuitem]):not([href*="cal.com"]):not([href*="calendly"]):not(:has(img,svg,picture,video,canvas)){color:#795f8c;text-decoration:underline 1px transparent;text-underline-offset:.22em;transition:text-decoration-color .25s ease}
a:not(.btn):not(.pill):not(.hd-cta):not(.cx-cta):not(.skip):not(.lg):not(.wordmark):not(.tw):not([role=menuitem]):not([href*="cal.com"]):not([href*="calendly"]):not(:has(img,svg,picture,video,canvas)):hover,a:not(.btn):not(.pill):not(.hd-cta):not(.cx-cta):not(.skip):not(.lg):not(.wordmark):not(.tw):not([role=menuitem]):not([href*="cal.com"]):not([href*="calendly"]):not(:has(img,svg,picture,video,canvas)):focus-visible{text-decoration-color:#795f8c}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 a:not(.btn):not(.pill):not(.hd-cta):not(.cx-cta):not(.skip):not(.lg):not(.wordmark):not(.tw):not([role=menuitem]):not([href*="cal.com"]):not([href*="calendly"]):not(:has(img,svg,picture,video,canvas)){background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
 a:not(.btn):not(.pill):not(.hd-cta):not(.cx-cta):not(.skip):not(.lg):not(.wordmark):not(.tw):not([role=menuitem]):not([href*="cal.com"]):not([href*="calendly"]):not(:has(img,svg,picture,video,canvas)) *:not(.sr){background:none;-webkit-text-fill-color:transparent} /* v280 : un seul dégradé sur tout le lien (comme à l'accueil), pas un par lettre / mot */
}
/* t871u : boutons plus premium sur tout le site (charte inchangée : noir, Space Mono, survol en dégradé) + photo de Léo (Cal.com) sur les boutons de réservation */
.btn,.pill,.ar .ar-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 28px -18px rgba(42,42,42,.6);transition:background .3s ease,color .3s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.65,.2,1)}
.btn:hover,.pill:hover,.ar .ar-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 34px -16px rgba(121,95,140,.6)}
.btn:active,.pill:active,.ar .ar-btn:active{transform:translateY(0);transition-duration:.1s}
.btn::after,.pill:after,.ar .ar-btn::after{transition:transform .35s cubic-bezier(.2,.65,.2,1),opacity .25s,color .2s}
.btn:hover::after,.pill:hover:after,.ar .ar-btn:hover::after{transform:translateX(4px)}
a[href*="cal.com/centillion"]:is(.btn,.pill,.ar-btn,.hd-cta)::before{content:"";flex:none;width:30px;height:30px;margin:-7px 12px -7px -8px;border-radius:50%;background:#d3d6d1 url(/media/v358/leo-96.webp) center/cover no-repeat;background-image:image-set(url(/media/v358/leo-96.avif) type("image/avif"),url(/media/v358/leo-96.webp) type("image/webp"));box-shadow:0 0 0 1.5px rgba(255,255,255,.9),0 2px 6px rgba(0,0,0,.18);transition:transform .35s cubic-bezier(.2,.65,.2,1)}
a[href*="cal.com/centillion"]:is(.btn,.pill,.ar-btn,.hd-cta):hover::before{transform:scale(1.06)}
a[href*="cal.com/centillion"].pill:before{margin:-6px 0 -6px -6px}
a[href*="cal.com/centillion"].btn::before{margin:-7px 0 -7px -8px}
a[href*="cal.com/centillion"]:is(.pill-sm,.pill-ft,.hd-cta)::before{width:22px;height:22px;margin:-5px 10px -5px -4px}
a[href*="cal.com/centillion"].pill-sm:before,a[href*="cal.com/centillion"].pill-ft:before{margin:-5px 0 -5px -4px}
.hd-cta[href*="cal.com/centillion"]{display:inline-flex;align-items:center}
@media(max-width:900px){.hd-cta[href*="cal.com/centillion"]::before{display:none}}
.js .end-side .btn[href*="cal.com"]::before{opacity:var(--bf,0)}.rm .end-side .btn[href*="cal.com"]::before{opacity:1}
.pill .cta-t{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.15;text-align:left}
.pill .cta-s{font:400 11px/1.2 "Space Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.72}
/* pt875u : boutons noirs arrondis en pilule sur tout le site (style premium conservé) */
.btn,.pill,.ar .ar-btn,.dx .dx-btn,.cx-cta{border-radius:999px!important}
.btn:focus-visible,.pill:focus-visible,.ar .ar-btn:focus-visible{border-radius:999px}
.btn,.ar .ar-btn{padding-left:26px;padding-right:26px}
a[href*="cal.com/centillion"]:is(.btn,.ar-btn)::before{margin-left:-14px}
