/* ── Home : comparatif agence web, renfort agences ── */
.compare { width: 100%; border-collapse: collapse; font-size: 15px; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.compare th, .compare td { padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--border); vertical-align: top; }
.compare thead th { font: 500 12px var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--text-muted); background: var(--surface-2); }
.compare thead th:last-child { color: var(--accent); }
.compare tbody th { font-weight: 600; color: var(--white); width: 26%; }
.compare td { color: var(--text-muted); }
.compare td:last-child { color: var(--text); background: var(--accent-dim); }
.compare-wrap { overflow-x: auto; }
@media (max-width: 640px) { .compare th, .compare td { padding: 12px; font-size: 14px; } }

.agency { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 48px; align-items: center; }
.agency .cards { grid-template-columns: minmax(0, 1fr); }
.agency .card { display: flex; gap: 16px; align-items: flex-start; }
@media (max-width: 900px) { .agency { grid-template-columns: minmax(0, 1fr); } }