/* Stage 1 moteurs — page hub premium */
.mtr-hero{ padding: 8px 0 2px; }
.mtr-lead{ color: rgba(235,235,245,.70); font-weight: 650; max-width: 90ch; }
.mtr-cta{ display:flex; gap:12px; flex-wrap:wrap; margin: 14px 0 8px; }
.mtr-note{ margin-top: 8px; color: rgba(235,235,245,.55); font-weight: 650; max-width: 95ch; }

.mtr-two{ display:grid; grid-template-columns: 1.1fr .9fr; gap:14px; margin: 18px 0 8px; }
@media (max-width: 980px){ .mtr-two{ grid-template-columns:1fr; } }

.mtr-box{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 18px;
  padding: 14px 14px 12px;
}
.mtr-box h2{ margin: 0 0 10px; font-weight: 950; font-size: 1.1rem; }
.mtr-list{ margin: 0; padding-left: 18px; color: rgba(235,235,245,.70); font-weight: 650; line-height: 1.6; }
.mtr-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom: 10px; }
.chip{
  display:inline-flex; padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(235,235,245,.92);
  text-decoration:none;
  font-weight: 900;
  font-size: .92rem;
}
.chip:hover{ border-color: rgba(0,229,255,.30); text-decoration:none; }
.mtr-small{ margin: 0; color: rgba(235,235,245,.62); font-weight: 650; line-height: 1.6; }

.mtr-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 12px 0 18px;
}
@media (max-width: 1100px){ .mtr-grid{ grid-template-columns: 1fr; } }

.mtr-card{
  display:block;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  border-radius: 18px;
  padding: 14px 14px 12px;
  text-decoration:none;
  color: rgba(235,235,245,.92);
  box-shadow: 0 12px 26px rgba(0,0,0,.28);
}
.mtr-card:hover{ border-color: rgba(0,229,255,.28); transform: translateY(-1px); }
.mtr-title{ font-weight: 950; font-size: 1.08rem; }
.mtr-meta{ margin-top: 4px; color: rgba(235,235,245,.60); font-weight: 650; }
.mtr-kpi{ display:flex; gap:10px; flex-wrap:wrap; margin-top: 10px; }
.mtr-kpi span{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,229,255,.10);
  border: 1px solid rgba(0,229,255,.22);
  color: rgba(0,229,255,.92);
  font-weight: 950;
  font-size: .88rem;
}
.mtr-desc{ margin-top: 10px; color: rgba(235,235,245,.70); font-weight: 650; line-height: 1.5; }
.mtr-link{ margin-top: 10px; font-weight: 950; color: rgba(235,235,245,.92); }

.mtr-bottom-cta{ display:flex; gap:12px; flex-wrap:wrap; margin: 10px 0 6px; }

.mtr-faq{ margin-top: 18px; }
.mtr-faq h2{ margin: 0 0 10px; font-weight: 950; }
.mtr-faq details{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 16px;
  padding: 10px 12px;
  margin-bottom: 10px;
}
.mtr-faq summary{ cursor:pointer; font-weight: 950; color: rgba(235,235,245,.92); }
.mtr-faq p{ margin: 8px 0 0; color: rgba(235,235,245,.68); font-weight: 650; line-height: 1.6; }