/* ===== Pourquoi nous choisir ===== */

/* expérience : texte + photo */
.csk-wy-split {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 56px;
  align-items: center;
}
.csk-wy-text h2 { margin: 12px 0 20px; }
.csk-wy-text p {
  margin: 0 0 16px;
  font: 400 17px/1.7 Inter, sans-serif;
  color: #44566C;
}
.csk-wy-photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  box-shadow: 0 20px 50px rgba(11, 45, 91, .18);
}

/* arguments : grille de cartes */
.csk-wy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.csk-wy-card {
  padding: 30px 28px 30px;
  background: #fff;
  border-top: 4px solid #1E5AA8;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(11, 45, 91, .08);
  transition: transform .25s, box-shadow .25s;
}
.csk-wy-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 44px rgba(11, 45, 91, .16);
}
.csk-wy-card h3 {
  margin: 0 0 10px;
  font: 700 20px/1.3 Manrope, sans-serif;
  color: #0B2D5B;
}
.csk-wy-card p {
  margin: 0;
  font: 400 15px/1.65 Inter, sans-serif;
  color: #44566C;
}

/* bouton */
.csk-wy-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  padding: 14px 28px;
  font: 700 16px Manrope, sans-serif;
  color: #fff;
  background: #1E5AA8;
  border-radius: 999px;
  text-decoration: none;
  transition: background .2s, transform .2s;
}
.csk-wy-btn:hover { background: #0B2D5B; color: #fff; transform: translateY(-2px); }

/* bandeau final (fond bleu profond) */
.csk-wy-cta { max-width: 720px; margin: 0 auto; text-align: center; }
.csk-wy-cta h2 { color: #fff; }
.csk-wy-cta h2 em { color: #7CC6E8; font-style: normal; }
.csk-wy-cta p {
  margin: 0 0 28px;
  font: 400 17px/1.6 Inter, sans-serif;
  color: rgba(255, 255, 255, .85);
}
.csk-wy-cta .csk-wy-btn { background: #fff; color: #0B2D5B; }
.csk-wy-cta .csk-wy-btn:hover { background: #7CC6E8; color: #0B2D5B; }

@media (max-width: 991px) {
  .csk-wy-split { grid-template-columns: 1fr; gap: 36px; }
  .csk-wy-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .csk-wy-grid { grid-template-columns: 1fr; }
}