.page-hero {
  background: linear-gradient(145deg, #1a1d3b 0%, #2d1060 50%, #0f3460 100%);
  padding: 120px 0 80px; position: relative; overflow: hidden;
}
.page-hero::before {
  content:''; position:absolute; inset:0;
  background-image: radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 32px 32px; pointer-events:none;
}
.ph-accent { position:absolute; border-radius:50%; pointer-events:none; }
.ph-accent-1 { width:500px;height:500px;top:-150px;right:-100px;background:radial-gradient(circle,rgba(54,162,206,.15),transparent 70%); }
.ph-accent-2 { width:350px;height:350px;bottom:-100px;left:-80px;background:radial-gradient(circle,rgba(130,190,96,.12),transparent 70%); }
.ph-label {
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.7);font-size:.75rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  padding:7px 18px;border-radius:50px;margin-bottom:20px;
}
.page-hero h1 {
  font-family:var(--font-heading);font-size:clamp(2rem,4.5vw,3.2rem);
  font-weight:800;color:#fff;line-height:1.15;margin-bottom:18px;
}
.page-hero-sub { font-size:1.05rem;color:rgba(255,255,255,.72);line-height:1.75;max-width:620px; }
.ph-breadcrumb { display:flex;align-items:center;gap:8px;margin-top:32px;font-size:.8rem;color:rgba(255,255,255,.45); }
.ph-breadcrumb a { color:rgba(255,255,255,.6);text-decoration:none; }
.ph-breadcrumb a:hover { color:#fff; }
.ph-breadcrumb i { font-size:.65rem; }

/* VISION / MISSION CARDS */
.section-vm { padding:100px 0;background:#fff; }
.vm-card {
  border-radius:24px;padding:56px 52px;position:relative;overflow:hidden;margin-bottom:32px;
}
.vm-card-vision  { background:linear-gradient(145deg,#f0f4ff,#e8f5fc 60%,#ede9f8); border:1px solid rgba(54,162,206,.2); }
.vm-card-mission { background:linear-gradient(145deg,#f0f7ea,#e8f5fc 60%,#f0f4ff); border:1px solid rgba(130,190,96,.25); }
.vm-card::before {
  content:'';position:absolute;top:0;right:0;width:220px;height:220px;
  border-radius:0 24px 0 100%;opacity:.07;pointer-events:none;
}
.vm-card-vision::before  { background:var(--c-blue); }
.vm-card-mission::before { background:var(--c-green); }
.vm-card-header { display:flex;align-items:center;gap:16px;margin-bottom:32px; }
.vm-icon-wrap { width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0; }
.vm-card-vision  .vm-icon-wrap { background:rgba(54,162,206,.15);color:var(--c-blue); }
.vm-card-mission .vm-icon-wrap { background:rgba(130,190,96,.18);color:var(--c-green); }
.vm-label { font-family:var(--font-heading);font-size:1.6rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase; }
.vm-card-vision  .vm-label { color:var(--c-blue); }
.vm-card-mission .vm-label { color:var(--c-green); }
.vm-quote {
  font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.9;color:var(--c-navy);
  font-weight:400;position:relative;padding-left:28px;border-left:4px solid;margin:0;
}
.vm-card-vision  .vm-quote { border-color:var(--c-blue); }
.vm-card-mission .vm-quote { border-color:var(--c-green); }
.vm-keywords { display:flex;flex-wrap:wrap;gap:10px;margin-top:28px; }
.vm-kw {
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 16px;border-radius:50px;
  font-family:var(--font-heading);font-size:.78rem;font-weight:700;
}
.vm-card-vision  .vm-kw { background:rgba(54,162,206,.12);color:var(--c-blue); }
.vm-card-mission .vm-kw { background:rgba(130,190,96,.15);color:#2d6a0a; }

/* CONNEXION */
.section-connexion { padding:80px 0;background:var(--c-light); }
.connexion-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.cx-item {
  background:#fff;border-radius:18px;padding:32px 24px;
  border:1px solid rgba(78,43,134,.07);text-align:center;
  transition:transform .22s ease,box-shadow .22s ease;
}
.cx-item:hover { transform:translateY(-5px);box-shadow:0 16px 40px rgba(78,43,134,.1); }
.cx-icon { width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 18px; }
.cx-item:nth-child(1) .cx-icon { background:rgba(130,190,96,.14);color:var(--c-green); }
.cx-item:nth-child(2) .cx-icon { background:rgba(54,162,206,.14);color:var(--c-blue); }
.cx-item:nth-child(3) .cx-icon { background:rgba(78,43,134,.1);color:var(--c-purple); }
.cx-item h4 { font-family:var(--font-heading);font-size:.97rem;font-weight:700;color:var(--c-navy);margin-bottom:10px; }
.cx-item p  { font-size:.84rem;color:var(--c-text);line-height:1.7;margin:0; }

/* ENGAGEMENTS */
.section-engagements {
  padding:100px 0;
  background:linear-gradient(145deg,#1a1d3b 0%,#2d1060 60%,#1a1d3b 100%);
  position:relative;overflow:hidden;
}
.section-engagements::before {
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:28px 28px;pointer-events:none;
}
.eng-accent { position:absolute;border-radius:50%;pointer-events:none;opacity:.08; }
.eng-accent-1 { width:500px;height:500px;top:-150px;right:-100px;background:var(--c-blue); }
.eng-accent-2 { width:350px;height:350px;bottom:-80px;left:-80px;background:var(--c-green); }
.engagement-item {
  display:flex;align-items:flex-start;gap:20px;padding:28px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  border-radius:16px;height:100%;transition:background .22s;
}
.engagement-item:hover { background:rgba(255,255,255,.1); }
.eng-num {
  font-family:var(--font-heading);font-size:2.2rem;font-weight:900;
  line-height:1;flex-shrink:0;min-width:52px;
  background:var(--grad-full);-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;background-clip:text;
}
.eng-body h5 { font-family:var(--font-heading);font-size:.97rem;font-weight:700;color:#fff;margin-bottom:8px; }
.eng-body p  { font-size:.84rem;color:rgba(255,255,255,.65);line-height:1.7;margin:0; }

/* CTA */
.section-cta-mv { padding:80px 0;background:#fff;border-top:1px solid var(--c-border); }

@media (max-width: 991px) {
  .connexion-grid { grid-template-columns: 1fr 1fr; }
  .vm-card { padding: 40px 32px; }
}
@media (max-width: 767px) {
  .vm-card { padding: 28px 20px; }
  .vm-quote { font-size: .97rem; padding-left: 16px; }
  .vm-keywords { gap: 8px; }
  .vm-kw { font-size: .74rem; padding: 5px 12px; }
  .connexion-grid { grid-template-columns: 1fr; }
  .section-vm { padding: 60px 0; }
  .section-connexion { padding: 60px 0; }
  .section-engagements { padding: 60px 0; }
}
@media (max-width: 480px) {
  .vm-card { padding: 22px 16px; }
  .vm-label { font-size: 1.3rem; }
  .engagement-item { flex-direction: column; gap: 10px; }
  .eng-num { font-size: 1.6rem; min-width: auto; }
}