/* ═══════════════════════════════════════
   SIGNATURE — signature.css
   경상도 지역권위 시그니처 섹션
   daphone-landing-page
   · 기존 디자인 토큰(style.css)만 사용 — 새 색/폰트 정의 금지
   · stats 섹션과 톤 정렬 (블랙 배경 + 골드 강조)
═══════════════════════════════════════ */

.signature {
  background: var(--black);
  border-top: 3px solid var(--gold);
  text-align: center;
}
.signature__inner {
  max-width: 980px;
  margin: 0 auto;
}

/* ── 권위 카피 ── */
.signature .section-tag {
  margin-bottom: 20px;
}
.signature__headline {
  margin-bottom: 56px;
}

/* ── 지역별 점포 수 카운터 (울산 / 부산 / 대구) ── */
.signature__regions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-bottom: 48px;
}
.signature__region {
  padding: 0 24px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.signature__region:last-child {
  border-right: none;
}
.signature__region-name {
  font-size: 1rem;
  font-weight: 700;
  color: var(--white);
  letter-spacing: 2px;
  margin-bottom: 12px;
}
.signature__count {
  line-height: 1;
}
.signature__region-label {
  font-size: 0.82rem;
  color: var(--gray2);
  letter-spacing: 1px;
  margin-top: 10px;
}

/* ── 카운트 숫자 공통 ── */
.signature__num {
  font-family: var(--font-en);
  color: var(--gold);
  line-height: 1;
  letter-spacing: 2px;
  font-size: clamp(2.6rem, 5vw, 4rem);
  display: inline-block;
}
.signature__num-suffix {
  font-size: 0.45em;
  margin-left: 4px;
  letter-spacing: 1px;
}

/* ── 경상도 전체 합계 강조 ── */
.signature__total {
  background: var(--black3);
  border: 1px solid rgba(240, 192, 0, 0.25);
  padding: 32px 24px;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.signature__total-label {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--gray2);
}
.signature__num--total {
  font-size: clamp(3.6rem, 8vw, 6rem);
}

/* ── 운영 연수 / 재계약률 ── */
.signature__meta {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
.signature__meta-item {
  padding: 0 24px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.signature__meta-item:last-child {
  border-right: none;
}
.signature__meta-label {
  display: block;
  font-size: 0.82rem;
  color: var(--gray2);
  letter-spacing: 1px;
  margin-top: 10px;
}

/* ══ 반응형 — 태블릿 (900px) ══ */
@media (max-width: 900px) {
  .signature__num {
    font-size: clamp(2.2rem, 6vw, 3.2rem);
  }
  .signature__num--total {
    font-size: clamp(3rem, 10vw, 4.5rem);
  }
}

/* ══ 반응형 — 모바일 (640px) ══ */
@media (max-width: 640px) {
  .signature__headline {
    margin-bottom: 40px;
  }
  /* 지역 카운터: 가로 3분할 유지하되 여백 축소 */
  .signature__regions {
    margin-bottom: 36px;
  }
  .signature__region {
    padding: 0 8px;
  }
  .signature__region-name {
    font-size: 0.85rem;
    letter-spacing: 1px;
  }
  .signature__region-label {
    font-size: 0.72rem;
  }
  .signature__total {
    padding: 28px 16px;
    margin-bottom: 36px;
  }
  .signature__meta-label {
    font-size: 0.74rem;
  }
}