/* ================= ANİMASYONLAR ================= */

@keyframes dpFadeUp{
  from{opacity:0;transform:translateY(18px);}
  to{opacity:1;transform:translateY(0);}
}
@keyframes dpFloat{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-26px) scale(1.06);}
}
@keyframes dpBounce{
  0%,100%{transform:translate(-50%,0);}
  50%{transform:translate(-50%,10px);}
}
@keyframes dpPopIn{
  from{opacity:0;transform:scale(.9);}
  to{opacity:1;transform:scale(1);}
}

.dp-hero-eyebrow,
.dp-hero h1,
.dp-hero p,
.dp-hero-btns{
  animation:dpFadeUp .7s ease both;
}
.dp-hero h1{animation-delay:.1s;}
.dp-hero p{animation-delay:.2s;}
.dp-hero-btns{animation-delay:.3s;}

.dp-hero-scroll{animation:dpBounce 2s infinite;}

.dp-modal{animation:dpPopIn .35s ease;}

/* Kartlar sayfaya girerken hafif belirme (JS ile .dp-inview class'ı eklenir) */
.dp-fade-in{opacity:0;transform:translateY(16px);transition:opacity .5s ease, transform .5s ease;}
.dp-fade-in.dp-inview{opacity:1;transform:translateY(0);}