/* Trang Về chúng tôi - DNet. Mọi rule nằm trong .vct để không ảnh hưởng theme */
@font-face { font-family: "DJ"; src: url("vct-dj-400.woff") format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: "DJ"; src: url("vct-dj-700.woff") format("woff"); font-weight: 700; font-display: swap; }
@font-face { font-family: "LM"; src: url("vct-lm-400.woff") format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: "LM"; src: url("vct-lm-700.woff") format("woff"); font-weight: 700; font-display: swap; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.vct { -webkit-text-size-adjust: 100%; }
.vct {--blue: #0F4DA2; --navy: #0A2342; --cyan: #18B7D9; --gray: #959499; --ink: #2A3F5F; --soft: #F3F7FC; --line: #DCE5F1; --red: #D32F2F;}
.vct * {box-sizing: border-box; margin: 0; padding: 0;}
.vct {background: #0A2342; scroll-behavior: smooth;}
.vct {font-family: "LM", "Segoe UI", Arial, sans-serif; font-size: 18px; line-height: 1.6; color: var(--ink); background: #fff;}
.vct a {color: inherit; text-decoration: none;}
.vct h1, .vct h2, .vct h3, .vct h4, .vct .dj, .vct .btn, .vct .chip {font-family: "DJ", "Segoe UI", Arial, sans-serif;}
.vct h1, .vct h2, .vct h3 {text-wrap: balance;}
.vct p {text-wrap: pretty;}
.vct .btn, .vct .chip {white-space: nowrap;}
.vct span.nw {white-space: nowrap; display: inline !important; color: inherit !important; font: inherit !important; margin: 0 !important;}
.vct .wrap {width: min(1240px, calc(100% - 48px)); margin: 0 auto;}
.vct svg.i {fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round;}
.vct .btn {display: inline-flex; align-items: center; gap: 9px; font-weight: 700; font-size: 15px; padding: 14px 26px; border-radius: 999px;}
.vct .btn svg {width: 19px; height: 19px;}
.vct .btn-cyan {background: var(--cyan); color: var(--navy);}
.vct .btn-blue {background: var(--blue); color: #fff;}
.vct .btn-ghost {border: 2px solid rgba(255,255,255,.6); color: #fff;}
.vct .btn-line {border: 2px solid var(--blue); color: var(--blue);}
.vct .btn-red {background: var(--red); color: #fff; box-shadow: 0 6px 16px rgba(211,47,47,.25);}
.vct section {padding: 80px 0;}
.vct .kicker {font-family: "DJ"; font-weight: 700; font-size: 13px; letter-spacing: .14em; color: var(--blue); display: inline-flex; align-items: center; gap: 12px;}
.vct .kicker::before {content: ""; width: 5px; height: 17px; background: var(--cyan); border-radius: 2px;}
.vct h2 {font-weight: 700; font-size: 36px; line-height: 1.25; color: var(--navy); margin: 12px 0 0;}
.vct .sec-head {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 34px; gap: 30px;}
.vct .more {font-family: "DJ"; font-weight: 700; font-size: 14px; color: var(--blue); display: inline-flex; align-items: center; gap: 6px;}
.vct .more svg {width: 16px; height: 16px;}
.vct h2.upper {letter-spacing: .01em; font-size: 31px; white-space: nowrap; margin: 0; display: flex; align-items: center; gap: 16px;}
.vct h2.upper::before {content: ""; flex: none; width: 6px; height: 1.05em; border-radius: 3px; background: var(--cyan);}
.vct h2.upper .blk {background: var(--blue); color: #fff; padding: 2px 14px 4px; border-radius: 10px; margin-right: 4px;}
.vct .proj h2.upper .blk {background: var(--cyan); color: var(--navy);}
.vct .sec-cta {text-align: center; margin-top: 36px;}
.vct .sec-cta .btn {padding: 15px 38px; font-size: 15px;}
.vct .proj {background: var(--navy); color: #DCE7F6;}
.vct .proj h2 {color: #fff;}
.vct .proj .kicker {color: var(--cyan);}
.vct .proj .more {color: var(--cyan);}
.vct .proj .grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.vct .dcard {background: #0F2E57; border-radius: 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.08);}
.vct .dcard img {width: 100%; height: 230px; object-fit: cover; display: block;}
.vct .dcard .bd {padding: 20px 22px 22px;}
.vct .dcard small {font-family: "DJ"; font-weight: 700; font-size: 11.5px; color: var(--cyan); letter-spacing: .1em;}
.vct .dcard h3 {font-size: 18px; color: #fff; line-height: 1.4; margin-top: 6px;}
.vct .crumb {font-family: "DJ"; font-size: 13px; color: #9FB6D6; margin-bottom: 18px;}
.vct .crumb b {color: #fff;}
.vct .ab-hero {background: var(--navy); color: #fff; padding: 70px 0 96px; position: relative; overflow: hidden;}
.vct .ab-hero::after {content: ""; position: absolute; left: -160px; bottom: -220px; width: 520px; height: 520px; border-radius: 50%; background: rgba(24,183,217,.12);}
.vct .ab-hero .wrap {display: grid; grid-template-columns: 1fr 560px; gap: 56px; align-items: center; position: relative; z-index: 2;}
.vct .ab-hero .kicker {color: var(--cyan);}
.vct .ab-hero h1 {font-size: 46px; line-height: 1.18; margin: 16px 0 22px;}
.vct .ab-hero h1 em {font-style: normal; color: var(--cyan);}
.vct .ab-hero p {font-size: 19px; color: #D3E0F3;}
.vct .ab-hero .cta {display: flex; gap: 14px; margin-top: 32px;}
.vct .slider {position: relative;}
.vct .slider img {width: 100%; height: 400px; object-fit: cover; border-radius: 22px; display: block; box-shadow: 0 26px 56px rgba(0,0,0,.35);}
.vct .slider .dots {display: flex; gap: 8px; justify-content: center; margin-top: 16px;}
.vct .slider .dots i {width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.35);}
.vct .slider .dots i.on {width: 30px; border-radius: 6px; background: var(--cyan);}
.vct .slider .tag {position: absolute; left: 18px; bottom: 58px; background: rgba(10,35,66,.86); color: #fff; font-family: "DJ"; font-size: 12.5px; font-weight: 700; padding: 7px 14px; border-radius: 999px;}
.vct .ab-stats {margin-top: -50px; position: relative; z-index: 3; padding: 0;}
.vct .ab-stats .row4 {display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: 20px; box-shadow: 0 20px 50px rgba(10,35,66,.14);}
.vct .ab-stats .s {padding: 28px 26px 26px;}
.vct .ab-stats .s + .s {border-left: 1px solid var(--line);}
.vct .ab-stats .s b {font-family: "DJ"; font-size: 46px; color: var(--blue); line-height: 1.1; display: block;}
.vct .ab-stats .s b.red {color: var(--red);}
.vct .ab-stats .s strong {display: block; font-family: "DJ"; font-size: 14.5px; color: var(--navy); margin: 8px 0 4px; line-height: 1.4;}
.vct .ab-stats .s span {font-size: 15.5px; color: #5A6B84; line-height: 1.4; display: block;}
.vct .intro {padding: 72px 0 80px;}
.vct .intro .wrap {display: grid; grid-template-columns: 420px 1fr; gap: 64px; align-items: start;}
.vct .intro h2 {margin-top: 14px;}
.vct .intro .tx p {margin-bottom: 14px; font-size: 18.5px;}
.vct .intro p.q-end {font-family: "DJ"; font-weight: 700; color: #fff; font-size: 18px; background: var(--blue); border-radius: 18px; border-left: 6px solid var(--cyan); padding: 26px 26px 28px 26px; margin-top: 30px; line-height: 1.6;}
.vct .intro .wrap {display: block; max-width: 1000px; text-align: center;}
.vct .intro h2 {margin: 0 0 26px; font-size: 38px;}
.vct .intro .tx p.q-end, .vct .intro p.q-end {text-align: center; border-left: 0; border-top: 6px solid var(--cyan); margin-top: 34px; font-size: 20px; padding: 28px 40px 30px;}
.vct .spaces .sp {display: block; padding: 28px 28px 30px; transition: .15s;}
.vct .spaces .sp:hover {border-color: var(--blue); box-shadow: 0 12px 30px rgba(15,77,162,.16); transform: translateY(-2px);}
.vct .spaces .sp .ico {width: 70px; height: 70px; border-radius: 14px; background: var(--blue); color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 18px;}
.vct .spaces .sp .ico svg {width: 34px; height: 34px;}
.vct .spaces .sp p {margin: 8px 0 0;}
.vct .multi2 {margin-top: 44px; background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--cyan); border-radius: 16px; padding: 30px 34px 32px;}
.vct .multi2 p {font-size: 19px; color: var(--navy);}
.vct .multi2 small {display: block; font-family: "DJ"; font-weight: 700; font-size: 13px; color: var(--gray); margin: 22px 0 14px; letter-spacing: .06em;}
.vct .multi2 .chips2 {display: flex; gap: 12px; flex-wrap: wrap;}
.vct .intro .tx strong {color: var(--navy);}
.vct .spaces {background: var(--soft);}
.vct .spaces .lead {font-size: 18.5px; max-width: 760px; margin-top: 12px;}
.vct .spaces .grid {display: grid; grid-template-columns: repeat(6, 1fr); gap: 22px; margin-top: 34px;}
.vct .spaces .sp {grid-column: span 2; background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid var(--line); box-shadow: 0 8px 24px rgba(10,35,66,.06);}
.vct .spaces .sp.w {grid-column: span 3;}
.vct .spaces .sp img {width: 100%; height: 200px; object-fit: cover; display: block;}
.vct .spaces .sp.w img {height: 230px;}
.vct .spaces .sp .bd {padding: 20px 22px 22px;}
.vct .spaces .sp h3 {font-size: 19px; color: var(--navy); line-height: 1.35;}
.vct .spaces .sp p {font-size: 16.5px; color: #4A5B74; margin: 6px 0 10px;}
.vct .spaces .sp .go {font-family: "DJ"; font-weight: 700; font-size: 14px; color: var(--blue); display: inline-flex; align-items: center; gap: 6px;}
.vct .spaces .sp .go svg {width: 16px; height: 16px;}
.vct .multi {margin-top: 44px; background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--cyan); border-radius: 16px; padding: 28px 32px; display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center;}
.vct .multi p {font-size: 19px; color: var(--navy);}
.vct .multi small {display: block; font-family: "DJ"; font-weight: 700; font-size: 13px; color: var(--gray); margin-top: 8px; letter-spacing: .04em;}
.vct .chips {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 480px;}
.vct .chip {text-align: center; font-family: "DJ"; font-weight: 700; font-size: 14px; padding: 12px 18px; border-radius: 999px; background: var(--blue); color: #fff;}
.vct .chip.c2 {background: #fff; color: var(--blue); border: 2px solid var(--blue); padding: 9px 18px;}
.vct .flow .sec-lead {max-width: 860px; font-size: 18.5px; margin-top: 12px;}
.vct .steps {display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-top: 40px; position: relative;}
.vct .step {background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 26px 22px 24px; position: relative; box-shadow: 0 6px 18px rgba(10,35,66,.05);}
.vct .step .no {width: 46px; height: 46px; border-radius: 50%; background: var(--blue); color: #fff; font-family: "DJ"; font-weight: 700; font-size: 19px; display: flex; align-items: center; justify-content: center;}
.vct .step svg.i {width: 34px; height: 34px; color: var(--cyan); position: absolute; right: 20px; top: 24px;}
.vct .step h4, .vct .step h3 {font-size: 17px; color: var(--navy); line-height: 1.4; margin-top: 16px;}
.vct .step.last .no {background: var(--cyan); color: var(--navy);}
.vct .steps .step:not(:nth-child(4n))::after {content: ""; position: absolute; right: -22px; top: 47px; width: 22px; height: 3px; background: var(--cyan);}
.vct .flow .perks {display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 30px;}
.vct .perk {display: flex; gap: 16px; align-items: center; background: var(--soft); border-radius: 16px; padding: 22px 26px; font-size: 18px; color: var(--navy); font-family: "DJ"; font-weight: 700; line-height: 1.5;}
.vct .perk svg {width: 36px; height: 36px; color: var(--blue); flex: none;}
.vct .flow .sec-cta {margin-top: 34px;}
.vct .rules {background: var(--navy); color: #DCE7F6;}
.vct .rules h2 {color: #fff;}
.vct .rules .grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 36px;}
.vct .rule {background: #0F2E57; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; padding: 28px 26px 26px; position: relative; overflow: hidden;}
.vct .rule .n {font-family: "DJ"; font-weight: 700; font-size: 56px; line-height: 1; color: var(--cyan); opacity: .9;}
.vct .rule h3 {color: #fff; font-size: 20px; margin: 14px 0 10px; line-height: 1.35;}
.vct .rule p {font-size: 16.5px; color: #B9CBE5;}
.vct .rule::after {content: ""; position: absolute; right: -40px; bottom: -40px; width: 120px; height: 120px; border-radius: 50%; background: rgba(24,183,217,.1);}
.vct .rules .more {color: var(--cyan);}
.vct .ab-proj {background: #fff;}
.vct .ab-proj .sec-cta {margin-top: 38px;}
.vct .after {background: var(--soft);}
.vct .cmt {margin-top: 34px; background: #fff; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; box-shadow: 0 8px 24px rgba(10,35,66,.06);}
.vct .cmt .hd, .vct .cmt .rw {display: grid; grid-template-columns: 300px 1fr 420px;}
.vct .cmt .hd {background: var(--blue); color: #fff; font-family: "DJ"; font-weight: 700; font-size: 14px; letter-spacing: .06em;}
.vct .cmt .hd div {padding: 14px 24px;}
.vct .cmt .rw + .rw {border-top: 1px solid var(--line);}
.vct .cmt .rw > div {padding: 22px 24px; font-size: 16.5px; line-height: 1.55;}
.vct .cmt .rw > div + div {border-left: 1px solid var(--line);}
.vct .cmt .nm {display: flex; gap: 14px; align-items: flex-start; font-family: "DJ"; font-weight: 700; font-size: 17px; color: var(--navy);}
.vct .cmt .nm span {flex: none; width: 46px; height: 46px; border-radius: 12px; background: var(--blue); color: #fff; display: flex; align-items: center; justify-content: center;}
.vct .cmt .nm svg {width: 25px; height: 25px;}
.vct .cmt ul {list-style: none;}
.vct .cmt li {padding-left: 18px; position: relative; margin-bottom: 4px;}
.vct .cmt li::before {content: ""; position: absolute; left: 0; top: 11px; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan);}
.vct .cmt li b {color: var(--navy);}
.vct .notes {display: grid; grid-template-columns: 1fr 1.4fr; gap: 22px; margin-top: 24px;}
.vct .note {background: #fff; border: 1px dashed #B9C9DE; border-radius: 14px; padding: 18px 22px; font-size: 15.5px; color: #4A5B74;}
.vct .note b {font-family: "DJ"; color: var(--blue); display: block; margin-bottom: 4px; font-size: 14px; letter-spacing: .04em;}
.vct .vm {display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 34px;}
.vct .vmc {border-radius: 20px; padding: 36px 36px 38px; position: relative; overflow: hidden;}
.vct .vmc.v {background: var(--blue); color: #fff;}
.vct .vmc.m {background: var(--soft); color: var(--ink); border: 1px solid var(--line);}
.vct .vmc small {font-family: "DJ"; font-weight: 700; font-size: 13px; letter-spacing: .14em; display: inline-flex; align-items: center; gap: 12px;}
.vct .vmc.v small {color: var(--cyan);}
.vct .vmc.m small {color: var(--blue);}
.vct .vmc small::before {content: ""; width: 5px; height: 17px; background: var(--cyan); border-radius: 2px;}
.vct .vmc p {font-size: 20px; line-height: 1.6; margin-top: 16px;}
.vct .vmc svg.big {position: absolute; right: 26px; top: 26px; width: 64px; height: 64px; opacity: .22;}
.vct .cv-h {margin-top: 56px;}
.vct .cv {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 26px;}
.vct .cvc {border: 1px solid var(--line); border-top: 5px solid var(--cyan); border-radius: 16px; padding: 24px 22px 26px; background: #fff; box-shadow: 0 8px 22px rgba(10,35,66,.05);}
.vct .cvc .n {font-family: "DJ"; font-weight: 700; font-size: 13px; color: var(--gray); letter-spacing: .1em;}
.vct .cvc h3 {font-size: 24px; color: var(--blue); margin: 6px 0 10px;}
.vct .cvc p {font-size: 16px; color: #4A5B74; line-height: 1.55;}
.vct .contact {background: var(--navy); color: #DCE7F6;}
.vct .contact .wrap {display: grid; grid-template-columns: 1fr 480px; gap: 56px; align-items: center;}
.vct .contact h2 {color: #fff;}
.vct .contact .kicker {color: var(--cyan);}
.vct .contact .tx p {margin-top: 14px; font-size: 18.5px;}
.vct .contact .tx ol {margin: 18px 0 0 22px; font-size: 18px;}
.vct .contact .cbox {background: #fff; color: var(--ink); border-radius: 22px; padding: 32px 32px 30px; box-shadow: 0 24px 50px rgba(0,0,0,.3);}
.vct .contact .cbox .hl {display: flex; gap: 14px; align-items: center;}
.vct .contact .cbox .hl span {width: 56px; height: 56px; border-radius: 50%; background: var(--red); color: #fff; display: flex; align-items: center; justify-content: center; flex: none;}
.vct .contact .cbox .hl svg {width: 26px; height: 26px;}
.vct .contact .cbox small {font-family: "DJ"; font-weight: 700; font-size: 12.5px; color: var(--gray); letter-spacing: .1em; display: block;}
.vct .contact .cbox b.tel {font-family: "DJ"; font-size: 34px; color: var(--red); line-height: 1.15;}
.vct .contact .cbox .btns {display: flex; flex-direction: column; gap: 12px; margin-top: 22px;}
.vct .contact .cbox .btns .btn {justify-content: center;}
.vct .contact .cbox .info {margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 15.5px; line-height: 1.7; color: #4A5B74;}
.vct .contact .cbox .info b {color: var(--navy);}
.vct .ab-proj .dcard {background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(10,35,66,.06)}
.vct .ab-proj .dcard small {color:var(--gray)}
.vct .ab-proj .dcard h3 {color:var(--navy)}
.vct .vmc svg.big {position:absolute;right:26px;top:26px;width:64px;height:64px;opacity:.22;fill:none;stroke:currentColor;stroke-width:2;}
.vct .dir {padding-bottom:90px}
.vct a:focus-visible, .vct button:focus-visible, .vct input:focus-visible {outline: 3px solid var(--cyan); outline-offset: 2px;}
.vct img {max-width: 100%; height: auto;}
.vct .crumb a:hover {color: #fff;}
.vct .btn {white-space: normal; text-align: center; line-height: 1.35; transition: filter .15s, transform .15s;}
.vct .btn:hover {filter: brightness(1.08); transform: translateY(-1px);}
.vct .chip {white-space: normal;}
.vct h2.upper {white-space: normal; align-items: flex-start; font-size: clamp(24px, 3vw, 31px);}
.vct h2.upper::before {margin-top: .08em;}
.vct .slider {position: relative;}
.vct .slider .slide {display: none; margin: 0; position: relative;}
.vct .slider .slide.on {display: block; animation: fadeIn .6s;}
.vct .slider .tag {position: absolute; left: 18px; bottom: 18px;}
.vct .slider .dots {margin-top: 16px;}
.vct .slider .dots button {width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.35); cursor: pointer; transition: .2s;}
.vct .slider .dots button.on {width: 30px; border-radius: 6px; background: var(--cyan);}
.vct .slider img {aspect-ratio: 7 / 5; height: auto; max-height: 400px;}
.vct .dcard {transition: transform .15s;}
.vct .dcard:hover {transform: translateY(-3px);}
.vct .spaces .sp {position: relative;}
.vct .cmt .rw > div {min-width: 0;}
.vct .cmt .hd {display: grid;}
@media (prefers-reduced-motion: reduce) {
  .vct * {animation: none !important; transition: none !important; scroll-behavior: auto !important;}
}
@media (max-width: 1180px) {
  .vct .ab-hero .wrap {grid-template-columns: 1fr; gap: 40px;}
  .vct .slider {max-width: 640px;}
  .vct .ab-stats .row4 {grid-template-columns: repeat(2, 1fr);}
  .vct .ab-stats .s:nth-child(3) {border-left: 0;}
  .vct .ab-stats .s:nth-child(n+3) {border-top: 1px solid var(--line);}
  .vct .spaces .grid {grid-template-columns: repeat(2, 1fr);}
  .vct .spaces .sp, .vct .spaces .sp.w {grid-column: span 1;}
  .vct .spaces .sp:last-child {grid-column: span 2;}
  .vct .steps {grid-template-columns: repeat(2, 1fr);}
  .vct .steps .step::after {display: none;}
  .vct .rules .grid, .vct .proj .grid, .vct .ab-proj .grid {grid-template-columns: repeat(2, 1fr);}
  .vct .cmt .hd, .vct .cmt .rw {grid-template-columns: 240px 1fr 320px;}
  .vct .cv {grid-template-columns: repeat(2, 1fr);}
  .vct .contact .wrap {grid-template-columns: 1fr; gap: 36px;}
}
@media (max-width: 860px) {
  .vct section {padding: 60px 0;}
  .vct .ab-hero {padding: 40px 0 80px;}
  .vct .ab-hero h1 {font-size: 34px;}
  .vct .ab-hero p {font-size: 17px;}
  .vct .ab-hero .cta {flex-direction: column; align-items: stretch;}
  .vct .intro {padding: 56px 0 60px;}
  .vct .intro h2 {font-size: 30px;}
  .vct .intro .tx p, .vct .intro p.q-end {font-size: 17px;}
  .vct .intro p.q-end {padding: 22px 22px 24px;}
  .vct .spaces .lead, .vct .flow .sec-lead {font-size: 17px;}
  .vct .flow .perks {grid-template-columns: 1fr;}
  .vct .flow .sec-cta .btn {width: 100%;}
  .vct .notes, .vct .vm {grid-template-columns: 1fr;}
  .vct .vmc {padding: 28px 24px 30px;}
  .vct .vmc p {font-size: 18px;}
  .vct .cmt .hd {display: none;}
  .vct .cmt .rw {grid-template-columns: 1fr;}
  .vct .cmt .rw > div + div {border-left: 0; border-top: 1px dashed var(--line);}
  .vct .cmt .rw > div:nth-child(2)::before {content: "NỘI DUNG"; display: block; font: 700 12px "DJ"; letter-spacing: .1em; color: var(--gray); margin-bottom: 8px;}
  .vct .cmt .rw > div:nth-child(3)::before {content: "ĐIỀU KIỆN"; display: block; font: 700 12px "DJ"; letter-spacing: .1em; color: var(--gray); margin-bottom: 8px;}
  .vct .multi2 {padding: 24px 22px 26px;}
  .vct .multi2 p {font-size: 17px;}
}
@media (max-width: 600px) {
  .vct {font-size: 17px;}
  .vct .wrap {width: calc(100% - 32px);}
  .vct .ab-stats {margin-top: -40px;}
  .vct .ab-stats .s {padding: 20px 16px;}
  .vct .ab-stats .s b {font-size: 32px;}
  .vct .ab-stats .s strong {font-size: 13px;}
  .vct .spaces .grid, .vct .steps, .vct .rules .grid, .vct .proj .grid, .vct .ab-proj .grid, .vct .cv {grid-template-columns: 1fr;}
  .vct .spaces .sp:last-child {grid-column: auto;}
  .vct .steps {gap: 14px;}
  .vct .step {padding: 20px 18px; display: flex; align-items: center; gap: 14px;}
  .vct .step h4, .vct .step h3 {margin: 0; flex: 1; padding-right: 40px;}
  .vct .step svg.i {top: 50%; transform: translateY(-50%);}
  .vct .rule .n {font-size: 44px;}
  .vct .ab-proj .dcard img, .vct .dcard img {height: 200px;}
  .vct .contact .cbox {padding: 24px 20px;}
  .vct .contact .cbox b.tel {font-size: 28px;}
  .vct .slider img {aspect-ratio: 4 / 3;}
}

/* Chống theme ghi đè (độ đậm/màu tiêu đề, chữ nút) */
.vct h1, .vct h2, .vct h3, .vct h4 {font-weight: 700; letter-spacing: 0; text-transform: none;}
.vct .ab-hero h1 {color: #fff;}
.vct .ab-hero h1 em {color: var(--cyan);}
.vct .btn {text-transform: none; letter-spacing: 0;}

/* Tinh chỉnh giao diện v3 (2026-11-04): nút giống trang chủ, bỏ viền xanh/lệch (theme gán margin-top 7px cho .btn-red), số thống kê dùng DejaVu */
.dn-mm-row a[href="/ve-chung-toi"] {color: #18B7D9; font-weight: 700;}
.vct .btn {border: 2px solid transparent; margin: 0; height: auto; line-height: 1.35; transition: transform .15s, box-shadow .15s, filter .15s;}
.vct .cta .btn, .vct .btn.btn-red {margin: 0 !important;}
.vct .btn.btn-red {background: #D32F2F; border-color: transparent; color: #fff; box-shadow: 0 4px 12px rgba(211,47,47,.25);}
.vct .btn.btn-red:hover {transform: translateY(-1px); box-shadow: 0 8px 18px rgba(211,47,47,.32); filter: brightness(1.05); color: #fff;}
.vct .btn.btn-red:active {transform: none; box-shadow: 0 2px 6px rgba(211,47,47,.3);}
.vct .btn.btn-ghost {border-color: rgba(255,255,255,.6); color: #fff;}
.vct .btn.btn-ghost:hover {background: rgba(255,255,255,.1); border-color: #fff; color: #fff;}
.vct .btn-line {border-color: var(--blue);}
.vct .ab-hero .cta {flex-wrap: wrap;}
.vct .ab-hero .cta .btn {padding: 16px 28px; font-size: 16px; white-space: nowrap;}
.vct .chip {background: #0F4DA2; border: 2px solid transparent; color: #fff; padding: 14px 26px; font-size: 15px; line-height: 1.35; box-shadow: 0 4px 12px rgba(15,77,162,.25); transition: transform .15s, box-shadow .15s, filter .15s;}
.vct .chip:hover {transform: translateY(-1px); color: #fff; box-shadow: 0 8px 18px rgba(15,77,162,.32); filter: brightness(1.08);}
.vct .chip:active {transform: none; box-shadow: 0 2px 6px rgba(15,77,162,.3);}
.vct .multi2 small, .vct .ab-proj .dcard small, .vct .cvc .n {color: #4A5B74;}
.vct .ab-stats .s b {font-family: "DN DJ", "DJ", "Segoe UI", Arial, sans-serif !important;}

/* Mục lục cố định bên trái (scroll-spy) */
.vct .toc {position: fixed; left: 18px; top: var(--toc-top, 260px); z-index: 900;}
.vct .toc .toc-btn {display: none;}
.vct .toc ol {list-style: none; margin: 0; padding: 10px 8px; display: flex; flex-direction: column; gap: 2px; background: rgba(255,255,255,.94); border: 1px solid var(--line); border-radius: 999px; box-shadow: 0 10px 30px rgba(10,35,66,.15);}
.vct .toc li {margin: 0; padding: 0; list-style: none;}
.vct .toc a {display: flex; align-items: center; gap: 10px; height: 30px; padding: 0 6px; color: var(--ink); text-decoration: none; position: relative; border-radius: 999px; font-family: "DN DJ", "DJ", "Segoe UI", Arial, sans-serif; font-weight: 700; font-size: 13px; line-height: 1;}
.vct .toc .dot {width: 22px; height: 22px; border-radius: 50%; background: #E3ECF7; color: #4A5B74; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; line-height: 1; flex: none; box-sizing: border-box; transition: background .2s, color .2s, box-shadow .2s, transform .2s;}
.vct .toc a:hover .dot, .vct .toc a:focus-visible .dot {background: var(--blue); color: #fff;}
.vct .toc a[aria-current="true"] .dot {background: var(--cyan); color: var(--navy); box-shadow: 0 0 0 4px rgba(24,183,217,.28); transform: scale(1.1);}
.vct .toc .lb {position: absolute; left: 100%; margin-left: 12px; white-space: nowrap; background: #fff; color: var(--navy); border: 1px solid var(--line); box-shadow: 0 6px 18px rgba(10,35,66,.28); padding: 7px 12px; border-radius: 8px; opacity: 0; pointer-events: none; transform: translateX(-4px); transition: opacity .15s, transform .15s;}
.vct .toc a:hover .lb, .vct .toc a:focus-visible .lb {opacity: 1; transform: none;}
@media (min-width: 1600px) {
  .vct .toc {left: 24px;}
  .vct .toc ol {border-radius: 18px; padding: 12px 10px;}
  .vct .toc a {height: 34px; padding: 0 12px 0 10px; border-radius: 10px;}
  .vct .toc .lb {position: static; margin: 0; opacity: 1; transform: none; pointer-events: auto; background: none; color: var(--ink); padding: 0; border: 0; box-shadow: none;}
  .vct .toc a:hover {background: var(--soft);}
  .vct .toc a[aria-current="true"] {background: var(--soft);}
  .vct .toc a[aria-current="true"] .lb {color: var(--blue);}
}
@media (max-width: 991px) {
  .vct .toc {left: 12px; top: auto; bottom: 16px; transform: none;}
  .vct .toc .toc-btn {display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border: 2px solid transparent; border-radius: 999px; background: #0F4DA2; color: #fff; font-family: "DN DJ", "DJ", "Segoe UI", Arial, sans-serif; font-weight: 700; font-size: 14px; cursor: pointer; box-shadow: 0 4px 12px rgba(15,77,162,.35);}
  .vct .toc .toc-ico {width: 16px; height: 12px; background: linear-gradient(#fff,#fff) 0 0/100% 2px no-repeat, linear-gradient(#fff,#fff) 0 5px/100% 2px no-repeat, linear-gradient(#fff,#fff) 0 10px/100% 2px no-repeat;}
  .vct .toc ol {display: none; position: absolute; left: 0; bottom: 54px; border-radius: 16px; padding: 8px; min-width: 190px;}
  .vct .toc.open ol {display: flex;}
  .vct .toc a {height: 40px; padding: 0 12px; gap: 12px; font-size: 14px;}
  .vct .toc .lb {position: static; margin: 0; opacity: 1; transform: none; pointer-events: auto; background: none; color: var(--ink); padding: 0; border: 0; box-shadow: none;}
  .vct .toc a[aria-current="true"] {background: var(--soft);}
  .vct .toc a[aria-current="true"] .lb {color: var(--blue);}
}
@media print {.vct .toc {display: none;}}

/* Mobile: thẻ kéo ngang (giống khối đảm bảo ở trang chủ) + CTA ngắn */
.vct .cta-short {display: none;}
@media (max-width: 860px) {
  .vct .cta-long {display: none;}
  .vct .cta-short {display: inline;}
  .vct .sec-cta .btn {width: 100%; padding: 16px 20px; font-size: 16px;}
  .vct .cta-short {white-space: nowrap;}
  .vct .ab-stats {margin-top: -36px;}
  .vct .ab-stats .row4 {display: flex; scroll-padding: 0 16px; gap: 10px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 -16px; padding: 4px 16px 18px; background: transparent; box-shadow: none; border-radius: 0;}
  .vct .ab-stats .row4::-webkit-scrollbar {display: none;}
  .vct .ab-stats .s, .vct .ab-stats .s + .s, .vct .ab-stats .s:nth-child(3), .vct .ab-stats .s:nth-child(n+3) {flex: 0 0 78%; scroll-snap-align: start; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 6px 16px rgba(10,35,66,.1); padding: 14px 16px;}
  .vct .ab-stats .s b {font-size: 34px; white-space: nowrap;}
  .vct .ab-stats .s strong {font-size: 14px; margin: 6px 0 0;}
  .vct .spaces .grid {display: flex; scroll-padding: 0 16px; gap: 10px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 26px -16px 0; padding: 6px 16px 18px;}
  .vct .spaces .grid::-webkit-scrollbar {display: none;}
  .vct .spaces .sp, .vct .spaces .sp.w, .vct .spaces .sp:last-child {flex: 0 0 78%; grid-column: auto; scroll-snap-align: start; padding: 20px 18px 22px;}
  .vct .spaces .sp .ico {width: 56px; height: 56px; margin-bottom: 14px;}
  .vct .spaces .sp .ico svg {width: 28px; height: 28px;}
}

/* Mobile v2: canh giữa nội dung nút, chữ co giãn, không tràn khung, không chữ mồ côi */
.vct .btn, .vct .chip {justify-content: center; text-align: center; text-wrap: balance;}
.vct .chip {display: inline-flex; align-items: center;}
@media (max-width: 860px) {
  .vct .ab-hero .cta .btn {width: 100%; justify-content: center; white-space: normal; font-size: clamp(14px, 4.2vw, 16px); padding: 16px clamp(14px, 5vw, 28px);}
  .vct .sec-cta .btn {justify-content: center; font-size: clamp(14px, 4.2vw, 16px); padding: 16px clamp(14px, 5vw, 20px);}
  .vct .cta-short {white-space: normal; text-wrap: balance;}
  .vct .contact .cbox .btns .btn {justify-content: center; font-size: clamp(14px, 4vw, 15px); padding: 15px clamp(12px, 4vw, 18px); white-space: normal;}
  .vct .chips2 {gap: 10px;}
  .vct .chip {font-size: 14px; padding: 13px 20px; white-space: normal;}
}

/* Mobile: Giá trị cốt lõi: số + tiêu đề cùng một hàng */
@media (max-width: 860px) {
  .vct .cvc {display: grid; grid-template-columns: auto 1fr; column-gap: 14px; align-items: baseline; padding: 20px 18px 22px;}
  .vct .cvc .n {grid-column: 1; grid-row: 1; margin: 0; font-size: 32px; line-height: 1; letter-spacing: 0; color: var(--cyan);}
  .vct .cvc h3 {grid-column: 2; grid-row: 1; margin: 0; font-size: 26px; line-height: 1.2; white-space: nowrap;}
  .vct .cvc p {grid-column: 1 / -1; grid-row: 2; margin: 12px 0 0;}
}

/* Thanh cyan cao bằng nội dung (tiêu đề nhiều dòng) */
.vct h2.upper {align-items: stretch;}
.vct h2.upper::before {align-self: stretch; height: auto; min-height: 1.05em; margin-top: 0;}
.vct .kicker {align-items: stretch;}
.vct .kicker::before {align-self: stretch; height: auto; min-height: 17px;}

/* Lề theo cỡ màn hình: tablet dọc 44px, iPad Pro/laptop nhỏ 85px (chừa chỗ thanh mục lục), mobile 16px */
.vct {--vct-gut: 24px;}
.vct .wrap {width: min(1240px, calc(100% - 2 * var(--vct-gut)));}
@media (min-width: 601px) and (max-width: 991px) {.vct {--vct-gut: 59px;}}
@media (min-width: 992px) and (max-width: 1599px) {.vct {--vct-gut: 85px;} .vct .toc {left: 10px;}}
@media (max-width: 600px) {.vct {--vct-gut: 16px;}}
@media (max-width: 860px) {
  .vct .ab-stats .row4, .vct .spaces .grid {margin-left: calc(-1 * var(--vct-gut)); margin-right: calc(-1 * var(--vct-gut)); padding-left: var(--vct-gut); padding-right: var(--vct-gut); scroll-padding: 0 var(--vct-gut);}
}

/* Tablet 601-1180: hero căn giữa, tiêu đề 2 dòng, số liệu 4 thẻ 2x2 */
@media (min-width: 601px) and (max-width: 1180px) {
  .vct .ab-hero .wrap {text-align: center;}
  .vct .ab-hero .crumb {text-align: left;}
  .vct .ab-hero .kicker {display: flex; justify-content: flex-start;}
  .vct .ab-hero h1 {font-size: clamp(30px, 5.2vw, 46px); margin-left: auto; margin-right: auto;}
  .vct .ab-hero h1 .h1-a {display: block; white-space: nowrap;}
  .vct .ab-hero p {max-width: 720px; margin-left: auto; margin-right: auto;}
  .vct .ab-hero .cta {flex-direction: row; justify-content: center; align-items: center;}
  .vct .ab-hero .cta .btn {width: auto;}
  .vct .slider {width: 100%; max-width: 640px; margin-left: auto; margin-right: auto;}
  .vct .ab-stats .row4 {display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; gap: 16px; margin: 0; padding: 0; overflow: visible; scroll-snap-type: none; background: transparent; box-shadow: none; border-radius: 0;}
  .vct .ab-stats .s, .vct .ab-stats .s + .s, .vct .ab-stats .s:nth-child(3), .vct .ab-stats .s:nth-child(n+3) {flex: none; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 8px 22px rgba(10,35,66,.12); padding: 22px 24px;}
  .vct .ab-stats .s b {font-size: 40px;}
}

/* iPad Mini: mục lục dọc như iPad Pro (601-991px), lề 59px mỗi bên */
@media (min-width: 601px) and (max-width: 991px) {
  .vct .toc {left: 6px; top: var(--toc-top, 260px); bottom: auto; transform: none;}
  .vct .toc .toc-btn {display: none;}
  .vct .toc ol {display: flex; position: static; bottom: auto; min-width: 0; border-radius: 999px; padding: 8px 4px;}
  .vct .toc a {height: 30px; padding: 0 4px; gap: 10px; font-size: 13px;}
  .vct .toc a[aria-current="true"] {background: transparent;}
  .vct .toc .lb {position: absolute; left: 100%; margin-left: 12px; opacity: 0; pointer-events: none; transform: translateX(-4px); background: #fff; color: var(--navy); border: 1px solid var(--line); box-shadow: 0 6px 18px rgba(10,35,66,.28); padding: 7px 12px; border-radius: 8px;}
  .vct .toc a[aria-current="true"] .lb {color: var(--navy);}
}


/* iPad Mini: CTA cuối trang hiện câu dài trên 1 hàng (730-860px) */
@media (min-width:730px) and (max-width:860px){
  .vct .sec-cta .cta-long{display:inline!important;white-space:nowrap}
  .vct .sec-cta .cta-short{display:none!important}
  .vct .sec-cta .btn{font-size:13px;padding:16px 14px;white-space:nowrap}
}


/* Khối giải pháp không còn là link (trang đích chưa có): bỏ hiệu ứng hover/tay chỉ */
.vct .spaces .sp,.vct .chip{cursor:default}
.vct .spaces .sp:hover{border-color:#DCE5F1;box-shadow:none;transform:none}
.vct .chip:hover,.vct .chip:active{transform:none;box-shadow:none;filter:none}
.vct .spaces .sp .go{display:none}