/* ═══════════════════════════════════════════════
   TOPTANBROS.COM — Animations
   ═══════════════════════════════════════════════ */

@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}
@keyframes float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}
@keyframes scroll-wheel{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(12px)}}
@keyframes pulse-whatsapp{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.35)}50%{box-shadow:0 4px 30px rgba(37,211,102,.55),0 0 0 8px rgba(37,211,102,.1)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* Reveal on scroll */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity .8s ease,transform .8s ease}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(30px);transition:opacity .8s ease,transform .8s ease}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease}
.reveal-scale.visible{opacity:1;transform:scale(1)}

/* Stagger children */
.stagger-children .reveal:nth-child(1){transition-delay:.05s}
.stagger-children .reveal:nth-child(2){transition-delay:.1s}
.stagger-children .reveal:nth-child(3){transition-delay:.15s}
.stagger-children .reveal:nth-child(4){transition-delay:.2s}
.stagger-children .reveal:nth-child(5){transition-delay:.25s}
.stagger-children .reveal:nth-child(6){transition-delay:.3s}
.stagger-children .reveal:nth-child(7){transition-delay:.35s}
.stagger-children .reveal:nth-child(8){transition-delay:.4s}
.stagger-children .reveal:nth-child(9){transition-delay:.45s}
.stagger-children .reveal:nth-child(10){transition-delay:.5s}
.stagger-children .reveal:nth-child(11){transition-delay:.55s}
.stagger-children .reveal:nth-child(12){transition-delay:.6s}
.stagger-children .reveal:nth-child(13){transition-delay:.65s}
.stagger-children .reveal:nth-child(14){transition-delay:.7s}
.stagger-children .reveal:nth-child(15){transition-delay:.75s}

/* Hero entrance */
.hero__badge{animation:fadeInUp .8s ease .2s both}
.hero__title{animation:fadeInUp .8s ease .4s both}
.hero__subtitle{animation:fadeInUp .8s ease .6s both}
.hero__actions{animation:fadeInUp .8s ease .8s both}

/* Shimmer effect for gold text */
.shimmer{background:linear-gradient(90deg,var(--primary-dark),var(--primary-light),var(--primary),var(--primary-light),var(--primary-dark));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none}
}