/* ═══════════════════════════════════════════════════════
   FULL MINDEDNESS · styles.css · v3
   Fraunces (display) · Manrope (corps) · JetBrains Mono (data)
   ═══════════════════════════════════════════════════════ */
:root{
  --ivory:#F7F6F2;--ivory-2:#E9EDEB;
  --ink:#032225;--ink-2:#06302F;
  --gold:#B1945E;--gold-hi:#C9AE7C;--gold-dim:rgba(177,148,94,.14);
  --soft:#3F4E4D;--muted:#7E8E8C;--muted-dk:#6F8683;
  --line:#DAE1DE;--line-dk:#1B4442;
  --fd:'Fraunces',Georgia,serif;
  --fb:'Manrope','Helvetica Neue',sans-serif;
  --fm:'JetBrains Mono','SF Mono',monospace;
  --w:1140px;--r:6px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ivory);color:var(--ink);font-family:var(--fb);font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--gold);color:#fff}
img{max-width:100%;display:block}
a{color:inherit}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
[id]{scroll-margin-top:96px}

.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--ivory);padding:12px 20px;z-index:999;font-weight:700}
.skip:focus{left:16px;top:12px}

.wrap{max-width:var(--w);margin:0 auto;padding:0 22px}
@media(min-width:768px){.wrap{padding:0 44px}}

.kick{font-family:var(--fm);font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:11px;margin-bottom:24px}
.kick::before{content:"";width:24px;height:1px;background:currentColor;opacity:.7}
.dark .kick{color:var(--gold-hi)}

.sec{padding:96px 0}
@media(min-width:820px){.sec{padding:140px 0}}
.dark{background:var(--ink);color:var(--ivory)}
.t{font-family:var(--fd);font-weight:600;font-size:clamp(29px,4.8vw,48px);line-height:1.1;letter-spacing:-.015em;max-width:800px}
.t em{font-style:italic;font-weight:500;color:var(--gold)}
.dark .t em{color:var(--gold-hi)}
.sub{color:var(--soft);max-width:600px;margin-top:22px;font-size:17.5px}
.dark .sub{color:#A8BAB7}

/* motion */
.rv{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.22,.61,.21,1),transform .85s cubic-bezier(.22,.61,.21,1)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .mq-track{animation:none!important}
  html{scroll-behavior:auto}
  .hero-t span{opacity:1!important;transform:none!important;animation:none!important}
}

/* boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:15.5px;text-decoration:none;padding:18px 32px;border-radius:var(--r);transition:transform .22s ease,box-shadow .22s ease,background .22s;cursor:pointer;border:none;letter-spacing:.01em}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(177,148,94,.55)}
.btn-ink{background:var(--ink);color:var(--ivory)}
.btn-ink:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(3,34,37,.45)}
.btn-ivory{background:var(--ivory);color:var(--ink)}
.btn-ivory:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(0,0,0,.5)}
.btn-line{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-line:hover{border-color:var(--gold);color:var(--gold)}
.note{font-family:var(--fm);font-size:11.5px;color:var(--muted);margin-top:13px;letter-spacing:.05em}

/* ═══════════ NAV ═══════════ */
nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(247,246,242,.93);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .3s}
nav.sc{border-bottom-color:var(--line)}
.nav-in{max-width:var(--w);margin:0 auto;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:padding .3s}
nav.sc .nav-in{padding-top:11px;padding-bottom:11px}
@media(min-width:768px){.nav-in{padding-left:44px;padding-right:44px}}
.logo{font-family:var(--fd);font-weight:700;font-size:17.5px;letter-spacing:.01em;text-decoration:none;white-space:nowrap}
.logo i{font-style:normal;color:var(--gold)}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{font-size:14px;font-weight:600;color:var(--soft);text-decoration:none;transition:color .2s}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--ink)}
.nav-end{display:flex;align-items:center;gap:14px}
.nav-cta{background:var(--ink);color:var(--ivory);padding:11px 20px;border-radius:var(--r);font-size:13.5px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}
.nav-cta:hover{background:var(--gold);transform:translateY(-1px)}
.burger{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:210}
.burger span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;transition:transform .3s,opacity .3s}
.burger.x span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.x span:nth-child(2){opacity:0}
.burger.x span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:940px){
  nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--ivory)}
  .nav-links{position:fixed;inset:0;height:100dvh;background:var(--ivory);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding:calc(env(safe-area-inset-top) + 96px) 26px calc(env(safe-area-inset-bottom) + 110px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transform:translateX(105%);transition:transform .4s cubic-bezier(.22,.61,.21,1)}
  .nav-links.open{transform:none}
  .nav-links a{font-size:21px;font-family:var(--fd);font-weight:600;color:var(--ink)}
  .burger{display:block}
  .nav-end .nav-cta{display:none}
}

/* sticky CTA mobile */
.mcta{position:fixed;bottom:0;left:0;right:0;z-index:190;background:rgba(3,34,37,.97);backdrop-filter:blur(12px);padding:11px 14px calc(11px + env(safe-area-inset-bottom));display:none;transform:translateY(110%);transition:transform .4s cubic-bezier(.22,.61,.21,1)}
.mcta.on{transform:none}
.mcta a{display:flex;align-items:center;justify-content:center;background:var(--gold);color:#fff;font-weight:700;font-size:15px;padding:15px;border-radius:var(--r);text-decoration:none}
@media(max-width:767px){.mcta{display:block}}

/* ═══════════ HERO ═══════════ */
.hero{padding:172px 0 84px;position:relative}
@media(min-width:820px){.hero{padding:216px 0 110px}}
.hero::after{content:"";position:absolute;top:0;right:0;width:44%;height:100%;background:radial-gradient(ellipse at 82% 18%,var(--gold-dim) 0%,transparent 60%);pointer-events:none}
.hero-proof{font-family:var(--fm);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}
.hero-proof b{color:var(--gold);font-weight:500}
.hero-proof .sep{width:4px;height:4px;border-radius:50%;background:var(--line)}
.hero-t{font-family:var(--fd);font-weight:600;font-size:clamp(41px,8vw,86px);line-height:1.02;letter-spacing:-.02em;max-width:900px}
.hero-t span{display:block;opacity:0;transform:translateY(32px);animation:rise .9s cubic-bezier(.22,.61,.21,1) forwards}
.hero-t span:nth-child(2){animation-delay:.13s}
.hero-t span:nth-child(3){animation-delay:.26s;color:var(--gold);font-style:italic;font-weight:500}
@keyframes rise{to{opacity:1;transform:none}}
.hero-sub{margin-top:34px;font-size:clamp(17px,2.2vw,19.5px);color:var(--soft);max-width:560px;line-height:1.62}
.hero-ctas{margin-top:42px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-meta{margin-top:52px;display:flex;gap:10px 30px;flex-wrap:wrap}
.hmeta{font-family:var(--fm);font-size:12px;color:var(--muted);letter-spacing:.05em;display:flex;align-items:center;gap:8px}
.hmeta::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}

/* marquee */
.mq{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;overflow:hidden;background:var(--ivory-2)}
.mq-track{display:flex;width:max-content;animation:mq 40s linear infinite}
.mq span{font-family:var(--fm);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-dk);padding:0 30px;white-space:nowrap;position:relative}
.mq span::after{content:"·";position:absolute;right:-4px;color:var(--gold)}
@keyframes mq{to{transform:translateX(-50%)}}

/* ═══════════ ÉDITO MIROIR (dark) ═══════════ */
.edito{max-width:720px;margin-top:58px;font-size:clamp(18px,2.3vw,21px);line-height:1.75;color:#C5D4D1}
.edito p{margin-bottom:26px}
.edito p:first-child::first-letter{font-family:var(--fd);font-weight:600;font-size:4.1em;float:left;line-height:.82;padding:6px 14px 0 0;color:var(--gold-hi)}
.edito strong{color:var(--ivory);font-weight:700}
.motors{margin-top:74px}
.motors-k{font-family:var(--fm);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:8px}
.motor{display:grid;grid-template-columns:1fr 250px;gap:30px;align-items:center;padding:33px 0;border-top:1px solid var(--line-dk)}
.motor:last-of-type{border-bottom:1px solid var(--line-dk)}
.motor-v{font-family:var(--fd);font-size:clamp(19px,2.8vw,26px);font-weight:500;line-height:1.36;font-style:italic;color:var(--ivory)}
.motor-meta{display:flex;flex-direction:column;gap:11px}
.motor-l{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi)}
.gauge{height:3px;background:var(--line-dk);border-radius:2px;overflow:hidden}
.gauge i{display:block;height:100%;width:0;background:var(--gold-hi);transition:width 1.5s cubic-bezier(.22,.61,.21,1)}
.motor.in .gauge i{width:var(--g)}
@media(max-width:780px){.motor{grid-template-columns:1fr;gap:15px;padding:28px 0}.motor-meta{max-width:300px}}

/* bande data */
.band{margin-top:78px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-dk)}
.band>div{padding:38px 34px 6px 0}
.band>div+div{border-left:1px solid var(--line-dk);padding-left:34px}
.bnum{font-family:var(--fd);font-weight:600;font-size:clamp(38px,4.6vw,54px);line-height:1;color:var(--ivory);display:flex;align-items:baseline;gap:3px}
.bnum .u{font-size:21px;color:var(--gold-hi);font-weight:500}
.btxt{margin-top:14px;font-size:14.5px;line-height:1.6;color:#A8BAB7}
.bsrc{margin-top:16px;font-family:var(--fm);font-size:10px;letter-spacing:.06em;color:var(--muted-dk);text-transform:uppercase}
@media(max-width:780px){.band{grid-template-columns:1fr}.band>div+div{border-left:none;border-top:1px solid var(--line-dk);padding-left:0}}

/* ═══════════ MÉCANISME split ═══════════ */
.mech{display:grid;grid-template-columns:7fr 5fr;gap:72px;margin-top:62px;align-items:start}
.mech-txt p{color:var(--soft);font-size:17.5px;margin-bottom:24px;line-height:1.72}
.mech-txt p strong{color:var(--ink);font-weight:700}
.pull{font-family:var(--fd);font-size:clamp(21px,2.7vw,26px);font-style:italic;font-weight:500;line-height:1.42;color:var(--ink);padding:30px 0 30px 32px;border-left:2px solid var(--gold);margin:36px 0}
@media(max-width:880px){.mech{grid-template-columns:1fr;gap:44px}}

/* flash */
.flash{background:var(--ivory-2);border:1px solid var(--line);border-radius:var(--r);padding:42px 38px;position:sticky;top:104px}
.flash-k{font-family:var(--fm);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.flash-q{font-family:var(--fd);font-size:clamp(19px,2.3vw,22px);font-weight:600;line-height:1.35;margin-bottom:8px}
.flash-h{font-size:13.5px;color:var(--muted);margin-bottom:30px}
.flash input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:3px;background:linear-gradient(90deg,var(--gold) var(--p,50%),var(--line) var(--p,50%));border-radius:2px;outline:none;cursor:pointer}
.flash input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--ink);border:3px solid var(--ivory);box-shadow:0 2px 10px rgba(0,0,0,.25);cursor:grab}
.flash input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--ink);border:3px solid var(--ivory);box-shadow:0 2px 10px rgba(0,0,0,.25);cursor:grab}
.flash-scale{display:flex;justify-content:space-between;margin-top:12px;font-family:var(--fm);font-size:10.5px;color:var(--muted)}
.flash-read{margin-top:26px;min-height:56px;font-size:15px;color:var(--soft);line-height:1.58}
.flash-read b{color:var(--ink)}
.flash .btn{width:100%;margin-top:20px}
@media(max-width:880px){.flash{position:static;padding:32px 26px}}

/* ═══════════ DÉJÀ ESSAYÉ ═══════════ */
.tried{margin-top:62px;max-width:760px}
.tried-item{padding:36px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:start}
.tried-item:last-of-type{border-bottom:1px solid var(--line)}
.tried-t{font-family:var(--fd);font-size:22px;font-weight:600;line-height:1.25}
.tried-item p{font-size:16.5px;color:var(--soft);line-height:1.68}
.tried-item p strong{color:var(--ink)}
@media(max-width:640px){.tried-item{grid-template-columns:1fr;gap:10px}}
.pivot{margin-top:64px;background:var(--ink);color:var(--ivory);border-radius:var(--r);padding:52px 54px;display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}
.pivot p{font-family:var(--fd);font-size:clamp(19px,2.5vw,25px);font-weight:500;line-height:1.48}
.pivot em{color:var(--gold-hi);font-style:italic}
.pivot-side{font-family:var(--fb);font-size:15px;color:#A8BAB7;line-height:1.65;border-left:1px solid var(--line-dk);padding-left:40px}
.pivot-side b{color:var(--ivory);display:block;font-family:var(--fm);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:12px}
@media(max-width:840px){.pivot{grid-template-columns:1fr;padding:40px 30px;gap:30px}.pivot-side{border-left:none;border-top:1px solid var(--line-dk);padding:26px 0 0}}

/* ═══════════ MESURE (dark) ═══════════ */
.measure{display:grid;grid-template-columns:7fr 5fr;gap:64px;margin-top:58px;align-items:start}
.m-specs{border:1px solid var(--line-dk);border-radius:var(--r);overflow:hidden}
.m-spec{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 26px;border-bottom:1px solid var(--line-dk);background:var(--ink-2)}
.m-spec:last-child{border-bottom:none}
.m-spec b{font-weight:700;font-size:15px;color:var(--ivory)}
.m-spec span{font-family:var(--fm);font-size:11.5px;color:var(--gold-hi);text-align:right;line-height:1.5}
.m-side{display:flex;flex-direction:column;gap:15px}
.wfact{font-family:var(--fm);font-size:12.5px;color:#A8BAB7;letter-spacing:.04em;display:flex;gap:11px;align-items:center}
.wfact::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold-hi);flex-shrink:0}
.m-side .btn{margin-top:12px}
@media(max-width:880px){.measure{grid-template-columns:1fr;gap:38px}}

/* ═══════════ SUITE ═══════════ */
.path{margin-top:66px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{padding:42px 36px;border:1px solid var(--line);border-radius:var(--r);background:var(--ivory);transition:transform .3s,box-shadow .3s}
.step:hover{transform:translateY(-5px);box-shadow:0 24px 46px -28px rgba(3,34,37,.22)}
.step-n{font-family:var(--fm);font-size:11.5px;color:var(--gold);letter-spacing:.13em}
.step-v{font-family:var(--fd);font-size:29px;font-weight:600;margin:17px 0 4px;letter-spacing:-.01em}
.step-k{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:19px}
.step p{font-size:15.5px;color:var(--soft);line-height:1.65}
@media(max-width:880px){.path{grid-template-columns:1fr}}

/* ═══════════ WEBINAIRE (dark) ═══════════ */
.webi{display:grid;grid-template-columns:1.35fr 1fr;gap:62px;align-items:center;margin-top:6px}
.webi-h{font-family:var(--fd);font-weight:600;font-size:clamp(29px,4.5vw,45px);line-height:1.1;letter-spacing:-.015em}
.webi-h span{display:block;color:var(--gold-hi);font-style:italic;font-weight:500}
.webi-p{margin-top:24px;color:#A8BAB7;font-size:17px;max-width:520px;line-height:1.66}
@media(max-width:880px){.webi{grid-template-columns:1fr;gap:36px}}

/* ═══════════ TÉMOIGNAGES ═══════════ */
.tgrid{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.tcard{padding:38px 36px;border:1px solid var(--line);border-radius:var(--r);background:var(--ivory);display:flex;flex-direction:column;justify-content:space-between;gap:26px;transition:transform .3s,box-shadow .3s}
.tcard:hover{transform:translateY(-4px);box-shadow:0 24px 46px -28px rgba(3,34,37,.2)}
.tcard.lead{grid-column:1/-1;background:var(--ink);border-color:var(--ink);color:var(--ivory)}
.tcard blockquote{font-family:var(--fd);font-size:clamp(17.5px,2.1vw,20.5px);font-style:italic;font-weight:500;line-height:1.52}
.tcard.lead blockquote{font-size:clamp(21px,2.8vw,27px);max-width:820px}
.tcard cite{font-style:normal;font-family:var(--fm);font-size:11.5px;letter-spacing:.06em;color:var(--muted);line-height:1.7}
.tcard cite b{color:var(--gold);font-weight:500;display:block;margin-bottom:2px}
.tcard.lead cite b{color:var(--gold-hi)}
@media(max-width:800px){.tgrid{grid-template-columns:1fr}}

/* ═══════════ VISION ═══════════ */
.vision{display:grid;grid-template-columns:5fr 7fr;gap:76px;margin-top:62px;align-items:start}
.v-ph{aspect-ratio:4/5;background:var(--ivory-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;position:relative;margin-top:14px}
.v-ph img{width:100%;height:100%;object-fit:cover}
.v-ph .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--fm);font-size:11px;color:var(--muted);letter-spacing:.1em}
.v-txt p{color:var(--soft);font-size:17.5px;margin-bottom:24px;line-height:1.72}
.v-txt p strong{color:var(--ink);font-weight:700}
.v-founder{margin-top:36px;padding-top:30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.v-founder p{margin:0;font-size:15px;color:var(--soft)}
.v-founder p b{color:var(--ink)}
.v-founder a{font-family:var(--fm);font-size:12px;letter-spacing:.08em;color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold-dim);padding-bottom:2px;white-space:nowrap}
.v-founder a:hover{border-bottom-color:var(--gold)}
@media(max-width:920px){.vision{grid-template-columns:1fr;gap:40px}.v-ph{max-width:340px}}

/* ═══════════ FAQ ═══════════ */
.faq{margin-top:54px;max-width:800px}
.fitem{border-top:1px solid var(--line)}
.fitem:last-child{border-bottom:1px solid var(--line)}
.fq{width:100%;background:none;border:none;text-align:left;font-family:var(--fd);font-size:clamp(18px,2.2vw,21px);font-weight:600;padding:27px 48px 27px 0;cursor:pointer;position:relative;color:var(--ink)}
.fq::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--fb);font-weight:300;font-size:29px;color:var(--gold);transition:transform .3s}
.fitem.open .fq::after{transform:translateY(-50%) rotate(45deg)}
.fa{max-height:0;overflow:hidden;transition:max-height .45s ease}
.fa p{padding:0 0 30px;color:var(--soft);font-size:16px;max-width:700px;line-height:1.7}

/* ═══════════ FINAL (dark) ═══════════ */
.final{text-align:center}
.final .t{font-size:clamp(33px,5.8vw,60px);max-width:820px;margin:0 auto;line-height:1.06}
.final p{margin:28px auto 0;color:#A8BAB7;max-width:520px;font-size:18px}
.final .btn{margin-top:42px;font-size:16.5px;padding:20px 42px}

/* ═══════════ FOOTER ═══════════ */
footer{border-top:1px solid var(--line);padding:62px 0 40px;background:var(--ivory-2)}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px}
.foot .logo{font-size:16.5px}
.foot-l p{margin-top:16px;font-family:var(--fm);font-size:11.5px;color:var(--muted);line-height:2}
.fcol{display:flex;flex-direction:column;gap:11px}
.fcol b{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.fcol a{font-size:14px;font-weight:500;color:var(--soft);text-decoration:none}
.fcol a:hover{color:var(--gold)}
.foot-legal{margin-top:48px;padding-top:26px;border-top:1px solid var(--line);font-family:var(--fm);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media(max-width:880px){.foot{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot{grid-template-columns:1fr}}

/* ═══════════ PAGES INTERNES ═══════════ */
.page-head{padding:176px 0 64px}
@media(min-width:820px){.page-head{padding:210px 0 80px}}
.page-head .t{font-size:clamp(36px,6vw,64px)}

/* journal */
.jlist{margin-top:14px}
.jitem{display:grid;grid-template-columns:150px 1fr;gap:34px;padding:38px 0;border-top:1px solid var(--line);text-decoration:none;transition:background .2s;align-items:baseline}
.jitem:last-child{border-bottom:1px solid var(--line)}
.jitem:hover{background:linear-gradient(90deg,transparent,var(--gold-dim) 50%,transparent)}
.jdate{font-family:var(--fm);font-size:12px;color:var(--muted);letter-spacing:.06em}
.jtitle{font-family:var(--fd);font-size:clamp(19px,2.5vw,25px);font-weight:600;line-height:1.28;transition:color .2s}
.jitem:hover .jtitle{color:var(--gold)}
.jex{margin-top:10px;font-size:15px;color:var(--soft);line-height:1.6;max-width:640px}
@media(max-width:680px){.jitem{grid-template-columns:1fr;gap:8px}}

/* contact */
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.ccard{padding:46px 42px;border:1px solid var(--line);border-radius:var(--r);background:var(--ivory);display:flex;flex-direction:column;gap:18px}
.ccard.dk{background:var(--ink);border-color:var(--ink);color:var(--ivory)}
.ccard .kick{margin-bottom:2px}
.ccard h2{font-family:var(--fd);font-size:26px;font-weight:600;line-height:1.2}
.ccard p{font-size:15.5px;color:var(--soft);line-height:1.66}
.ccard.dk p{color:#A8BAB7}
.ccard .btn{margin-top:auto;align-self:flex-start}
.cinfo{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-top:52px;border-top:1px solid var(--line)}
.cinfo b{font-family:var(--fm);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:12px}
.cinfo p,.cinfo a{font-size:16px;color:var(--ink);text-decoration:none;line-height:1.7}
.cinfo a:hover{color:var(--gold)}
@media(max-width:800px){.cgrid,.cinfo{grid-template-columns:1fr}}




/* nav item live */
.nav-live{display:inline-flex;align-items:center;gap:7px;color:var(--gold)!important;font-weight:700!important}
.nav-live .dot{background:var(--gold);width:6px;height:6px}

/* ═══════════ ZONES MESURE ═══════════ */
.m-zones{display:flex;flex-direction:column;gap:1px;background:var(--line-dk);border:1px solid var(--line-dk);border-radius:var(--r);overflow:hidden}
.m-zone{background:var(--ink-2);padding:26px 30px}
.m-zone b{display:block;font-family:var(--fd);font-size:clamp(17px,2.1vw,20px);font-weight:600;color:var(--ivory);line-height:1.32;margin-bottom:9px}
.m-zone p{font-size:15px;color:#A8BAB7;line-height:1.6}
.m-side-k{font-family:var(--fm);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:6px}
.m-side .wfact{align-items:flex-start;line-height:1.55;font-family:var(--fb);font-size:15px;color:#BDCECB}
.m-side .wfact::before{margin-top:8px}



/* ═══════════ MÉTHODE : bénéfices + CTA ═══════════ */
.step-out{list-style:none;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:11px}
.step-out li{font-size:14.5px;color:var(--soft);line-height:1.52;padding-left:20px;position:relative}
.step-out li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:1px;background:var(--gold)}
.path-cta{margin-top:44px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;padding:38px 42px;border:1px solid var(--line);border-radius:var(--r);background:var(--ivory-2)}
.path-cta-t{font-family:var(--fd);font-size:clamp(19px,2.4vw,23px);font-weight:600;line-height:1.3;max-width:520px}
.path-cta-p{margin-top:10px;font-size:15.5px;color:var(--soft);max-width:560px;line-height:1.6}
.path-cta .btn{flex-shrink:0}
@media(max-width:820px){.path-cta{padding:30px 26px;gap:24px}.path-cta .btn{width:100%}}




/* ═══════════ BANDEAU DIRECT (clair, contraste avec la section sombre suivante) ═══════════ */
.live{background:var(--ivory-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0}
.live-in{display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}
.live-l{flex:1 1 430px;min-width:0}
.live-badge{display:inline-flex;align-items:center;gap:9px;font-family:var(--fm);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--gold);padding:7px 14px 7px 12px;border-radius:100px}
.dot{width:6px;height:6px;border-radius:50%;background:#fff;display:inline-block;position:relative;flex-shrink:0}
.dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid currentColor;color:#fff;opacity:0;animation:halo 2.6s infinite}
@keyframes halo{0%{opacity:.85;transform:scale(.55)}70%,100%{opacity:0;transform:scale(1.6)}}
.live-h{margin-top:16px;font-family:var(--fd);font-size:clamp(19px,2.4vw,25px);font-weight:600;line-height:1.28;color:var(--ink);max-width:560px}
.live-sub{margin-top:8px;font-size:14.5px;color:var(--soft);max-width:520px}
.live-r{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.live-when{display:flex;flex-direction:column;gap:3px;padding-right:30px;border-right:1px solid var(--line)}
.live-when-k{font-family:var(--fm);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.live-when b{font-family:var(--fd);font-size:19px;font-weight:600;color:var(--ink);white-space:nowrap}
.live-when em{font-family:var(--fm);font-size:11px;font-style:normal;letter-spacing:.04em;color:var(--muted)}
.btn-live{background:var(--gold);color:#fff;padding:17px 32px;font-size:15.5px}
.btn-live:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(177,148,94,.55)}
@media(max-width:940px){
  .live{padding:30px 0}
  .live-in{flex-direction:column;align-items:flex-start;gap:24px}
  .live-l{flex:0 1 auto;width:100%}
  .live-r{width:100%;flex-direction:column;align-items:stretch;gap:20px}
  .live-when{border-right:none;padding-right:0;padding-bottom:20px;border-bottom:1px solid var(--line)}
  .btn-live{width:100%}
}
/* nav item live */
.nav-live{display:inline-flex;align-items:center;gap:7px;color:var(--gold)!important;font-weight:700!important}
.nav-live .dot{background:var(--gold)}
.nav-live .dot::after{color:var(--gold)}
@media(prefers-reduced-motion:reduce){.dot::after{animation:none}}

/* ═══════════ LETTRE (carte claire, accent or) ═══════════ */
.letter{background:var(--ivory-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r);padding:56px 54px;display:grid;grid-template-columns:1.45fr 1fr;gap:56px;align-items:center}
.letter-h{font-family:var(--fd);font-size:clamp(30px,4.2vw,44px);font-weight:600;font-style:italic;line-height:1.08;letter-spacing:-.015em;color:var(--gold)}
.letter-p{margin-top:22px;font-size:17px;color:var(--soft);line-height:1.68;max-width:540px}
.letter-facts{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:26px}
.letter-facts li{font-size:15px;color:var(--soft);line-height:1.5;padding-left:19px;position:relative}
.letter-facts li::before{content:"";position:absolute;left:0;top:10px;width:9px;height:1px;background:var(--gold)}
.letter-r .btn{width:100%}
@media(max-width:880px){.letter{grid-template-columns:1fr;padding:38px 28px;gap:32px}}

/* ═══════════ FIX : colonne latérale des blocs "next" (archives) ═══════════ */
.next-side{display:flex;flex-direction:column;align-items:flex-start}
.next-side .btn{width:100%}

.letter-gift{margin-top:22px;padding:18px 22px;background:var(--ivory);border:1px solid var(--line);border-radius:4px;font-size:15.5px;color:var(--soft);line-height:1.6;max-width:540px}
.letter-gift b{color:var(--ink);font-weight:700}


/* ═══════════ Badge direct : plus visible sur grand écran ═══════════ */
.live-badge{position:relative;overflow:hidden}
.live-badge::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);animation:sweep 4.2s ease-in-out infinite}
@keyframes sweep{0%{left:-60%}45%,100%{left:130%}}
@media(prefers-reduced-motion:reduce){.live-badge::after{animation:none;display:none}}

/* ═══════════ Témoignages : groupes + carte de renvoi ═══════════ */
.t-group{font-family:var(--fm);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:56px 0 18px}
.tcard-more{background:var(--ivory-2);border-style:dashed;justify-content:space-between}
.more-k{font-family:var(--fm);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.more-p{font-size:15.5px;color:var(--soft);line-height:1.6}
.more-link{font-family:var(--fb);font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:3px;align-self:flex-start;transition:color .2s}
.more-link:hover{color:var(--gold)}

/* ═══════════════════════════════════════════
   ARTICLES DU JOURNAL
   ═══════════════════════════════════════════ */
.art-wrap{max-width:760px}
.art-head{padding:150px 0 0}
@media(min-width:820px){.art-head{padding:190px 0 0}}
.art-back{display:inline-block;font-family:var(--fm);font-size:11.5px;letter-spacing:.08em;color:var(--muted);text-decoration:none;margin-bottom:34px;transition:color .2s}
.art-back:hover{color:var(--gold)}
.art-t{font-family:var(--fd);font-weight:600;font-size:clamp(31px,5.2vw,52px);line-height:1.08;letter-spacing:-.018em}
.art-meta{margin-top:24px;display:flex;align-items:center;gap:14px;font-family:var(--fm);font-size:11.5px;letter-spacing:.06em;color:var(--muted)}
.art-meta i{width:3px;height:3px;border-radius:50%;background:var(--line);display:inline-block}
.art-lead{margin-top:30px;font-family:var(--fd);font-size:clamp(19px,2.4vw,23px);font-weight:400;font-style:italic;line-height:1.48;color:var(--soft);padding-bottom:44px;border-bottom:1px solid var(--line)}

.art-body{padding-top:44px}
.art-body p{font-size:17.5px;line-height:1.78;color:#33403F;margin-bottom:26px}
.art-body p strong{color:var(--ink);font-weight:700}
.art-body h2{font-family:var(--fd);font-size:clamp(22px,3.2vw,29px);font-weight:600;line-height:1.24;letter-spacing:-.01em;margin:52px 0 22px}
.art-body p:first-of-type::first-letter{font-family:var(--fd);font-weight:600;font-size:3.7em;float:left;line-height:.85;padding:6px 14px 0 0;color:var(--gold)}
.art-pull{font-family:var(--fd);font-size:clamp(20px,2.7vw,26px);font-style:italic;font-weight:500;line-height:1.42;color:var(--ink);padding:6px 0 6px 30px;border-left:2px solid var(--gold);margin:44px 0}
.art-list{list-style:none;margin:0 0 30px;display:flex;flex-direction:column;gap:15px}
.art-list li{font-size:17px;line-height:1.68;color:#33403F;padding-left:22px;position:relative}
.art-list li::before{content:"";position:absolute;left:0;top:13px;width:11px;height:1px;background:var(--gold)}
.art-list li strong{color:var(--ink)}

.art-cta{margin-top:64px;display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;padding:38px 40px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r);background:var(--ivory-2)}
.art-cta-t{font-family:var(--fd);font-size:21px;font-weight:600;line-height:1.28}
.art-cta-p{margin-top:9px;font-size:15.5px;color:var(--soft);line-height:1.6;max-width:430px}
.art-cta .btn{flex-shrink:0}
@media(max-width:760px){.art-cta{padding:30px 24px}.art-cta .btn{width:100%}}

nav.art-nav{position:static;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;z-index:auto;margin:52px 0 100px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.art-prev,.art-next{display:flex;flex-direction:column;gap:8px;padding:26px 28px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;font-family:var(--fd);font-size:17px;font-weight:600;line-height:1.32;color:var(--ink);transition:border-color .25s,transform .25s}
.art-prev:hover,.art-next:hover{border-color:var(--gold);transform:translateY(-3px)}
.art-next{text-align:right}
.art-prev span,.art-next span{font-family:var(--fm);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:400}
@media(max-width:660px){.art-nav{grid-template-columns:1fr}.art-next{text-align:left}}

/* ═══════════ Ancrage audience et maillage interne ═══════════ */
.art-audience{margin-top:20px;font-family:var(--fm);font-size:12px;line-height:1.7;color:var(--muted);letter-spacing:.02em;padding-bottom:40px;border-bottom:1px solid var(--line)}
.art-audience strong{color:var(--soft);font-weight:500}
.art-lead{padding-bottom:44px;border-bottom:1px solid var(--line)}
.art-related{margin-top:64px;padding-top:38px;border-top:1px solid var(--line)}
.art-related-k{font-family:var(--fm);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.art-related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.art-related-list a{display:flex;flex-direction:column;gap:8px;padding:22px 22px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;font-family:var(--fd);font-size:16px;font-weight:600;line-height:1.32;color:var(--ink);transition:border-color .25s,transform .25s}
.art-related-list a:hover{border-color:var(--gold);transform:translateY(-3px)}
.art-related-list span{font-family:var(--fm);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:400}
@media(max-width:760px){.art-related-list{grid-template-columns:1fr}}

/* ═══════════ FIGURES ═══════════ */
.fig{margin:64px 0 0;position:relative}
.fig img{width:100%;height:auto;border-radius:var(--r);display:block}
.fig figcaption{margin-top:16px;font-family:var(--fm);font-size:11.5px;letter-spacing:.04em;line-height:1.7;color:var(--muted);max-width:640px}
.fig-dk figcaption{color:var(--muted-dk)}
.fig-wide{margin-top:0}
@media(max-width:640px){.fig{margin-top:44px}}

/* ═══════════ Double sortie corporate ═══════════ */
.final-two{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:42px}
.btn-line-dk{background:transparent;color:var(--ivory);border:1.5px solid var(--line-dk)}
.btn-line-dk:hover{border-color:var(--gold-hi);color:var(--gold-hi)}
.fmt-link{display:inline-block;margin-top:18px;font-family:var(--fb);font-weight:700;font-size:14.5px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:3px;transition:color .2s}
.fmt-link:hover{color:var(--gold)}



/* ═══════════ Petits écrans : la barre de navigation tient ═══════════ */
@media(max-width:430px){
  .nav-in{padding-left:16px;padding-right:16px;gap:10px}
  .logo{font-size:15px}
  .nav-cta{padding:9px 13px;font-size:11.5px}
  .burger{padding:6px 0 6px 4px}
}
@media(max-width:360px){
  .logo{font-size:13.5px}
  .nav-cta{padding:8px 10px;font-size:11px}
}

/* ═══════════ SOUS-NAVIGATION PAR BLOCS ═══════════ */
.subnav{max-height:0;overflow:hidden;opacity:0;border-top:1px solid transparent;background:rgba(222,229,226,.75);transition:max-height .34s cubic-bezier(.22,.61,.21,1),opacity .3s ease,border-color .3s ease;pointer-events:none}
.subnav.on{max-height:64px;opacity:1;border-top-color:var(--line);pointer-events:auto}
.subnav-in{display:flex;align-items:center;gap:28px;padding-top:11px;padding-bottom:11px}
.subnav-links::-webkit-scrollbar{display:none}
.subnav-k{font-family:var(--fm);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);white-space:nowrap;flex-shrink:0}
nav.subnav-links{position:static;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;z-index:auto;inset:auto;transform:none;display:flex;gap:24px;align-items:center;min-width:0;flex-direction:row;justify-content:flex-start;padding:0}
.subnav-links a{font-size:13.5px;font-weight:600;color:var(--muted-dk);text-decoration:none;white-space:nowrap;padding:4px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.subnav-links a:hover{color:var(--ink)}
.subnav-links a.active{color:var(--ink);border-bottom-color:var(--gold)}
@media(max-width:820px){
  .subnav-in{gap:16px;padding-left:16px;padding-right:16px}
  .subnav-links{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .subnav-k{display:none}
  .subnav-links{gap:18px}
  .subnav-links a{font-size:13px}
}
body:has(.subnav.on) [id]{scroll-margin-top:138px}

/* ═══════════ Le guide, dans le bloc sombre ═══════════ */
.guide{margin-top:62px;padding-top:44px;border-top:1px solid var(--line-dk);display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.guide-l{flex:1 1 460px;min-width:0}
.guide-k{font-family:var(--fm);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:10px}
.guide-t{font-family:var(--fd);font-size:clamp(21px,2.7vw,26px);font-weight:600;font-style:italic;color:var(--ivory);line-height:1.25}
.guide-p{margin-top:12px;font-size:15.5px;color:#A8BAB7;line-height:1.62;max-width:600px}
.guide .btn{flex-shrink:0}
@media(max-width:760px){.guide{margin-top:48px;padding-top:34px;gap:24px}.guide .btn{width:100%}}

/* ═══════════ Accent données, charte 2022 ═══════════ */
:root{--teal:#046468;--teal-soft:#6F9F9E;--teal-pale:#B5D7D7}
.gauge i{background:var(--gold-hi)}
.dnum .u,.bnum .u{color:var(--teal-soft)}
.data-card .dsrc,.bsrc{color:var(--teal-soft);opacity:.75}
.flash input[type=range]{background:linear-gradient(90deg,var(--teal) var(--p,50%),var(--line) var(--p,50%))}
.m-zone b{color:var(--ivory)}
.m-spec span{color:var(--teal-soft)}


/* ═══════════ Menu mobile : lisibilité et confort ═══════════ */
@media(max-width:940px){
  .nav-links a{width:100%;padding:19px 0;border-bottom:1px solid var(--line);font-size:20px}
  .nav-links a:last-of-type{border-bottom:none}
  .nav-links a[aria-current]{color:var(--gold)}
  .nav-links .nav-cta{width:100%;margin-top:26px;padding:18px;text-align:center;justify-content:center;border-bottom:none;font-size:16px}
  .nav-menu-k{width:100%;font-family:var(--fm);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);padding-bottom:14px}
  body.menu-open{overflow:hidden;position:fixed;width:100%}
}
@media(min-width:941px){.nav-menu-k{display:none}.nav-links .nav-cta{display:none}}