@charset "UTF-8";
.fade-up {
  opacity: 0;
  transform: translateY(70px);
}

/* fallback: nếu JS lỗi hoặc trình duyệt chặn, vẫn hiện nội dung bình thường */
html:not(.has-js) .fade-up {
  opacity: 1;
  transform: none;
}

.suu-tap__content .suu-tap__title,
.suu-tap__content .suu-tap__sub,
.suu-tap__content .suu-tap__description,
.spot-overview__intro .spot-overview__logo,
.spot-overview__intro .spot-overview__subtitle,
.triet-ly__content .triet-ly__decos,
.triet-ly__content .map__description,
.triet-ly__intro .triet-ly__eyebrow,
.triet-ly__intro .triet-ly__title,
.contact__title,
.contact__text,
.contact__info > div,
.contact__field,
.contact__submit,
.investor-tong-quan__item .investor-tong-quan__icon,
.investor-tong-quan__item .investor-tong-quan__eyebrow,
.investor-tong-quan__item .investor-tong-quan__title,
.investor-tong-quan__item .investor-tong-quan__description,
.feature-tong-quan__item .feature-tong-quan__decos,
.feature-tong-quan__item .feature-tong-quan__sub,
.feature-tong-quan__item .sub-3.style-2,
.fill-up {
  opacity: 0;
  transform: translateY(70px);
  transition: opacity 1.1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  will-change: transform, opacity;
}

/* Animation trigger */
.suu-tap__content.is-visible .suu-tap__title,
.suu-tap__content.is-visible .suu-tap__sub,
.suu-tap__content.is-visible .suu-tap__description,
.spot-overview__intro.is-visible .spot-overview__logo,
.spot-overview__intro.is-visible .spot-overview__subtitle,
.triet-ly__content.is-visible .triet-ly__decos,
.triet-ly__content.is-visible .map__description,
.triet-ly__intro.is-visible .triet-ly__eyebrow,
.triet-ly__intro.is-visible .triet-ly__title,
.contact__grid.is-visible .contact__title,
.contact__grid.is-visible .contact__text,
.contact__grid.is-visible .contact__info > div,
.contact__grid.is-visible .contact__field,
.contact__grid.is-visible .contact__submit,
.investor-tong-quan__item.is-visible .investor-tong-quan__icon,
.investor-tong-quan__item.is-visible .investor-tong-quan__eyebrow,
.investor-tong-quan__item.is-visible .investor-tong-quan__title,
.investor-tong-quan__item.is-visible .investor-tong-quan__description,
.feature-tong-quan__item.is-visible .feature-tong-quan__decos,
.feature-tong-quan__item.is-visible .feature-tong-quan__sub,
.feature-tong-quan__item.is-visible .sub-3.style-2,
.fill-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger delays */
.suu-tap__content.is-visible .suu-tap__title {
  transition-delay: 0.1s;
}

.suu-tap__content.is-visible .suu-tap__sub {
  transition-delay: 0.28s;
}

.suu-tap__content.is-visible .suu-tap__description {
  transition-delay: 0.46s;
}

.spot-overview__intro.is-visible .spot-overview__logo {
  transition-delay: 0.1s;
}

.spot-overview__intro.is-visible .spot-overview__subtitle {
  transition-delay: 0.28s;
}

.triet-ly__content.is-visible .triet-ly__decos {
  transition-delay: 0.1s;
}

.triet-ly__content.is-visible .map__description {
  transition-delay: 0.28s;
}

.triet-ly__intro.is-visible .triet-ly__eyebrow {
  transition-delay: 0.1s;
}

.triet-ly__intro.is-visible .triet-ly__title {
  transition-delay: 0.28s;
}

.contact__grid.is-visible .contact__title {
  transition-delay: 0s;
}

.contact__grid.is-visible .contact__text {
  transition-delay: 0.08s;
}

.contact__grid.is-visible .contact__info > div:nth-child(1) {
  transition-delay: 0.16s;
}

.contact__grid.is-visible .contact__info > div:nth-child(2) {
  transition-delay: 0.24s;
}

.contact__grid.is-visible .contact__field:nth-child(1) {
  transition-delay: 0.2s;
}

.contact__grid.is-visible .contact__field:nth-child(2) {
  transition-delay: 0.28s;
}

.contact__grid.is-visible .contact__field:nth-child(3) {
  transition-delay: 0.36s;
}

.contact__grid.is-visible .contact__field:nth-child(4) {
  transition-delay: 0.44s;
}

.contact__grid.is-visible .contact__submit {
  transition-delay: 0.52s;
}

.investor-tong-quan__item.is-visible .investor-tong-quan__icon {
  transition-delay: 0.1s;
}

.investor-tong-quan__item.is-visible .investor-tong-quan__eyebrow {
  transition-delay: 0.18s;
}

.investor-tong-quan__item.is-visible .investor-tong-quan__title {
  transition-delay: 0.26s;
}

.investor-tong-quan__item.is-visible .investor-tong-quan__description {
  transition-delay: 0.34s;
}

.feature-tong-quan__item.is-visible .feature-tong-quan__decos {
  transition-delay: 0.1s;
}

.feature-tong-quan__item.is-visible .feature-tong-quan__sub {
  transition-delay: 0.18s;
}

.feature-tong-quan__item.is-visible .sub-3.style-2:nth-of-type(1) {
  transition-delay: 0.26s;
}

.feature-tong-quan__item.is-visible .sub-3.style-2:nth-of-type(2) {
  transition-delay: 0.34s;
}

.feature-tong-quan__item.is-visible .sub-3.style-2:nth-of-type(3) {
  transition-delay: 0.42s;
}

.fill-up.is-visible {
  transition-delay: 0.1s;
}

.fill-up.fill-up--delay.is-visible {
  transition-delay: 0.28s;
}