/* Écart compact entre les deux paragraphes de présentation. */
.enterprise-home-page .namido-intro {
    --enterprise-intro-detail-gap: 10px;
}

.enterprise-home-page .enterprise-intro-details {
    display: grid;
    gap: var(--enterprise-intro-detail-gap);
}

/* Zone géographique : même espace au-dessus qu'entre le grand titre et le texte. */
.enterprise-home-page .enterprise-intervention-area {
    display: block;
    margin-top: var(--namido-intro-text-gap, 1.5rem);
    text-wrap: pretty;
}

.enterprise-home-page .enterprise-intervention-area__place {
    white-space: nowrap;
}

.enterprise-home-page .enterprise-intervention-area__dot {
    color: #f53b52;
    font-weight: 700;
    margin-inline: .2em;
}

/* PRÈS : retrait mobile compact et écart commun avant les cartes. */
.enterprise-home-page .enterprise-benefit-panel {
    padding-bottom: 24px;
}

.enterprise-home-page .enterprise-benefit-grid {
    margin-top: var(--namido-panel-gap, 32px);
}

@media (min-width: 768px) {
    /* Rééquilibrer les bas d'encarts : +16 px sous PRÈS, -16 px sous les bénéfices. */
    .enterprise-home-page .enterprise-benefit-panel {
        padding-bottom: 48px;
    }

    .enterprise-home-page .enterprise-company-benefits,
    .enterprise-home-page .enterprise-evidence-gateway {
        padding-bottom: 40px;
    }
}

/* Proposition locale : les quatre bénéfices illustrés avec les dessins existants de Nami. */
.enterprise-home-page .enterprise-benefit-card__icon {
    width: 7rem;
    height: 7rem;
    max-width: 100%;
}

.enterprise-home-page .enterprise-benefit-card__icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Compenser les marges transparentes du portrait, sans déplacer les titres. */
.enterprise-home-page .enterprise-benefit-card__icon--recentrer img {
    transform: scale(1.15);
}

/* Bénéfices pour l'entreprise : titre au bas de l'icône, texte dessous. */
.enterprise-home-page .enterprise-company-benefits__grid article {
    --company-benefit-icon-size: 5.25rem;
    display: grid;
    grid-template-columns: var(--company-benefit-icon-size) minmax(0, 1fr);
    column-gap: .5rem;
    row-gap: .75rem;
    align-content: start;
    text-align: left;
    padding-top: 1rem;
}

.enterprise-home-page .enterprise-company-benefits__icon {
    grid-column: 1;
    grid-row: 1;
    width: var(--company-benefit-icon-size);
    height: var(--company-benefit-icon-size);
    align-self: start;
}

.enterprise-home-page .enterprise-company-benefits__icon svg {
    width: 74%;
    height: 74%;
}

.enterprise-home-page .enterprise-company-benefits__grid h3 {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    margin: 0;
}

/* Le badge est étroit : rapprocher le titre du cordon visible. */
.enterprise-home-page .enterprise-company-benefits__grid article:nth-child(2):not(.enterprise-company-benefits__card--with-metric) h3 {
    margin-left: -1rem;
}

.enterprise-home-page .enterprise-company-benefits__grid p {
    grid-column: 1 / -1;
    margin: 0;
}

/* Cartes chiffrées : présentation validée « Titre en tête ». */
.enterprise-home-page .enterprise-company-benefits__grid article.enterprise-company-benefits__card--with-metric {
    --company-benefit-title-space: 1.25rem;
    container-type: inline-size;
    padding-top: var(--company-benefit-title-space);
}

@media (max-width: 359px) {
    .enterprise-home-page .enterprise-company-benefits__grid article.enterprise-company-benefits__card--with-metric {
        --company-benefit-title-space: .75rem;
    }
}

.enterprise-home-page .enterprise-company-benefits__card--with-metric h3 {
    grid-column: 1 / -1;
    grid-row: 1;
    align-self: start;
    margin-bottom: 0;
    text-align: left;
}

.enterprise-home-page .enterprise-company-benefits__card--with-metric .enterprise-company-benefits__icon {
    grid-row: 2;
}

.enterprise-home-page .enterprise-company-benefits__metric {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: .3125rem;
    min-width: 0;
}

/* Même écart visible badge/texte que flèche/texte, en conservant les retours à la ligne. */
.enterprise-home-page .enterprise-company-benefits__card--retention .enterprise-company-benefits__metric {
    transform: translateX(calc(var(--company-benefit-icon-size) * -.20333));
}

.enterprise-home-page .enterprise-company-benefits__grid .enterprise-company-benefits__caption {
    line-height: 1.5;
}

/* Chiffre compact et renvoi à la source commune sous les bénéfices. */
.enterprise-home-page .enterprise-company-benefits__stat {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 0 .375rem;
    white-space: nowrap;
}

.enterprise-home-page .enterprise-company-benefits__stat strong {
    display: block;
    color: #5a247d;
    font-size: calc(1.65rem + var(--namido-reading-offset));
    line-height: 1.15;
}

.enterprise-home-page .enterprise-company-benefits__stat .enterprise-company-benefits__stat-label {
    font-size: calc(1.125rem + var(--namido-reading-offset));
    line-height: 1.5;
}

.enterprise-home-page .enterprise-company-benefits__stat sup {
    margin-left: .2em;
    font-size: .5em;
}

.enterprise-home-page .enterprise-company-benefits__stat-label sup {
    font-size: calc(.65625rem + var(--namido-reading-offset) * .7);
}

.enterprise-home-page .enterprise-company-benefits__rank sup {
    margin-left: 0;
}

/* Dans les cartes étroites, garder le chiffre et son libellé sur une seule ligne. */
@container (max-width: 19.5rem) {
    .enterprise-home-page .enterprise-company-benefits__metric {
        display: contents;
    }

    .enterprise-home-page .enterprise-company-benefits__stat {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .enterprise-home-page .enterprise-company-benefits__card--with-metric .enterprise-company-benefits__icon {
        grid-row: 3;
    }

    .enterprise-home-page .enterprise-company-benefits__grid .enterprise-company-benefits__caption {
        grid-column: 2;
        grid-row: 3;
    }
}

/* Coût de l’inaction : bas intérieur identique aux cartes Prévenir sur ordinateur. */
.enterprise-home-page .enterprise-evidence-links > .enterprise-evidence-link--cost {
    justify-content: flex-start;
    padding-top: 1.25rem;
    padding-bottom: 1.7rem;
}

/* Espaces visuels équilibrés autour du titre malgré les corps de texte différents. */
.enterprise-home-page .enterprise-evidence-link--cost > strong {
    margin-top: .5rem;
}

.enterprise-home-page .enterprise-evidence-links__stat {
    display: flex;
    flex-direction: column;
    gap: .3125rem;
    margin: .25rem 0 0;
    color: #4b5563;
    font-size: var(--namido-type-body, .875rem);
    line-height: 1.55;
}

.enterprise-home-page .enterprise-evidence-links__stat b {
    color: #5a247d;
    font-size: calc(1.125rem + var(--namido-reading-offset));
    line-height: 1.5;
}

.enterprise-home-page .enterprise-evidence-links__number {
    font-size: calc(1.65rem + var(--namido-reading-offset));
    line-height: 1.15;
}

/* Invitation visible, intégrée au lien qui couvre déjà toute la carte. */
.enterprise-home-page .enterprise-evidence-link--cost .enterprise-evidence-links__action {
    align-self: flex-start;
    max-width: 100%;
    margin-top: 1.125rem;
    margin-left: calc(-.75rem - 1px);
    padding: .4375rem .75rem;
    border: 1px solid #e3d9ef;
    border-radius: 10px;
    background: linear-gradient(110deg, #f6f2fc, #f2fafb);
    color: #5a247d;
    font-weight: 600;
    line-height: 1.5;
}

.enterprise-home-page .enterprise-evidence-link--cost:is(:hover, :focus-visible) .enterprise-evidence-links__action {
    border-color: #bba3d0;
    background: #f1eaf8;
}

@media (max-width: 359px) {
    .enterprise-home-page .enterprise-evidence-links > .enterprise-evidence-link--cost {
        padding-top: .75rem;
    }
}

/* Les ouvertures restent dans le flux : aucun recalage automatique de la lecture. */
.enterprise-home-page {
    overflow-anchor: none;
}

.enterprise-home-page .enterprise-company-benefits__source-ref {
    appearance: none;
    display: inline;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 2px;
    background: transparent;
    box-shadow: none;
    color: inherit;
    font: inherit;
    line-height: 1;
    cursor: pointer;
}

.enterprise-home-page .enterprise-company-benefits__source-ref::before {
    content: '';
    position: absolute;
    inset: -7px -9px;
}

.enterprise-home-page .enterprise-company-benefits__note {
    margin-top: 1rem;
}

.enterprise-home-page .enterprise-company-benefits__sources {
    margin-top: 1rem;
    border: 1px solid #e3d9ef;
    border-radius: 12px;
    background: linear-gradient(110deg, #f6f2fc, #f2fafb);
    color: #5f6671;
    font-size: calc(.8125rem + var(--namido-reading-offset));
    line-height: 1.5;
    text-align: left;
}

.enterprise-home-page .enterprise-company-benefits__sources > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 44px;
    padding: .625rem 1rem .625rem 2rem;
    border-radius: 11px;
    color: #5a247d;
    font-weight: 700;
    list-style: none;
    cursor: pointer;
}

.enterprise-home-page .enterprise-company-benefits__sources > summary::-webkit-details-marker {
    display: none;
}

.enterprise-home-page .enterprise-company-benefits__sources > summary::marker {
    content: '';
}

.enterprise-home-page .enterprise-company-benefits__sources > summary::before,
.enterprise-home-page .enterprise-company-benefits__sources > summary::after {
    content: none;
}

.enterprise-home-page .enterprise-company-benefits__sources > summary:hover {
    background: #5a247d08;
}

.enterprise-home-page .enterprise-company-benefits__sources-count {
    color: #6d6478;
    font-size: .92em;
    font-weight: 400;
}

.enterprise-home-page .enterprise-company-benefits__sources-list {
    margin: 0;
    padding: .25rem 1rem 1rem 2.5rem;
    list-style: decimal;
}

.enterprise-home-page .enterprise-company-benefits__sources-list li + li {
    margin-top: .75rem;
}

.enterprise-home-page .enterprise-company-benefits__sources-list li::marker {
    color: #5a247d;
    font-weight: 700;
}

.enterprise-home-page .enterprise-company-benefits__sources-list p {
    margin: .15rem 0 0;
}

.enterprise-home-page .enterprise-company-benefits__sources-list a {
    color: #5a247d;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: .15em;
}

.enterprise-home-page .enterprise-company-benefits__source-ref:focus-visible,
.enterprise-home-page .enterprise-company-benefits__sources > summary:focus-visible,
.enterprise-home-page .enterprise-company-benefits__sources-list a:focus-visible {
    outline: 2px solid #5a247d;
    outline-offset: 3px;
}

/* Illustrations sans fond supplémentaire. */
.enterprise-home-page .enterprise-company-benefits__grid article .enterprise-company-benefits__icon--illustrated {
    display: flex;
    background: transparent;
}

.enterprise-home-page .enterprise-company-benefits__icon--illustrated img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Compenser la marge transparente du badge pour aligner son bord visible sur les textes. */
.enterprise-home-page .enterprise-company-benefits__card--retention .enterprise-company-benefits__icon--illustrated img {
    transform: translateX(-18.1%);
}

/* Aligner le bas visible de la cocarde sur celui du badge voisin. */
.enterprise-home-page .enterprise-company-benefits__grid article:nth-child(3) .enterprise-company-benefits__icon--illustrated img {
    transform: translateY(2px);
}

/* Initiales PRÈS : même couleur et même taille que DÉSIR chez Particuliers. */
.enterprise-home-page .enterprise-benefit-card h3 strong {
    color: #1297a7;
    font-size: calc(1.65rem + var(--namido-reading-offset));
}

/* Ordinateur : rendre la jauge de Prévenir plus lisible en conservant l'alignement des titres. */
@media (min-width: 1024px) {
    .enterprise-home-page .enterprise-benefit-card__icon--prevenir img {
        transform: scale(1.2);
    }
}

/* Tablette : même composition que DÉSIR, avec de grandes illustrations. */
@media (min-width: 768px) and (max-width: 1023px) {
    .enterprise-home-page .enterprise-benefit-grid {
        max-width: 35rem;
        margin-inline: auto !important;
    }

    .enterprise-home-page .enterprise-benefit-card {
        display: grid;
        grid-template-columns: 7.5rem minmax(0, 1fr);
        column-gap: 1.25rem;
        row-gap: .35rem;
        align-items: center;
        align-content: center;
        min-height: 0;
        padding: 1rem 1.25rem;
        text-align: left;
    }

    .enterprise-home-page .enterprise-benefit-card__icon {
        grid-column: 1;
        grid-row: 1 / 3;
        width: 7.5rem;
        height: 7.5rem;
        justify-self: center;
        margin: 0;
    }

    .enterprise-home-page .enterprise-benefit-card h3 {
        grid-column: 2;
        grid-row: 1;
        align-self: end;
        margin: 0;
        text-align: left;
    }

    .enterprise-home-page .enterprise-benefit-card p {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
        margin: 0;
    }

    .enterprise-home-page .enterprise-company-benefits__grid article {
        padding: 1rem 1.25rem 1.25rem;
    }

    .enterprise-home-page .enterprise-evidence-links a {
        min-height: 0;
        padding: 1.15rem 1.25rem;
    }

    .enterprise-home-page .enterprise-evidence-links strong {
        margin-top: .45rem;
    }

    .enterprise-home-page .enterprise-evidence-links small {
        margin-top: .4rem;
    }
}

/* Tablette et téléphone : des cartes ajustées à leur contenu. */
@media (max-width: 1023px) {
    .enterprise-home-page .enterprise-company-benefits__sources > summary {
        padding-left: 1.25rem;
    }

    .enterprise-home-page .enterprise-company-benefits__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .enterprise-home-page .enterprise-journey__steps a {
        display: grid;
        grid-template-columns: 2.2rem minmax(0, 1fr);
        column-gap: 1rem;
        row-gap: .2rem;
        align-content: center;
        min-height: 0;
        padding: 1rem 1.25rem;
    }

    .enterprise-home-page .enterprise-journey__steps a > span {
        grid-column: 1;
        grid-row: 1 / 3;
        align-self: center;
    }

    .enterprise-home-page .enterprise-journey__steps a > strong,
    .enterprise-home-page .enterprise-journey__steps a > small {
        grid-column: 2;
        margin: 0;
    }
}

/* Mobile : icône et titre ensemble, paragraphe sur toute la largeur. */
@media (max-width: 767px) {
    .enterprise-home-page .enterprise-company-benefits__grid article {
        --company-benefit-icon-size: 5rem;
        padding: 1rem 1.25rem 1.25rem;
    }
}

/* Petits téléphones : réduire les marges avant de réduire les illustrations. */
@media (max-width: 359px) {
    .enterprise-home-page .enterprise-company-benefits__sources > summary {
        padding-left: .75rem;
    }

    .enterprise-home-page .enterprise-company-benefits__grid article {
        padding: .75rem;
    }
}