:root{--encre:#0B0F10;--encre2:#141A1B;--encre3:#1B2324;--craie:#F4F0E8;--sarcelle:#00A6B6;--sarcelle2:#4FC7D3;--ambre:#C0762A;--gris:#3F4749;--taupe:#8C8078}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--encre);color:#EDE8DE;font-family:"Newsreader",Georgia,serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.titrage{font-family:"Gloock",Georgia,serif;font-weight:400;letter-spacing:-.012em;line-height:1.06}
main{max-width:1200px;margin:0 auto;padding:0 24px 130px}
a{color:var(--sarcelle2);text-decoration-thickness:1px;text-underline-offset:3px}
p{max-width:72ch}
/* sommaire collant */
nav.som{position:sticky;top:0;z-index:30;background:rgba(11,15,16,.93);backdrop-filter:blur(10px);border-bottom:1px solid rgba(237,232,222,.12);margin:0 -24px 0;padding:0 24px}
nav.som ol{display:flex;gap:26px;list-style:none;margin:0;padding:14px 0;overflow-x:auto;font-family:Archivo,sans-serif;font-size:.82rem;scrollbar-width:none}
nav.som ol::-webkit-scrollbar{display:none}
nav.som a{color:rgba(237,232,222,.6);text-decoration:none;white-space:nowrap}
nav.som a:hover{color:var(--craie)}
header.une{padding:104px 0 56px}
header.une h1{font-size:clamp(2.3rem,5.2vw,4.4rem);margin:0 0 20px}
header.une .sous{max-width:64ch;color:rgba(237,232,222,.74);font-size:1.1rem}
.meta{font-family:Archivo,sans-serif;font-size:.84rem;color:rgba(237,232,222,.45);margin-top:28px;max-width:82ch}
section{padding:78px 0;border-top:1px solid rgba(237,232,222,.1)}
h2{font-family:"Gloock",serif;font-weight:400;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.08;margin:0 0 12px}
h3{font-family:"Gloock",serif;font-weight:400;font-size:1.3rem;margin:0 0 6px}
.chapo{max-width:68ch;color:rgba(237,232,222,.74);margin:0 0 38px;font-size:1.06rem}
.plaque{background:var(--sarcelle);color:#04191B;padding:.02em .24em .1em;border-radius:3px;font-variant-numeric:tabular-nums;white-space:nowrap}
/* figures */
figure.fig{margin:34px 0 10px;background:var(--encre2);border:1px solid rgba(237,232,222,.1);border-radius:6px;padding:26px 26px 18px}
figure.fig figcaption{font-family:Archivo,sans-serif;font-size:.83rem;color:rgba(237,232,222,.5);margin-top:16px;border-top:1px solid rgba(237,232,222,.1);padding-top:12px}
figure.fig .tt{font-family:Archivo,sans-serif;font-size:.95rem;color:var(--craie);font-weight:600;margin-bottom:4px}
figure.fig .st{font-family:Archivo,sans-serif;font-size:.85rem;color:rgba(237,232,222,.55);margin-bottom:18px}
.legende{display:flex;gap:20px;font-family:Archivo,sans-serif;font-size:.83rem;color:rgba(237,232,222,.7);margin-bottom:14px}
.legende span{display:flex;align-items:center;gap:7px}
.legende i{width:14px;height:3px;border-radius:2px;display:inline-block}
/* chiffres */
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:rgba(237,232,222,.12);border-radius:5px;overflow:hidden;margin:34px 0}
.kpi>div{background:var(--encre);padding:24px}
.kpi b{font-family:"Gloock",serif;font-size:2.7rem;display:block;line-height:1;margin-bottom:10px}
.kpi span{font-family:Archivo,sans-serif;font-size:.88rem;color:rgba(237,232,222,.6);display:block;line-height:1.45}
.kpi .sar{color:var(--sarcelle2)}
/* tableaux */
table{width:100%;border-collapse:collapse;font-size:.94rem;margin-top:22px}
th{font-family:Archivo,sans-serif;font-size:.8rem;text-align:left;color:rgba(237,232,222,.5);font-weight:500;padding:10px 12px 10px 0;border-bottom:1px solid rgba(237,232,222,.18)}
td{padding:11px 12px 11px 0;border-bottom:1px solid rgba(237,232,222,.08);vertical-align:top}
td.n{font-variant-numeric:tabular-nums;font-family:Archivo,sans-serif;text-align:right;padding-right:20px;white-space:nowrap}
td.th{font-family:Archivo,sans-serif;font-size:.82rem;color:rgba(237,232,222,.5)}
tr.av td:first-child{color:var(--sarcelle2)}
/* archétypes */
.arches{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:20px;margin-top:30px}
.arch{background:var(--encre2);border:1px solid rgba(237,232,222,.1);border-radius:6px;padding:24px}
.arch header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.arch .j{font-family:Archivo,sans-serif;font-size:.78rem;color:var(--sarcelle2);white-space:nowrap}
.arch .preuve{font-size:1.06rem;color:var(--craie);margin:0 0 12px;font-style:italic}
.arch .regle{font-size:.96rem;color:rgba(237,232,222,.72);margin:0 0 14px}
.arch .pour{font-size:.96rem;color:var(--craie);background:rgba(0,166,182,.1);border-left:2px solid var(--sarcelle);padding:12px 14px;margin:0;border-radius:0 4px 4px 0}
.arch .pour span{font-family:Archivo,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sarcelle2);display:block;margin-bottom:5px}
/* grille de reproduction */
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:rgba(237,232,222,.12);border-radius:5px;overflow:hidden;margin-top:28px}
.grille>div{background:var(--encre);padding:22px}
.grille h4{font-family:Archivo,sans-serif;font-size:.95rem;margin:0 0 8px;color:var(--craie)}
.grille p{font-size:.93rem;color:rgba(237,232,222,.65);margin:0}
.grille .oui{color:var(--sarcelle2);font-family:Archivo,sans-serif;font-size:.8rem;display:block;margin-bottom:8px}
.grille .non{color:var(--ambre);font-family:Archivo,sans-serif;font-size:.8rem;display:block;margin-bottom:8px}
/* écoles, cabinets, créas */
.ecole{border-top:1px solid rgba(237,232,222,.12);padding:28px 0}
.ecole .verdict{font-family:Archivo,sans-serif;font-size:.74rem;padding:4px 11px;border-radius:999px;border:1px solid;display:inline-block;margin-bottom:10px}
.ecole--gagne .verdict{color:#04191B;background:var(--sarcelle);border-color:var(--sarcelle)}
.ecole--tient .verdict{color:var(--sarcelle2);border-color:var(--sarcelle2)}
.ecole--mort .verdict,.ecole--raté .verdict{color:rgba(237,232,222,.5);border-color:rgba(237,232,222,.3)}
.ecole .tenue{font-family:Archivo,sans-serif;font-size:.85rem;color:rgba(237,232,222,.55);margin:2px 0 14px}
.pourquoi{color:var(--sarcelle2)}
.creas{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
.crea{margin:0;width:164px}
.crea img{width:100%;border-radius:4px;border:1px solid rgba(237,232,222,.14);display:block;background:#000}
.crea figcaption{font-family:Archivo,sans-serif;font-size:.72rem;color:rgba(237,232,222,.4);margin-top:6px}
.cabinet{border-top:1px solid rgba(237,232,222,.12);padding:28px 0}
.cabinet .mesures{font-family:Archivo,sans-serif;font-size:.9rem;color:rgba(237,232,222,.6);margin:6px 0 4px}
.cabinet .themes{font-family:Archivo,sans-serif;font-size:.8rem;color:var(--taupe);margin:0 0 16px}
.copie{margin:14px 0;padding:16px 20px;background:var(--encre2);border-left:2px solid var(--sarcelle);border-radius:0 4px 4px 0}
.copie p{margin:0;font-size:.97rem;color:rgba(237,232,222,.82);white-space:pre-line}
.copie footer{font-family:Archivo,sans-serif;font-size:.78rem;color:rgba(237,232,222,.42);margin-top:10px}
/* propositions */
.props{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:30px}
.prop img{width:100%;border-radius:5px;border:1px solid rgba(237,232,222,.16);display:block}
.prop h4{font-family:"Gloock",serif;font-weight:400;font-size:1.2rem;margin:18px 0 6px}
.prop p{font-size:.95rem;color:rgba(237,232,222,.7)}
.prop .copy{font-family:Archivo,sans-serif;font-size:.86rem;background:var(--encre2);padding:15px 17px;border-radius:4px;margin-top:12px;white-space:pre-line;color:rgba(237,232,222,.85);line-height:1.55}
ol.plan{counter-reset:p;list-style:none;padding:0;max-width:76ch}
ol.plan li{counter-increment:p;padding:18px 0 18px 62px;border-bottom:1px solid rgba(237,232,222,.1);position:relative}
ol.plan li::before{content:counter(p);position:absolute;left:0;top:13px;font-family:"Gloock",serif;font-size:1.95rem;color:var(--sarcelle)}
.avert{background:var(--encre2);border:1px solid rgba(237,232,222,.14);border-radius:5px;padding:24px 28px;margin-top:28px}
.avert p{margin:.45em 0;font-size:.98rem}
footer.pied{padding:54px 0;color:rgba(237,232,222,.4);font-family:Archivo,sans-serif;font-size:.84rem;border-top:1px solid rgba(237,232,222,.1)}
details.tab summary{font-family:Archivo,sans-serif;font-size:.85rem;color:var(--sarcelle2);cursor:pointer;margin-top:14px}
@media(max-width:700px){.crea{width:calc(50% - 6px)}td.th{display:none}header.une{padding-top:76px}}
/* --- ajouts 2e passe --- */
.entonnoir{margin:34px 0 10px;border:1px solid rgba(237,232,222,.1);border-radius:6px;overflow:hidden}
.entonnoir>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:baseline;padding:16px 22px;border-bottom:1px solid rgba(237,232,222,.08);position:relative}
.entonnoir>div:last-child{border-bottom:0}
.entonnoir .jauge{position:absolute;inset:0 auto 0 0;background:rgba(0,166,182,.12);z-index:0}
.entonnoir b,.entonnoir span{position:relative;z-index:1}
.entonnoir b{font-family:Archivo,sans-serif;font-weight:600;font-size:.99rem;color:var(--craie)}
.entonnoir em{display:block;font-style:normal;font-family:"Newsreader",serif;font-size:.93rem;color:rgba(237,232,222,.58);margin-top:3px;max-width:62ch}
.entonnoir span{font-family:Archivo,sans-serif;font-variant-numeric:tabular-nums;font-size:1.22rem;color:var(--sarcelle2);white-space:nowrap}
.meca{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1px;background:rgba(237,232,222,.12);border-radius:5px;overflow:hidden;margin-top:30px}
.meca>div{background:var(--encre);padding:24px}
.meca h4{font-family:"Gloock",serif;font-weight:400;font-size:1.16rem;margin:0 0 10px;color:var(--craie)}
.meca p{font-size:.96rem;color:rgba(237,232,222,.7);margin:0 0 12px;max-width:none}
.meca .preuve{font-family:Archivo,sans-serif;font-size:.87rem;color:var(--sarcelle2);border-top:1px solid rgba(0,166,182,.25);padding-top:11px;margin:0}
.prix{width:100%;border-collapse:collapse;margin-top:24px}
.prix td.p{font-family:Archivo,sans-serif;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:var(--craie);font-weight:600}
.prix tr.nous td{color:var(--sarcelle2)}
.echelle{position:relative;height:74px;margin:30px 0 10px}
.echelle .ax{position:absolute;left:0;right:0;top:36px;height:2px;background:rgba(237,232,222,.18);border-radius:2px}
.echelle .pt{position:absolute;top:28px;width:12px;height:12px;border-radius:50%;background:var(--sarcelle);transform:translateX(-6px);border:2px solid var(--encre)}
.echelle .pt.b{background:var(--ambre)}
.echelle .lb{position:absolute;font-family:Archivo,sans-serif;font-size:.75rem;color:rgba(237,232,222,.7);transform:translateX(-50%);white-space:nowrap}
.hooks{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;margin-top:26px}
.hooks figure{margin:0}
.hooks img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:4px;border:1px solid rgba(237,232,222,.14);background:#000;display:block}
.hooks figcaption{font-family:Archivo,sans-serif;font-size:.72rem;color:rgba(237,232,222,.45);margin-top:6px;line-height:1.35}
.arrivee{border-top:1px solid rgba(237,232,222,.12);padding:26px 0}
.arrivee h3{margin-bottom:4px}
.arrivee .url{font-family:Archivo,sans-serif;font-size:.8rem;color:var(--taupe);margin:0 0 12px}
.arrivee ul{margin:0;padding-left:1.1em;font-size:.97rem;color:rgba(237,232,222,.74)}
.arrivee li{margin:.35em 0}
.serif-note{font-size:.93rem;color:rgba(237,232,222,.5);max-width:74ch;margin-top:14px}
.deux{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:34px;margin-top:28px}
.verdict-l{font-family:Archivo,sans-serif;font-size:.74rem;padding:3px 10px;border-radius:999px;border:1px solid rgba(237,232,222,.3);color:rgba(237,232,222,.6);display:inline-block}
.verdict-l.on{color:#04191B;background:var(--sarcelle);border-color:var(--sarcelle)}
.pourquoi-l{background:rgba(0,166,182,.08);border-left:2px solid var(--sarcelle);padding:14px 18px;border-radius:0 4px 4px 0;margin:16px 0 0;font-size:.97rem;color:rgba(237,232,222,.82)}
.pourquoi-l b{color:var(--craie);font-family:Archivo,sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:6px;color:var(--sarcelle2)}