/* ===============================================================
   home.css — 홈 페이지
   (주요 스타일은 views/home/index.php 인라인에 정의됨)
   =============================================================== */

/* ── 히어로 ─────────────────────────────────────────────────── */
.hero {
  text-align: center;
  padding: 60px var(--space-md) 40px;
}

.hero__eyebrow {
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--color-accent);
  text-transform: uppercase;
  margin-bottom: var(--space-md);
}

.hero__title {
  font-family: var(--font-serif);
  font-size: var(--text-3xl);
  color: var(--color-primary-dark);
  margin-bottom: var(--space-md);
  line-height: 1.3;
}

.hero__sub {
  font-size: var(--text-md);
  color: var(--color-text-secondary);
  margin-bottom: var(--space-xl);
  line-height: var(--leading-normal);
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.hero__cta {
  display: flex;
  gap: var(--space-md);
  justify-content: center;
  flex-wrap: wrap;
}

/* ── 피처 카드 ─────────────────────────────────────────────── */
.features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-lg);
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px solid #EEEAF5;
}

.feature-card {
  text-align: center;
  padding: var(--space-lg);
}

.feature-icon {
  font-size: 36px;
  margin-bottom: var(--space-md);
}

.feature-title {
  font-size: var(--text-md);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--space-sm);
}

.feature-desc {
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  line-height: var(--leading-normal);
}