/*layout.css*/
/* =========================================================
   LAYOUT — grands blocs de page (hero, chiffres clés, étapes)
   ========================================================= */


/* Chiffres clés */
.stat-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.5rem;
  text-align:center;
}
.stat-card .stat-value{ font-size:2rem; font-weight:700; color:var(--primary); }
.stat-card .stat-label{ color:var(--text-secondary); font-size:.9rem; }

/* Étapes « Comment participer » */
.step-box{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.5rem;
  height:100%;
}
.step-num{
  display:inline-flex; align-items:center; justify-content:center;
  width:2.4rem; height:2.4rem; border-radius:50%;
  background:var(--primary); color:#fff; font-weight:700;
  margin-bottom:.75rem;
}