/* Smooth scroll behavior */
html {
  scroll-behavior: auto;
}

/* Layer 06 Design Styles */
@keyframes subtleFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* Subtle floating animation for device mockups */
.device-mockup {
  animation: subtleFloat 8s ease-in-out infinite;
}

/* Smooth transitions */
button {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

button:hover {
  transform: translateY(-2px);
}

/* Gentle Float Animation for Feature Boxes */
@keyframes gentleFloat {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-8px);
  }
}

/* Feature Box Hover Animation - Subtle and Fast */
.feature-box {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center center;
}

.feature-box:hover {
  animation: gentleFloat 0.6s ease-in-out infinite alternate;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12) !important;
}

/* 메인 화면 특정 요소만 둥근 형태로 유지 */
/* 휴대폰 컨테이너 위쪽 중앙의 스피커 표시 */
.phone-speaker {
  border-radius: 9999px !important;
}

/* PC 미리보기 컨테이너 왼쪽 상단의 버튼 3개 */
.pc-window-button {
  border-radius: 9999px !important;
}

/* 하단의 앱 다운로드 버튼 2개 */
.app-download-button {
  border-radius: 0.75rem !important;
}