/* Container principal */
.sps-wrap{--gap:28px; --radius:18px; --shadow:0 8px 24px rgba(0,0,0,.08); display:grid; grid-template-columns:1.1fr 1fr; gap:var(--gap); align-items:start}
@media(max-width:960px){.sps-wrap{grid-template-columns:1fr;}}

/* Colonne gauche */
.sps-left{padding:32px; background:#fff; border-radius:var(--radius); box-shadow:var(--shadow)}
.sps-left h2{margin-top:0;font-size:clamp(24px,2.6vw,36px)}
.sps-left p{font-size:16px; line-height:1.6}
.sps-btn{display:inline-block; margin-top:16px; padding:12px 18px; border-radius:12px; text-decoration:none; background:#111; color:#fff; box-shadow:0 3px 10px rgba(0,0,0,.12)}

/* Carte profil droite */
.sps-profile{position:relative; overflow:hidden; border-radius:var(--radius); background:#fff; box-shadow:var(--shadow)}
.sps-cover{position:relative; height:180px; background:#f2f2f2;}
.sps-cover img{width:100%; height:100%; object-fit:cover; display:block}
.sps-logo{position:absolute; left:50%; bottom:-44px; transform:translateX(-50%); width:88px; height:88px; border-radius:50%; overflow:hidden; border:4px solid #fff; background:#fff}
.sps-logo img{width:100%; height:100%; object-fit:contain}
.sps-profile-body{padding:58px 20px 20px; text-align:center}
.sps-company{font-weight:700; font-size:18px}
.sps-desc{color:#555; margin-top:6px}
.sps-social{display:flex; justify-content:center; gap:12px; margin-top:12px}
.sps-social a{display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center; border-radius:50%; background:#f5f5f5}
.sps-social svg{width:18px; height:18px}

/* Grille des cartes */
.sps-grid{margin-top:var(--gap); display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap)}
@media(max-width:1100px){.sps-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.sps-grid{grid-template-columns:1fr}}
.sps-card{position:relative; overflow:hidden; border-radius:var(--radius); min-height:220px; color:#fff}
.sps-card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.sps-card .overlay{position:absolute; inset:0; background:var(--overlay, rgba(0,0,0,.35));}
.sps-card .content{position:absolute; inset:auto 14px 14px 14px}
.sps-card .number{font-size:28px; font-weight:800; line-height:1}
.sps-card .title{font-weight:700; margin-top:4px}
.sps-card .teaser{opacity:.95}

/* Bouton en savoir plus */
.sps-more{margin-top:12px; text-align:center}
.sps-more a{display:inline-block; padding:11px 16px; border-radius:12px; text-decoration:none; border:1px solid #ddd;}