.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-wu { width:100%; box-sizing:border-box; }

.c4y-wu .c4y-wu-card {
    background:#fff; border-radius:.75rem; padding:1.5rem;
    border:1px solid rgb(228, 231, 236); box-sizing:border-box; height:100%;
    transition:box-shadow .3s ease;
}
.c4y-wu .c4y-wu-card:hover {
    box-shadow:0 20px 25px -5px rgba(38,54,100,.10),0 8px 10px -6px rgba(38,54,100,.10);
}
.c4y-wu .c4y-wu-icon {
    width:3rem; height:3rem; border-radius:.625rem;
    background:rgba(104, 200, 81, 0.1);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:1rem; color:rgb(104, 200, 81); flex-shrink:0;
}
.c4y-wu .c4y-wu-icon svg { display:block; }
.c4y-wu .c4y-wu-title { font-size:1rem; font-weight:600; color:rgb(20, 31, 56); margin:0 0 .5rem; padding:0; line-height:1.4; }
.c4y-wu .c4y-wu-desc  { font-size:.875rem; color:rgb(107, 114, 128); line-height:1.65; margin:0; padding:0; }
.c4y-wu .c4y-wu__stat-val   { font-size:clamp(2rem,4vw,3rem); font-weight:700; color:rgb(104, 200, 81); margin:0 0 .5rem; padding:0; line-height:1; }
.c4y-wu .c4y-wu__stat-label { font-size:1rem; color:rgb(107, 114, 128); margin:0; padding:0; }