/* ==========================================================
   INFO PRO 13 — NOS SERVICES
========================================================== */

.ip13-about {
    overflow:hidden;
    background:#ffffff;
    color:#151515;
}

.ip13-about-hero {
    padding:90px 0 80px;
    text-align:center;
    background:radial-gradient(circle at 50% 0,
        rgba(102,137,255,.16),
        transparent 34%);
}

.ip13-about-hero h1 {
    max-width:900px;
    margin:18px auto 0;
    font-size:clamp(3rem,6vw,5.7rem);
    line-height:.95;
    letter-spacing:-.055em;
}

.ip13-about-hero h1 span {
    display:block;
    color:#6689ff;
}

.ip13-about-hero__lead {
    max-width:750px;
    margin:24px auto 0;
    color:#6b7280;
    font-size:1rem;
    line-height:1.75;
}

.ip13-about-hero__actions {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

@media (max-width: 650px) {

    .ip13-about-hero {
        padding:55px 0 50px;
    }

    .ip13-about-hero h1 {
        font-size:clamp(2.6rem,12vw,3.7rem);
    }

    .ip13-about-hero__lead {
        font-size:.86rem;
    }
}


/* ==========================================================
   GRILLE DES 4 SERVICES
   (identique à la grille "Expertises" de l'accueil)
========================================================== */

.ip13-home-expertises {
    padding:95px 0;
    background:radial-gradient(circle at 12% 10%,rgba(102,137,255,.10),transparent 28%),
        radial-gradient(circle at 88% 80%,rgba(102,137,255,.07),transparent 30%),
        #ffffff;
}

.ip13-home-expertises__grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.ip13-home-expertise-card {
    display:flex;
    min-width:0;
    min-height:270px;
    gap:18px;
    padding:24px;
    border:1px solid rgba(0, 0, 0,.075);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(102,137,255,.055),transparent 45%),
        #ffffff;
    color:inherit;
    text-decoration:none;
    transition:transform .2s ease,
        border-color .2s ease,
        background .2s ease;
}

.ip13-home-expertise-card:hover {
    transform:translateY(-4px);
    border-color:rgba(102,137,255,.42);
    background:linear-gradient(145deg,rgba(102,137,255,.10),transparent 50%),
        #ffffff;
}

.ip13-home-expertise-card > span {
    flex:0 0 auto;
    display:grid;
    width:42px;
    height:42px;
    place-items:center;
    border:1px solid rgba(102,137,255,.40);
    border-radius:10px;
    background:rgba(102,137,255,.09);
    color:#a9bfff;
    font-size:.72rem;
    font-weight:900;
}

.ip13-home-expertise-card > div {
    display:flex;
    min-width:0;
    flex:1;
    flex-direction:column;
}

.ip13-home-expertise-card small {
    color:#6689ff;
    font-size:.57rem;
    font-weight:950;
    letter-spacing:.11em;
}

.ip13-home-expertise-card h3 {
    margin:11px 0 10px;
    color:#151515;
    font-size:1.08rem;
    line-height:1.25;
}

.ip13-home-expertise-card p {
    margin:0;
    color:#5b6472;
    font-size:.79rem;
    line-height:1.65;
}

.ip13-home-expertise-card strong {
    margin-top:auto;
    padding-top:22px;
    color:#2f5fff;
    font-size:.72rem;
    font-weight:900;
}

@media(max-width:1100px) {

    .ip13-home-expertises__grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:650px) {

    .ip13-home-expertises {
        padding:68px 0;
    }

    .ip13-home-expertises__grid {
        grid-template-columns:1fr;
    }

    .ip13-home-expertise-card {
        min-height:230px;
        padding:21px;
    }

}