/**************INDEX****************/
/* HERO */
.hero {
    padding: 80px 40px;
    background: linear-gradient(120deg, #111827, #0b0e14);
}

.hero h1 {
    font-size: 48px;
    margin: 0;
}

.hero p {
    font-size: 18px;
    color: var(--text-muted);
}


/* GRID */
.gridIndex {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;

    max-width: 1200px;   /* limite la largeur */
    margin: 0 auto;      /* centre horizontalement */
}