:root {--bg-global: #f2f7fa;--card-bg: #ffffff;--primary-color: #0d3b66;--text-muted: #000000;--accent-blue: #0081a7;--card-border: #eaf2f5;--radius: 16px;--shadow: 0 10px 30px rgba(13, 59, 102, 0.06); }
main { padding: 80px 20px;min-height: 100vh;margin: 0;box-sizing: border-box;}
.header-content {text-align: center;max-width: 800px; margin: 0 auto 50px auto;}
.header-content h1 {font-size: 2.5rem; color: var(--primary-color);margin: 0 0 12px 0;font-weight: 800;text-transform: uppercase;letter-spacing: 0.5px;}
.header-content h2 {font-size: 1.1rem;color: var(--text-muted);margin: 0;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;}

/* --- Grille et Conteneur --- */
.container {max-width: 1400px;margin: 0 auto;padding: 0 15px;}
.grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 30px;}

/* --- Les Cartes de Services (Version Agrandie) --- */
.card {background-color: var(--card-bg);border-radius: var(--radius);padding: 50px 35px;text-align: center;box-shadow: var(--text-muted);border: 1px solid var(--card-border);transition: all 0.3s ease-in-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;min-height: 350px;}
.card:hover {transform: translateY(-6px);box-shadow: 0 16px 40px rgba(13, 59, 102, 0.1); border-color: #00afb9; }
.card::before {font-size: 3.5rem;margin-bottom: 25px;display: block;transition: transform 0.3s ease;}
.card:hover::before {transform: scale(1.1);}

/* --- LOGIQUE D'INJECTION DES ICÔNES --- */
.card:nth-child(1)::before { content: "🏢"; } .card:nth-child(2)::before { content: "🏢"; } 
.card:nth-child(3)::before { content: "🏠"; } .card:nth-child(4)::before { content: "🪟"; } 
.card:nth-child(5)::before { content: "🏡"; } .card:nth-child(6)::before { content: "🛠️"; } 
.card:nth-child(7)::before { content: "🏗️"; } .card:nth-child(8)::before { content: "🔑"; } 
.card:nth-child(9)::before { content: "🛎️"; } .card:nth-child(10)::before { content: "🤍"; } 
.card h3 {color: var(--primary-color);font-size: 1.3rem;font-weight: 700;margin: 0 0 15px 0;text-transform: uppercase;letter-spacing: 0.3px;min-height: 50px; display: flex;align-items: center;justify-content: center;}
.card p {color: var(--text-muted);font-size: 1.05rem;line-height: 1.6;margin: 0;}

/* --- RESPONSIVE --- */
@media (max-width: 600px) {
  main { padding: 40px 15px; }
  .header-content h1 { font-size: 1.8rem; }
  .header-content h2 { font-size: 0.9rem; }
  .grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 20px; }
  .card {padding: 35px 20px;min-height: auto;}
  .card::before { font-size: 3rem; }
  .card h3 { min-height: auto; font-size: 1.15rem; }}