/* FDED — Page À propos — charte rouge/bleu */
.fded-about-page{--red:#d82221;--red-dark:#b81b1a;--red-light:#fbe8e8;
  --navy:#082060;--navy-light:#1e3165;--navy-deep:#0a1a3f;
  --bg:#f3f4f7;--card:#fff;--border:#e0e0e0;--t700:#343434;--t500:#6b6c70;--t400:#B0B8CF;
  --fp:'Manrope',sans-serif;--fd:'Raleway','Manrope',sans-serif;
  --sh:0 4px 20px rgba(8,32,96,.08);--sh-lg:0 20px 50px rgba(8,32,96,.15);
font-family:var(--fp);color:var(--t700);line-height:1.6;font-size:15px}
.fded-about-page *{box-sizing:border-box}

.fded-about-page *{box-sizing:border-box;margin:0;padding:0}

.fded-about-page h1, .fded-about-page h2, .fded-about-page h3, .fded-about-page h4{font-family:var(--fd);margin:0;line-height:1.1}
.fded-about-page .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.fded-about-page .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:3px}
.fded-about-page .eyebrow .l{width:34px;height:2px;display:inline-block}
.fded-about-page .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.fded-about-page .reveal.in{opacity:1;transform:none}
.fded-about-page .btn{display:inline-flex;align-items:center;gap:9px;padding:15px 30px;font-weight:700;font-size:14px;transition:all .25s;cursor:pointer;border:2px solid transparent;text-decoration:none}
.fded-about-page .btn--red{background:var(--red);color:#fff;border-color:var(--red)}.btn--red:hover{background:var(--red-dark);transform:translateY(-2px)}
.fded-about-page .btn--navy{background:var(--navy);color:#fff;border-color:var(--navy)}.btn--navy:hover{background:var(--navy-light);transform:translateY(-2px)}
.fded-about-page .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}.btn--ghost:hover{background:#fff;color:var(--navy)}

/* ===== HERO ===== */
.fded-about-page .ap-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy-deep),var(--navy) 55%,var(--navy-light));color:#fff;padding:90px 24px 100px}
.fded-about-page .ap-hero__grid-bg{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%)}
.fded-about-page .ap-hero__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;z-index:0}
.fded-about-page .ap-hero__blob.b1{top:-100px;right:-60px;width:360px;height:360px;background:var(--red)}
.fded-about-page .ap-hero__blob.b2{bottom:-120px;left:-80px;width:380px;height:380px;background:#2a4da0}
.fded-about-page .ap-hero__in{position:relative;z-index:2;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}
.fded-about-page .ap-hero__eb{color:#ff9b9b}.ap-hero__eb .l{background:#ff9b9b}
.fded-about-page .ap-hero h1{font-size:clamp(32px,5vw,60px);font-weight:800;text-transform:uppercase;letter-spacing:-1.5px;margin:18px 0;line-height:1.02;color:#fff !important}
.fded-about-page .ap-hero h1 b{color:#ff9b9b !important;-webkit-text-stroke:0}
.fded-about-page .ap-hero p{font-size:17px;color:rgba(255,255,255,.85);max-width:540px;line-height:1.7}
.fded-about-page .ap-hero__logo{display:flex;justify-content:center;align-items:center}
.fded-about-page .ap-hero__logo-circle{width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;position:relative;animation:ap-pulse 3s ease-in-out infinite}
@keyframes ap-pulse{0%,100%{box-shadow:0 0 0 0 rgba(216,34,33,.3)}50%{box-shadow:0 0 0 26px rgba(216,34,33,0)}}
.fded-about-page .ap-hero__logo-circle img{width:78%;height:auto;display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}
.fded-about-page .ap-hero__wave{position:absolute;bottom:-1px;left:0;width:100%;z-index:3;display:block}

/* ===== INTRO / DEFINITION ===== */
.fded-about-page .ap-intro{padding:80px 0;background:#fff}
.fded-about-page .ap-intro__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.fded-about-page .ap-intro__visual{position:relative;display:flex;justify-content:center}
.fded-about-page .ap-intro__square{width:340px;height:340px;background:linear-gradient(135deg,var(--navy),var(--navy-light));display:grid;place-items:center;position:relative;box-shadow:var(--sh-lg);overflow:hidden}
.fded-about-page .ap-intro__square::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(216,34,33,.25),transparent 60%)}
.fded-about-page .ap-intro__square img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}
.fded-about-page .ap-intro__square::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(160deg,transparent 45%,rgba(8,32,96,.45))}
.fded-about-page .ap-intro__badge{position:absolute;z-index:4;background:#fff;padding:14px 20px;box-shadow:var(--sh-lg);border-left:4px solid var(--red)}
.fded-about-page .ap-intro__badge.b1{top:8%;left:-20px}.ap-intro__badge.b2{bottom:8%;right:-20px;border-left-color:var(--navy)}
.fded-about-page .ap-intro__badge b{display:block;font-family:var(--fd);font-size:20px;color:var(--navy)}
.fded-about-page .ap-intro__badge span{font-size:11.5px;color:var(--t500)}
.fded-about-page .ap-intro__eb{color:var(--red)}.ap-intro__eb .l{background:var(--red)}
.fded-about-page .ap-intro h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;color:var(--navy) !important;text-transform:uppercase;letter-spacing:-1px;margin:14px 0 18px}
.fded-about-page .ap-intro h2 b{color:var(--red)}
.fded-about-page .ap-intro p{color:var(--t500);font-size:15.5px;line-height:1.8;margin-bottom:14px}
.fded-about-page .ap-intro p strong{color:var(--navy)}

/* ===== TIMELINE (le truc innovant) ===== */

/* ===== MISSION VISION VALEURS ===== */
.fded-about-page .ap-mvv{padding:90px 0;background:#fff}
.fded-about-page .ap-mvv__head{text-align:center;max-width:640px;margin:0 auto 50px}
.fded-about-page .ap-mvv__head .eyebrow{color:var(--red);justify-content:center}.ap-mvv__head .eyebrow .l{background:var(--red)}
.fded-about-page .ap-mvv__head h2{font-size:clamp(26px,3.4vw,42px);font-weight:800;color:var(--navy) !important;text-transform:uppercase;letter-spacing:-1px;margin-top:14px}
.fded-about-page .ap-mvv__head h2 b{color:var(--red)}
.fded-about-page .ap-mvv__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fded-about-page .mvv{background:#fff;border:1px solid var(--border);padding:38px 30px;position:relative;overflow:hidden;transition:all .3s;border-top:4px solid var(--navy)}
.fded-about-page .mvv:nth-child(2){border-top-color:var(--red)}
.fded-about-page .mvv:nth-child(3){border-top-color:var(--navy)}
.fded-about-page .mvv:hover{transform:translateY(-8px);box-shadow:var(--sh-lg)}
.fded-about-page .mvv__ic{width:62px;height:62px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;margin-bottom:20px;transition:transform .3s}
.fded-about-page .mvv:nth-child(2) .mvv__ic{background:var(--red)}
.fded-about-page .mvv:hover .mvv__ic{transform:rotate(-8deg) scale(1.08)}
.fded-about-page .mvv__ic svg{width:30px;height:30px}
.fded-about-page .mvv h3{font-size:21px;color:var(--navy) !important;margin-bottom:10px;font-weight:800}
.fded-about-page .mvv p{font-size:14.5px;color:var(--t500);line-height:1.7}

/* ===== CHIFFRES ===== */
.fded-about-page .ap-stats{padding:70px 0;background:var(--bg)}
.fded-about-page .ap-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.fded-about-page .ap-stat b{display:block;font-family:var(--fd);font-size:52px;font-weight:800;color:var(--red);line-height:1;letter-spacing:-2px}
.fded-about-page .ap-stat:nth-child(even) b{color:var(--navy)}
.fded-about-page .ap-stat span{font-size:14px;color:var(--t500);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;display:block}

/* ===== ORGANISATION ===== */

/* ===== CTA ===== */

/* ===== NOTRE APPROCHE ===== */
.fded-about-page .ap-app{padding:90px 0;background:var(--bg);position:relative;overflow:hidden}
.fded-about-page .ap-app__bg{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(var(--border) 1.4px,transparent 1.4px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 30%,#000,transparent 70%)}
.fded-about-page .ap-app__head{text-align:center;max-width:640px;margin:0 auto 56px;position:relative;z-index:2}
.fded-about-page .ap-app__head .eyebrow{color:var(--red);justify-content:center}.ap-app__head .eyebrow .l{background:var(--red)}
.fded-about-page .ap-app__head h2{font-size:clamp(26px,3.4vw,42px);font-weight:800;color:var(--navy) !important;text-transform:uppercase;letter-spacing:-1px;margin-top:14px}
.fded-about-page .ap-app__head h2 b{color:var(--red)}
.fded-about-page .ap-app__head p{color:var(--t500);font-size:16px;margin-top:12px;line-height:1.6}
.fded-about-page .ap-app__flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;z-index:2}
.fded-about-page .ap-app__line{position:absolute;top:38px;left:12%;right:12%;height:3px;background:var(--border);z-index:0}
.fded-about-page .ap-app__line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--navy),var(--red));transition:width 1.6s ease}
.fded-about-page .ap-app.in .ap-app__line i{width:100%}
.fded-about-page .ap-app__step{position:relative;text-align:center;z-index:2}
.fded-about-page .ap-app__num{position:relative;width:78px;height:78px;border-radius:50%;background:#fff;border:3px solid var(--navy);color:var(--navy);display:grid;place-items:center;margin:0 auto 18px;box-shadow:var(--sh);transition:transform .3s,background .3s,color .3s,border-color .3s}
.fded-about-page .ap-app__num svg{width:30px;height:30px}

.fded-about-page .ap-app__step:hover .ap-app__num{transform:translateY(-6px);background:var(--navy);color:#fff}
.fded-about-page .ap-app__step:nth-child(odd) .ap-app__num{border-color:var(--red);color:var(--red)}
.fded-about-page .ap-app__step:nth-child(odd):hover .ap-app__num{background:var(--red);color:#fff}
.fded-about-page .ap-app__step h3{font-size:17px;color:var(--navy) !important;margin-bottom:8px;font-weight:800}
.fded-about-page .ap-app__step p{font-size:13.5px;color:var(--t500);line-height:1.6;max-width:230px;margin:0 auto}

/* ===== NOS ENGAGEMENTS ===== */
.fded-about-page .ap-eng{padding:90px 0;background:linear-gradient(135deg,var(--navy-deep),var(--navy) 60%,var(--navy-light));color:#fff;position:relative;overflow:hidden}
.fded-about-page .ap-eng__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;z-index:0}
.fded-about-page .ap-eng__blob.b1{top:-100px;right:-60px;width:340px;height:340px;background:var(--red)}
.fded-about-page .ap-eng__grid{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}
.fded-about-page .ap-eng__eb{color:#ff9b9b}.ap-eng__eb .l{background:#ff9b9b}
.fded-about-page .ap-eng__left h2{font-size:clamp(26px,3.4vw,42px);font-weight:800;text-transform:uppercase;letter-spacing:-1px;margin:14px 0 16px;color:#fff !important}
.fded-about-page .ap-eng__left h2 b{color:#ff9b9b !important}
.fded-about-page .ap-eng__lead{font-size:16px;color:rgba(255,255,255,.85);line-height:1.7}
.fded-about-page .ap-eng__right{display:flex;flex-direction:column;gap:16px}
.fded-about-page .ap-eng__card{display:flex;gap:18px;align-items:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:22px 24px;transition:transform .25s,background .25s}
.fded-about-page .ap-eng__card:hover{transform:translateX(6px);background:rgba(255,255,255,.12)}
.fded-about-page .ap-eng__ic{width:50px;height:50px;border-radius:12px;background:#fff;color:var(--navy);display:grid;place-items:center;flex-shrink:0}
.fded-about-page .ap-eng__ic svg{width:24px;height:24px}
.fded-about-page .ap-eng__card:nth-child(2) .ap-eng__ic{color:var(--red)}
.fded-about-page .ap-eng__card h3{font-size:17px;margin-bottom:5px;font-weight:800;color:#fff !important}
.fded-about-page .ap-eng__card p{font-size:13.5px;color:rgba(255,255,255,.78);line-height:1.6}

@media(max-width:880px){
.fded-about-page .ap-hero__in, .fded-about-page .ap-intro__grid{grid-template-columns:1fr;gap:40px}
.fded-about-page .ap-hero__logo, .fded-about-page .ap-intro__visual{order:-1}
.fded-about-page .ap-mvv__grid{grid-template-columns:1fr}
.fded-about-page .ap-stats__grid{grid-template-columns:1fr 1fr;gap:30px}
.fded-about-page .ap-app__flow{grid-template-columns:1fr 1fr;gap:36px}
.fded-about-page .ap-app__line{display:none}
.fded-about-page .ap-eng__grid{grid-template-columns:1fr;gap:36px}
}