/* SCROLL ANIMATIONS - NO progress bar */
.fade-up{opacity:0;transform:translateY(40px);transition:opacity 0.7s ease,transform 0.7s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}
.fade-left{opacity:0;transform:translateX(-40px);transition:opacity 0.7s ease,transform 0.7s ease}
.fade-left.visible{opacity:1;transform:translateX(0)}
.fade-right{opacity:0;transform:translateX(40px);transition:opacity 0.7s ease,transform 0.7s ease}
.fade-right.visible{opacity:1;transform:translateX(0)}
.fade-in{opacity:0;transition:opacity 0.8s ease}
.fade-in.visible{opacity:1}
.scale-in{opacity:0;transform:scale(0.92);transition:opacity 0.6s ease,transform 0.6s ease}
.scale-in.visible{opacity:1;transform:scale(1)}
.stagger-1{transition-delay:0.1s!important}
.stagger-2{transition-delay:0.2s!important}
.stagger-3{transition-delay:0.3s!important}
.stagger-4{transition-delay:0.4s!important}
.stagger-5{transition-delay:0.5s!important}
.stagger-6{transition-delay:0.6s!important}

@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

nav{animation:slideDown 0.6s ease both}
.hero h1{animation:slideUp 0.8s ease 0.2s both}
.hero p{animation:slideUp 0.8s ease 0.35s both}
.hero-btns{animation:slideUp 0.8s ease 0.5s both}
.hero-badge{animation:fadeIn 0.8s ease 0.1s both}
.page-header h1{animation:slideUp 0.7s ease 0.2s both}
.page-header p{animation:slideUp 0.7s ease 0.35s both}
.page-header .lbl{animation:fadeIn 0.6s ease 0.1s both}
.hero-img{animation:float 5s ease-in-out infinite}
.nav-cta{transition:transform 0.2s ease,opacity 0.2s ease,box-shadow 0.2s ease}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,198,167,0.3)}
.btn-p{transition:transform 0.2s ease,opacity 0.2s ease,box-shadow 0.2s ease!important}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,198,167,0.3)!important}
.logo-mark{transition:transform 0.3s ease}
.logo:hover .logo-mark{transform:rotate(10deg) scale(1.05)}

/* PAYMENT BADGES */
.pay-badge{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:5px}
.pay-badge.visa{background:#1A1F71;color:#fff;border-color:#1A1F71}
.pay-badge.mc{background:#fff;color:#000;border-color:#ddd}
.pay-badge.bank{background:rgba(0,198,167,0.15);border-color:rgba(0,198,167,0.4);color:var(--accent)}