/* nth-redesign/vct.css · /ve-chung-toi/ (bản tĩnh aka-veaka-page.html) theo DESIGN.md – body.nth-vct.
 * Chỉ đổi trình bày: không đổi chữ, heading, ảnh, alt. Nạp bởi mu-plugins/nth-bai-moi.php (bộ lọc lhag_kth_mirror_html). */
body.nth-vct {
  --v-red: #d61724; --v-red2: #a8101b; --v-ink: #0b1a2a; --v-text: #3b4654; --v-mute: #6b7684; --v-line: rgba(11, 26, 42, .1);
  --v-soft: #f6f6f7; --v-tint: #fdf1f2; --v-serif: "Fraunces", "Noto Serif", "Times New Roman", serif; --v-sans: "Be Vietnam Pro", system-ui, sans-serif;
  --v-ease: cubic-bezier(.16, 1, .3, 1); --v-sec: 72px;
}
@media (max-width: 1023px) { body.nth-vct { --v-sec: 44px; } }
body.nth-vct section p, body.nth-vct section li, body.nth-vct section span, body.nth-vct section a, body.nth-vct section div { font-family: var(--v-sans); }

/* Đầu trang: giữ ảnh nền, chữ trắng, bỏ vàng */
body.nth-vct .about-hero h1 { font-family: var(--v-serif) !important; font-weight: 300 !important; font-style: normal !important; letter-spacing: -.03em !important; line-height: 1 !important; font-size: clamp(48px, 7vw, 96px) !important; text-transform: none !important; }
body.nth-vct .about-hero .hero-badge { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; color: #fff !important; font: 600 12px/1.4 var(--v-sans) !important; letter-spacing: .24em !important; }
body.nth-vct .about-hero .hero-sub, body.nth-vct .about-hero .hero-content p { color: rgba(255, 255, 255, .88) !important; font-family: var(--v-sans) !important; font-weight: 400 !important; }
body.nth-vct .about-hero .hero-content p:first-of-type { font-weight: 600 !important; letter-spacing: .14em !important; font-size: 13px !important; }

/* Nhịp section: 72/44px, xen kẽ trắng – xám, không nền tối */
body.nth-vct section.section, body.nth-vct section.partner-section, body.nth-vct section.cta-section { padding: var(--v-sec) 0 !important; }
body.nth-vct section.section { background: #fff !important; }
body.nth-vct section.section-alt, body.nth-vct section.partner-section, body.nth-vct section.faq-section, body.nth-vct section:has(.faq-list) { background: var(--v-soft) !important; }
body.nth-vct section.services-wrap, body.nth-vct section.section-alt:has(.services-grid) { background: #fff !important; }

/* Tiêu đề mục: canh trái, Fraunces, bỏ gạch đỏ lệch */
body.nth-vct .section-title { text-align: left !important; margin: 0 0 14px !important; }
body.nth-vct .section-title::before, body.nth-vct .section-title::after { display: none !important; }
body.nth-vct section h2, body.nth-vct .section-title, body.nth-vct .section-title h2 { font-family: var(--v-serif) !important; font-weight: 400 !important; font-style: normal !important; font-size: clamp(32px, 3.8vw, 50px) !important; line-height: 1.12 !important; letter-spacing: -.015em !important; color: var(--v-ink) !important; text-transform: none !important; }
body.nth-vct .section-desc { text-align: left !important; margin: 0 0 40px !important; max-width: 680px; font: 400 17px/1.7 var(--v-sans) !important; color: var(--v-mute) !important; }
body.nth-vct section h3, body.nth-vct section h4 { font-family: var(--v-sans) !important; font-weight: 600 !important; color: var(--v-ink) !important; letter-spacing: -.005em; }
body.nth-vct section p { color: var(--v-text); }

/* Câu chuyện */
body.nth-vct .about-intro-text p { font-size: 17px !important; line-height: 1.8 !important; color: var(--v-text) !important; }
body.nth-vct .about-intro-text .highlight, body.nth-vct .about-intro-text strong { color: var(--v-ink) !important; }
body.nth-vct .about-intro-img img { border-radius: 18px !important; }

/* Con số */
body.nth-vct .stat-card { background: #fff !important; border: 1px solid var(--v-line) !important; border-radius: 18px !important; box-shadow: none !important; }
body.nth-vct .stat-number { font-family: var(--v-serif) !important; font-weight: 400 !important; color: var(--v-red) !important; letter-spacing: -.02em; }
body.nth-vct .stat-label { color: var(--v-mute) !important; font-weight: 500 !important; }

/* Giá trị cốt lõi */
body.nth-vct .value-card { background: #fff !important; border: 1px solid var(--v-line) !important; border-radius: 18px !important; box-shadow: none !important; transition: transform .4s var(--v-ease), border-color .3s, box-shadow .4s; }
body.nth-vct .value-icon { background: var(--v-tint) !important; border-radius: 14px !important; box-shadow: none !important; }
body.nth-vct .value-card h3 { font-size: 19px !important; }
body.nth-vct .value-card p { font-size: 15px !important; line-height: 1.7 !important; color: var(--v-text) !important; }
@media (hover: hover) { body.nth-vct .value-card:hover, body.nth-vct .service-item:hover { transform: translateY(-4px); border-color: rgba(214, 23, 36, .3) !important; box-shadow: 0 26px 50px -34px rgba(214, 23, 36, .42) !important; } }

/* Đối tác: nền sáng, chữ đậm, số Fraunces đỏ */
body.nth-vct .partner-section h2, body.nth-vct .partner-section h3 { color: var(--v-ink) !important; }
body.nth-vct .partner-section p, body.nth-vct .partner-section .section-desc { color: var(--v-text) !important; }
body.nth-vct .partner-section .section-desc { color: var(--v-mute) !important; }
body.nth-vct .kt-pt { border-color: var(--v-line) !important; }
body.nth-vct .kt-pt-no { font-family: var(--v-serif) !important; font-weight: 300 !important; color: var(--v-red) !important; -webkit-text-stroke: 0 !important; text-stroke: 0 !important; }
body.nth-vct .kt-pt-logo { border: 1px solid var(--v-line) !important; border-radius: 14px !important; box-shadow: none !important; }
body.nth-vct .kt-pt-body h3 { font-family: var(--v-serif) !important; font-weight: 400 !important; font-size: 26px !important; }
body.nth-vct .kt-pt-link { color: var(--v-red) !important; border-bottom-color: var(--v-red) !important; font-weight: 600 !important; }
body.nth-vct .kt-pt-link:hover { color: var(--v-red2) !important; }

/* Dịch vụ */
body.nth-vct .service-item { background: #fff !important; border: 1px solid var(--v-line) !important; border-radius: 18px !important; box-shadow: none !important; transition: transform .4s var(--v-ease), border-color .3s, box-shadow .4s; }
body.nth-vct section.section-alt:has(.services-grid) .service-item { background: var(--v-soft) !important; border-color: transparent !important; }
body.nth-vct .service-num { background: var(--v-red) !important; font-family: var(--v-sans) !important; }
body.nth-vct .service-item h4 { font-size: 17px !important; }
body.nth-vct .service-item p { font-size: 15px !important; line-height: 1.7 !important; color: var(--v-text) !important; }

/* Hỏi đáp */
body.nth-vct .faq-item { background: #fff !important; border: 1px solid var(--v-line) !important; border-radius: 14px !important; box-shadow: none !important; }
body.nth-vct .faq-item, body.nth-vct .faq-item * { font-family: var(--v-sans) !important; }
body.nth-vct .faq-item > :first-child, body.nth-vct .faq-q, body.nth-vct .faq-item button { color: var(--v-ink) !important; font-weight: 600 !important; }
body.nth-vct .faq-icon { color: var(--v-red) !important; }
body.nth-vct .faq-ans, body.nth-vct .faq-ans p, body.nth-vct .faq-ans li { color: var(--v-text) !important; font-size: 15.5px !important; line-height: 1.75 !important; }
body.nth-vct .faq-ans strong { color: var(--v-ink) !important; }
body.nth-vct .faq-ans a { color: var(--v-red) !important; }

/* Kêu gọi cuối trang: nền đỏ phẳng (như khối số liệu trang chủ), nút trắng */
body.nth-vct .cta-section { background: var(--v-red) !important; background-image: none !important; }
body.nth-vct .cta-section::before, body.nth-vct .cta-section::after { display: none !important; }
body.nth-vct .cta-section h2 { color: #fff !important; text-align: center; }
body.nth-vct .cta-section p { color: rgba(255, 255, 255, .88) !important; }
body.nth-vct .cta-section .cta-btn { background: #fff !important; color: var(--v-red) !important; border: 0 !important; box-shadow: none !important; font-weight: 600 !important; transition: background-color .25s, color .25s, transform .25s var(--v-ease); }
body.nth-vct .cta-section .cta-btn:hover { background: var(--v-ink) !important; color: #fff !important; }
body.nth-vct .cta-section .cta-phone, body.nth-vct .cta-section .cta-phone * { color: #fff !important; font-family: var(--v-serif) !important; font-weight: 400 !important; }

@media (prefers-reduced-motion: reduce) { body.nth-vct * { transition: none !important; } }