.hero{
  height:90vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:
    linear-gradient(rgba(11,31,58,0.85), rgba(11,31,58,0.85)),
    url('../assets/images/hero.jpg') center/cover;
  color:white;
}

/* TEAM SECTION */

.team{
  text-align:center;
  background:#f9f9f9;
}

.team-header{
  max-width:700px;
  margin:0 auto 50px;
}

.team-header h2{
  color:var(--navy);
  margin-bottom:15px;
  font-size:32px;
}

.team-header p{
  color:#666;
  font-size:15px;
}

/* GRID */
.team-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:30px;
}

/* CARD */
.team-card{
  background:white;
  padding:25px;
  border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
  transition:0.3s;
  border-top:3px solid transparent;
  cursor:pointer;
}

.team-card:hover{
  transform:translateY(-10px);
}

.team-card.active{
  border-top:3px solid var(--gold);
  transform:translateY(-10px);
  box-shadow:0 15px 30px rgba(0,0,0,0.15);
}

/* IMAGE */
.team-card img{
  width:120px;
  height:120px;
  border-radius:50%;
  object-fit:cover;
  margin-bottom:15px;
  border:3px solid var(--gold);
}

/* TEXT */
.team-card h3{
  color:var(--navy);
  margin-bottom:5px;
}

.team-card span{
  font-size:14px;
  color:var(--gold);
  display:block;
  margin-bottom:10px;
}

.team-card p{
  font-size:14px;
  color:#555;
}

/* INFO-GRID CARDS */
.info-grid .card{
  background:white;
  border-radius:10px;
  padding:30px;
  box-shadow:0 8px 20px rgba(0,0,0,0.05);
  transition:0.3s;
  border-top:3px solid transparent;
  border-left:none;
  cursor:pointer;
  text-align:center;
}

.info-grid .card h3{
  color:var(--navy);
}

.info-grid .card:hover{
  border-top:3px solid var(--gold);
  transform:translateY(-10px);
  box-shadow:0 15px 30px rgba(0,0,0,0.1);
}

.info-grid .card.active{
  border-top:3px solid var(--gold);
  transform:translateY(-10px);
  box-shadow:0 15px 30px rgba(0,0,0,0.15);
}

/* TEXTE DYNAMIQUE */
.service-detail{
  max-width:700px;
  margin:50px auto 0;
  text-align:center;
  opacity:0;
  transform:translateY(20px);
  transition:0.4s;
}

.service-detail.active{
  opacity:1;
  transform:translateY(0);
}

.service-detail h3{
  color:var(--navy);
  margin-bottom:15px;
}

.service-detail p{
  color:#555;
  font-size:15px;
  line-height:1.6;
}

/* PRESENTATION */
.confiance h2,
.presentation h2{
  color:var(--navy);
  font-size:32px;
  margin-bottom:25px;
  text-align:center;
}

.presentation p,
.confiance p{
  max-width:750px;
  margin:0 auto;
  color:#555;
  font-size:15px;
  line-height:1.9;
  text-align:center;
}