/* ==========================================================
   SECTIONS COMMUNES (heading, stats) + SERVICES
========================================================== */

section{
    padding:120px 0;
}

.stats-band{
    padding:0;
    background:var(--primary);
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    text-align:center;
}

.stat-item{
    padding:55px 20px;
    border-right:1px solid rgba(255,255,255,.12);
}

.stat-item:last-child{
    border-right:none;
}

.stat-number{
    display:block;
    font-family:"Playfair Display",serif;
    font-size:44px;
    font-weight:700;
    color:var(--gold);
    margin-bottom:10px;
}

.stat-label{
    display:block;
    color:rgba(255,255,255,.75);
    font-size:14px;
    letter-spacing:.5px;
    text-transform:uppercase;
}

/* ==========================
   SECTION HEADING (réutilisé partout)
========================== */

.section-heading{
    max-width:720px;
    margin:0 auto 70px;
    text-align:center;
}

.section-kicker{
    display:inline-block;
    margin-bottom:18px;
    color:var(--gold);
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
}

.section-heading h2{
    font-size:42px;
    line-height:1.15;
    color:var(--primary);
    margin-bottom:22px;
}

.section-heading p{
    font-size:17px;
    line-height:1.8;
    color:var(--gray);
}

.section-heading.light h2,
.section-heading.light p{
    color:#FFFFFF;
}

.section-heading.light p{
    color:rgba(255,255,255,.75);
}

/* ==========================
   SERVICES GRID
========================== */

.services-section{
    background:var(--light,#F8F8F8);
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:36px;
}

.service-card{
    background:#FFFFFF;
    padding:44px 36px;
    border-radius:8px;
    box-shadow:0 10px 40px rgba(0,0,0,.05);
    transition:.4s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,.1);
}

.service-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    margin-bottom:26px;
    border-radius:50%;
    background:rgba(183,146,78,.12);
    color:var(--gold);
    font-size:22px;
}

.service-card h3{
    font-size:22px;
    color:var(--primary);
    margin-bottom:16px;
    line-height:1.3;
}

.service-card p{
    color:var(--gray);
    line-height:1.75;
    margin-bottom:24px;
    font-size:15px;
}

.service-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:var(--primary);
    font-weight:600;
    font-size:14px;
    transition:.3s;
}

.service-link:hover{
    color:var(--gold);
    gap:16px;
}