/* Page Qui sommes-nous : mise en page façon "À propos" de la référence */
body.qs-body{background:#050505 radial-gradient(circle at 10% 0,rgba(8,145,178,.10),transparent 40%),radial-gradient(circle at 90% 100%,rgba(126,34,206,.10),transparent 40%);font-family:Outfit,Inter,system-ui,sans-serif;color:#e5e7eb}
.qs-body main{position:relative}
.qs-grid{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}
.qs-wrap{width:min(1180px,calc(100% - 32px));margin:auto}
.qs-gradient{background:linear-gradient(to right,#00f2fe 0%,#4facfe 50%,#f093fb 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.qs-hero{position:relative;padding:130px 0 110px;border-bottom:1px solid rgba(255,255,255,.05);overflow:hidden;text-align:center}
.qs-hero:before{content:"";position:absolute;left:15%;right:15%;top:20%;bottom:20%;background:linear-gradient(90deg,rgba(22,78,99,.35),rgba(88,28,135,.3));filter:blur(120px);border-radius:999px;pointer-events:none}
.qs-hero-in{position:relative;max-width:880px;margin:auto;padding:0 16px;animation:qsfloat 6s ease-in-out infinite}
@keyframes qsfloat{50%{transform:translateY(-10px)}}
.qs-badge{display:inline-block;padding:7px 16px;margin-bottom:24px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#c084fc;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);border-radius:999px;backdrop-filter:blur(6px)}
.qs-hero h1{margin:0 0 22px;font:900 clamp(2.6rem,7vw,4.6rem)/1.05 Outfit,Inter,sans-serif;color:#fff;letter-spacing:-.02em}
.qs-hero p{margin:0 auto;max-width:640px;font-size:1.3rem;font-weight:300;color:#9ca3af;line-height:1.6}
.qs-story{background:#0a0a0a;padding:120px 0}
.qs-story .qs-wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.qs-photo{position:relative;animation:qsfloat 6s ease-in-out infinite}
.qs-photo:before{content:"";position:absolute;inset:-4px;border-radius:30px;background:linear-gradient(45deg,#06b6d4,#9333ea);filter:blur(14px);opacity:.25}
.qs-photo img{position:relative;width:100%;height:600px;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.6);filter:grayscale(20%);transition:filter .7s}
.qs-photo:hover img{filter:none}
.qs-float{position:absolute;right:-28px;bottom:-30px;display:flex;align-items:center;gap:16px;padding:22px 26px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.6)}
.qs-float i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(6,182,212,.2);border:1px solid rgba(6,182,212,.3);color:#22d3ee;font-style:normal;font-size:26px}
.qs-float b{display:block;color:#fff;font:900 1.5rem Outfit,sans-serif}
.qs-float small{color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.qs-story h2{margin:0 0 32px;font:900 clamp(2rem,4.4vw,3.2rem)/1.15 Outfit,Inter,sans-serif;color:#fff;letter-spacing:-.01em}
.qs-story h2 span{color:#22d3ee;text-shadow:0 0 18px rgba(0,242,254,.3)}
.qs-text p{margin:0 0 22px;font-size:1.1rem;font-weight:300;line-height:1.75;color:#9ca3af}
.qs-text strong{color:#fff;font-weight:600}
.qs-text p.hl{color:#fff;font-weight:500}
.qs-checks{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:16px}
.qs-checks li{display:flex;align-items:center;gap:14px;color:#fff;font-weight:600;font-size:1.05rem}
.qs-checks span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:rgba(6,182,212,.18);border:1px solid rgba(6,182,212,.35);color:#22d3ee;font-size:14px}
.qs-stats{position:relative;padding:90px 0;background:#050505;border-block:1px solid rgba(255,255,255,.05);overflow:hidden}
.qs-stats:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,78,99,.2),rgba(88,28,135,.2));filter:blur(60px)}
.qs-stats .qs-wrap{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.qs-stat{padding:34px 16px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(16px);transition:border-color .3s,box-shadow .3s}
.qs-stat:hover{border-color:rgba(0,242,254,.3);box-shadow:0 0 30px rgba(0,242,254,.1)}
.qs-stat b{display:block;margin-bottom:8px;font:900 clamp(2rem,4vw,3rem) Outfit,sans-serif;background:linear-gradient(to right,#00f2fe,#4facfe,#f093fb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.qs-stat span{color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.qs-cta{padding:90px 0;text-align:center;background:#0a0a0a}
.qs-cta h2{margin:0 0 14px;font:900 clamp(1.8rem,4vw,2.8rem) Outfit,sans-serif;color:#fff}
.qs-cta p{color:#9ca3af;margin:0 0 28px;font-size:1.1rem}
.qs-btn{display:inline-block;padding:16px 36px;border-radius:999px;background:linear-gradient(to right,#06b6d4,#2563eb);color:#fff;font-weight:900;font-size:13px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;box-shadow:0 0 18px rgba(0,242,254,.3);transition:box-shadow .3s,transform .2s}
.qs-btn:hover{box-shadow:0 0 30px rgba(0,242,254,.55);transform:translateY(-2px)}
@media(max-width:980px){.qs-story .qs-wrap{grid-template-columns:1fr;gap:56px}.qs-photo img{height:380px}.qs-float{right:12px;bottom:-24px}.qs-stats .qs-wrap{grid-template-columns:repeat(2,1fr)}.qs-hero{padding:90px 0 80px}.qs-story{padding:80px 0}}
@media(max-width:480px){.qs-stats .qs-wrap{grid-template-columns:1fr 1fr;gap:14px}.qs-float{display:none}}