/* ============================================================
   placeholder.css — CSS commun aux 7 pages placeholder
   (a-propos, blog, cas-clients, confidentialite,
    mentions-legales, rgpd, sites-web)
   ============================================================ */

/* ── HERO PLACEHOLDER ── */
.ph-hero{background:var(--anthracite);padding:80px 0;position:relative;overflow:hidden;text-align:center}
.ph-glow{position:absolute;top:-80px;right:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 65%);pointer-events:none}
.ph-glow2{position:absolute;bottom:-100px;left:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(245,158,11,.12) 0%,transparent 65%);pointer-events:none}
.ph-hero-inner{position:relative;max-width:640px;margin:0 auto}
.ph-eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#818CF8;margin-bottom:16px;display:block}
.ph-title{font-size:42px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}
.ph-sub{font-size:17px;color:#C8C8DC;line-height:1.65;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}
.ph-wip{display:inline-flex;align-items:center;gap:8px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#FCD34D;padding:10px 20px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:28px}

/* ── CONTENT AREA ── */
.ph-content{background:#fff;padding:72px 0}
.ph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.ph-card{background:var(--g50);border-radius:14px;padding:28px 24px;border:1px solid var(--g100)}
.ph-card-icon{width:44px;height:44px;border-radius:10px;background:var(--indigo-50);display:flex;align-items:center;justify-content:center;color:var(--indigo);margin-bottom:16px}
.ph-card-title{font-size:17px;font-weight:700;color:var(--anthracite);margin-bottom:8px}
.ph-card-text{font-size:14px;color:var(--g700);line-height:1.6}

/* ── CTA STRIP ── */
.ph-cta-strip{background:var(--g50);padding:56px 0;text-align:center;border-top:1px solid var(--g100)}
.ph-cta-title{font-size:26px;font-weight:700;color:var(--anthracite);margin-bottom:12px}
.ph-cta-sub{font-size:15px;color:var(--g700);margin-bottom:24px}

/* ── CAS CLIENTS — grids ── */
.cas-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.cas-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

/* ── A PROPOS — grid ── */
.apropos-main-grid{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .ph-title{font-size:30px}
  .ph-grid{grid-template-columns:1fr;gap:12px}
  .cas-main-grid{grid-template-columns:1fr;gap:32px}
  .cas-cards-grid{grid-template-columns:1fr}
  .apropos-main-grid{grid-template-columns:1fr;gap:32px}
}