/* ITIWE V4 — base : reset, grille, typographie, boutons, liens. */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--ink-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;transition:color var(--t-fast)}
a:hover{color:var(--vermillon)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
::selection{background:var(--vermillon);color:var(--paper)}
:focus-visible{outline:2px solid var(--vermillon);outline-offset:3px;border-radius:var(--r-xs)}
hr{height:1px;background:var(--ink-10);border:0;margin:0}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.band{padding:var(--s24) 0;border-top:1px solid var(--ink-10)}
.band--flush{border-top:0}
.band--deep{background:var(--paper-deep);border-top:1px solid var(--paper-edge);border-bottom:1px solid var(--paper-edge)}
.measure{max-width:var(--measure)}

/* Kicker — surtitre capitales, puce vermillon posée par le CSS */
.kicker{display:block;font:500 12px/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--vermillon);margin:0 0 var(--s6)}
.kicker::before{content:"• ";color:var(--vermillon)}

/* Titres — signature : tout le titre en italique sauf le dernier mot */
h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.022em;text-wrap:pretty;margin:0}
.h1{font-size:clamp(38px,5.4vw,72px);line-height:1.04;max-width:20ch}
.h1 em{font-style:italic}
.h2{font-size:clamp(28px,3.4vw,46px);line-height:1.12;max-width:26ch;margin:0 0 var(--s8)}
.h2 em{font-style:italic;font-weight:500}
.h3{font-size:clamp(20px,1.7vw,24px);line-height:1.25;margin:0 0 var(--s3)}
.h3 em{font-style:italic;font-weight:500}

.lead{font:400 clamp(19px,1.6vw,23px)/1.5 var(--font-body);color:var(--ink-80);max-width:44ch;margin:var(--s6) 0 0}
.lead em{font-style:italic}
.chapo{font:400 italic clamp(19px,1.7vw,24px)/1.45 var(--font-display);color:var(--ink-60);max-width:48ch;margin:var(--s6) 0 0}

.prose{max-width:var(--measure)}
.prose p{margin:0 0 var(--s6);color:var(--ink-80)}
.prose p:last-child{margin-bottom:0}
.prose strong{font-weight:600;color:var(--ink)}
.prose em{font-style:italic}
.amount{font-family:var(--font-display);font-weight:600;font-size:1.06em;font-variant-numeric:lining-nums tabular-nums;color:var(--ink-blue)}

/* Boutons */
.btn{display:inline-flex;align-items:center;gap:10px;font:500 15px/1 var(--font-body);padding:15px 22px;border:1px solid transparent;border-radius:var(--r-sm);text-decoration:none;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.btn--primary{background:var(--ink-blue);color:var(--paper-warm);border-color:var(--ink-blue)}
.btn--primary:hover{background:var(--ink-blue-hover);color:var(--paper-warm)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink-20);text-decoration:none}
.btn--ghost:hover{border-color:var(--ink);color:var(--ink)}
.btn--sm{padding:11px 16px;font-size:14px}
.btn .arrow{transition:transform var(--t-fast)}
.btn:hover .arrow{transform:translateX(3px)}
.ctas{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s12)}
.link-ghost{display:inline-flex;align-items:center;gap:8px;font:500 15px/1 var(--font-body);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink-20);padding-bottom:4px;margin-top:var(--s8)}
.link-ghost:hover{color:var(--vermillon);border-color:var(--vermillon)}
.link-ghost .arrow{transition:transform var(--t-fast)}
.link-ghost:hover .arrow{transform:translateX(3px)}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
