/* Trang dịch vụ Headhunter.
   Bố cục theo mockup: hero tối có thẻ điều kiện phù hợp, dải số liệu, khối "khi
   nào nên dùng", bảng so sánh với đăng tuyển thông thường, quy trình sáu bước kèm
   trích dẫn, khối người sáng lập và dải kêu gọi. */

.cnk-landing-page .sv-section { padding: 52px 0; background: #fff; }
.cnk-landing-page .sv-section--soft { background: #f5f7f9; }
.cnk-landing-page .sv-kicker { margin: 0 0 10px !important; color: var(--lp-red); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.cnk-landing-page .sv-title { margin: 0 0 16px; color: #061d3d; font: 800 clamp(1.35rem, 2.4vw, 1.85rem)/1.35 Manrope, sans-serif; }

/* --- thẻ điều kiện trong hero --- */
.cnk-landing-page .sv-hero-card { padding: 26px 24px; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; background: rgba(7,25,44,.62); backdrop-filter: blur(10px); }
.cnk-landing-page .sv-hero-card__title { margin: 0 0 16px !important; color: #fff; font-size: 14px; font-weight: 700; }
.cnk-landing-page .sv-hero-card ul { margin: 0; padding: 0; list-style: none; }
.cnk-landing-page .sv-hero-card li { position: relative; padding: 8px 0 8px 30px; color: #dbe5ea; font-size: 13.5px; line-height: 1.5; }
.cnk-landing-page .sv-hero-card li::before {
  content: "✓"; position: absolute; left: 0; top: 8px;
  display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%;
  background: var(--lp-red); color: #fff; font-size: 11px; font-weight: 800;
}
.cnk-landing-page .sv-note { display: flex; align-items: center; gap: 9px; margin: 22px 0 0 !important; color: #cfdae1; font-size: 13px; }
.cnk-landing-page .sv-note svg { flex: 0 0 17px; width: 17px; height: 17px; fill: none; stroke: #e08a8a; stroke-width: 1.6; }

/* --- dải số liệu --- */
.cnk-landing-page .sv-stats__lead { margin: 0 0 26px !important; color: var(--lp-red); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; text-align: center; }
.cnk-landing-page .sv-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.cnk-landing-page .sv-stat { padding: 26px 20px; border-radius: 10px; background: #eef1f4; text-align: center; }
.cnk-landing-page .sv-stat__value { margin: 0 0 8px !important; color: var(--lp-red); font: 800 2.1rem/1.1 Manrope, sans-serif; font-variant-numeric: tabular-nums; }
.cnk-landing-page .sv-stat__label { margin: 0 !important; color: #33455f; font-size: 13px; line-height: 1.55; }
.cnk-landing-page .sv-stats__note { margin: 22px 0 0 !important; color: var(--lp-gray); font-size: 12px; font-style: italic; line-height: 1.7; text-align: center; }

/* --- khi nào nên dùng --- */
.cnk-landing-page .sv-when { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.6fr); gap: 34px; align-items: start; }
.cnk-landing-page .sv-when p { color: var(--lp-gray); font-size: 13.5px; line-height: 1.8; }
.cnk-landing-page .sv-when__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cnk-landing-page .sv-when__item { padding: 18px 20px; border: 1px solid var(--lp-line); border-radius: 8px; background: #fff; }
.cnk-landing-page .sv-when__item strong { display: block; margin-bottom: 6px; color: #061d3d; font-size: 13.5px; font-weight: 700; }
.cnk-landing-page .sv-when__item p { margin: 0; font-size: 12.5px; line-height: 1.65; }

/* --- bảng so sánh --- */
.cnk-landing-page .sv-compare { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.4fr); gap: 34px; align-items: start; }
.cnk-landing-page .sv-compare__media img { width: 100%; height: auto; border-radius: 10px; }
.cnk-landing-page .sv-compare table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.cnk-landing-page .sv-compare th { padding: 11px 14px; color: #fff; font-size: 12.5px; font-weight: 700; text-align: left; }
.cnk-landing-page .sv-compare th:first-child { background: #061d3d; }
.cnk-landing-page .sv-compare th:last-child { background: var(--lp-red); }
.cnk-landing-page .sv-compare td { padding: 11px 14px; border: 1px solid var(--lp-line); color: var(--lp-gray); line-height: 1.55; }
.cnk-landing-page .sv-compare td:last-child { color: var(--lp-red); font-weight: 600; }
.cnk-landing-page .sv-compare__note { margin: 18px 0 0 !important; color: var(--lp-gray); font-size: 12.5px; line-height: 1.75; }

/* --- quy trình sáu bước --- */
.cnk-landing-page .sv-process { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.cnk-landing-page .sv-process > .sv-process__copy p { color: var(--lp-gray); font-size: 13.5px; line-height: 1.8; }
.cnk-landing-page .sv-steps { display: grid; gap: 14px; margin-top: 20px; }
.cnk-landing-page .sv-step { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; }
.cnk-landing-page .sv-step__num { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--lp-red); color: #fff; font: 800 12px Manrope, sans-serif; }
.cnk-landing-page .sv-step strong { display: block; color: #061d3d; font-size: 13.5px; font-weight: 700; }
.cnk-landing-page .sv-step p { margin: 2px 0 0; color: var(--lp-gray); font-size: 12.5px; line-height: 1.55; }
.cnk-landing-page .sv-process__media img { width: 100%; height: auto; border-radius: 10px; }
.cnk-landing-page .sv-quote { margin-top: 18px; padding: 26px 28px; border-radius: 10px; color: #fff; background: #0d2a47; }
.cnk-landing-page .sv-quote p { margin: 0; color: #fff; font: italic 600 1rem/1.65 "Be Vietnam Pro", sans-serif; }
.cnk-landing-page .sv-quote p::before { content: "“"; margin-right: 6px; color: rgba(255,255,255,.4); font-size: 26px; line-height: 0; }
.cnk-landing-page .sv-quote__by { margin: 12px 0 0 !important; color: rgba(255,255,255,.68); font-size: 12.5px; font-style: normal; }

/* --- người sáng lập --- */
.cnk-landing-page .sv-founder { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr); gap: 34px; align-items: center; }
.cnk-landing-page .sv-founder__copy p { color: var(--lp-gray); font-size: 13.5px; line-height: 1.8; }
.cnk-landing-page .sv-founder__card { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 24px; padding: 22px; border: 1px solid var(--lp-line); border-radius: 10px; background: #fff; }
.cnk-landing-page .sv-founder__card img { width: 100%; height: auto; border-radius: 8px; }
.cnk-landing-page .sv-founder__name { margin: 0 0 2px !important; color: var(--lp-red); font: 800 1.15rem Manrope, sans-serif; }
.cnk-landing-page .sv-founder__role { margin: 0 0 14px !important; color: var(--lp-gray); font-size: 12.5px; }
.cnk-landing-page .sv-founder__card ul { margin: 12px 0 0; padding: 0; list-style: none; }
.cnk-landing-page .sv-founder__card li { position: relative; padding-left: 14px; color: var(--lp-gray); font-size: 12.5px; line-height: 1.8; }
.cnk-landing-page .sv-founder__card li::before { content: "•"; position: absolute; left: 0; color: var(--lp-red); }
.cnk-landing-page .sv-founder__card strong { color: #061d3d; font-size: 13px; }
.cnk-landing-page .sv-founder__more { margin: 14px 0 0 !important; }
.cnk-landing-page .sv-founder__more a { color: var(--lp-red); font-size: 13px; font-weight: 700; text-decoration: none; }
.cnk-landing-page .sv-founder__more a:hover { text-decoration: underline; }

/* --- dải kêu gọi --- */
.cnk-landing-page .sv-cta {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px;
  padding: 34px 40px; color: #fff;
  background: linear-gradient(104deg, #061d3d 0%, #123a5c 48%, #6e1313 100%);
}
.cnk-landing-page .sv-cta__copy { flex: 1 1 380px; min-width: 0; }
.cnk-landing-page .sv-cta__title { margin: 0 0 8px !important; color: #fff; font: 800 1.4rem/1.3 Manrope, sans-serif; }
.cnk-landing-page .sv-cta__copy p { margin: 0; color: rgba(255,255,255,.8); font-size: 13.5px; line-height: 1.7; }
.cnk-landing-page .sv-cta .wp-block-buttons { gap: 14px; }
.cnk-landing-page .sv-cta .lp-button--light .wp-block-button__link { border-color: rgba(255,255,255,.55); }

/* --- khổ hẹp --- */
@media (max-width: 1000px) {
  .cnk-landing-page .sv-when,
  .cnk-landing-page .sv-compare,
  .cnk-landing-page .sv-process,
  .cnk-landing-page .sv-founder { grid-template-columns: 1fr; }
  .cnk-landing-page .sv-stats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .cnk-landing-page .sv-stats,
  .cnk-landing-page .sv-when__grid { grid-template-columns: 1fr; }
  .cnk-landing-page .sv-founder__card { grid-template-columns: 1fr; }
  .cnk-landing-page .sv-founder__card img { max-width: 220px; }
  .cnk-landing-page .sv-cta { padding: 26px 20px; }
  .cnk-landing-page .sv-compare table { display: block; overflow-x: auto; }
}