/* Lionel Boutellier — formation IA éducateurs sportifs — feuille de style commune */
:root{
  --ardoise:#161E22;
  --ardoise-2:#1F2A30;
  --ardoise-3:#2E3A40;
  --lichen:#EDEFE9;
  --lichen-2:#E3E6DF;
  --trait:#D2D6CC;
  --blanc:#FFFFFF;
  --cordee:#16697A;
  --cordee-2:#0E4A57;
  --cordee-clair:#DDEDF0;
  --signal:#F0A202;
  --signal-2:#C98700;
  --granit:#66727A;
  --texte-sombre:#B9C2C7;
  --max:1200px;
  --r:14px;
  --display:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --corps:"Newsreader",Georgia,"Times New Roman",serif;
  --ombre:0 1px 2px rgba(22,30,34,.06),0 12px 34px -14px rgba(22,30,34,.22);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{background:var(--lichen);color:var(--ardoise);font-family:var(--corps);font-size:18px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
strong,b{font-weight:600}
ul,ol{padding-left:1.2em}
h1,h2,h3,h4,.d{font-family:var(--display);line-height:1.06;letter-spacing:-.028em;font-weight:700;text-wrap:balance}
h1{font-size:clamp(2.35rem,5.6vw,4.2rem)}
h2{font-size:clamp(1.85rem,3.9vw,2.85rem);margin-bottom:.5em}
h3{font-size:1.28rem;letter-spacing:-.015em;margin-bottom:.35em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.narrow{max-width:760px}
.sec{padding:clamp(64px,9vw,112px) 0}
.sec--tight{padding:clamp(44px,6vw,72px) 0}
.sec--sombre{background:var(--ardoise);color:var(--lichen)}
.sec--sombre h2,.sec--sombre h3{color:#fff}
.sec--sombre p{color:var(--texte-sombre)}
.sec--blanc{background:var(--blanc)}
.eyebrow{font-family:var(--display);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cordee);display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
.sec--sombre .eyebrow{color:var(--signal)}
.lede{font-size:clamp(1.12rem,1.7vw,1.32rem);color:var(--ardoise-3);max-width:62ch;line-height:1.5}
.sec--sombre .lede{color:var(--texte-sombre)}
.sub{color:var(--granit);font-size:.95rem}
p+p{margin-top:1em}
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:960px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;z-index:999;background:#fff;padding:12px 18px;border-radius:8px}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:4px}

/* ---- boutons ---- */
.btn{font-family:var(--display);font-weight:600;font-size:1rem;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s,color .15s,box-shadow .15s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn--main{background:var(--signal);color:var(--ardoise);border-color:var(--signal);box-shadow:0 10px 24px -10px rgba(240,162,2,.7)}
.btn--main:hover{background:#FFB21A}
.btn--sombre{background:var(--ardoise);color:var(--lichen);border-color:var(--ardoise)}
.btn--sombre:hover{background:var(--cordee);border-color:var(--cordee)}
.btn--ghost{background:transparent;color:var(--ardoise);border-color:currentColor}
.btn--ghost:hover{background:var(--ardoise);color:var(--lichen);border-color:var(--ardoise)}
.sec--sombre .btn--ghost,.hero .btn--ghost,.encadre .btn--ghost{color:var(--lichen)}
.sec--sombre .btn--ghost:hover,.hero .btn--ghost:hover,.encadre .btn--ghost:hover{background:var(--lichen);color:var(--ardoise);border-color:var(--lichen)}
.btn--sm{padding:11px 18px;font-size:.92rem}
.btn svg{width:18px;height:18px;flex:none}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px}
.cta-note{font-family:var(--display);font-size:.84rem;color:var(--granit);margin-top:14px}
.sec--sombre .cta-note{color:var(--texte-sombre)}

/* ---- nav ---- */
.nav{position:sticky;top:0;z-index:80;background:rgba(237,239,233,.86);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--trait)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:70px}
.nav__logo{font-family:var(--display);font-weight:700;font-size:1.02rem;letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center;gap:10px;line-height:1.1}
.nav__logo i{width:30px;height:30px;border-radius:8px;background:var(--ardoise);color:var(--signal);display:grid;place-items:center;font-style:normal;font-size:.8rem;flex:none}
.nav__logo small{display:block;font-weight:500;font-size:.72rem;color:var(--granit);letter-spacing:0}
.nav__links{display:flex;align-items:center;gap:4px;list-style:none;padding:0}
.nav__links a{font-family:var(--display);font-size:.93rem;font-weight:500;text-decoration:none;color:var(--ardoise-3);padding:9px 12px;border-radius:8px;white-space:nowrap}
@media(max-width:1080px){.nav__links a{font-size:.86rem;padding:9px 8px}.nav__logo small{display:none}}
.nav__links a:hover,.nav__links a[aria-current=page]{background:var(--lichen-2);color:var(--ardoise)}
.nav__links li:last-child a{margin-left:8px}
.nav__burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;color:var(--ardoise)}
@media(max-width:900px){
  .nav__links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--lichen);border-bottom:1px solid var(--trait);flex-direction:column;align-items:stretch;padding:12px 20px 20px;gap:2px;box-shadow:var(--ombre)}
  .nav__links.ouvert{display:flex}
  .nav__links a{padding:12px 10px;font-size:1.02rem;white-space:normal}
  .nav__links li:last-child a{margin:10px 0 0;justify-content:center}
  .nav__burger{display:grid;place-items:center}
}

/* ---- hero ---- */
.hero{background:var(--ardoise);color:var(--lichen);position:relative;overflow:hidden;padding:clamp(56px,8vw,96px) 0 clamp(56px,7vw,88px)}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(900px 500px at 85% -10%,rgba(22,105,122,.45),transparent 60%),
  radial-gradient(600px 400px at -10% 110%,rgba(240,162,2,.16),transparent 60%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 80%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 80%);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
@media(max-width:960px){.hero__grid{grid-template-columns:1fr;gap:40px}}
.hero h1{color:#fff;margin-bottom:22px;max-width:15ch}
.hero h1 em{font-style:normal;color:var(--signal)}
.hero .lede{color:var(--texte-sombre);max-width:54ch}
.hero .eyebrow{color:var(--signal)}
.hero__trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;font-family:var(--display);font-size:.86rem;color:var(--texte-sombre)}
.hero__trust span{display:inline-flex;align-items:center;gap:8px}
.hero__trust svg{width:16px;height:16px;color:var(--signal)}
.hero--page{padding:clamp(48px,6vw,72px) 0}
.hero--page h1{max-width:20ch}
.fil{font-family:var(--display);font-size:.8rem;color:var(--texte-sombre);margin-bottom:22px;list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.fil a{text-decoration:none;color:inherit}
.fil a:hover{color:#fff}
.fil li+li::before{content:"/";margin-right:6px;opacity:.5}
.fil li:last-child{color:#fff}

/* ---- carte graphique ---- */
.chart{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:24px 24px 18px;backdrop-filter:blur(6px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.chart__head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chart__t{font-family:var(--display);font-weight:600;font-size:.95rem;color:#fff}
.chart__m{font-family:var(--display);font-size:.76rem;color:var(--texte-sombre)}
.chart__bars{display:flex;align-items:flex-end;gap:2px;height:150px}
.chart__bar{flex:1;background:var(--cordee);min-width:2px;border-radius:2px 2px 0 0;transform-origin:bottom;animation:pousse .9s cubic-bezier(.22,1,.36,1) backwards}
.chart__bar.b-r{background:rgba(255,255,255,.18)}
.chart__bar.b-c{background:var(--signal)}
@keyframes pousse{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.chart__axe{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--display);font-size:.7rem;color:var(--texte-sombre)}
.chart__leg{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-family:var(--display);font-size:.76rem;color:var(--texte-sombre)}
.chart__leg i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px;background:var(--cordee);border-radius:2px}
.chart__leg .r i{background:rgba(255,255,255,.25)}
.chart__leg .c i{background:var(--signal)}
.chart__note{margin-top:14px;font-size:.92rem;color:var(--texte-sombre);line-height:1.5}
.chart__kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.chart__kpi div{background:rgba(255,255,255,.05);border-radius:10px;padding:10px 12px}
.chart__kpi b{font-family:var(--display);font-size:1.25rem;display:block;color:#fff;letter-spacing:-.02em}
.chart__kpi span{font-family:var(--display);font-size:.7rem;color:var(--texte-sombre);text-transform:uppercase;letter-spacing:.08em}

/* ---- bande chiffres ---- */
.stats{background:var(--blanc);border-bottom:1px solid var(--trait)}
.stats__in{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stats__in>div{padding:26px 22px;border-left:1px solid var(--trait)}
.stats__in>div:first-child{border-left:0}
.stats b{font-family:var(--display);font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.03em;display:block;line-height:1;color:var(--ardoise)}
.stats b small{font-size:.5em;color:var(--cordee);margin-left:3px}
.stats span{font-family:var(--display);font-size:.84rem;color:var(--granit);display:block;margin-top:8px}
@media(max-width:820px){.stats__in{grid-template-columns:repeat(2,1fr)}.stats__in>div:nth-child(3){border-left:0}.stats__in>div{border-top:1px solid var(--trait)}.stats__in>div:nth-child(-n+2){border-top:0}}

/* ---- cartes ---- */
.carte{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r);padding:28px 26px;position:relative;transition:transform .2s,box-shadow .2s}
.carte:hover{transform:translateY(-3px);box-shadow:var(--ombre)}
.carte__ico{width:44px;height:44px;border-radius:12px;background:var(--cordee-clair);color:var(--cordee);display:grid;place-items:center;margin-bottom:18px}
.carte__ico svg{width:22px;height:22px}
.carte h3{font-size:1.16rem}
.carte p{font-size:1rem;color:var(--ardoise-3)}
.carte--lien{text-decoration:none;display:block}
.carte--lien .plus{font-family:var(--display);font-size:.88rem;font-weight:600;color:var(--cordee);margin-top:16px;display:inline-flex;align-items:center;gap:6px}
.carte--lien:hover .plus{gap:10px}

/* ---- offres ---- */
.offres{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1060px){.offres{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.offres{grid-template-columns:1fr}}
.offre{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r);padding:26px 24px;display:flex;flex-direction:column;position:relative}
.offre--phare{border-color:var(--ardoise);box-shadow:0 0 0 1px var(--ardoise),var(--ombre)}
.offre__badge{position:absolute;top:-13px;left:22px;font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--signal);color:var(--ardoise);padding:5px 11px;border-radius:999px}
.offre__fmt{font-family:var(--display);font-size:.78rem;font-weight:600;color:var(--cordee);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.offre h3{font-size:1.2rem;min-height:2.4em}
.offre p{font-size:.98rem;color:var(--ardoise-3);flex:1}
.offre__prix{font-family:var(--display);margin:20px 0 6px}
.offre__prix b{font-size:2rem;font-weight:700;letter-spacing:-.03em}
.offre__prix span{display:block;font-size:.82rem;color:var(--granit);margin-top:4px;line-height:1.35}
.offre ul{list-style:none;padding:0;margin:14px 0 20px;font-family:var(--display);font-size:.88rem;color:var(--ardoise-3)}
.offre li{padding:6px 0 6px 22px;position:relative;border-top:1px solid var(--lichen-2)}
.offre li::before{content:"";position:absolute;left:2px;top:12px;width:9px;height:9px;border-radius:50%;background:var(--cordee)}
.offre .btn{justify-content:center}

/* ---- comparatif ---- */
.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--trait);border-radius:var(--r);overflow:hidden;margin-top:40px}
.compare>div{padding:30px 28px}
.compare>div:first-child{background:var(--lichen-2);border-right:1px solid var(--trait)}
.compare>div:last-child{background:var(--blanc)}
.compare h3{font-family:var(--display);font-size:.84rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--granit);margin-bottom:18px}
.compare>div:last-child h3{color:var(--cordee)}
.compare ul{list-style:none;padding:0}
.compare li{padding:12px 0 12px 30px;border-top:1px solid var(--trait);position:relative;font-size:1.02rem}
.compare li:first-child{border-top:0;padding-top:0}
.compare li:first-child::before{top:6px}
.compare li::before{content:"";position:absolute;left:0;top:18px;width:16px;height:16px;border-radius:50%;border:2px solid var(--granit);opacity:.5}
.compare>div:last-child li{font-weight:500}
.compare>div:last-child li::before{border-color:var(--cordee);background:var(--cordee);opacity:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:10px;background-position:center;background-repeat:no-repeat}
@media(max-width:720px){.compare{grid-template-columns:1fr}.compare>div:first-child{border-right:0;border-bottom:1px solid var(--trait)}}

/* ---- étapes ---- */
.etapes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;counter-reset:e}
@media(max-width:820px){.etapes{grid-template-columns:1fr}}
.etape{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r);padding:28px 26px;position:relative;counter-increment:e}
.etape::before{content:counter(e,decimal-leading-zero);font-family:var(--display);font-weight:700;font-size:2.4rem;letter-spacing:-.04em;color:var(--cordee);opacity:.35;line-height:1;display:block;margin-bottom:14px}
.etape h3{font-size:1.14rem}
.etape p{font-size:1rem;color:var(--ardoise-3)}

/* ---- déroulé ---- */
.jours{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:40px}
@media(max-width:860px){.jours{grid-template-columns:1fr}}
.jour{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r);padding:28px 26px}
.jour__k{font-family:var(--display);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cordee)}
.jour__t{font-family:var(--display);font-size:1.7rem;font-weight:700;letter-spacing:-.03em;margin:4px 0 18px}
.seq{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:13px 0;border-top:1px solid var(--lichen-2)}
.seq .h{font-family:var(--display);font-size:.82rem;font-weight:600;color:var(--granit);padding-top:3px}
.seq b{font-family:var(--display);font-size:1rem;font-weight:600;display:block;margin-bottom:2px;letter-spacing:-.01em}
.seq p{font-size:.96rem;color:var(--ardoise-3)}

/* ---- principe ---- */
.principe .d{font-size:clamp(1.8rem,4.4vw,3.3rem);max-width:22ch;margin-bottom:22px;color:#fff}
.principe .d em{font-style:normal;color:var(--signal)}

/* ---- profil ---- */
.profil{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center}
@media(max-width:860px){.profil{grid-template-columns:1fr;gap:32px}}
.profil__photo{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--lichen-2);box-shadow:var(--ombre);max-width:100%}
.profil__photo img{width:100%;height:100%;object-fit:cover}
.titres{list-style:none;padding:0;display:grid;gap:10px;margin-top:26px;font-family:var(--display)}
.titres li{padding:12px 16px;border-left:3px solid var(--cordee);background:var(--blanc);border-radius:0 8px 8px 0}
.titres b{display:block;font-weight:600;font-size:.98rem}
.titres span{color:var(--granit);font-size:.84rem}

/* ---- cas ---- */
.cas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:40px}
.cas>div{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r);padding:24px 22px}
.cas h3{font-family:var(--display);font-size:.84rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cordee);margin-bottom:12px}
.cas ul{list-style:none;padding:0;font-size:.98rem}
.cas li{padding:8px 0;border-top:1px solid var(--lichen-2)}
.cas li:first-child{border-top:0;padding-top:0}

/* ---- financement ---- */
.fin{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r);padding:32px 30px;margin-top:36px}
.fin__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;margin-top:26px}
.fin__grid b{font-family:var(--display);font-size:1.02rem;display:block;margin-bottom:6px}
.fin__grid p{font-size:.96rem;color:var(--ardoise-3)}
.souligne{background:linear-gradient(transparent 60%,rgba(240,162,2,.7) 60%)}

/* ---- liste à cocher ---- */
.check{list-style:none;padding:0;margin-top:30px;max-width:760px}
.check li{padding:18px 0 18px 36px;border-top:1px solid var(--trait);position:relative}
.check li::before{content:"";position:absolute;left:0;top:25px;width:16px;height:16px;border-radius:4px;border:2px solid var(--cordee)}
.check b{font-family:var(--display);font-weight:600;font-size:1.02rem;display:block;margin-bottom:3px}
.check span{color:var(--ardoise-3);font-size:1rem}

/* ---- faq ---- */
.faq{margin-top:30px;max-width:820px}
.faq details{border-top:1px solid var(--trait)}
.faq details:last-child{border-bottom:1px solid var(--trait)}
.faq summary{font-family:var(--display);font-weight:600;font-size:1.06rem;letter-spacing:-.01em;padding:18px 40px 18px 0;cursor:pointer;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:22px;width:14px;height:14px;border-right:2px solid var(--cordee);border-bottom:2px solid var(--cordee);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(225deg);top:28px}
.faq details p{padding:0 0 20px;max-width:66ch;color:var(--ardoise-3)}

/* ---- article / prose ---- */
.prose{max-width:720px}
.prose h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:2em}
.prose h3{margin-top:1.6em}
.prose p,.prose li{font-size:1.1rem}
.prose ul,.prose ol{margin:1em 0 1em 1.2em}
.prose li+li{margin-top:.4em}
.prose blockquote{border-left:3px solid var(--signal);padding:6px 0 6px 20px;margin:1.4em 0;font-style:italic;color:var(--ardoise-3)}
.prose table{border-collapse:collapse;width:100%;font-family:var(--display);font-size:.92rem;margin:1.4em 0}
.prose th,.prose td{border:1px solid var(--trait);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--lichen-2)}
.prose .encart{background:var(--blanc);border:1px solid var(--trait);border-left:4px solid var(--cordee);border-radius:0 10px 10px 0;padding:18px 22px;margin:1.6em 0;font-size:1.02rem}
.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--lichen-2);padding:2px 6px;border-radius:5px}
.meta{font-family:var(--display);font-size:.84rem;color:var(--texte-sombre);display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px}
.tbl-wrap{overflow-x:auto}

/* ---- liste articles ---- */
.articles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px}
@media(max-width:720px){.articles{grid-template-columns:1fr}}
.article{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r);padding:26px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:transform .2s,box-shadow .2s}
.article:hover{transform:translateY(-3px);box-shadow:var(--ombre)}
.article .tag{font-family:var(--display);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cordee)}
.article h3{font-size:1.2rem}
.article p{font-size:.98rem;color:var(--ardoise-3);flex:1}
.article .lire{font-family:var(--display);font-size:.88rem;font-weight:600;color:var(--cordee)}

/* ---- encadré cta ---- */
.encadre{background:var(--ardoise);color:var(--lichen);border-radius:var(--r);padding:36px 34px;display:grid;grid-template-columns:1.4fr .6fr;gap:26px;align-items:center;margin-top:48px}
.encadre h3{color:#fff;font-size:1.5rem}
.encadre p{color:var(--texte-sombre);font-size:1.02rem}
.encadre .cta-row{margin-top:0;justify-content:flex-end}
@media(max-width:760px){.encadre{grid-template-columns:1fr}.encadre .cta-row{justify-content:flex-start}}

/* ---- contact ---- */
.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
@media(max-width:760px){.contact__grid{grid-template-columns:1fr}}
.voie{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:28px 26px}
.voie h3{color:#fff;font-size:1.22rem}
.voie p{color:var(--texte-sombre);font-size:1rem;margin-bottom:20px}
.coord{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-family:var(--display);font-size:.9rem;color:var(--texte-sombre);display:flex;flex-wrap:wrap;gap:12px 28px}
.coord a{color:#fff;text-decoration:none;border-bottom:1px solid var(--cordee)}

/* ---- pied ---- */
.pied{background:var(--ardoise-2);color:var(--texte-sombre);padding:56px 0 110px;font-family:var(--display);font-size:.9rem}
.pied__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
@media(max-width:860px){.pied__grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pied__grid{grid-template-columns:1fr}}
.pied h4{color:#fff;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-weight:600}
.pied ul{list-style:none;padding:0}
.pied li{margin-bottom:9px}
.pied a{text-decoration:none;color:var(--texte-sombre)}
.pied a:hover{color:#fff}
.pied__marque{font-weight:700;color:#fff;font-size:1.05rem;letter-spacing:-.02em}
.pied__bas{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:.82rem}
@media(min-width:761px){.pied{padding-bottom:56px}}

/* ---- barre CTA mobile ---- */
.cta-mobile{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;background:rgba(22,30,34,.96);backdrop-filter:blur(8px);padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:10px;border-top:1px solid rgba(255,255,255,.12)}
.cta-mobile .btn{flex:1;justify-content:center;padding:13px 14px;font-size:.92rem}
@media(max-width:760px){.cta-mobile{display:flex}}

/* ---- apparition ---- */
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.rv.vu{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
}