/* Échelon — design system v3 « éditorial tech ».
   Blanc franc, encre froide, un seul accent cobalt utilisé avec parcimonie. Serif fine pour les grands titres,
   Geist pour le texte, Geist Mono pour les libellés et les données. Boutons noirs.
   Toutes les classes utilisées par le master prompt sont définies ici : ne pas en renommer. */
:root{
--paper:#ffffff;--card:#ffffff;--soft:#f5f6f8;--ink:#0b0c0f;--ink-2:#2a2d34;--muted:#6a6f78;
--line:#e7e9ed;--line-2:#d3d6dc;
--accent:#2b44e6;--accent-2:#1d31bf;--accent-soft:rgba(43,68,230,.08);--accent-ink:#9aa8ff;
--on-ink:#b9bdc6;--on-ink-2:#8a8f99;
--warn:#b4441b;--warn-soft:#fdf2ed;
--r:2px;--r-lg:3px;
--f-serif:'Newsreader',Georgia,'Times New Roman',serif;
--f-sans:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
--f-mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink-2);font:16.5px/1.7 var(--f-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.noscroll{overflow:hidden}
img{max-width:100%;height:auto}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent);text-decoration-color:var(--accent)}
h1,h2,h3,h4{color:var(--ink);margin:1.7em 0 .5em;line-height:1.15}
h1,h2{font-family:var(--f-serif);font-weight:400;letter-spacing:-.02em}
h1{font-size:clamp(38px,5.2vw,64px);line-height:1.05;margin-top:.15em}
h2{font-size:clamp(27px,2.9vw,36px)}
h1 em,h2 em{font-style:italic;color:var(--accent)}
h3{font:600 18px/1.35 var(--f-sans);letter-spacing:-.01em}
h4{font:600 15.5px/1.4 var(--f-sans);color:var(--ink-2)}
p{margin:0 0 1em}
.small{font-size:13.5px;color:var(--muted)}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--card);padding:8px 12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{background:var(--accent);color:#fff}

/* En-tête */
.topbar{display:none}
.hdr{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:400 27px/1 var(--f-serif);letter-spacing:-.02em}
.logo:hover{color:var(--ink)}
.logo svg{flex:none}
.logo-tag{font:500 10px/1.35 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-left:1px solid var(--line-2);padding-left:12px}
.nav{display:flex;align-items:center;gap:2px}
.nav a,.megabtn{color:var(--ink-2);text-decoration:none;font:500 14.5px var(--f-sans);padding:8px 13px;background:none;border:0;cursor:pointer}
.nav a:hover,.megabtn:hover,.nav a[aria-current]{color:var(--accent)}
.nav .nav-cta{background:var(--ink);color:#fff;margin-left:10px;padding:10px 18px;border-radius:var(--r)}
.nav .nav-cta:hover{background:var(--accent);color:#fff}
.mega{display:none;border-top:1px solid var(--line);background:var(--card)}
.mega.open{display:block}
.mega .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:10px;padding-bottom:18px}
.mega a{display:block;padding:16px 18px;text-decoration:none;color:var(--ink);font:400 19px/1.25 var(--f-serif);border-left:1px solid var(--line)}
.mega a span{display:block;margin-top:4px;font:400 13px/1.4 var(--f-sans);color:var(--muted)}
.mega a:hover{color:var(--accent)}
.burger{display:none;align-items:center;gap:8px;background:none;border:1px solid var(--line-2);border-radius:var(--r);padding:8px 12px;font:500 14px var(--f-sans);color:var(--ink);cursor:pointer}
.bars{display:inline-grid;gap:3px}.bars i{display:block;width:16px;height:1.5px;background:var(--ink)}
.mnav{position:fixed;inset:0;z-index:60;background:var(--paper);overflow:auto;padding:18px 28px 40px}
.mnav__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.mnav__title{font:400 24px var(--f-serif);color:var(--ink)}
.mnav__close{width:42px;height:42px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);font-size:22px;cursor:pointer}
.mnav__label{font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:26px 0 4px}
.mnav__list{list-style:none;margin:0;padding:0}
.mnav__list a{display:block;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font:400 20px var(--f-serif)}

/* Boutons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:var(--r);font:500 15px/1.2 var(--f-sans);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:var(--accent);color:#fff}
.btn-light{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-light:hover{background:var(--ink);color:#fff}
.btn-dark{background:var(--accent);color:#fff}.btn-dark:hover{background:var(--accent-2);color:#fff}
.arrow::after{content:"→";transition:transform .15s}.arrow:hover::after{transform:translateX(3px)}

/* Accueil */
.hero{position:relative;padding:76px 0 70px;border-bottom:1px solid var(--line);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;background-position:-1px -1px}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 45%,rgba(255,255,255,.55) 100%);pointer-events:none}
.hero>.wrap{position:relative}
.hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:end}
.hero h1{max-width:12em}
.hero .lede{font-size:19px;line-height:1.6;max-width:600px;color:var(--ink-2)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 26px}
.hero-points{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:0;font-size:14px;color:var(--muted)}
.hero-points li::before{content:"—";margin-right:8px;color:var(--accent)}
.profile-card{background:#fff;border:1px solid var(--ink);border-radius:var(--r-lg);box-shadow:6px 6px 0 var(--soft),6px 6px 0 1px var(--line-2);padding:26px 26px 22px;font-size:14px}
.profile-card__head{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between;align-items:baseline;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.pc-id{font:500 11.5px var(--f-mono);color:var(--muted);letter-spacing:.02em;text-transform:uppercase}
.pc-score{font:500 12px var(--f-mono);color:var(--accent)}
.pc-title{font:400 26px/1.15 var(--f-serif);color:var(--ink);margin:0 0 6px}
.pc-meta{color:var(--muted);margin:0 0 16px}
.pc-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;list-style:none}
.pc-tags li{font:500 11.5px var(--f-mono);border:1px solid var(--line-2);color:var(--ink-2);padding:3px 8px;border-radius:2px}
.pc-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line)}
.pc-row span{color:var(--muted)}
.pc-row b{color:var(--ink);font-weight:500;text-align:right}
.pc-lock{margin-top:16px;padding-top:14px;border-top:1px solid var(--ink);font-size:13px;color:var(--ink-2)}
.pc-lock::before{content:"● ";color:var(--accent)}
.section{padding:88px 0;border-bottom:1px solid var(--line)}
.section--alt{background:var(--soft)}
.section--ink{background:var(--ink);color:var(--on-ink);border-bottom:0}
.section--ink h2,.section--ink h3{color:#fff}
.section--ink h2 em{color:var(--accent-ink)}
.section--ink a:not(.btn){color:#fff}
.section--ink .btn-primary{background:#fff;color:var(--ink)}.section--ink .btn-primary:hover{background:var(--accent-ink)}
.section--ink .checks li::before{border-color:var(--accent-ink)}.section--ink .checks li::after{border-color:var(--accent-ink)}
.section-head{max-width:720px;margin-bottom:44px}
.section-head h2{margin-top:.15em}
.kicker::before,.eyebrow::before{content:"";display:inline-block;width:7px;height:7px;background:var(--accent);margin-right:10px;vertical-align:1px}
.section--ink .kicker::before{background:var(--accent-ink)}
.kicker{display:block;font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.section--ink .kicker{color:var(--accent-ink)!important}
.plans{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--card)}
.plan{padding:28px 24px;display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--line)}
.plan:first-child{border-left:0}
.plan--hl{background:var(--ink);color:#dfe2e7;border-left-color:var(--ink)}
.plan.plan--hl h3,.plan.plan--hl .price{color:#fff}
.plan.plan--hl .price small{color:var(--on-ink-2)}
.plan--hl li::before{color:var(--accent-ink)}
.plan--hl .btn-primary{background:#fff;color:var(--ink)}.plan--hl .btn-primary:hover{background:var(--accent-ink)}
.plan h3{margin:0;font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.plan .price{font:400 38px/1.05 var(--f-serif);color:var(--ink);margin:10px 0 6px}
.plan .price small{font:400 13px var(--f-sans);color:var(--muted)}
.plan ul{list-style:none;padding:0;margin:8px 0 18px;font-size:14px}
.plan li{padding:7px 0 7px 18px;position:relative;border-top:1px solid rgba(120,128,140,.2)}
.plan li::before{content:"—";position:absolute;left:0;color:var(--accent)}
.plan .btn{margin-top:auto;justify-content:center}
.metiers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.metiers .tile{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:26px 28px 26px 0}
.metiers .tile:nth-child(3n+2),.metiers .tile:nth-child(3n){padding-left:28px;border-left:1px solid var(--line)}

/* Article */
.crumbs{padding-top:22px;font-size:13px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--line-2)}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent)}
.art-head{padding:30px 0 44px;border-bottom:1px solid var(--line)}
.art-head .wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:end}
.art-head .wrap:has(> div:only-child){grid-template-columns:1fr}
.art-head .wrap>div:first-child{max-width:820px}
.eyebrow{display:block;font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.lede{font-size:19px;line-height:1.6;color:var(--ink-2);max-width:740px}
.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:6px 0 18px}
.tags li{font:500 11.5px var(--f-mono);padding:3px 9px;border:1px solid var(--line-2);border-radius:2px;color:var(--ink-2)}
.byline{font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;padding-top:14px;border-top:1px solid var(--line);margin-top:22px}
.byline a{color:var(--muted)}
.head-card{border-top:1px solid var(--ink);padding:18px 0 0}
.head-card h2,.head-card b{font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;display:block}
.head-card ul,.head-card ol{margin:0;padding-left:18px;font-size:14.5px}
.head-card li{margin:7px 0}
.wrap.art{display:grid;grid-template-columns:220px minmax(0,1fr) 250px;gap:56px;padding-top:48px;padding-bottom:80px;align-items:start}
.toc{position:sticky;top:96px;font-size:13.5px;max-height:calc(100vh - 120px);overflow:auto}
.toc b,.toc h2{font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;display:block}
.toc ol,.toc ul{list-style:none;margin:0;padding:0}
.toc a{display:block;padding:6px 0;color:var(--ink-2);text-decoration:none;border-top:1px solid var(--line);line-height:1.4}
.toc a:hover{color:var(--accent)}
.prose{min-width:0;max-width:720px}
.prose>h2:first-child{margin-top:0}
.prose h2{padding-top:18px;border-top:1px solid var(--line)}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin:6px 0}
.side-cta{position:sticky;top:96px;display:grid;gap:22px}
.box{border-top:1px solid var(--ink);padding-top:16px}
.box h2,.box h3,.box b{font:400 20px/1.25 var(--f-serif);margin:0 0 8px;color:var(--ink);display:block}
.box p{font-size:14px;color:var(--muted)}
.box .btn{width:100%;justify-content:center;margin-top:4px}

/* Composants */
.answer{border-left:2px solid var(--accent);background:var(--soft);padding:22px 26px;margin:0 0 34px}
.answer>b,.answer>h2{display:block;font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;padding:0;border:0}
.answer p:last-child{margin-bottom:0}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:30px 0}
.fact{padding:20px 18px 18px 0;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--line)}
.fact:nth-child(3n+2),.fact:nth-child(3n){padding-left:18px;border-left:1px solid var(--line)}
.fact:nth-last-child(-n+3){border-bottom:0}
.fact__num{font:400 34px/1 var(--f-serif);color:var(--ink);letter-spacing:-.02em}
.fact__num em{font-style:italic;color:var(--accent)}
.fact__label{font-size:13.5px;color:var(--ink-2);line-height:1.45}
.fact__src{font:400 11.5px var(--f-mono);color:var(--muted)}.fact__src a{color:var(--muted)}
.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:30px 0;border-top:1px solid var(--ink)}
.triptych>div{padding:18px 20px 4px 0}
.triptych>div+div{padding-left:20px;border-left:1px solid var(--line)}
.triptych h3{margin:0 0 6px;font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.triptych p{font-size:14.5px;margin:0}
.conviction{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:34px 0;margin:44px 0}
.conviction b{display:block;font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.conviction p{font:italic 400 23px/1.5 var(--f-serif);color:var(--ink)}
.conviction p:last-child{font:500 13px var(--f-sans);color:var(--muted);margin:0;font-style:normal}
.steps{display:grid;gap:0;margin:26px 0;border-top:1px solid var(--ink)}
.step{display:grid;grid-template-columns:56px 1fr;gap:2px 18px;padding:18px 0;border-bottom:1px solid var(--line)}
.step .n{grid-row:span 2;font:400 30px/1 var(--f-serif);color:var(--accent)}
.step h3{margin:2px 0 2px;font-size:17px}
.step p{margin:0;font-size:15px}
.inline-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:22px 0;margin:36px 0}
.inline-cta p{margin:0;font:400 21px/1.4 var(--f-serif);color:var(--ink);flex:1;min-width:240px}
.case{background:var(--soft);border:1px solid var(--line);padding:26px 28px;margin:30px 0}
.case>b{display:block;font:500 11.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.case-figures{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-top:1px solid var(--ink)}
.case-figures>div{padding:16px 16px 0 0}
.case-figures>div+div{padding-left:16px;border-left:1px solid var(--line)}
.case-figures strong{display:block;font:400 30px/1.1 var(--f-serif);color:var(--ink)}
.case-figures span{font-size:12.5px;color:var(--muted)}
.tbl{overflow-x:auto;margin:26px 0;border-top:1px solid var(--ink)}
.tbl table{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl th{text-align:left;font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 14px 12px 0;border-bottom:1px solid var(--line-2)}
.tbl td{padding:13px 14px 13px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tbl td:first-child{color:var(--ink);font-weight:500}
.tbl td.num{text-align:right;white-space:nowrap;font:400 14px var(--f-mono)}
.tbl tr.total td{font-weight:600;border-top:1px solid var(--ink)}
.risks{list-style:none;padding:0;margin:26px 0;counter-reset:r;border-top:1px solid var(--ink)}
.risks li{counter-increment:r;padding:16px 0 16px 48px;position:relative;border-bottom:1px solid var(--line)}
.risks li::before{content:counter(r,decimal-leading-zero);position:absolute;left:0;top:16px;font:400 13px var(--f-mono);color:var(--warn)}
.note{background:var(--soft);border:1px solid var(--line);padding:18px 22px;margin:26px 0}
.note>b:first-child{display:block;color:var(--ink);margin-bottom:4px}
.note.warn{background:var(--warn-soft);border-color:#f3d3c4}.note.warn>b:first-child{color:var(--warn)}
.note p:last-child{margin-bottom:0}
.checks{list-style:none;padding:0!important}
.checks li{padding-left:26px;position:relative;margin:9px 0}
.checks li::before{content:"";position:absolute;left:0;top:8px;width:13px;height:13px;border:1px solid var(--accent);border-radius:50%}
.checks li::after{content:"";position:absolute;left:4px;top:10.5px;width:4px;height:6px;border:solid var(--accent);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.faq{margin:22px 0;border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;font:400 20px/1.35 var(--f-serif);color:var(--ink);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:16px;font:300 24px var(--f-sans);color:var(--accent)}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 0 18px;font-size:15.5px;max-width:720px}
.author-card{display:flex;gap:20px;border-top:1px solid var(--ink);padding:24px 0;margin:40px 0}
.av{flex:none;width:52px;height:52px;border:1px solid var(--ink);display:grid;place-items:center;font:400 24px var(--f-serif);color:var(--ink)}
.author-card h2{margin:0 0 6px;font-size:22px;padding:0;border:0}
.author-card p{font-size:14.5px;margin:0 0 6px}
.cta-final{background:var(--ink);padding:48px;margin:44px 0;color:var(--on-ink)}
.cta-final h2{color:#fff;margin:0 0 10px;padding:0;border:0}
.cta-final h2 em{color:var(--accent-ink)}
.cta-final p{max-width:580px}
.cta-final .btn-primary{background:#fff;color:var(--ink)}.cta-final .btn-primary:hover{background:var(--accent-ink);color:var(--ink)}
.cta-final .btn-light{color:#fff;border-color:rgba(255,255,255,.4)}.cta-final .btn-light:hover{background:#fff;color:var(--ink)}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.sources{font-size:13.5px;margin-top:40px}
.sources h2{font-size:24px}
.sources ol{padding-left:22px}
.sources li{margin:5px 0;word-break:break-word}
.changes{font:400 12px var(--f-mono);color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.related{margin-top:48px}
.related h2{border:0;padding:0}
.grid{display:grid;gap:24px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}
.tile{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--ink);padding:20px 0 6px;text-decoration:none;color:var(--ink-2)}
a.tile:hover{color:var(--ink-2)}
a.tile:hover h3{color:var(--accent)}
.tile h3{margin:0;font:400 23px/1.2 var(--f-serif);color:var(--ink);transition:color .15s}
.tile p{font-size:14.5px;margin:0;color:var(--muted)}
.tag{font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.link{margin-top:auto;padding-top:8px;font:500 14px var(--f-sans);color:var(--ink)}.link::after{content:" →"}
.panel{background:var(--soft);border:1px solid var(--line);padding:26px}

/* Formulaires */
.form-card{background:var(--card);border:1px solid var(--line-2);padding:30px}
.form-card h2{margin-top:0;font-size:28px;padding:0;border:0}
label{display:block;font:500 13px var(--f-sans);color:var(--ink);margin:14px 0 6px}
input,select,textarea{width:100%;font:inherit;font-size:15px;padding:12px 13px;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hp{position:absolute;left:-9999px}
.err{color:#9b1c1c}

/* Base de profils */
.nav .nav-base{border:1px solid var(--ink);color:var(--ink);margin-left:10px;padding:9px 16px;border-radius:var(--r)}
.nav .nav-base:hover,.nav .nav-base[aria-current]{background:var(--ink);color:#fff}
.nav .nav-base+.nav-cta{margin-left:8px}
.pc-more{display:block;margin-top:16px;font:500 13.5px var(--f-sans);color:var(--accent);text-decoration:none}.pc-more::after{content:" →"}
.plat{padding-top:30px;padding-bottom:70px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.chip{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid var(--line-2);border-radius:var(--r);font:500 13.5px var(--f-sans);color:var(--ink-2);text-decoration:none;background:#fff}
.chip span{font:500 12px var(--f-mono);color:var(--muted)}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.chip.on span{color:var(--on-ink)}
.plat-filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:12px;align-items:end;padding:18px;border:1px solid var(--line-2);background:var(--soft)}
.plat-filters label{margin:0 0 6px;font:500 11.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.plat-filters input,.plat-filters select{padding:10px 11px;font-size:14.5px}
.plat-filters .btn{padding:11px 18px}
.plat-count{margin:22px 0 14px;font-size:14px;color:var(--muted)}.plat-count b{color:var(--ink);font:500 15px var(--f-mono)}
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pcard{display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px;border:1px solid var(--line-2);background:#fff;text-decoration:none;color:var(--ink-2);transition:border-color .15s,box-shadow .15s}
.pcard:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--soft),4px 4px 0 1px var(--line-2);color:var(--ink-2)}
.pcard__head{display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.pcard h3{margin:8px 0 0;font:400 22px/1.2 var(--f-serif);color:var(--ink)}
.pcard .pc-meta{margin:0;font-size:13.5px}
.pcard__facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 6px}
.pcard__facts dt,.pf-facts dt{font:500 10.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pcard__facts dd,.pf-facts dd{margin:2px 0 0;font-size:14px;color:var(--ink)}
.pcard .pc-tags{margin:4px 0 6px}
.pcard .link{font-size:13.5px}
.pager{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font:500 13px var(--f-mono);color:var(--muted)}
.pager a{color:var(--ink);text-decoration:none}.pager a:hover{color:var(--accent)}
.pf-note{font:400 54px/1 var(--f-serif);color:var(--ink);margin:4px 0 10px}.pf-note small{font:400 18px var(--f-sans);color:var(--muted)}
.pf-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}
.pf-grid .form-card{position:sticky;top:96px}
.pf-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin:0}
.pf-facts div{padding:14px 14px 14px 0;border-bottom:1px solid var(--line)}
.pf-comp{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}

/* Pied de page */
.ftr{background:var(--ink);color:var(--on-ink-2);padding:64px 0 28px;font-size:14px}
.ftr .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
.ftr .logo{color:#fff}
.ftr h2{font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:4px 0 14px;padding:0;border:0}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin:8px 0}
.ftr a{color:#dfe2e7;text-decoration:none}.ftr a:hover{color:#fff}
.ftr .small{color:var(--on-ink-2)}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:20px;font-size:12.5px;color:#7d828c}

@media (max-width:1240px){
.hdr .logo-tag{display:none}
.nav a,.megabtn{padding:8px 9px;white-space:nowrap}
.nav .nav-base{padding:9px 13px}.nav .nav-cta{padding:10px 14px}
}
@media (max-width:1100px){
.plat-filters{grid-template-columns:1fr 1fr 1fr}.pf-q{grid-column:1/-1}
.pcards{grid-template-columns:repeat(2,1fr)}
.pf-grid{grid-template-columns:1fr}.pf-grid .form-card{position:static}
.wrap.art{grid-template-columns:minmax(0,1fr) 240px;gap:44px}
.toc{display:none}
.plans{grid-template-columns:repeat(2,1fr)}
.plan:nth-child(3){border-left:0}
.plan:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:1000px){
.nav{display:none}.burger{display:inline-flex}
}
@media (max-width:900px){
.nav{display:none}.burger{display:inline-flex}
.hero{padding:48px 0}
.hero .wrap,.art-head .wrap{grid-template-columns:1fr;gap:40px}
.wrap.art{grid-template-columns:1fr}
.side-cta{position:static}
.facts{grid-template-columns:repeat(2,1fr)}
.fact:nth-child(n){padding-left:0;border-left:0}.fact:nth-child(2n){padding-left:18px;border-left:1px solid var(--line)}
.fact:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.fact:nth-last-child(-n+2){border-bottom:0}
.triptych,.g3,.metiers{grid-template-columns:1fr}
.triptych>div+div,.metiers .tile:nth-child(n){padding-left:0;border-left:0}
.mega .wrap{grid-template-columns:1fr 1fr}
.ftr .cols{grid-template-columns:1fr 1fr}
.section{padding:60px 0}
.cta-final{padding:34px 26px}
}
@media (max-width:560px){
.plat-filters{grid-template-columns:1fr 1fr}.pf-go{grid-column:1/-1}.pf-go .btn{width:100%;justify-content:center}
.pcards,.pf-facts,.pf-comp{grid-template-columns:1fr}
body{font-size:16px}
.wrap{padding:0 20px}
.facts,.g2,.plans,.row,.case-figures,.ftr .cols{grid-template-columns:1fr}
.fact:nth-child(n){padding-left:0;border-left:0;border-bottom:1px solid var(--line)}
.case-figures>div+div{padding-left:0;border-left:0}
.plan{border-left:0;border-top:1px solid var(--line)}.plan:first-child{border-top:0}
.author-card{flex-direction:column}
.hdr .logo-tag{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}