/* Landing Page */
.landing {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
}

.landing__container {
  width: 100%;
  max-width: 600px;
  text-align: center;
}

.landing__header {
  margin-bottom: var(--spacing-3xl);
}

.landing__logo {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-primary);
}

/* Hero */
.hero {
  margin-bottom: var(--spacing-3xl);
}

.hero__title {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.1;
}

.hero__tagline {
  font-size: 1.25rem;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
}

/* Footer */
.landing__footer {
  color: var(--color-text-secondary);
  font-size: 1rem;
}

/* Mobile */
@media (max-width: 640px) {
  .landing {
    padding: var(--spacing-lg);
  }

  .hero__tagline {
    font-size: 1.125rem;
  }
}