/* Hero Section */
.hero-section {
  margin-top: 40px;
}

.hero-title {
  font-family: var(--font-primary);
  font-weight: var(--fw-medium);
  font-size: var(--fs-5xl);
  color: var(--primary-green);
  letter-spacing: -0.01333em;
  line-height: 0.96667;
  display: inline-block;
  transform: scale(1, 1.1);
  margin-bottom: var(--spacing-lg);
}

.hero-title strong {
  font-weight: var(--fw-bold);
}

.hero-description {
  font-family: var(--font-secondary);
  font-weight: var(--fw-regular);
  font-size: var(--fs-base);
  color: var(--text-gray);
  margin-bottom: var(--spacing-2xl);
}

.hero-option-title {
  font-family: var(--font-secondary);
  font-weight: var(--fw-medium);
  font-size: var(--fs-xl);
  color: var(--text-dark);
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

/* Responsive Design */
@media (max-width: 425px) {
  .hero-section {
    margin-top: 60px;
  }
}

.hero-title {
  opacity: 0;
  transform: translateY(30px) scale(1, 1.1);
  transition: all 0.8s ease-out;
}

.hero-title.animate {
  opacity: 1;
  transform: translateY(0) scale(1, 1.1);
}