/* Aperçu local PEAK 100 — extension mobile-first de la charte Amicale Prodomo */
.peak-page{background:#f4f2ec}
.peak-preview-notice{padding:8px 0;background:#ffe9b0;border-bottom:1px solid #d8b85a;color:#4a3500;font-size:.84rem;text-align:center}
.peak-preview-notice span{margin-right:5px}

.peak-hero{position:relative;overflow:hidden;padding:clamp(46px,7vw,92px) 0;background:
  radial-gradient(circle at 84% 22%,rgba(34,190,116,.23),transparent 25%),
  linear-gradient(135deg,#071629 0%,#0b2340 55%,#124d39 118%);color:#fff;border-bottom:6px solid var(--gold-500)}
.peak-hero::after{content:"PEAK";position:absolute;right:-.05em;bottom:-.28em;color:rgba(255,255,255,.035);font-weight:900;font-size:clamp(10rem,29vw,27rem);line-height:1;letter-spacing:-.08em;pointer-events:none}
.peak-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.68fr);gap:clamp(34px,6vw,82px);align-items:center}
.peak-status{display:inline-flex;align-items:center;gap:8px;margin:0 0 25px;padding:8px 13px;border:1px solid rgba(255,215,115,.62);border-radius:999px;background:rgba(212,160,23,.13);color:#ffe4a2;font-size:.8rem;font-weight:800;letter-spacing:.025em}
.peak-status span{color:#ffc634;font-size:.7rem;animation:peak-status-pulse 1.8s ease-in-out infinite}
.peak-hero h1{margin:0;color:#fff;font-family:var(--font);font-size:clamp(4.8rem,11vw,9.2rem);font-weight:950;line-height:.8;letter-spacing:-.075em}
.peak-hero h1 span{font-weight:950}
.peak-hero h1::after{content:"";display:block;width:min(330px,70%);height:5px;margin:26px 0 21px;background:linear-gradient(90deg,var(--gold-500),#36d489);border-radius:4px}
.peak-hero__headline{margin:0 0 12px;color:#fff;font-family:var(--serif);font-size:clamp(1.45rem,3vw,2.5rem);font-weight:650;line-height:1.17}
.peak-hero__lead{max-width:650px;margin:0 0 25px;color:#ccd8e5;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6}
.peak-hero__lead strong{color:#fff}
.peak-hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.peak-disabled-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:10px 16px;border:1px solid rgba(255,255,255,.32);border-radius:var(--r-sm);color:#d7e0eb;font-size:.85rem;font-weight:700}
.peak-hero__note{margin:14px 0 0;color:#9fb0c5;font-size:.77rem}
.peak-poster{--peak-tilt-x:1deg;--peak-tilt-y:0deg;position:relative;margin:0 auto;width:min(100%,450px);border:1px solid rgba(255,255,255,.25);border-radius:26px;overflow:hidden;background:#06172b;box-shadow:0 30px 70px rgba(0,0,0,.35);transform:perspective(1100px) rotateX(var(--peak-tilt-y)) rotateY(var(--peak-tilt-x));transition:transform .25s ease,box-shadow .25s ease}
.peak-poster:hover{box-shadow:0 34px 82px rgba(0,0,0,.43)}
.peak-poster img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.peak-poster figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(5,20,37,.88);backdrop-filter:blur(10px);color:#fff;line-height:1.35}
.peak-poster figcaption strong,.peak-poster figcaption span{display:block}
.peak-poster figcaption strong{font-size:.88rem}
.peak-poster figcaption span{margin-top:2px;color:#bdc9d7;font-size:.7rem}

.peak-numbers{position:relative;z-index:3;margin-top:-3px;background:#fff;border-bottom:1px solid var(--line)}
.peak-numbers__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:0;padding-bottom:0}
.peak-numbers article{min-width:0;padding:24px 20px;border-right:1px solid var(--line);text-align:center}
.peak-numbers article:last-child{border-right:0}
.peak-numbers strong,.peak-numbers span{display:block}
.peak-numbers strong{color:var(--green-700);font-family:var(--serif);font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.1}
.peak-numbers span{margin-top:5px;color:var(--ink-3);font-size:.76rem;line-height:1.35}

.peak-subnav{position:sticky;top:82px;z-index:35;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 8px 22px rgba(8,24,46,.045)}
.peak-subnav__inner{display:flex;align-items:center;gap:6px;min-height:54px;overflow-x:auto;scrollbar-width:none}
.peak-subnav__inner::-webkit-scrollbar{display:none}
.peak-subnav__inner>span{margin-right:6px;color:var(--ink-3);font-size:.69rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.peak-subnav a{display:inline-flex;align-items:center;min-height:36px;padding:6px 11px;border-radius:999px;color:var(--ink-2);font-size:.77rem;font-weight:750;white-space:nowrap;text-decoration:none;transition:background .2s ease,color .2s ease}
.peak-subnav a:hover,.peak-subnav a.is-active{background:#e7f4ec;color:var(--green-700);text-decoration:none}

.peak-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:40px;align-items:end;margin-bottom:32px}
.peak-section-heading h2{max-width:760px;margin-bottom:0;font-size:clamp(2rem,4vw,3.25rem)}
.peak-section-heading>p{margin:0;color:var(--ink-2);font-size:.96rem}
.peak-section-heading--light h2{color:#fff}
.peak-section-heading--light>p{color:#c5d1df}

.peak-stage{background:linear-gradient(180deg,#f4f2ec,#ede8dc)}
.peak-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;counter-reset:none}
.peak-timeline li{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;margin:0;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(8,24,46,.05)}
.peak-timeline li>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#e7ecef;color:var(--navy-800);font-family:var(--serif);font-size:1.4rem;font-weight:800}
.peak-timeline li small,.peak-timeline li strong{display:block}
.peak-timeline li small{color:var(--gold-text);font-size:.67rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.peak-timeline li strong{margin-top:4px;color:var(--navy-800);line-height:1.3}
.peak-timeline li p{margin:7px 0 0;color:var(--ink-3);font-size:.8rem;line-height:1.45}
.peak-timeline .is-current{border-color:#8fc7a8;background:linear-gradient(140deg,#f5fff9,#fff)}
.peak-timeline .is-current>span{background:var(--green-600);color:#fff}
.peak-timeline .is-current::before{content:"Étape actuelle";position:absolute;right:14px;top:-11px;padding:5px 9px;border-radius:999px;background:var(--green-600);color:#fff;font-size:.61rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}

.peak-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.peak-impact-grid article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 11px 28px rgba(11,35,64,.05)}
.peak-impact-grid article>span{display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;border-radius:17px;background:#edf7f1;font-size:1.55rem}
.peak-impact-grid h3{margin-bottom:8px}
.peak-impact-grid p{margin:0;color:var(--ink-2);font-size:.9rem}
.peak-impact-grid article,.peak-action-grid article{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.peak-impact-grid article:hover{transform:translateY(-5px);border-color:#a8cbb7;box-shadow:0 18px 34px rgba(11,35,64,.1)}

.peak-support-explorer{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:28px;margin-top:28px;padding:28px;border:1px solid #d6e2db;border-radius:24px;background:linear-gradient(140deg,#f5fbf7,#fffaf0);box-shadow:0 12px 28px rgba(11,35,64,.05)}
.peak-support-explorer__heading h3{margin:0;font-size:1.55rem}
.peak-support-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.peak-support-tabs button{min-height:40px;padding:8px 13px;border:1px solid #ccd8d1;border-radius:999px;background:#fff;color:var(--ink-2);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.peak-support-tabs button:hover{transform:translateY(-1px);border-color:var(--green-600)}
.peak-support-tabs button[aria-selected="true"]{border-color:var(--green-600);background:var(--green-600);color:#fff}
.peak-support-panel{display:grid;grid-template-columns:60px minmax(0,1fr);gap:16px;align-items:center;min-height:112px;padding:20px;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(11,35,64,.06);animation:peak-panel-in .3s ease both}
.peak-support-panel[hidden]{display:none}
.peak-support-panel>span{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#edf7f1;font-size:1.75rem}
.peak-support-panel strong{display:block;color:var(--navy-800);font-family:var(--serif);font-size:1.2rem}
.peak-support-panel p{margin:4px 0 0;color:var(--ink-2);font-size:.86rem;line-height:1.5}
.peak-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:24px;border:1px solid #cfded5;border-radius:18px;overflow:hidden;background:#cfded5}
.peak-principles>div{padding:19px 22px;background:#edf7f1}
.peak-principles strong,.peak-principles span{display:block}
.peak-principles strong{color:var(--green-700);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.peak-principles span{margin-top:4px;color:#3f574a;font-size:.78rem;line-height:1.4}

.peak-actions{background:linear-gradient(140deg,#07182e 0%,#0b2b40 55%,#0b4b36 120%);color:#fff}
.peak-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.peak-action-grid article{display:flex;flex-direction:column;min-width:0;padding:clamp(24px,4vw,38px);border:1px solid rgba(255,255,255,.19);border-radius:24px;background:rgba(255,255,255,.07);box-shadow:0 18px 40px rgba(0,0,0,.15)}
.peak-action-grid__icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:19px;border-radius:18px;background:rgba(255,255,255,.11);font-size:1.7rem}
.peak-card-label{margin:0 0 8px;color:#f0bf37;font-size:.71rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.peak-action-grid h3{color:#fff;font-size:clamp(1.4rem,2.5vw,2rem)}
.peak-action-grid ul{margin:2px 0 24px;color:#d2dce8;font-size:.88rem}
.peak-action-grid li{margin-bottom:8px}
.peak-card-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:auto;padding:11px 16px;border-radius:12px;background:var(--green-500);color:#fff;font-weight:800;font-size:.87rem;text-align:center;text-decoration:none}
.peak-card-button:hover{background:#26a868;color:#fff;text-decoration:none}
.peak-card-button.is-locked{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#c5d0dc}
.peak-action-grid article:hover{transform:translateY(-5px);border-color:rgba(255,215,115,.55);box-shadow:0 24px 50px rgba(0,0,0,.22)}

.peak-transparency{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(30px,6vw,70px);align-items:center}
.peak-progress{margin-top:28px;padding:21px;border:1px solid #d6ddd9;border-radius:18px;background:#fafbf9}
.peak-progress>div{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.peak-progress strong{color:var(--navy-800)}
.peak-progress>div span{color:var(--ink-3);font-size:.78rem}
.peak-progress__track{display:block;height:12px;overflow:hidden;border-radius:999px;background:#dde5e0}
.peak-progress__track span{display:block;height:100%;background:linear-gradient(90deg,var(--green-600),var(--gold-500));transition:width 1.35s cubic-bezier(.2,.8,.25,1)}
.peak-progress small{display:block;margin-top:10px;color:var(--ink-3);font-size:.73rem}
.peak-proof-card{padding:28px;border-radius:24px;background:var(--navy-800);color:#d6e0ec;box-shadow:0 20px 44px rgba(8,24,46,.16)}
.peak-proof-card ul{margin:14px 0 0;padding:0;list-style:none}
.peak-proof-card li{display:grid;grid-template-columns:27px minmax(0,1fr);gap:9px;align-items:start;margin:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.86rem}
.peak-proof-card li:last-child{border-bottom:0}
.peak-proof-card li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--green-600);color:#fff;font-weight:900}

.peak-faq{background:#f0ece2}
.peak-faq__grid{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:clamp(30px,6vw,78px);align-items:start}
.peak-faq__intro{position:sticky;top:158px}
.peak-faq__intro p:last-child{color:var(--ink-2)}
.peak-faq__items{display:grid;gap:10px}
.peak-faq details{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 7px 18px rgba(8,24,46,.04)}
.peak-faq summary{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:14px;align-items:center;min-height:62px;padding:14px 18px;color:var(--navy-800);font-weight:800;cursor:pointer;list-style:none}
.peak-faq summary::-webkit-details-marker{display:none}
.peak-faq summary span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf2ef;color:var(--green-700);font-size:1.25rem;transition:transform .2s ease,background .2s ease}
.peak-faq details[open] summary span{transform:rotate(45deg);background:var(--green-600);color:#fff}
.peak-faq details p{margin:0;padding:0 18px 18px;color:var(--ink-2);font-size:.88rem}

.peak-final{padding:clamp(38px,5vw,64px) 0;background:#e8d6a4;border-top:1px solid #cfb668}
.peak-final__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center}
.peak-final h2{max-width:850px;margin:0;font-size:clamp(1.7rem,3.4vw,2.7rem)}
.peak-final .btn{white-space:nowrap;background:var(--navy-800);color:#fff}

.peak-js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}
.peak-js [data-reveal].is-visible{opacity:1;transform:none}
.peak-timeline [data-reveal]:nth-child(2),.peak-impact-grid [data-reveal]:nth-child(2),.peak-action-grid [data-reveal]:nth-child(2){transition-delay:.09s}
.peak-timeline [data-reveal]:nth-child(3),.peak-impact-grid [data-reveal]:nth-child(3){transition-delay:.18s}

@keyframes peak-status-pulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.16)}}
@keyframes peak-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .peak-hero__grid{grid-template-columns:1fr}
  .peak-poster{width:min(100%,560px);transform:none}
  .peak-section-heading{grid-template-columns:1fr;gap:12px;align-items:start}
  .peak-timeline{grid-template-columns:1fr}
  .peak-impact-grid{grid-template-columns:1fr}
  .peak-support-explorer{grid-template-columns:1fr}
  .peak-principles{grid-template-columns:1fr}
  .peak-action-grid{grid-template-columns:1fr}
  .peak-transparency{grid-template-columns:1fr}
  .peak-faq__grid{grid-template-columns:1fr}
  .peak-faq__intro{position:static}
}

@media(max-width:680px){
  .peak-preview-notice{text-align:left;font-size:.76rem}
  .peak-subnav{top:74px}
  .peak-subnav__inner>span{display:none}
  .peak-hero{padding-top:38px}
  .peak-status{align-items:flex-start;border-radius:14px;line-height:1.35}
  .peak-hero h1{font-size:clamp(4.15rem,24vw,6rem)}
  .peak-hero__actions{display:grid}
  .peak-hero__actions .btn,.peak-disabled-action{width:100%;min-height:50px}
  .peak-poster{border-radius:20px}
  .peak-numbers__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .peak-numbers article{padding:18px 10px;border-bottom:1px solid var(--line)}
  .peak-numbers article:nth-child(2){border-right:0}
  .peak-numbers article:nth-child(n+3){border-bottom:0}
  .peak-timeline li{grid-template-columns:46px minmax(0,1fr);padding:18px 16px}
  .peak-timeline li>span{width:46px;height:46px;border-radius:14px}
  .peak-impact-grid article{padding:22px}
  .peak-support-explorer{padding:20px 16px;border-radius:20px}
  .peak-support-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .peak-support-tabs button{border-radius:12px}
  .peak-support-panel{grid-template-columns:50px minmax(0,1fr);padding:16px}
  .peak-support-panel>span{width:50px;height:50px;border-radius:15px;font-size:1.45rem}
  .peak-action-grid article{border-radius:20px}
  .peak-progress>div{display:block}
  .peak-progress>div span{display:block;margin-top:3px}
  .peak-final__inner{grid-template-columns:1fr}
  .peak-final .btn{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .peak-poster{transform:none;transition:none}
  .peak-status span{animation:none}
  .peak-js [data-reveal]{opacity:1;transform:none;transition:none}
  .peak-support-panel{animation:none}
}