/* JSNET feature card hover animation layer */
.seo-copy-card,
.cards8 .feature-card{
    isolation:isolate;
    position:relative!important;
    overflow:hidden!important;
    transform:translateY(0) scale(1);
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        box-shadow .28s cubic-bezier(.2,.8,.2,1),
        border-color .28s ease,
        background .28s ease!important;
    will-change:transform;
}
.seo-copy-card:after,
.cards8 .feature-card:after{
    content:"";
    position:absolute;
    inset:-2px;
    z-index:-1;
    opacity:0;
    background:
        radial-gradient(circle at var(--mx,50%) var(--my,35%),rgba(23,102,220,.22),transparent 28%),
        linear-gradient(135deg,rgba(23,102,220,.16),rgba(5,182,216,.16),transparent 62%);
    transition:opacity .28s ease;
}
.seo-copy-card:hover,
.cards8 .feature-card:hover{
    transform:translateY(-12px) scale(1.018);
    border-color:#8ec5ff!important;
    box-shadow:
        0 28px 70px rgba(16,32,51,.16),
        0 10px 26px rgba(23,102,220,.10)!important;
}
.seo-copy-card:hover:after,
.cards8 .feature-card:hover:after{
    opacity:1;
}
.seo-copy-card:before,
.cards8 .feature-card .feature-icon{
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        box-shadow .28s ease,
        background .28s ease,
        color .28s ease!important;
}
.seo-copy-card:hover:before,
.cards8 .feature-card:hover .feature-icon{
    transform:translateY(-3px) rotate(-3deg) scale(1.08);
    background:linear-gradient(135deg,#1766dc,#05b6d8)!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 14px 34px rgba(23,102,220,.24);
}
.seo-copy-card h3,
.cards8 .feature-card h3{
    transition:color .25s ease, transform .25s ease;
}
.seo-copy-card:hover h3,
.cards8 .feature-card:hover h3{
    color:#1256c8!important;
    transform:translateY(-2px);
}
.seo-copy-card p,
.cards8 .feature-card p{
    transition:color .25s ease, transform .25s ease;
}
.seo-copy-card:hover p,
.cards8 .feature-card:hover p{
    color:#334b68!important;
    transform:translateY(-1px);
}
.seo-copy-card .jsnet-card-shine,
.cards8 .feature-card .jsnet-card-shine{
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.0) 34%,rgba(255,255,255,.65) 48%,rgba(255,255,255,.0) 62%,transparent 100%);
    transform:translateX(-120%);
    transition:opacity .25s ease;
}
.seo-copy-card:hover .jsnet-card-shine,
.cards8 .feature-card:hover .jsnet-card-shine{
    opacity:1;
    animation:jsnetCardShine .9s ease forwards;
}
@keyframes jsnetCardShine{
    from{transform:translateX(-120%)}
    to{transform:translateX(120%)}
}
.seo-copy-card:nth-child(6):hover,
.seo-copy-card:nth-child(7):hover,
.cards8 .feature-card.ai:hover{
    border-color:#68dcf4!important;
    box-shadow:
        0 30px 76px rgba(6,182,212,.20),
        0 12px 28px rgba(23,102,220,.09)!important;
}
@media (prefers-reduced-motion: reduce){
    .seo-copy-card,
    .cards8 .feature-card,
    .seo-copy-card:before,
    .cards8 .feature-card .feature-icon,
    .seo-copy-card h3,
    .cards8 .feature-card h3,
    .seo-copy-card p,
    .cards8 .feature-card p{
        transition:none!important;
        animation:none!important;
    }
    .seo-copy-card:hover,
    .cards8 .feature-card:hover{
        transform:none!important;
    }
    .seo-copy-card:hover .jsnet-card-shine,
    .cards8 .feature-card:hover .jsnet-card-shine{
        animation:none!important;
    }
}