/* ==========================================================
   AI-CRIMS BENEFITS — matches the depth treatment already
   used on History / Statistics / Workflow.
   Scoped ONLY to #benefits. Cards/icons untouched.
========================================================== */

#benefits.benefits {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    /* MATCHES THE WORKFLOW SECTION PALETTE */
    background:
        radial-gradient(circle at 78% 22%, rgba(0, 153, 255, .16), transparent 27%),
        radial-gradient(circle at 15% 82%, rgba(91, 65, 235, .12), transparent 32%),
        linear-gradient(135deg, #06142c 0%, #071b3b 48%, #07162f 100%);
}

#benefits.benefits::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .2;
    background-image:
        linear-gradient(rgba(86, 125, 175, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(86, 125, 175, .05) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse 85% 75% at 50% 45%, #000 18%, transparent 88%);
    -webkit-mask-image: radial-gradient(ellipse 85% 75% at 50% 45%, #000 18%, transparent 88%);
}

#benefits.benefits::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 480px;
    height: 480px;
    right: -240px;
    top: -260px;
    border-radius: 50%;
    border: 1px solid rgba(96, 165, 250, .06);
    box-shadow: 0 0 0 70px rgba(96, 165, 250, .018), 0 0 0 140px rgba(96, 165, 250, .012);
    pointer-events: none;
}

#benefits.benefits > .container {
    position: relative;
    z-index: 2;
}