/* p34 — EV6 견적 상담 : L4 세로 타임라인 / F3 Poppins+Noto Sans KR / HD2 / HR4(무차량, 프로필승격) / CT6 / FT1 */
:root {
  --accent: #0F766E;
  --accent-text: #0B5951;
  --bg: #F1FAF9;
  --ink: #142523;
  --font-display: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --footer-bg: #0E2422;
  --footer-text: #C9E5E1;
}

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

/* HR4(무차량) : 프로필을 주 이미지로 승격, 1열 붕괴 */
.hero { padding-block: clamp(48px, 9vw, 96px); }
.hero-inner { display: grid; gap: 32px; justify-items: center; text-align: center; }
.hero-copy h1 { font-size: clamp(30px, 4.4vw, 46px); color: var(--ink); }
.hero-lede { font-size: 17px; color: #3E5654; max-width: 56ch; margin-inline: auto; margin-bottom: 1.4em; }
.hero-visual { background: linear-gradient(135deg, var(--accent) 0%, #0B5951 100%); border-radius: 24px; padding: 28px; display: inline-flex; }
.hero-visual img { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; }

/* L4 : 세로 타임라인 */
.section--muted { background: #E4F4F1; }
.timeline { list-style: none; margin: 0; padding: 0; position: relative; }
.timeline::before { content: ""; position: absolute; left: 7px; top: 6px; bottom: 6px; width: 2px; background: #BFE1DC; }
.timeline li { position: relative; padding-left: 34px; margin-bottom: 26px; }
.timeline li:last-child { margin-bottom: 0; }
.tl-dot { position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--accent); border: 3px solid #fff; box-shadow: 0 0 0 2px #BFE1DC; }
.tl-body h3 { font-size: 16.5px; margin-bottom: 4px; }
.tl-body p { font-size: 14.5px; color: #3E5654; margin: 0; }

.qna-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; }
.qna-card { background: #fff; border: 1px solid #D7ECE9; border-radius: 12px; padding: 22px; }
.qna-card h3 { font-size: 16px; margin-bottom: 6px; }
.qna-card p { font-size: 14.5px; color: #3E5654; margin: 0; }

/* CT6 : 대각선 클리핑 배경 + 버튼 3개 세로 */
.cta.ct6 { position: relative; padding-block: clamp(52px, 8vw, 88px); overflow: hidden; background: var(--accent-text); }
.cta-clip { position: absolute; inset: 0; background: var(--accent); clip-path: polygon(0 22%, 100% 0, 100% 100%, 0% 100%); }
.cta-inner { position: relative; z-index: 1; text-align: center; }
.cta.ct6 h2 { color: #fff; font-size: clamp(20px, 2.6vw, 26px); }
.cta-buttons--col { flex-direction: column; align-items: center; }
.cta-buttons--col .btn { width: 100%; max-width: 280px; }
.ct6 .btn-outline { border-color: #fff; color: #fff; }
.ct6 .btn-solid { background: #fff; color: var(--accent-text); }

/* FT1 : 3단 그리드 */
.footer-grid { display: grid; gap: 28px; grid-template-columns: 1fr; }
@media (min-width: 800px) { .footer-grid { grid-template-columns: 1.2fr 1fr 1.4fr; } }
.footer-links p { margin: 0 0 8px; }