.sales-coverage {
    .sales-coverage__inner {
        background: linear-gradient(90deg, #231F20 10%, #5BAB84 50%, #3C659B 100%);
        overflow: hidden;
        min-height: 484px;
        padding: 0 0 180px;
        position: relative;

        /* SVG pattern sits on top of gradient via a pseudo element */
        &::before {
            background-image: var(--sc-bg-image, none);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            inset: 0;
            opacity: 0.5;
            pointer-events: none;
            position: absolute;
            z-index: 0;
        }

        /* ── Header ── */

        .sales-coverage__header {
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding: 64px 24px;
            text-align: center;
        }

        h1 {
            color: #ffffff;
            font-size: 56px;
            font-weight: 700;
            line-height: 1.1;
            margin: 0;

            @media only screen and (max-width: 900px) {
                font-size: 40px;
            }

            @media only screen and (max-width: 767px) {
                font-size: 32px;
            }
        }

        .sales-coverage__subtitle {
            color: #ffffff;
            font-size: 32px;
            font-weight: 400;
            line-height: 1.3;
            margin: 8px 0 0;

            @media only screen and (max-width: 767px) {
                font-size: 24px;
            }
        }

        .sales-coverage__content {
            color: #fff;
            font-size: 20px;
            font-weight: 400;
            line-height: 1.5;
            margin: 0 auto;
            max-width: 840px;
        }
    }

    /* ── Cards ── */

    .sales-coverage__cards {
        border-radius: 16px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: -180px 0 100px;
        overflow: hidden;

        @media only screen and (max-width: 767px) {
            grid-template-columns: 1fr;
        }
    }

    .sales-coverage__card {
        align-items: center;
        aspect-ratio: 5 / 4;
        display: flex;
        overflow: hidden;
        position: relative;
        text-decoration: none;

        &::before {
            background-position: center;
            background-size: cover;
            background-image: inherit;
            content: "";
            inset: 0;
            position: absolute;
            transform: scale(1);
            transition: transform 0.5s ease;
        }

        &:hover::before,
        &:focus::before  {
            transform: scale(1.05);
        }

        &:hover .sales-coverage__card-cta,
        &:focus .sales-coverage__card-cta {
            background: var(--eagleview--color--green, #1a7a4a);
        }

        /* dark scrim from bottom */
        &::after {
            background: linear-gradient(
                to top,
                rgba(0, 0, 0, 1) 5%,
                rgba(0, 0, 0, 0.75) 40%,
                rgba(0, 0, 0, 0.05) 80%
            );
            border-radius: inherit;
            content: "";
            inset: 0;
            position: absolute;
        }
    }

    .sales-coverage__card-inner {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: 28px 24px;
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .sales-coverage__card-title {
        color: #ffffff;
        font-size: 24px;
        font-weight: 400;
        line-height: 1.45;
        margin: 0;
        text-align: center;

        @media only screen and (max-width: 767px) {
                font-size: 20px;
            }
    }

    .sales-coverage__card-cta {
        background: var(--eagleview--color--green-hover, #219a5c);
        border-radius: 6px;
        color: #ffffff;
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        line-height: 1;
        padding: 10px 28px;
        transition: background 0.2s ease;
        white-space: nowrap;
    }
}