.c4y-anim-up   { opacity:0; transform:translateY(30px); transition:opacity .6s ease, transform .6s ease; }
.c4y-anim-left { opacity:0; transform:translateX(-20px); transition:opacity .5s ease, transform .5s ease; }
.c4y-anim-up.c4y-visible,
.c4y-anim-left.c4y-visible { opacity:1; transform:none; }

.c4y-cert-grid { display:grid; gap:1.25rem; width:100%; box-sizing:border-box; }
@media(max-width:639px){ .c4y-cert-grid { grid-template-columns:1fr !important; } }

.c4y-cert-grid .c4y-cert-grid__wrap { opacity:0; transform:translateY(30px); transition:opacity .5s ease, transform .5s ease; position:relative; will-change:opacity, transform; }
.c4y-cert-grid.c4y-visible .c4y-cert-grid__wrap,
.c4y-cert-grid .c4y-cert-grid__wrap.c4y-visible { opacity:1; transform:none; }
.c4y-cert-grid .c4y-cert-grid__overlay { position:absolute; inset:0; border-radius:1rem; opacity:0; transition:opacity .5s ease; pointer-events:none; }
.c4y-cert-grid .c4y-cert-grid__card {
    position:relative; height:100%;
    background:rgba(255,255,255,0.05); backdrop-filter:blur(8px);
    border-radius:1rem; padding:1.5rem;
    border:1px solid rgba(255,255,255,0.1); box-sizing:border-box;
    transition:transform .3s ease, border-color .3s ease;
}
.c4y-cert-grid .c4y-cert-grid__icon { width:3.5rem; height:3.5rem; border-radius:.75rem; display:flex; align-items:center; justify-content:center; margin-bottom:1.25rem; flex-shrink:0; overflow:visible; line-height:0; }
.c4y-cert-grid .c4y-cert-grid__icon svg { width:1.75rem; height:1.75rem; display:block; flex:0 0 auto; }
.c4y-cert-grid .c4y-cert-grid__title { font-size:1.125rem; font-weight:600; color:#fff; margin:0 0 .5rem; line-height:1.4; }
.c4y-cert-grid .c4y-cert-grid__desc  { font-size:.875rem; color:rgba(255,255,255,0.6); line-height:1.6; margin:0; }

@media (hover:hover) and (pointer:fine) {
    .c4y-cert-grid .c4y-cert-grid__wrap:hover .c4y-cert-grid__overlay { opacity:1; }
    .c4y-cert-grid .c4y-cert-grid__wrap:hover .c4y-cert-grid__card { transform:translateY(-4px); border-color:rgba(255,255,255,0.2); }
}

@media (max-width:1024px), (hover:none), (pointer:coarse) {
    .c4y-cert-grid .c4y-cert-grid__wrap { transform:translateY(20px); transition-duration:.35s; }
    .c4y-cert-grid .c4y-cert-grid__overlay { transition:none; }
}