/* ===== Scroll Animations ===== */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}
.slide-up{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}
.slide-up.visible{opacity:1;transform:translateY(0)}
.card{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,box-shadow .3s,border-color .3s}
.card.visible{opacity:1;transform:translateY(0)}

/* ===== Hover ===== */
.btn{transition:all .2s ease}
.card{transition:all .3s ease}

/* ===== Keyframes ===== */
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.hero-inner{animation:slideUp .8s ease}
.site-header{animation:slideDown .4s ease}
.cookie-banner{animation:fadeIn .4s ease}