/* p06 — 기아 영업사원 찾기 : L6 비교 테이블 중앙+상하 설명 / F6 Bebas Neue+Pretendard / HD2 / HR1(무차량) / CT6 / FT3 */
:root {
  --accent: #2D3A8C;
  --accent-text: #2D3A8C;
  --bg: #F8F9FE;
  --ink: #1B1F33;
  --font-display: "Bebas Neue", "Pretendard Variable", "Pretendard", -apple-system, sans-serif;
  --font-body: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --footer-bg: #131A3D;
  --footer-text: #C6CBEA;
}

/* HD2 : 중앙 로고타입 + 하단 중앙 메뉴(2단) */
.site-header { border-bottom: 1px solid #DEE2F5; }
.hd2-inner { display: flex; flex-direction: column; align-items: center; gap: 10px; padding-block: 18px; }
.logotype { font-family: var(--font-display); font-weight: 400; letter-spacing: .04em; font-size: 22px; text-decoration: none; color: var(--accent); }
.site-header nav ul { display: flex; gap: 20px; list-style: none; margin: 0; padding: 10px 0 0; border-top: 1px solid #E6E9F8; flex-wrap: wrap; justify-content: center; }
.site-header nav a { text-decoration: none; font-size: 14px; font-weight: 600; color: var(--ink); }
.site-header nav a:hover { color: var(--accent); }

/* HR1(무차량) : 텍스트 + 하단 소형 원형 프로필(다른 페이지와 링/그림자로 차별화) */
.hero { padding-block: clamp(48px, 9vw, 92px); }
.hero-inner { display: grid; justify-items: center; text-align: center; }
.hero-copy h1 { font-family: var(--font-display); font-weight: 400; letter-spacing: .02em; font-size: clamp(34px, 5.4vw, 56px); color: var(--ink); }
.hero-lede { font-size: 16.5px; color: #454A63; max-width: 56ch; margin: 0 auto 1.2em; }
.hero-avatar { margin-top: 22px; }
.hero-avatar img {
  width: 132px; height: 132px; border-radius: 50%; object-fit: cover;
  box-shadow: 0 0 0 5px #fff, 0 0 0 8px var(--accent), 0 10px 24px rgba(45,58,140,.25);
  margin: 0 auto;
}

/* L6 : 비교 테이블 중앙 + 상하 설명 */
.section--muted { background: #EEF0FB; }
.table-wrap { overflow-x: auto; margin-top: 8px; }
table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 12px; overflow: hidden; min-width: 520px; }
th, td { padding: 14px 16px; text-align: left; font-size: 14.5px; border-bottom: 1px solid #E6E9F8; }
thead th { background: var(--accent); color: #fff; font-weight: 700; }
tbody tr:last-child td { border-bottom: none; }
tbody tr:nth-child(even) { background: #F4F5FC; }
.table-note { margin-top: 14px; color: #454A63; font-size: 14.5px; }

/* CT6 : 대각선 클리핑 배경 + 버튼 3개 세로 */
.cta.ct6 { position: relative; padding-block: clamp(56px, 9vw, 96px); overflow: hidden; text-align: center; color: #fff; }
.ct6-clip {
  position: absolute; inset: 0; background: linear-gradient(135deg, var(--accent), #1A2263);
  clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 88%);
}
.ct6-inner { position: relative; z-index: 1; }
.ct6-inner h2 { color: #fff; font-size: clamp(20px, 2.8vw, 28px); margin-bottom: 20px; }
.ct6-buttons { flex-direction: column; align-items: center; }
.ct6-buttons .btn { min-width: 220px; }
.ct6 .btn-outline { border-color: #fff; color: #fff; }
.ct6 .btn-solid { background: #fff; color: var(--accent); }

/* FT3 : 중앙정렬 1단 세로스택 */
.ft3-stack { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; }
.ft3-stack .footer-links { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; }
.ft3-stack .footer-links p { margin: 0; }
.ft3-stack .footer-disclaimer { max-width: 62ch; }