/* 페이지 하단 강조 CTA 밴드 — 원래 main.css 전용이었으나 2026-07-27 신규 페이지(소개·두뇌훈련·브레인체크)
   3곳이 동일 패턴을 다시 써서 shared로 승격(회사 CSS/JS 분리 원칙: 동일 로직 2회 이상 반복 시 분리). */
.cta-section { padding: 110px 0; position: relative; overflow: hidden; text-align: center; background: linear-gradient(160deg, var(--primary) 0%, var(--primary-dark) 100%); color: #fff; }
.cta-section::before { content: ''; position: absolute; left: 50%; top: -160px; transform: translateX(-50%); width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.10), transparent 60%); pointer-events: none; }
.cta-wrap { position: relative; max-width: 720px; margin: 0 auto; }
.cta-wrap h2 { font-weight: 700; font-size: clamp(28px, 3.6vw, 44px); line-height: 1.3; letter-spacing: -.01em; margin-bottom: 18px; }
.cta-wrap h2 .accent { color: #8fc6ff; }
.cta-wrap p { font-size: 16px; color: rgba(255,255,255,.85); margin-bottom: 32px; }
.cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.cta-actions .btn { min-width: 232px; }
.cta-section .btn--primary { background: #fff; color: var(--primary); box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.cta-section .btn--primary:hover { background: #eaf2fa; box-shadow: 0 10px 28px rgba(0,0,0,.22); }