/* ========================================
   LANDING PAGE - 바른종합설비 랜딩페이지
   ======================================== */

/* ========================================
   PAGE LAYOUT - 페이지 레이아웃
   ======================================== */

.landing-page {
  min-height: 100vh;
  background-color: var(--color-neutral-50);
}

/* ========================================
   UTILITIES - 유틸리티
   ======================================== */

.text-gradient {
  background: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-accent-600) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.bg-gradient {
  background: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-800) 100%);
}

.bg-gradient-accent {
  background: linear-gradient(135deg, var(--color-accent-600) 0%, var(--color-accent-700) 100%);
}

/* ========================================
   ANIMATIONS - 애니메이션
   ======================================== */

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-in-left {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slide-in-right {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ========================================
   SECTION ANIMATIONS - 섹션 애니메이션
   ======================================== */

.services__grid,
.features__grid,
.testimonials__grid {
  animation: fade-in-up 0.6s ease-out;
}

.about__content {
  animation: slide-in-left 0.6s ease-out;
}

.about__image {
  animation: slide-in-right 0.6s ease-out;
}