/* Page Entrance Animations */

/* Initial hidden states */
.header {
    opacity: 0;
}

.hero__content {
    opacity: 0;
    transform: translateY(100px);
}

.hero__content .btn {
    opacity: 0;
    transform: translateY(30px);
}

.hero__right {
    opacity: 0;
    transform: translateY(100px);
}

.hero__right .btn {
    opacity: 0;
    transform: translateY(30px);
}

.stat-item {
    opacity: 0;
    transform: translateY(100px);
}

.chains-section {
    opacity: 0;
    transform: translateY(80px);
}

/* Animated states */
.header.animate-in {
    animation: fadeIn 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

.hero__content.animate-in {
    animation: slideUp 0.65s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

.hero__content.animate-in .btn {
    animation: slideUpBtn 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.35s forwards;
}

.hero__right.animate-in {
    animation: slideUp 0.65s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

.hero__right.animate-in .btn {
    animation: slideUpBtn 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.35s forwards;
}

.stat-item.animate-in {
    animation: slideUp 0.45s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

.chains-section.animate-in {
    animation: slideUpFade 0.55s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

/* Keyframes */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(100px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideUpFade {
    from { opacity: 0; transform: translateY(80px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideUpBtn {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideUpFast {
    from { opacity: 0; transform: translateY(70px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Advantages Section - Scroll Triggered */
.advantages {
    opacity: 0;
    transform: translateY(80px);
}

.advantages.animate-in {
    animation: slideUpFade 0.55s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

/* Metalayer Section - Scroll Triggered */
.metalayer {
    opacity: 0;
    transform: translateY(80px);
}

.metalayer.animate-in {
    animation: slideUpFade 0.55s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

/* Integrations Links Section - Scroll Triggered */
.integrations-links {
    opacity: 0;
    transform: translateY(80px);
}

.integrations-links.animate-in {
    animation: slideUpFade 0.55s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

/* Investors Section - Scroll Triggered */
.investors {
    opacity: 0;
    transform: translateY(80px);
}

.investors.animate-in {
    animation: slideUpFade 0.55s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

/* Testimonials Section - Scroll Triggered */
.testimonials {
    opacity: 0;
    transform: translateY(80px);
}

.testimonials.animate-in {
    animation: slideUpFade 0.55s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

/* Blog Section - Scroll Triggered */
.blog__title {
    opacity: 0;
    transform: translateY(70px);
}

.blog__title.animate-in {
    animation: slideUpFast 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

.blog-card {
    opacity: 0;
    transform: translateY(100px);
}

.blog-card.animate-in {
    animation: slideUp 0.45s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

.blog-card.animated {
    opacity: 1;
    transform: translateY(0);
}

.blog-card.animated:hover {
    transform: translateY(-4px);
}