/* 전체 섹션: 상하 간격 대폭 확대 */
.tgr-stats-section {
    width: 100% !important;
    background-color: #ffffff;
    padding: 120px 0 !important;
    text-align: center;
}

.tgr-stats-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 헤더 영역: 타이핑 시 높이 고정 및 중앙 정렬 */
.tgr-stats-header {
    width: 100%;
    margin-bottom: 60px;
}

.tgr-stats-subtitle {
    font-family: Pretendard;
    font-size: 20px; /* 이미지처럼 큼직하게 */
    font-weight: 800;
    color: #3191FF;
    margin: 0 0 2px 0;
    line-height: 1.1;
    letter-spacing: -0.5px; /* 세리프체는 자간을 너무 조이지 않는 게 예쁩니다 */
    font-style: normal;
}

.tgr-stats-title {
    color: #3191FF; 
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 800;
    min-height: 1.5em; /* 타이핑 시 덜컹거림 방지 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.tgr-typewriter {
    display: inline-block;
}

.tgr-stats-tagline {
    font-size: 18px;
    line-height: 1.8;
    color: #4b5563;
    max-width: 1000px;
    margin: 30px auto 0;
    word-break: keep-all;
}

/* 구분선 */
.tgr-stats-divider {
    width: 100%;
    max-width: 1200px;
    height: 1px;
    background-color: #e5e7eb;
    margin: 60px 0;
}

/* 그리드: 항목 사이 간격 확대 (80px) */
.tgr-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
    width: 100%;
    max-width: 1200px;
}

.tgr-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center; /* 숫자와 라벨 모두 중앙 정렬 */
}

.tgr-stat-number-wrap {
    font-size: 48px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 12px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    line-height: 1;
}

.tgr-stat-number-wrap .prefix,
.tgr-stat-number-wrap .suffix {
    font-size: 28px;
    font-weight: 700;
}

.tgr-stat-label-wrap {
    font-size: 16px;
    color: #4b5563;
    font-weight: 500;
}

/* 커서 애니메이션 */
.tgr-cursor::after {
    content: '|';
    animation: tgrBlink 1s infinite;
    color: #2563eb;
    margin-left: 4px;
}
@keyframes tgrBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }