.acs-hero {
    position: relative !important;
    padding: 72px 0 96px !important;
    background:
        radial-gradient(circle at top right, rgba(23, 92, 211, 0.08), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}

.acs-hero__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr) !important;
    align-items: center !important;
    gap: 56px !important;
}

.acs-hero__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
}

.acs-hero__badge {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 36px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    background: #ffd18a !important;
    color: #1a1f5e !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
}

.acs-hero__title {
    max-width: 760px !important;
}

.acs-hero__copy {
    max-width: 720px !important;
}

.acs-hero__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    padding-top: 8px !important;
}

.acs-hero__btn {
    min-width: 184px !important;
}

.acs-hero__media {
    width: 100% !important;
}

.acs-hero__media-card {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 520px !important;
    padding: 36px !important;
    border: 1px solid #e4e7ec !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08) !important;
}

.acs-hero__image {
    display: block !important;
    width: 100% !important;
    max-width: 560px !important;
    max-height: 440px !important;
    object-fit: contain !important;
}

.acs-hero__placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 320px !important;
    padding: 24px !important;
    border: 1px dashed #d0d5dd !important;
    border-radius: 20px !important;
    background: #f8fafc !important;
    text-align: center !important;
    color: #667085 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 15px !important;
    line-height: 24px !important;
}

@media (max-width: 991px) {
    .acs-hero {
        padding: 64px 0 84px !important;
    }

    .acs-hero__grid {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }

    .acs-hero__media {
        order: -1 !important;
    }

    .acs-hero__media-card {
        min-height: 420px !important;
    }
}

@media (max-width: 767px) {
    .acs-hero {
        padding: 48px 0 64px !important;
    }

    .acs-hero__content {
        gap: 20px !important;
    }

    .acs-hero__badge {
        font-size: 13px !important;
        line-height: 18px !important;
        padding: 8px 12px !important;
    }

    .acs-hero__actions {
        width: 100% !important;
        flex-direction: column !important;
    }

    .acs-hero__btn {
        min-width: 0 !important;
    }

    .acs-hero__media-card {
        min-height: 320px !important;
        padding: 24px !important;
        border-radius: 20px !important;
    }

    .acs-hero__image {
        max-height: 300px !important;
    }
}