/*
Theme Name:           Flatsome Child
Theme URI:            http://flatsome.uxthemes.com
Description:          Child theme for Flatsome (VLINK ASIA)
Author:               UX-Themes
Author URI:           https://uxthemes.com
Template:             flatsome
Version:              1.0.0
Requires at least:    6.4
Requires PHP:         7.4
Text Domain:          flatsome-child
*/

/* ==========================================================================
   VLINK ASIA - GLOBAL DESIGN TOKENS (2026)
   Palette: INK (đen) + NAVY (xanh) + ORANGE (cam accent)
   Mục tiêu:
   - Đồng bộ phong cách với trang dịch vụ (navy/ink + cam điểm xuyến)
   - Hạn chế ảnh hưởng bài viết: mọi layout "home/slider/card" được SCOPE vào .home
   ========================================================================== */

:root{
  /* === 3 màu chủ đạo === */
  --vlink-ink:        #0b1220;   /* Đen sâu (đừng dùng pure #000 để đỡ gắt) */
  --vlink-navy:       #002d5e;   /* Navy chủ đạo */
  --vlink-accent:     #ff6600;   /* Cam điểm xuyến */

  /* === Neutral (không tính là “màu chủ đạo”, phục vụ readability) === */
  --vlink-white:      #ffffff;
  --vlink-soft:       #f8fafc;
  --vlink-border:     #e2e8f0;
  --vlink-text:       #64748b;
  --vlink-muted:      #94a3b8;

  /* === Compatibility layer (để code cũ không vỡ) === */
  --vlink-primary:        var(--vlink-navy);
  --vlink-primary-hover:  var(--vlink-accent);
  --vlink-dark:           var(--vlink-ink);

  --vlink-transition: all .28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================================================
   0) SAFE GLOBAL HELPERS
   (Gợi ý: chỉ đặt những thứ “an toàn” ở global, tránh đụng layout card/slider)
   ========================================================================== */

/* Link chung trong nội dung: navy + underline mờ, hover cam (đúng service style)
   NOTE: chỉ áp trong #main để không ảnh hưởng header/footer widgets */


/* ==========================================================================
   1) HEADER NAV – SAFE & PRECISE (theo HTML hiện tại)
   Chỉ động vào menu chữ cấp 1, không phá icon
   ========================================================================== */

.header-nav > li > a.nav-top-link{
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--vlink-navy);
  padding: 0 10px;
  letter-spacing: -0.2px;
  position: relative;
  background: transparent;
}

/* Gạch chân hover: navy (không dùng cam để khỏi “chói” ở nav) */
.header-nav > li > a.nav-top-link::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:-6px; /* đủ xa - không đè chữ */
  height:2px;
  background-color: var(--vlink-navy);
  opacity:0;
  transform: scaleX(0);
  transform-origin:center;
  transition: transform .25s ease, opacity .25s ease;
}

.header-nav > li:hover > a.nav-top-link::after,
.header-nav > li > a.nav-top-link:hover::after{
  opacity:1;
  transform: scaleX(1);
}

/* Active state */
.header-nav > li.current-menu-item > a.nav-top-link::after,
.header-nav > li.current-menu-parent > a.nav-top-link::after{
  opacity:1;
  transform: scaleX(1);
}

/* Loại trừ icon (giỏ hàng, account, search) */
.header-nav > li.has-icon > a.nav-top-link::after{
  display:none !important;
}

/* Hover chữ nav: ink đậm nhẹ */
.header-nav > li > a.nav-top-link:hover{
  color: var(--vlink-ink);
}

/* ==========================================================================
   2) DROPDOWN MENU – readable, sạch, không “bluey”
   ========================================================================== */

.header-nav .nav-dropdown a,
.nav-dropdown a{
  white-space: normal;
  line-height: 1.25;
}

.nav-dropdown li{
  padding: 2px 0;
}

.nav-dropdown li a{
  color:#1f2937;
  background: transparent;
}
.nav-dropdown li a:hover{
  background-color: var(--vlink-soft);
  color: var(--vlink-navy);
}

/* Description trong dropdown (Flatsome) */
.nav-dropdown .menu-item-description{
  display:block;
  font-size:12px;
  line-height:1.25;
  opacity:.72;
  margin-top:4px;
}

/* CTA item: “Xem tất cả dịch vụ” (giữ cảm giác CTA, hover ink)
   NOTE: class .tatcadichvu phải đúng như menu anh đặt */
.header-nav .menu-item.tatcadichvu > a,
.nav-dropdown .menu-item.tatcadichvu > a{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: none;
  opacity: .92;

  padding: 10px 14px !important;
  margin-top: 6px;
  border-radius: 10px;

  background: rgba(0,0,0,0.04);
  display:flex !important;
  align-items:center;
  justify-content:space-between;
}

.header-nav .menu-item.tatcadichvu > a:hover,
.nav-dropdown .menu-item.tatcadichvu > a:hover{
  background: var(--vlink-ink) !important;
  color: #fff !important;
  opacity: 1;
}

.header-nav .menu-item.tatcadichvu.current-menu-item > a,
.nav-dropdown .menu-item.tatcadichvu.current-menu-item > a{
  background: var(--vlink-ink) !important;
  color: #fff !important;
}

.nav-dropdown .menu-item.tatcadichvu > a::after{
  content:"»»";
  font-size:11px;
  opacity:.85;
  margin-left:12px;
}
.nav-dropdown .menu-item.tatcadichvu > a:hover::after{
  color:#fff !important;
  opacity:1;
}

/* ==========================================================================
   3) MINI CART – giữ nút rõ ràng theo palette
   ========================================================================== */

.ux-mini-cart-footer .button{
  background: var(--vlink-navy);
  color: #ffffff;
  border-radius: 8px;
  font-weight: 700;
}
.ux-mini-cart-footer .button:hover{
  background: var(--vlink-accent);
}

/* ==========================================================================
   4) HEADER CTA BUTTON – “Báo giá SEO”
   ========================================================================== */

.header-button .button.primary{
  background: var(--vlink-navy);
  color:#ffffff;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  padding: 6px 12px;
  transition: var(--vlink-transition);
}
.header-button .button.primary:hover{
  background: var(--vlink-accent);
  transform: translateY(-1px);
}

/* ==========================================================================
   5) WIKI FOOTER SIGNATURE (block ký tên dưới bài)
   - Accent cam (đúng service style)
   ========================================================================== */

.wiki-footer-signature{
  margin: 30px 0;
  padding: 25px;
  background-color: #ffffff;
  border: 1px solid #e1e4e8;
  border-left: 5px solid var(--vlink-accent);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.wiki-footer-content{
  display:flex;
  align-items:center;
  gap: 25px;
}
.wiki-footer-logo{ flex-shrink:0; }
.wiki-footer-logo img{
  width: 180px;
  height:auto;
  display:block;
}

.wiki-footer-text p{
  margin:0;
  color:#444;
  font-size:15px;
  line-height:1.7;
  font-family: Arial, sans-serif;
}

.wiki-footer-text a{
  color: var(--vlink-navy);
  text-decoration:none;
  font-weight: 800;
}
.wiki-footer-text a:hover{
  text-decoration: underline;
  text-decoration-color: var(--vlink-accent);
  text-underline-offset: 4px;
}

.more-info{
  display:block;
  margin-top:8px;
  font-size: 0.95em;
}

@media (max-width:600px){
  .wiki-footer-content{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
  }
  .wiki-footer-logo img{ width:150px; }
}

/* ==========================================================================
   6) CONTENT TYPOGRAPHY – (chỉ trong #main để tránh ảnh hưởng header/footer)
   NOTE: đây là phần “đọc cho sướng”, không can thiệp layout card/slider.
   ========================================================================== */

#main .entry-content.single-page{
  font-size: 18px !important;
  line-height: 1.85 !important;
  color: #1a202c !important;
  max-width: 1300px;
  margin: 0 auto !important;
  font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Heading: navy/ink, có “bar” bên trái */
#main .entry-content h2{
  color: var(--vlink-ink);
  font-size: 30px !important;
  font-weight: 900 !important;
  margin: 10px 0 25px !important;
  letter-spacing: -0.5px !important;
  line-height: 1.3 !important;
  border-left: 6px solid var(--vlink-ink);
  border-radius: 5px;
  padding-left: 10px;
}
#main .entry-content h3{
  font-size: 22px !important;
  font-weight: 800 !important;
  margin: 40px 0 20px;
}

/* Quote: hộp info tối giản, accent cam */
#main .wp-block-quote{
  position: relative;
  background: #f4f8fb !important;
  border: 1px solid #d9e3ea !important;
  border-left: 4px solid var(--vlink-accent);
  padding: 18px 22px !important;
  margin: 24px 0 !important;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(6, 26, 54, 0.05);
  overflow: hidden;
}

#main .wp-block-quote::before{
  content: "“";
  position: absolute;
  top: 8px;
  left: 14px;
  font-size: 42px;
  line-height: 1;
  font-weight: 700;
  color: rgba(6, 26, 54, 0.08);
  pointer-events: none;
}

#main .wp-block-quote p{
  position: relative;
  z-index: 1;
  margin: 0 0 12px 0 !important;
  color: #0f172a;
  font-size: 17px;
  line-height: 1.75;
}

#main .wp-block-quote p:last-child{
  margin-bottom: 0 !important;
}

#main .wp-block-quote cite{
  display: block;
  margin-top: 10px;
  color: #335c81;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

#main .wp-block-quote strong{
  color: #061a36;
}

/* Table: tối giản */
#main .wp-block-table{
  margin: 40px 0 !important;
  border:none !important;
}
#main .wp-block-table th{
  background-color: var(--vlink-soft) !important;
  color: var(--vlink-ink) !important;
  border:none !important;
  border-bottom: 2px solid var(--vlink-ink) !important;
  padding: 18px !important;
  text-align:left !important;
  font-weight: 900 !important;
}
#main .wp-block-table td{
  border:none !important;
  border-bottom: 1px solid #eee !important;
  padding: 18px !important;
  font-size: 16px;
}

/* Lists */
#main .entry-content ul,
#main .entry-content ol{
  padding-left: 20px !important;
}
#main .entry-content li{ margin-bottom: 12px !important; }


/* ==========================================================================
   7) ARCHIVE (Danh mục tin / blog list) – giữ “sắc sảo”
   NOTE: chủ yếu giữ như anh, chỉ đổi hover sang cam.
   ========================================================================== */
.vlink-category-bottom-content{
  padding: 0 25px !important;
}
.archive-page-header .row{
  padding: 0 10px !important;
}
#main .archive-page-header{
  background-color:#ffffff !important;
  padding: 60px 0px 0px 0px !important;
  border-bottom: 1px solid #f2f2f2 !important;
  margin-bottom: 10px;
}

#main .archive-page-header .page-title{
  color: var(--vlink-ink) !important;
  font-weight: 900 !important;
  font-size: 32px !important;
  letter-spacing: -1px !important;
  text-align: left!important;
}

#main .archive-page-header .taxonomy-description{
  color: #4a5568 !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  max-width: 100%;
  margin: 20px auto 0 !important;
  text-align: left!important;
}
#main .archive-page-header .taxonomy-description ul,
#main .archive-page-header .taxonomy-description ol
{ 
  margin-left: 50px;
}
#main .taxonomy-description a{
  color: var(--vlink-ink) !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(0,0,0,0.25) !important;
  text-underline-offset: 4px;
}
#main .taxonomy-description a:hover{
  color: var(--vlink-accent) !important;
  text-decoration-color: rgba(255,102,0,0.7) !important;
}

#main .post-item .box-blog-post{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#main .post-item .box-text{
  padding: 25px 10px !important;
}

#main .post-item .post-title a{
  color: var(--vlink-ink) !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
  transition: var(--vlink-transition) !important;
  border-bottom: none !important; /* archive title không cần underline */
}
#main .post-item .post-title a:hover{
  color: var(--vlink-accent) !important;
}

#main .post-item .box-image{
  border-radius: 10px !important;
  overflow: hidden !important;
}
#main .post-item .box-image img{
  transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1) !important;
}
#main .post-item .box-blog-post:hover .box-image img{
  transform: scale(1.08) !important;
}

#main .post-item p.from_the_blog_excerpt{
  color: #718096 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin-top: 15px !important;
}

#main .post-item .is-divider{ display:none !important; }

/* Pagination */
#main .pagination-container{
  border-top: 1px solid #eee !important;
  padding-top: 40px !important;
  margin-top: 20px !important;
}
#main .page-numbers{
  color: var(--vlink-ink) !important;
  font-weight: 800 !important;
  border:none !important;
  font-size: 16px !important;
}
#main .page-numbers.current{
  color: var(--vlink-accent) !important;
  background: transparent !important;
  font-size: 20px !important;
}

/* Sidebar widget title */
#main .widget-title{
  color: var(--vlink-ink) !important;
  font-weight: 900 !important;
  border-bottom: 2px solid var(--vlink-ink) !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
}

/* ==========================================================================
   8) WIDGETS (Global) – giữ “đừng phá layout”
   NOTE: hạn chế scope rộng. Tránh đụng .box-blog-post global ở đây.
   ========================================================================== */

/* Chỉ áp cho widget khu vực sidebar/footer */
.widget .post-item .box-text{
  padding: 5px 0 !important;
}

/* ==========================================================================
   9) FOOTER – Midnight Luxury (navy/ink + accent cam)
   NOTE: Không dùng xanh điện/cyan nữa.
   ========================================================================== */

.footer-2,
.footer-1{
  background-color: transparent !important;
}

#footer.footer-wrapper{
  background-color: #001529 !important; /* navy deep */
  padding-top: 70px !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}

/* Giữ col-inner trong footer sạch */
#footer .col-inner{
  padding: 10px;
  background-color: transparent !important;
  border-radius: 10px;
}

/* Widget titles */
#footer .widget-title{
  color: #ffffff !important;
  font-size: 1.2rem !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin-bottom: 25px !important;
}

/* Divider: cam accent */
#footer .is-divider.small{
  background-color: var(--vlink-accent) !important;
  height: 2px !important;
  width: 35px !important;
}

/* Brand */
#footer .brand-name{
  color:#ffffff !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  margin-bottom: 15px !important;
}
#footer .brand-tagline{
  color: rgba(255,255,255,0.65) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

/* Accent links */
#footer .vlink-services-short a{
  color: var(--vlink-accent) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}

/* Labels + hotline */
#footer .entity-label{
  color: rgba(255,255,255,0.35) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
#footer .highlight-link{
  color:#ffffff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  transition: var(--vlink-transition);
}
#footer .highlight-link:hover{
  color: var(--vlink-accent) !important;
}

/* FORM block (theo ID anh đang dùng) */
#row-1435277037 > .col > .col-inner{
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 20px !important;
  padding: 30px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
}

#footer input,
#footer select{
  background-color: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 12px 15px !important;
}
#footer input:focus{
  border-color: var(--vlink-accent) !important;
  background-color: rgba(255,255,255,0.08) !important;
}

#footer .wpcf7-submit{
  background-color: #ffffff !important;
  color: #001529 !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
  border-radius: 10px !important;
  padding: 15px !important;
  margin-top: 10px !important;
  transition: var(--vlink-transition) !important;
}
#footer .wpcf7-submit:hover{
  background-color: var(--vlink-accent) !important;
  color:#ffffff !important;
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(255,102,0,0.35) !important;
}

/* Maps */
#footer iframe{
  border-radius: 20px !important;
  filter: grayscale(1) invert(0.9) brightness(0.7) contrast(1.2) !important;
  opacity: 0.8;
}
#footer iframe:hover{ opacity:1; }

/* Social */
#footer .social-icons a{
  color:#ffffff !important;
  background-color: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  transition: var(--vlink-transition);
}
#footer .social-icons a:hover{
  background-color:#ffffff !important;
  color:#001529 !important;
  transform: scale(1.06);
}

/* NOTE: ĐỪNG hide .badge/.post-date global.
   Nếu muốn ẩn divider/badge trong footer, scope vào footer thôi. */
#footer .is-divider,
#footer .post-date,
#footer .badge,
#footer .cat-label{
  display:none !important;
}

/* ==========================================================================
   10) FOOTER (Widgets layout) – căn giữa & grid
   ========================================================================== */

#footer .section{ display: inline !important; }

#footer .footer-widgets.container{
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
}

#footer .footer-widgets > .row{
  display: grid !important;
  grid-template-columns: 1.1fr 1fr 1.1fr !important;
  gap: 45px !important;
  margin: auto !important;
  width: 100% !important;
}
#footer .footer-widgets > .row > .col{
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

/* widget title brush underline: cam */
.footer-widgets .widget-title{
  color: #ffffff !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px;
  margin-bottom: 30px !important;
  position: relative !important;
  display: inline-block !important;
}
.footer-widgets .widget-title::after{
  content:"";
  position:absolute;
  bottom:-8px;
  left:0;
  width:50px !important;
  height:3px !important;
  background: linear-gradient(90deg, var(--vlink-accent), transparent) !important;
  border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
  box-shadow: 2px 1px 4px rgba(255,102,0,0.35);
}

/* Footer blog widget cards */
.footer-widgets .box-blog-post{
  display:flex !important;
  padding: 0 !important;
  border-radius: 12px;
  margin-bottom: 12px !important;
  border: 0px solid rgba(255,255,255,0.05);
  transition: var(--vlink-transition);
}
.footer-widgets .box-blog-post:hover{
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,102,0,0.35);
}
.footer-widgets .box-image{
  width: 65px !important;
  flex: 0 0 65px !important;
  margin-right: 15px !important;
}
.footer-widgets .image-cover{
  padding-top: 100% !important;
  border-radius: 8px !important;
}
.footer-widgets .post-title a{
  font-size: .9rem !important;
  line-height: 1.4 !important;
  color: #cbd5e1 !important;
  font-weight: 600 !important;
  border-bottom: none !important;
}
.footer-widgets .post-title a:hover{
  color: var(--vlink-accent) !important;
}

/* Footer map */
.footer-widgets iframe{
  width: 100% !important;
  border-radius: 10px;
  filter: grayscale(1) invert(0.9) opacity(0.7);
  margin-top: 15px;
}

@media (max-width:849px){
  #footer .footer-widgets > .row{
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .footer-widgets .widget-title{
    display:block !important;
    text-align:left;
  }
}

/* ==========================================================================
   11) ABSOLUTE FOOTER – ink + accent cam
   ========================================================================== */

.absolute-footer{
  background-color: #050912 !important;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 30px 0 !important;
}

.absolute-footer .container{
  display:flex !important;
  flex-direction: column-reverse;
  align-items:center;
  gap: 20px;
}

.absolute-footer .footer-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap: 15px 25px;
  margin-bottom: 15px;
}
.absolute-footer .footer-nav li{
  padding:0 !important;
  margin:0 !important;
}
.absolute-footer .footer-nav li a{
  color: rgba(148,163,184,0.95) !important;
  font-size: .8rem !important;
  font-weight: 600;
  letter-spacing: .5px;
  transition: var(--vlink-transition);
  text-transform:none !important;
  border-bottom: none !important;
}
.absolute-footer .footer-nav li a:hover{
  color: var(--vlink-accent) !important;
}

.footer-secondary{ float:none !important; }

.payment-icons{
  display:flex;
  justify-content:center;
  gap: 15px;
  opacity:.6;
  filter: grayscale(1);
  transition: var(--vlink-transition);
}
.payment-icons:hover{
  opacity:1;
  filter: grayscale(0);
}
.payment-icon svg{
  height: 18px !important;
  width:auto;
}

.copyright-footer{
  color: rgba(71,85,105,0.95) !important;
  font-size: .75rem !important;
  letter-spacing: 1px;
  text-align:center;
  order:3;
}
.copyright-footer strong a{
  color: rgba(100,116,139,0.95) !important;
  font-weight: 800;
  border-bottom: none !important;
}
.copyright-footer strong a:hover{
  color: var(--vlink-accent) !important;
}

.absolute-footer .pull-right,
.absolute-footer .pull-left{
  float:none !important;
  width:100%;
  text-align:center;
}

@media (min-width:850px){
  .absolute-footer .container{
    flex-direction: row;
    justify-content: space-between;
  }
  .absolute-footer .footer-nav{
    justify-content:flex-start;
    margin-bottom: 5px;
  }
  .absolute-footer .pull-left{
    text-align:left;
    width:auto;
  }
  .absolute-footer .pull-right{
    text-align:right;
    width:auto;
  }
}

/* ==========================================================================
   12) POST LIST OFFSET – scope để không phá toàn site
   NOTE: đoạn này “mạnh”, chỉ nên áp cho blog/archive.
   ========================================================================== */

body.blog #post-list,
body.archive #post-list{
  margin-left: -100px !important;
  margin-right: -1000px !important;
}

@media (max-width:850px){
  body.blog #post-list,
  body.archive #post-list{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (min-width:850px){
  .row-large>.col,
  .row-large>.flickity-viewport>.flickity-slider>.col{
    margin-bottom: 0;
    padding: 0 20px 30px !important;
  }
}

/* ==========================================================================
   13) HOME ONLY – Section formatting + Blog slider cards
   Quan trọng: SCOPE .home để không ảnh hưởng bài viết/dịch vụ.
   ========================================================================== */

/* spacing section: chỉ HOME */
.home section.section{
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  background-color: #ffffff !important;
}

/* Heading strong: navy + underline cam (bỏ gradient xanh/cyan) */
.home section.section h2 strong{
  font-size: clamp(2rem, 5vw, 3rem) !important;
  font-weight: 900 !important;
  letter-spacing: -1.5px !important;
  color: var(--vlink-navy) !important;
  background: none !important;
  -webkit-text-fill-color: initial !important;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}
.home section.section h2 strong::after{
  content:"";
  display:block;
  width: 64px;
  height: 4px;
  border-radius: 999px;
  background: var(--vlink-accent);
  margin-top: 12px;
}

/* Section description */
.home section.section .col-inner > p{
  font-size: 1.15rem !important;
  color: var(--vlink-text) !important;
  max-width: 760px;
  margin: 0 auto 60px !important;
  line-height: 1.8 !important;
  text-align: center;
}

/* Slider arrows */
.home section.section .flickity-prev-next-button{
  background: var(--vlink-ink) !important;
  width: 45px !important;
  height: 45px !important;
  opacity: 1 !important;
}
.home section.section .flickity-prev-next-button:hover{
  background: var(--vlink-accent) !important;
}

/* Dots */
.home section.section .flickity-page-dots .dot{
  background: var(--vlink-navy) !important;
  transition: var(--vlink-transition);
}
.home section.section .flickity-page-dots .dot.is-selected{
  width: 30px !important;
  border-radius: 5px !important;
  background: var(--vlink-accent) !important;
}

/* BLOG CARDS: chỉ HOME slider để không “đè” archive/single */
.home .flickity-slider > .col{ display:flex !important; }

.home .box-blog-post{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  height:100% !important;
  background:#ffffff !important;
  border-radius: 24px !important;
  border: 1px solid #f1f5f9 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
  transition: var(--vlink-transition) !important;
  overflow:hidden;
}

.home .box-blog-post:hover{
  transform: translateY(-10px) !important;
  box-shadow: 0 30px 60px rgba(11,18,32,0.14) !important;
  border-color: var(--vlink-navy) !important;
}

/* FIX khu vực ảnh trong home card */
.home .box-blog-post .box-image{
  position: relative !important;
  width: 100% !important;
  min-height: 260px !important;
  overflow: hidden;
}
.home .box-blog-post .box-image .image-cover{
  border-radius: 15px;
  margin: 10px;
  position: absolute !important;
  top:0; left:0; right:0; bottom:0;
  padding-top: 0 !important;
  border: 1px solid #eee;
}

/* text zone */
.home .box-text{
  flex-grow: 1 !important;
  display:flex !important;
  flex-direction:column !important;
  padding: 10px 15px 25px !important;
  text-align:left !important;
}

/* title clamp */
.home .post-title a{
  font-size: 1.2rem !important;
  font-weight: 900 !important;
  color: var(--vlink-ink) !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow:hidden !important;
  min-height: 2.8em !important;
  border-bottom: none !important;
}
.home .post-title a:hover{ color: var(--vlink-accent) !important; }

/* excerpt clamp */
.home .from_the_blog_excerpt{
  font-size: .95rem !important;
  color: var(--vlink-text) !important;
  line-height: 1.6 !important;
  margin-top: 15px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow:hidden !important;
}

/* date badge (nếu Flatsome hiển thị) */
.home .post-date.badge{
  background-color: var(--vlink-accent) !important;
  border: 3px solid #ffffff !important;
  border-radius: 10px !important;
  z-index: 9;
}

/* Divider trong home card */
.home .is-divider{ display:none !important; }

/* ==========================================================================
   14) (OPTIONAL) CTA BUTTON GROUP FIX (chống rớt dòng)
   NOTE: Chỉ dùng khi anh có CTA dạng 2 nút song song trong section custom.
   - Scope theo class/id cụ thể để không ảnh hưởng button site-wide.
   ========================================================================== */

/* Ví dụ: nếu anh dùng đúng ID #vlink-final-cta-2026 */
#vlink-final-cta-2026 .cta-button-group{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: stretch;
  width: 100%;
  max-width: 520px;
}
#vlink-final-cta-2026 .btn-primary-lg,
#vlink-final-cta-2026 .btn-ghost-lg{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: 16px 22px;
  border-radius: 15px;
  white-space: nowrap;
  min-width: 0;
  overflow:hidden;
  text-overflow: ellipsis;
}
@media (max-width:600px){
  #vlink-final-cta-2026 .cta-button-group{
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  #vlink-final-cta-2026 .btn-primary-lg,
  #vlink-final-cta-2026 .btn-ghost-lg{
    width:100%;
  }
}

/* Legal/Policy content: neutral, serious */
.vlink-legal-content{
  max-width: 920px;
  margin: 0 auto;
  color: #111827;              /* slate-900 */
  line-height: 1.75;
  font-size: 16px;
}

/* Reset headings inside this box */
.vlink-legal-content h2{
  margin: 22px 0 10px;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  color: #0b1220;              /* deep navy/near-black */
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* If Flatsome applies weird heading styling via .is-large etc */
.vlink-legal-content h2 strong{
  font-weight: 700;
}

/* Paragraphs and lists */
.vlink-legal-content p{
  margin: 0 0 14px;
  color: #111827;
}

.vlink-legal-content ul{
  margin: 0 0 14px 18px;
  padding: 0;
}

.vlink-legal-content li{
  margin: 8px 0;
}

/* Links: professional, not flashy */
.vlink-legal-content a{
  color: #0b3a6a;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.vlink-legal-content a:hover{
  color: #062847;
}

/* Code style for email */
.vlink-legal-content code{
  background: #f3f4f6;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 0.95em;
}




/* ==========================================================================
   VLINK CSS TRANG HOME - TRANG CHỦ
   ========================================================================== */
/* ==========================================================================
   VLINK HOME HERO 2026 (FLATSOME MODULE)
   Scope: .vlinkhome-hero-2026
   Palette: Ink + Navy + Orange accent
   ========================================================================== */

/* (0) Palette safe (nếu anh đã có :root rồi thì giữ, cái này chỉ bổ sung biến) */
:root{
  --vlink-ink: #0b1220;     /* Đen/Ink */
  --vlink-navy: #002d5e;    /* Navy */
  --vlink-accent: #ff6600;  /* Cam */
  --vlink-text: #64748b;
}

/* Section */
.vlinkhome-hero-2026{
  padding: 70px 0 !important;
  background: #ffffff !important;
}

/* Row layout helper (không ép Flatsome, chỉ canh cảm giác) */
.vlinkhome-hero-2026 .vlink-row--hero{
  align-items: center;
}

/* Col spacing an toàn */
.vlinkhome-hero-2026 .vlink-col--hero-left,
.vlinkhome-hero-2026 .vlink-col--hero-right{
  padding-top: 10px;
  padding-bottom: 10px;
}

/* LEFT */
.vlinkhome-hero-2026 .vlink-hero-left{
  max-width: 680px;
}

/* Badge */
.vlinkhome-hero-2026 .vlink-badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.vlinkhome-hero-2026 .vlink-badge .dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--vlink-accent);
  box-shadow: 0 0 0 6px rgba(255,102,0,0.14);
}

.vlinkhome-hero-2026 .vlink-badge .txt{
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  color: #64748b;
  text-transform: uppercase;
}

/* H1 */
.vlinkhome-hero-2026 .vlink-h1{
  margin: 18px 0 14px;
  font-size: clamp(2.2rem, 4.6vw, 3.4rem);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -1.2px;
  color: var(--vlink-ink);
}

.vlinkhome-hero-2026 .vlink-h1 .sub{
  display: inline-block;
  color: var(--vlink-navy);
  position: relative;
}

.vlinkhome-hero-2026 .vlink-h1 .sub::after{
  content:"";
  display:block;
  width: 72px;
  height: 4px;
  border-radius: 999px;
  background: var(--vlink-accent);
  margin-top: 12px;
}

/* Desc */
.vlinkhome-hero-2026 .vlink-desc{
  font-size: 1.06rem;
  line-height: 1.75;
  color: var(--vlink-text);
  margin: 0 0 22px;
}

.vlinkhome-hero-2026 .vlink-desc strong{
  color: var(--vlink-navy);
  font-weight: 900;
}

/* Proof pills */
.vlinkhome-hero-2026 .vlink-proof{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 26px;
}

.vlinkhome-hero-2026 .vlink-proof .pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  font-size: 13px;
  font-weight: 800;
  color: var(--vlink-navy);
}

.vlinkhome-hero-2026 .vlink-proof .pill i{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--vlink-accent);
  display:inline-block;
}

/* Features */
.vlinkhome-hero-2026 .vlink-features{
  display:flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 26px;
}

.vlinkhome-hero-2026 .vlink-feature{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  color: #334155;
  font-size: 15px;
  line-height: 1.55;
}

.vlinkhome-hero-2026 .vlink-feature .num{
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  color: var(--vlink-ink);
  padding: 6px 10px;
  border-radius: 999px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

/* CTA buttons (fix rớt hàng) */
.vlinkhome-hero-2026 .vlink-cta{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  max-width: 560px;
}

.vlinkhome-hero-2026 .btn-primary,
.vlinkhome-hero-2026 .btn-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;

  padding: 14px 16px;
  border-radius: 14px;

  font-weight: 900;
  text-decoration: none;

  min-width: 0;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;

  transition: var(--vlink-transition);
}

.vlinkhome-hero-2026 .btn-primary{
  background: var(--vlink-navy);
  color: #ffffff !important;
  border: 1px solid rgba(0,45,94,0.12);
}

.vlinkhome-hero-2026 .btn-primary:hover{
  background: var(--vlink-accent);
  transform: translateY(-2px);
}

.vlinkhome-hero-2026 .btn-ghost{
  background: #ffffff;
  color: var(--vlink-navy) !important;
  border: 1px solid #e2e8f0;
}

.vlinkhome-hero-2026 .btn-ghost:hover{
  border-color: var(--vlink-accent);
  color: var(--vlink-accent) !important;
  transform: translateY(-2px);
}

/* RIGHT */
.vlinkhome-hero-2026 .vlink-hero-right{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height: 420px;
}

.vlinkhome-hero-2026 .visual{
  position: relative;
  width: 420px;
  height: 420px;
}

.vlinkhome-hero-2026 .glow{
  position:absolute;
  inset: 0;
  margin:auto;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,102,0,0.16) 0%, transparent 65%);
  filter: blur(26px);
}

.vlinkhome-hero-2026 .ring{
  position:absolute;
  inset: 0;
  margin:auto;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  border: 1px solid rgba(0,45,94,0.10);
  animation: vlink-orbit 18s linear infinite;
}

.vlinkhome-hero-2026 .ring.r2{
  width: 290px;
  height: 290px;
  animation-duration: 26s;
}

.vlinkhome-hero-2026 .core{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: var(--vlink-navy);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight: 950;
  letter-spacing: .16em;
  font-size: 13px;
  box-shadow: 0 22px 55px rgba(0,45,94,0.22);
}

.vlinkhome-hero-2026 .core::after{
  content:"";
  position:absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid rgba(255,102,0,0.55);
  opacity: .55;
}

.vlinkhome-hero-2026 .node{
  position:absolute;
  background:#fff;
  border: 1px solid #eef2f7;
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 900;
  color: var(--vlink-ink);
  box-shadow: 0 10px 26px rgba(0,0,0,0.06);
  white-space: nowrap;
  animation: vlink-float 5s ease-in-out infinite;
}

.vlinkhome-hero-2026 .node i{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--vlink-accent);
  display:inline-block;
  margin-right: 8px;
  transform: translateY(-1px);
}

.vlinkhome-hero-2026 .n1{ top: 14%; left: 4%;  animation-delay: .2s; }
.vlinkhome-hero-2026 .n2{ top: 18%; right: 2%; animation-delay: 1s; }
.vlinkhome-hero-2026 .n3{ bottom: 18%; left: 8%; animation-delay: .6s; }
.vlinkhome-hero-2026 .n4{ bottom: 12%; right: 6%; animation-delay: 1.4s; }

@keyframes vlink-orbit{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}
@keyframes vlink-float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* Mobile */
@media (max-width: 849px){
  .vlinkhome-hero-2026{
    padding: 48px 0 !important;
  }
  .vlinkhome-hero-2026 .vlink-hero-left{
    max-width: 1300px;
    text-align: center;
  }
  .vlinkhome-hero-2026 .vlink-proof{
    justify-content: center;
  }
  .vlinkhome-hero-2026 .vlink-cta{
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .vlinkhome-hero-2026 .vlink-hero-right{
    min-height: 340px;
  }
  .vlinkhome-hero-2026 .visual{
    width: 320px;
    height: 320px;
  }
  .vlinkhome-hero-2026 .ring{ display:none; }
}


/* ==========================================================================
   VLINK HOME - BATTLE SECTION 2026 (SCOPED)
   Scope: .vlinkhome-battle-2026  (gắn ở SECTION hoặc wrapper ngoài)
   Palette: Ink + Navy + Orange accent (flat, clean)
   ========================================================================== */

.vlinkhome-battle-2026{
  /* Local tokens, không chạm :root */
  --ink: #0b1220;
  --navy: #002d5e;
  --accent: #ff6600;

  --muted: #64748b;
  --line: #e2e8f0;
  --soft: #f8fafc;
  --card: #ffffff;

  --radius: 22px;
  --shadow: 0 28px 70px rgba(0, 45, 94, 0.06);
}

/* Safety reset nhẹ để chống Flatsome/global */
.vlinkhome-battle-2026 .vlink-battle,
.vlinkhome-battle-2026 .vlink-battle *{
  box-sizing: border-box;
}

.vlinkhome-battle-2026 .vlink-battle{
  padding: 90px 0;
  max-width: 1200px;   /* cân với layout dịch vụ */
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* Fix: global có thể đè p/h2 trong section */
.vlinkhome-battle-2026 .vlink-battle h2,
.vlinkhome-battle-2026 .vlink-battle h3,
.vlinkhome-battle-2026 .vlink-battle p{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.vlinkhome-battle-2026 .vlink-battle ul{
  margin: 0 !important;
  padding: 0 !important;
}

/* ---------------------------
   Header
---------------------------- */
.vlinkhome-battle-2026 .vlink-battle__head{
  text-align: center;
  max-width: 920px;
  margin: 0 auto 56px;
}

/* Step tag giống style dịch vụ */
.vlinkhome-battle-2026 .vlink-step-tag{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 8px 14px;
  border-radius: 999px;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;

  color: var(--navy);
  background: rgba(0,45,94,0.06);
  border: 1px solid rgba(0,45,94,0.14);
  margin-bottom: 14px;
}

.vlinkhome-battle-2026 .vlink-step-tag::before{
  content:"";
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(255,102,0,0.10);
}

/* Title */
.vlinkhome-battle-2026 .vlink-battle__title{
  margin: 0 0 14px;
  font-size: clamp(2rem, 4.6vw, 3.1rem);
  font-weight: 900;
  letter-spacing: -1.2px;
  line-height: 1.08;
  color: var(--ink);
}

.vlinkhome-battle-2026 .vlink-battle__title-accent{
  display: inline-block;
  color: var(--navy);
  position: relative;
}

.vlinkhome-battle-2026 .vlink-battle__title-accent::after{
  content:"";
  display:block;
  width: 92px;
  height: 4px;
  border-radius: 999px;
  background: var(--accent);
  margin: 14px auto 0;
}

.vlinkhome-battle-2026 .vlink-battle__desc{
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: var(--muted);
}

/* ---------------------------
   Grid
---------------------------- */
.vlinkhome-battle-2026 .vlink-battle__grid{
  display: grid;
  grid-template-columns: 1fr 92px 1fr;
  gap: 22px;
  align-items: stretch;
}

/* ---------------------------
   Cards
---------------------------- */
.vlinkhome-battle-2026 .battle-card{
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: var(--radius);
  padding: 36px 32px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* subtle top line to look “designed” */
.vlinkhome-battle-2026 .battle-card::before{
  content:"";
  position:absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: rgba(0,45,94,0.08);
}

.vlinkhome-battle-2026 .battle-card__top{
  margin-bottom: 18px;
}

.vlinkhome-battle-2026 .battle-card__label{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 7px 11px;
  border-radius: 999px;

  background: var(--soft);
  border: 1px solid var(--line);

  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 10px;
}

.vlinkhome-battle-2026 .battle-card__label.is-accent{
  background: rgba(255,102,0,0.08);
  border-color: rgba(255,102,0,0.25);
  color: var(--accent);
}

.vlinkhome-battle-2026 .battle-card__title{
  margin: 0;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.4px;
  color: var(--ink);
}

/* Traditional: hạ tone */
.vlinkhome-battle-2026 .battle-card.is-traditional{
  background: #fbfbfc;
}
.vlinkhome-battle-2026 .battle-card.is-traditional::before{
  background: rgba(15,23,42,0.08);
}
.vlinkhome-battle-2026 .battle-card.is-traditional .battle-card__title{
  color: #475569;
}

/* System: nhấn Navy + glow nhẹ */
.vlinkhome-battle-2026 .battle-card.is-system{
  border-width: 2px;
  border-color: rgba(0,45,94,0.25);
  box-shadow: var(--shadow);
}
.vlinkhome-battle-2026 .battle-card.is-system::before{
  background: linear-gradient(90deg, var(--navy), rgba(0,45,94,0.15));
}
.vlinkhome-battle-2026 .battle-card.is-system .battle-card__title{
  color: var(--navy);
}

/* Hover tinh tế (không “cục mịch”) */
@media (hover:hover){
  .vlinkhome-battle-2026 .battle-card{
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
  }
  .vlinkhome-battle-2026 .battle-card:hover{
    transform: translateY(-6px);
    border-color: rgba(0,45,94,0.28);
    background: #ffffff;
  }
}

/* ---------------------------
   List
---------------------------- */
.vlinkhome-battle-2026 .battle-list{
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  text-align: left;
}

.vlinkhome-battle-2026 .battle-item{
  display: flex;
  gap: 10px;
  align-items: flex-start;

  padding: 12px 0;
  border-bottom: 1px solid #f1f5f9;

  color: #334155;
  font-size: 15px;
  line-height: 1.55;
}

.vlinkhome-battle-2026 .battle-item:last-child{ border-bottom: 0; }

.vlinkhome-battle-2026 .battle-item .icon{
  width: 18px;
  height: 18px;
  border-radius: 7px;
  flex: 0 0 18px;
  margin-top: 2px;
  position: relative;

  background: rgba(0,45,94,0.06);
  border: 1px solid rgba(0,45,94,0.12);
}

.vlinkhome-battle-2026 .battle-item.is-good .icon{
  background: rgba(255,102,0,0.10);
  border-color: rgba(255,102,0,0.25);
}

.vlinkhome-battle-2026 .battle-item.is-bad .icon{
  background: rgba(15,23,42,0.06);
  border-color: rgba(15,23,42,0.10);
}

/* tiny mark */
.vlinkhome-battle-2026 .battle-item.is-good .icon::after{
  content:"";
  position:absolute;
  inset: 0;
  margin:auto;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--accent);
}

.vlinkhome-battle-2026 .battle-item.is-bad .icon::after{
  content:"";
  position:absolute;
  inset: 0;
  margin:auto;
  width: 9px; height: 2px;
  border-radius: 999px;
  background: #64748b;
}

/* ---------------------------
   Status chip
---------------------------- */
.vlinkhome-battle-2026 .battle-status{
  display: inline-flex;
  padding: 9px 14px;
  border-radius: 999px;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;

  border: 1px solid var(--line);
  background: var(--soft);
  color: #64748b;
}

.vlinkhome-battle-2026 .battle-status.is-strong{
  background: var(--navy);
  border-color: rgba(0,45,94,0.30);
  color: #fff;
}

.vlinkhome-battle-2026 .battle-status.is-muted{
  background: #fff;
  color: #94a3b8;
}

/* ---------------------------
   VS
---------------------------- */
.vlinkhome-battle-2026 .vs{
  position: relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.vlinkhome-battle-2026 .vs__line{
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 2px;
  height: 74%;
  background: linear-gradient(to bottom, transparent, rgba(0,45,94,0.22), transparent);
}

.vlinkhome-battle-2026 .vs__chip{
  width: 66px;
  height: 66px;
  border-radius: 999px;

  display:flex;
  align-items:center;
  justify-content:center;

  background: var(--ink);
  color: #fff;
  font-weight: 900;
  letter-spacing: .12em;

  border: 6px solid #fff;
  box-shadow: 0 14px 40px rgba(11,18,32,0.18);
}

/* Responsive */
@media (max-width: 992px){
  .vlinkhome-battle-2026 .vlink-battle{
    padding: 56px 0;
  }
  .vlinkhome-battle-2026 .vlink-battle__grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .vlinkhome-battle-2026 .vs{ display:none; }

  .vlinkhome-battle-2026 .battle-card{
    padding: 30px 22px;
  }
}

/* ==========================================================================
   VLINK HOME - WHY SECTION 2026 (SCOPED) - NAVY/INK BACKGROUND
   Scope: .vlinkhome-why-2026
   Palette: Ink + Navy (background) | Orange accent (micro only)
   ========================================================================== */

.vlinkhome-why-2026{
  --ink: #0b1220;
  --navy: #002d5e;
  --navy-2: #0b2f66;       /* navy sáng hơn một nhịp */
  --navy-soft: #eef4fb;    /* nền nhạt dùng cho chip/card */
  --accent: #ff6600;       /* chỉ điểm xuyến nhỏ */

  --muted: #64748b;
  --line: #e2e8f0;
  --soft: #f8fafc;
  --card: #ffffff;

  --radius: 22px;
  --shadow: 0 28px 70px rgba(0, 45, 94, 0.06);
}

/* Safety reset nhẹ để chống Flatsome/global */
.vlinkhome-why-2026 .vlink-why,
.vlinkhome-why-2026 .vlink-why *{ box-sizing: border-box; }

.vlinkhome-why-2026 .vlink-why h2,
.vlinkhome-why-2026 .vlink-why h3,
.vlinkhome-why-2026 .vlink-why p{ margin-left: 0 !important; margin-right: 0 !important; }

.vlinkhome-why-2026 .vlink-why ul{ margin: 0 !important; padding: 0 !important; }

/* Wrapper */
.vlinkhome-why-2026 .vlink-why{
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 20px;
}

/* Head */
.vlinkhome-why-2026 .vlink-why__head{
  text-align: center;
  max-width: 920px;
  margin: 0 auto 56px;
}

.vlinkhome-why-2026 .vlink-why__title{
  margin: 0 0 14px;
  font-size: clamp(2rem, 4.6vw, 3.1rem);
  font-weight: 900;
  letter-spacing: -1.2px;
  line-height: 1.08;
  color: var(--ink);
}

.vlinkhome-why-2026 .vlink-why__desc{
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: var(--muted);
}

/* Step tag (navy) */
.vlinkhome-why-2026 .vlink-step-tag{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 8px 14px;
  border-radius: 999px;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;

  color: var(--navy);
  background: rgba(0,45,94,0.06);
  border: 1px solid rgba(0,45,94,0.14);
  margin-bottom: 14px;
  position: relative;
}

/* Dot nhỏ cam (micro accent) */
.vlinkhome-why-2026 .vlink-step-tag::before{
  content:"";
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(255,102,0,0.10);
}

.vlinkhome-why-2026 .vlink-step-tag--live::before{
  animation: vlinkPulseDot 1.6s ease-in-out infinite;
}

.vlinkhome-why-2026 .vlink-step-tag--accent{
  color: #fff;
  background: rgba(0,45,94,0.08);
  border-color: rgba(0,45,94,0.18);
}

/* Grid cards */
.vlinkhome-why-2026 .vlink-why__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-bottom: 34px;
}

/* Card */
.vlinkhome-why-2026 .vcard{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 28px 26px;
  position: relative;
  overflow: hidden;
}

/* Top hairline navy */
.vlinkhome-why-2026 .vcard::before{
  content:"";
  position:absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: rgba(0,45,94,0.12);
}

/* Icon bubble */
.vlinkhome-why-2026 .vcard__icon{ margin-bottom: 14px; }

.vlinkhome-why-2026 .vicon{
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  background: var(--navy-soft);
  border: 1px solid rgba(0,45,94,0.12);

  font-size: 22px;
  line-height: 1;
  position: relative;
}

/* Pulse “LIVE” cho nút tròn: ring cam rất nhẹ */
.vlinkhome-why-2026 .vicon--pulse::after{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: 999px;
  border: 2px solid rgba(255,102,0,0.28);
  animation: vlinkRing 1.6s ease-out infinite;
}

.vlinkhome-why-2026 .vcard__title{
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.3px;
  color: var(--ink);
}

.vlinkhome-why-2026 .vcard__text{
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
}

/* Hover: sạch, nâng nhẹ, không “màu mè” */
@media (hover:hover){
  .vlinkhome-why-2026 .vcard{
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;
  }
  .vlinkhome-why-2026 .vcard:hover{
    transform: translateY(-6px);
    border-color: rgba(0,45,94,0.22);
    box-shadow: var(--shadow);
  }
  .vlinkhome-why-2026 .vcard:hover::before{
    background: rgba(0,45,94,0.20);
  }
}

/* --------------------------------------------------------------------------
   SYSTEM BLOCK: nền navy → ink (không dùng cam trong gradient nền)
   -------------------------------------------------------------------------- */

.vlinkhome-why-2026 .vsystem{
  margin-top: 16px;
  border-radius: calc(var(--radius) + 2px);
  padding: 34px 28px;
  position: relative;
  overflow: hidden;

  /* Navy / Ink only */
  background:
    radial-gradient(900px 420px at 20% -10%, rgba(0,45,94,0.55), transparent 58%),
    radial-gradient(900px 420px at 95% 10%, rgba(11,47,102,0.55), transparent 60%),
    linear-gradient(180deg, #071226, #070f1d);

  border: 1px solid rgba(255,255,255,0.10);
}

/* subtle top line */
.vlinkhome-why-2026 .vsystem::before{
  content:"";
  position:absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: rgba(255,255,255,0.14);
}

.vlinkhome-why-2026 .vsystem__title{
  margin: 6px 0 10px;
  font-size: clamp(1.6rem, 3.2vw, 2.2rem);
  font-weight: 900;
  letter-spacing: -0.7px;
  color: #fff;
}

.vlinkhome-why-2026 .vsystem__title a{
  color: #fff !important;
}

.vlinkhome-why-2026 .vsystem__desc{
  margin: 0 0 18px;
  color: rgba(255,255,255,0.72);
  font-size: 15px;
  line-height: 1.75;
  max-width: 820px;
}

/* Bullets: chip navy-glass */
.vlinkhome-why-2026 .vsystem__bullets{
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 18px;
  margin: 0 0 18px;
  padding: 0;
}

.vlinkhome-why-2026 .vsystem__bullets li{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  color: rgba(255,255,255,0.88);
  font-size: 14px;
  line-height: 1.6;
  padding: 10px 12px;
  border-radius: 14px;

  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
}

/* Dot: mặc định trắng nhạt, live dot cam nhẹ */
.vlinkhome-why-2026 .dot{
  width: 10px; height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.32);
  margin-top: 5px;
  flex: 0 0 10px;
  position: relative;
}

.vlinkhome-why-2026 .dot--live{
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(255,102,0,0.10);
}
.vlinkhome-why-2026 .dot--live::after{
  content:"";
  position:absolute;
  inset: -8px;
  border-radius: 50%;
  border: 2px solid rgba(255,102,0,0.22);
  animation: vlinkRing 1.6s ease-out infinite;
}

/* Footer note: navy-glass, chỉ gạch underline cam nhỏ */
.vlinkhome-why-2026 .vsystem__footer{
  margin-top: 6px;
  padding: 14px 14px;
  border-radius: 16px;

  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);

  color: rgba(255,255,255,0.92);
  font-weight: 700;
  line-height: 1.6;
  position: relative;
}

.vlinkhome-why-2026 .vsystem__footer::after{
  content:"";
  display:block;
  width: 72px;
  height: 3px;
  border-radius: 999px;
  background: rgba(255,102,0,0.85);
  margin-top: 10px;
}

/* Glow: navy only */
.vlinkhome-why-2026 .vsystem__glow{
  position:absolute;
  right: -140px;
  bottom: -160px;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, rgba(0,45,94,0.35), transparent 62%);
  filter: blur(2px);
  pointer-events:none;
}

/* Responsive */
@media (max-width: 992px){
  .vlinkhome-why-2026 .vlink-why{
    padding: 56px 18px;
  }
  .vlinkhome-why-2026 .vlink-why__grid{
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 18px;
  }
  .vlinkhome-why-2026 .vsystem__bullets{
    grid-template-columns: 1fr;
  }
}

/* Animations (LIVE) */
@keyframes vlinkPulseDot{
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.15); opacity: .65; }
}

@keyframes vlinkRing{
  0% { transform: scale(1); opacity: .75; }
  100% { transform: scale(1.7); opacity: 0; }
}

/* Reduce motion safety */
@media (prefers-reduced-motion: reduce){
  .vlinkhome-why-2026 .vlink-step-tag--live::before,
  .vlinkhome-why-2026 .vicon--pulse::after,
  .vlinkhome-why-2026 .dot--live::after{
    animation: none !important;
  }
}

.vlinkhome-why-2026{
  --alive: #22c55e;           /* xanh lá: “có sự sống” */
  --alive-soft: rgba(34,197,94,0.14);
  --alive-border: rgba(34,197,94,0.30);
}

/* Badge đặt trong block nền tối (vsystem) */
.vlinkhome-why-2026 .vsystem .v-badge-neon{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 9px 14px;
  border-radius: 999px;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;

  /* Contrast mạnh hơn trên nền navy/đen */
  color: #eafff2;
  background: var(--alive-soft);
  border: 1px solid var(--alive-border);

  /* “alive glow” nhẹ, không lố */
  box-shadow: 0 0 0 6px rgba(34,197,94,0.08);
}

/* Dot “LIVE” ở đầu badge */
.vlinkhome-why-2026 .vsystem .v-badge-neon::before{
  content:"";
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--alive);
  box-shadow: 0 0 0 6px rgba(34,197,94,0.12);
  animation: vlinkAlivePulse 1.6s ease-in-out infinite;
}

/* nếu anh muốn badge “ít glow hơn” */
@media (prefers-reduced-motion: reduce){
  .vlinkhome-why-2026 .vsystem .v-badge-neon::before{ animation: none !important; }
}

@keyframes vlinkAlivePulse{
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.15); opacity: .65; }
}


/* ==========================================================================
   VLINK SERVICES (DIV ONLY) - PREMIUM (REFINED)
   - 3 cột desktop, 2 cột tablet, 1 cột mobile
   - Card sạch, nhịp thị giác: circle number + underline title + glow hover
   - AI featured: navy + glow cyan + badge live
   Scope: .vlink-services
   ========================================================================== */

.vlink-services{
  max-width: 1240px;
  margin: 0 auto;
  padding: 96px 20px;
}

/* HEAD */
.vlink-services__head{
  text-align: center;
  max-width: 920px;
  margin: 0 auto 42px;
}

.vlink-services__kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px;
  border-radius: 999px;

  background: rgba(11,18,32,0.06);
  border: 1px solid rgba(11,18,32,0.08);

  color: #0b1220;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
}

.vlink-services__kicker::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ff7a1a;
}

.vlink-services__headline{
  margin: 14px 0 10px;
  color: #0b1220;
  font-weight: 900;
  font-size: clamp(26px, 2.8vw, 42px);
  line-height: 1.14;
  letter-spacing: -0.7px;
}

.vlink-services__sub{
  margin: 0;
  color: rgba(15,23,42,0.72);
  font-size: 1.08rem;
  line-height: 1.7;
}

/* GRID */
.vlink-services__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* CARD BASE (no left border) */
.vlink-services__card{
  position: relative;
  background: #ffffff;

  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 20px;
  padding: 26px 24px 24px;

  box-shadow:
    0 18px 44px rgba(2,6,23,0.06),
    0 1px 0 rgba(255,255,255,0.85) inset;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow: hidden;
}

.vlink-services__card.is-featured .vlink-services__title a {
    color: #fff !important;
}

/* corner glow nhẹ */
.vlink-services__card::after{
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  right: -90px;
  top: -90px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(0,68,204,0.10) 0%, transparent 66%);
  opacity: 0.9;
}

/* NUMBER = circle */
.vlink-services__num{
  width: 38px;
  height: 38px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-weight: 900;
  font-size: 12px;
  letter-spacing: 1px;

  color: rgba(15,23,42,0.78);
  background: rgba(11,18,32,0.06);
  border: 1px solid rgba(11,18,32,0.10);

  box-shadow: 0 10px 22px rgba(2,6,23,0.06);
  margin-bottom: 12px;
}

/* TITLE + underline */
.vlink-services__title{
  position: relative;
  margin: 0 0 10px;

  color: #0b1220;
  font-weight: 900;
  font-size: 1.18rem;
  letter-spacing: -0.25px;

  padding-bottom: 10px;
}

.vlink-services__title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 54px;
  height: 2px;
  border-radius: 999px;
  background: rgba(0,68,204,0.22);
}

/* DESC */
.vlink-services__desc{
  margin: 0;
  color: rgba(15,23,42,0.72);
  line-height: 1.65;
}

/* HOVER */
.vlink-services__card:hover{
  transform: translateY(-6px);
  border-color: rgba(0,68,204,0.22);
  box-shadow:
    0 26px 70px rgba(2,6,23,0.10),
    0 0 0 3px rgba(0,68,204,0.06),
    0 1px 0 rgba(255,255,255,0.92) inset;
}

.vlink-services__card:hover .vlink-services__num{
  border-color: rgba(0,68,204,0.28);
  box-shadow: 0 14px 30px rgba(2,6,23,0.10);
}

/* CAM ACCENT (điểm xuyến, không làm card lố) */
.vlink-services__card.is-accent:hover{
  border-color: rgba(255,122,26,0.22);
  box-shadow:
    0 26px 70px rgba(2,6,23,0.10),
    0 0 0 3px rgba(255,122,26,0.06),
    0 1px 0 rgba(255,255,255,0.92) inset;
}

.vlink-services__card.is-accent .vlink-services__title::after{
  background: rgba(255,122,26,0.55);
}

.vlink-services__card.is-accent .vlink-services__num{
  border-color: rgba(255,122,26,0.30);
  color: rgba(255,122,26,0.95);
}

/* FEATURED AI (navy + cyan glow) */
.vlink-services__card.is-featured{
  background: linear-gradient(180deg, #0b1220 0%, #081428 100%);
  border-color: rgba(255,255,255,0.10);

  box-shadow:
    0 30px 90px rgba(2,6,23,0.22),
    0 0 0 1px rgba(34,211,238,0.14) inset;
}

.vlink-services__card.is-featured::after{
  background: radial-gradient(circle, rgba(34,211,238,0.18) 0%, transparent 66%);
  opacity: 1;
}

.vlink-services__card.is-featured:hover{
  border-color: rgba(34,211,238,0.28);
  box-shadow:
    0 36px 110px rgba(2,6,23,0.26),
    0 0 0 3px rgba(34,211,238,0.10),
    0 0 0 1px rgba(34,211,238,0.14) inset;
}

.vlink-services__card.is-featured .vlink-services__num{
  background: rgba(255,255,255,0.06);
  border-color: rgba(34,211,238,0.28);
  color: rgba(34,211,238,0.95);
  box-shadow: 0 16px 36px rgba(2,6,23,0.28);
}

.vlink-services__card.is-featured .vlink-services__title{
  color: rgba(255,255,255,0.95);
}

.vlink-services__card.is-featured .vlink-services__title::after{
  background: rgba(34,211,238,0.65);
}

.vlink-services__card.is-featured .vlink-services__desc{
  color: rgba(255,255,255,0.74);
}

/* AI badge cyan + live */
.vlink-services__badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  width: fit-content;
  margin: -2px 0 10px;
  padding: 6px 10px;
  border-radius: 999px;

  background: rgba(34,211,238,0.14);
  border: 1px solid rgba(34,211,238,0.40);
  color: rgba(34,211,238,0.95);

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.2px;
}

.vlink-services__badge::before{
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(34,211,238,0.95);
  box-shadow: 0 0 0 0 rgba(34,211,238,0.0);
  animation: vlinkAiPulse 1.5s ease-in-out infinite;
}

@keyframes vlinkAiPulse{
  0%   { box-shadow: 0 0 0 0 rgba(34,211,238,0.32); }
  70%  { box-shadow: 0 0 0 10px rgba(34,211,238,0.00); }
  100% { box-shadow: 0 0 0 0 rgba(34,211,238,0.00); }
}

/* RESPONSIVE */
@media (max-width: 991px){
  .vlink-services{ padding: 76px 20px; }
  .vlink-services__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px){
  .vlink-services__grid{ grid-template-columns: 1fr; }
  .vlink-services__card{ padding: 22px 18px 20px; }
}





/* ==========================================================================
   VLINK CTA - LIGHT (NO BACKGROUND)
   - Không nền section (trong suốt)
   - Khối (trust pill + form) tông navy/đen
   - Cam điểm xuyến (accent)
   - Live dot/pulse
   Scope: chỉ áp cho .vlink-cta.vlink-cta-wrapper
   ========================================================================== */

.vlink-cta.vlink-cta-wrapper{
  padding: 96px 0;
  position: relative;
  overflow: hidden;

  /* bỏ nền hoàn toàn */
  background: transparent;
  border: 0;
}

/* tắt mọi hiệu ứng nền cũ nếu có */
.vlink-cta.vlink-cta-wrapper::before,
.vlink-cta.vlink-cta-wrapper::after{
  content: none !important;
}

/* container */
.vlink-cta.vlink-cta-wrapper .vlink-ux-container{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

/* grid */
.vlink-cta.vlink-cta-wrapper .v-cta-grid{
  display: grid;
  grid-template-columns: 1fr 1.18fr;
  gap: 70px;
  align-items: center;
}

/* ==========================================================
   LEFT
   ========================================================== */

.vlink-cta.vlink-cta-wrapper .v-cta-info{
  max-width: 600px;
}

/* kicker: navy + cam accent */
.vlink-cta.vlink-cta-wrapper .vlink-cta__kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;

  color: #0b1220;
  padding: 6px 10px;
  border-radius: 999px;

  background: rgba(11, 18, 32, 0.06);
  border: 1px solid rgba(11, 18, 32, 0.08);
}

/* cam chấm điểm xuyến trước kicker */
.vlink-cta.vlink-cta-wrapper .vlink-cta__kicker::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ff7a1a; /* cam accent */
  box-shadow: 0 0 0 0 rgba(255,122,26,0);
}

/* H2: navy/đen */
.vlink-cta.vlink-cta-wrapper .v-h2-lux{
  color: #0b1220 !important;
  text-align: left !important;
  font-weight: 900 !important;
  font-size: clamp(28px, 3.0vw, 42px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.6px;
  margin: 14px 0 14px;
}

/* mô tả */
.vlink-cta.vlink-cta-wrapper .v-cta-p{
  font-size: 1.08rem;
  color: rgba(15, 23, 42, 0.72);
  line-height: 1.75;
  margin: 0 0 22px;
  max-width: 560px;
}

/* ==========================================================
   TRUST PILLS (navy/đen + live)
   ========================================================== */

.vlink-cta.vlink-cta-wrapper .v-trust-badges{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* pill navy */
.vlink-cta.vlink-cta-wrapper .trust-item{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;

  padding: 10px 14px;
  border-radius: 999px;

  background: #0b1220;               /* navy đen */
  border: 1px solid rgba(255,255,255,0.10);

  color: rgba(255,255,255,0.88);
  font-weight: 750;
  font-size: 0.98rem;

  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.18);
}

/* dot trước chữ */
.vlink-cta.vlink-cta-wrapper .vlink-cta__dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.55);
}

/* live dot: xanh + pulse */
.vlink-cta.vlink-cta-wrapper .vlink-cta__dot.is-live{
  background: #22c55e;
  box-shadow: 0 0 0 0 rgba(34,197,94,0.0);
  animation: vlinkLiveDot 1.2s ease-in-out infinite;
}

@keyframes vlinkLiveDot{
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.35); opacity: 0.65; }
}

/* ==========================================================
   RIGHT: FORM BOX (navy/đen, cam điểm xuyến)
   ========================================================== */

.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap{
  /* navy/đen nhưng không bí */
  background: linear-gradient(180deg, #0b1220 0%, #0a1528 100%);
  border: 1px solid rgba(255,255,255,0.10);

  padding: 46px;
  border-radius: 28px;

  box-shadow: 0 30px 90px rgba(2, 6, 23, 0.22);
  position: relative;
  overflow: hidden;
}

/* viền cam tinh tế (accent) */
.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap::before{
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255,122,26,0.55) 50%, transparent 100%);
  opacity: 0.9;
  pointer-events: none;
}

/* row */
.vlink-cta.vlink-cta-wrapper .v-form-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 18px;
}

/* group + label */
.vlink-cta.vlink-cta-wrapper .v-form-group{
  margin-bottom: 18px;
}

.vlink-cta.vlink-cta-wrapper .v-form-group label{
  display: block;
  font-weight: 800;
  color: rgba(255,255,255,0.90);
  margin-bottom: 8px;
  font-size: 0.92rem;
  letter-spacing: -0.1px;
}

/* inputs */
.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap input,
.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap select,
.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap textarea{
  width: 100%;
  padding: 14px 18px;

  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.12);

  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.92);

  font-size: 0.95rem;
  outline: none;

  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}

.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap input::placeholder,
.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap textarea::placeholder{
  color: rgba(255,255,255,0.55);
}

/* focus: cam accent */
.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap input:focus,
.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap select:focus,
.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap textarea:focus{
  border-color: rgba(255,122,26,0.70);
  background: rgba(255,255,255,0.09);
  box-shadow: 0 0 0 4px rgba(255,122,26,0.16);
}

/* select option readability */
.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap select option{
  color: #0b1220;
}

/* textarea */
.vlink-cta.vlink-cta-wrapper .v-premium-form-wrap textarea{
  resize: vertical;
  min-height: 96px;
}

/* button: giữ primary nếu anh muốn đồng bộ brand; hover có cam glow */
.vlink-cta.vlink-cta-wrapper .v-btn-submit{
  width: 100%;
  background: var(--vlink-primary);
  color: #ffffff !important;

  padding: 18px 18px;
  border-radius: 12px;

  font-size: 1.06rem;
  font-weight: 900;
  border: none;
  cursor: pointer;

  letter-spacing: 0.8px;
  box-shadow: 0 14px 34px rgba(0, 68, 204, 0.22);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
  margin-top: 6px;
}

.vlink-cta.vlink-cta-wrapper .v-btn-submit:hover{
  transform: translateY(-2px);
  filter: brightness(0.98);
  box-shadow:
    0 16px 40px rgba(0, 68, 204, 0.26),
    0 0 0 4px rgba(255,122,26,0.10);
}

/* note */
.vlink-cta.vlink-cta-wrapper .v-form-note{
  text-align: center;
  font-size: 0.86rem;
  color: rgba(255,255,255,0.70);
  margin-top: 14px;
  line-height: 1.45;
}

.vlink-cta.vlink-cta-wrapper .v-form-note a{
  color: rgba(255,122,26,0.95);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width: 991px){
  .vlink-cta.vlink-cta-wrapper{ padding: 78px 0; }

  .vlink-cta.vlink-cta-wrapper .v-cta-grid{
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .vlink-cta.vlink-cta-wrapper .v-cta-info{
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  .vlink-cta.vlink-cta-wrapper .v-h2-lux{
    text-align: center !important;
  }

  .vlink-cta.vlink-cta-wrapper .v-cta-p{
    margin-left: auto;
    margin-right: auto;
  }

  .vlink-cta.vlink-cta-wrapper .v-trust-badges{
    align-items: center;
  }

  .vlink-cta.vlink-cta-wrapper .trust-item{
    width: 100%;
    justify-content: center;
  }

  .vlink-cta.vlink-cta-wrapper .v-premium-form-wrap{
    padding: 30px 20px;
  }
}

@media (max-width: 600px){
  .vlink-cta.vlink-cta-wrapper .v-form-row{
    grid-template-columns: 1fr;
  }
}



















/* ==========================================================================
   WEBSITE GROWTH SYSTEM™ - PHƯƠNG PHÁP ĐỘC QUYỀN
   ========================================================================== */

.v-system-premium {
    position: relative;
    background: var(--vlink-dark);
    border-radius: 40px;
    padding: 80px;
    overflow: hidden;
    color: white;
}

.v-system-inner {
    position: relative;
    z-index: 2;
    max-width: 700px;
}

.v-badge-neon {
    background: rgba(0, 68, 204, 0.2);
    color: #00c6ff;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 2px;
    border: 1px solid rgba(0, 198, 255, 0.3);
    display: inline-block;
    margin-bottom: 30px;
}

.v-white-text {
    color: #ffffff !important;
}

.v-system-desc {
    font-size: 1.2rem;
    color: #94a3b8;
    margin-bottom: 40px;
    line-height: 1.6;
}

/* Bullet points đậm chất VLINK */
.v-system-bullets {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 50px 0 !important;
}

.v-system-bullets li {
    padding: 12px 0 12px 35px;
    font-size: 1.15rem;
    font-weight: 600;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.v-system-bullets li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: var(--vlink-primary);
    font-weight: 900;
}

/* Footer của system */
.v-system-footer {
    padding-top: 30px;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    font-weight: 700;
    color: #00c6ff;
    font-size: 1.1rem;
}

/* Hiệu ứng hào quang phát sáng bên góc */
.v-system-visual-glow {
    position: absolute;
    top: -20%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(0, 68, 204, 0.4) 0%, rgba(15, 23, 42, 0) 70%);
    z-index: 1;
    pointer-events: none;
}

/* --- RESPONSIVE --- */
@media (max-width: 991px) {
    .v-value-grid { grid-template-columns: 1fr; }
    .v-system-premium { padding: 40px 30px; border-radius: 20px; }
    .v-h2-lux { font-size: 2.2rem; }
}


/* ==========================================================================
   VLINK FINAL PROOF (Proof Panel + FAQ Card)
   ========================================================================== */

.vlink-final-proof,
.vlink-final-proof *{
  box-sizing: border-box;
}

/* 0) Wrapper */
.vlink-final-proof{
  padding: 96px 0;
  background: transparent;
}

/* Container */
.vlink-final-proof .vlink-ux-container{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 1) Grid (fix “trái phải lệch/lộn xộn”) */
.vlink-final-proof .v-proof-grid{
  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
  gap: 64px;
  align-items: start;
}

/* Optional: tinh chỉnh vị trí FAQ giống hình (có thể đổi 0 -> 8/12/16px tuỳ mắt) */
.vlink-final-proof .v-proof-right{
  padding-top: 8px;
}

/* 2) Title (bự lên + đồng bộ heading toàn site) */
.vlink-final-proof .v-proof-title{
  margin: 0 0 18px;
  line-height: 1.06;
  letter-spacing: -1px;
  color: #0b1220;
  text-align: left !important;

  /* tăng size cho “cân xứng” */
  font-weight: 950 !important;
  font-size: clamp(40px, 4.1vw, 64px) !important;
}

/* Gradient text: navy -> xanh nhạt (không xanh lá) */
.vlink-final-proof .vlink-gradient-dynamic{
  background: linear-gradient(90deg, #003a99 0%, #0b5cff 62%, #7bb6ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* 3) Proof Panel (1 khối, nhẹ hơn 3 khối tách rời) */
.vlink-final-proof .v-proof-panel{
  border-radius: 22px;
  padding: 18px;
  background: linear-gradient(180deg, #0b1220 0%, #07101f 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(2,6,23,0.18);
  position: relative;
  overflow: hidden;
}

/* glow xanh rất nhẹ */
.vlink-final-proof .v-proof-panel::after{
  content: "";
  position: absolute;
  top: -120px;
  right: -140px;
  width: 360px;
  height: 360px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(123,182,255,0.16) 0%, transparent 64%);
}

/* Stats row: 3 cột */
.vlink-final-proof .v-proof-stats-row{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

/* Stat cell */
.vlink-final-proof .v-stat{
  border-radius: 16px;
  padding: 16px 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

/* Accent cam: chỉ 1 stat */
.vlink-final-proof .v-stat.is-accent{
  border-color: rgba(255,122,26,0.42);
  background: rgba(255,122,26,0.07);
}

/* Number */
.vlink-final-proof .v-stat__num{
  font-weight: 950;
  letter-spacing: -1.2px;
  line-height: 1;
  font-size: clamp(30px, 2.6vw, 44px);
  color: rgba(255,255,255,0.96);
}

/* Label */
.vlink-final-proof .v-stat__label{
  margin-top: 10px;
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.35;
  color: rgba(226,232,240,0.82);
}

/* Hover nhẹ */
.vlink-final-proof .v-stat:hover{
  transform: translateY(-2px);
  border-color: rgba(123,182,255,0.28);
  background: rgba(255,255,255,0.06);
}

/* Footnote */
.vlink-final-proof .v-proof-footnote{
  margin-top: 14px;
  font-size: 0.86rem;
  line-height: 1.55;
  color: rgba(226,232,240,0.68);
}

/* 4) FAQ Panel (đúng kiểu card ở hình) */
.vlink-final-proof .v-faq-panel{
  border-radius: 22px;
  padding: 18px;
  background: #ffffff;
  border: 1px solid rgba(11,18,32,0.08);
  box-shadow: 0 22px 60px rgba(2,6,23,0.08);
}

/* FAQ head: pill trái + heading phải */
.vlink-final-proof .v-faq-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 2px 12px;
}

.vlink-final-proof .v-faq-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(11,18,32,0.06);
  border: 1px solid rgba(11,18,32,0.08);
  color: #0b1220;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
}

.vlink-final-proof .v-faq-heading{
  font-weight: 900;
  color: rgba(11,18,32,0.78);
  font-size: 0.98rem;
}

/* FAQ list */
.vlink-final-proof .v-faq-list{
  display: grid;
  gap: 12px;
}

/* details item */
.vlink-final-proof .v-faq-item{
  border-radius: 16px;
  border: 1px solid rgba(11,18,32,0.10);
  background: rgba(248, 250, 252, 0.88);
  overflow: hidden;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}

/* summary */
.vlink-final-proof .v-faq-question{
  list-style: none;
  cursor: pointer;
  user-select: none;

  display: flex;
  align-items: center;
  gap: 10px;

  padding: 14px 14px;
  font-weight: 900;
  color: #0b1220;
  font-size: 1.05rem;
}

/* ẩn marker */
.vlink-final-proof .v-faq-question::-webkit-details-marker{ display: none; }
.vlink-final-proof .v-faq-question::marker{ content: ""; }

/* dot */
.vlink-final-proof .v-faq-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(11,92,255,0.75);
  box-shadow: 0 0 0 6px rgba(11,92,255,0.10);
  flex-shrink: 0;
}

/* live cam */
.vlink-final-proof .v-faq-dot.is-live{
  background: rgba(255,122,26,0.98);
  box-shadow: 0 0 0 0 rgba(255,122,26,0.00);
  animation: vlinkFaqPulseOrange 1.35s ease-in-out infinite;
}

@keyframes vlinkFaqPulseOrange{
  0%   { box-shadow: 0 0 0 0 rgba(255,122,26,0.28); }
  70%  { box-shadow: 0 0 0 12px rgba(255,122,26,0.00); }
  100% { box-shadow: 0 0 0 0 rgba(255,122,26,0.00); }
}

/* answer */
.vlink-final-proof .v-faq-answer{
  padding: 0 14px 14px 34px;
  color: rgba(15,23,42,0.72);
  font-size: 1.0rem;
  line-height: 1.7;
}

/* open state */
.vlink-final-proof .v-faq-item[open]{
  background: #ffffff;
  border-color: rgba(11,92,255,0.22);
  box-shadow: 0 18px 44px rgba(2,6,23,0.08);
}

/* hover nhẹ */
.vlink-final-proof .v-faq-item:hover{
  transform: translateY(-2px);
  border-color: rgba(11,92,255,0.18);
}

/* 5) Responsive */
@media (max-width: 991px){
  .vlink-final-proof{ padding: 78px 0; }

  .vlink-final-proof .v-proof-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .vlink-final-proof .v-proof-right{
    padding-top: 0;
  }

  .vlink-final-proof .v-proof-title{
    text-align: center !important;
    font-size: clamp(34px, 6vw, 52px) !important;
  }

  .vlink-final-proof .v-proof-stats-row{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  .vlink-final-proof .v-proof-panel,
  .vlink-final-proof .v-faq-panel{
    padding: 14px;
    border-radius: 18px;
  }

  .vlink-final-proof .v-faq-question{
    font-size: 1.02rem;
  }
}


/* ==========================================================================
   VLINK CTA FINAL (DIV ONLY) - SAFE SCOPE (ANTI-OVERRIDE)
   - Không dùng <section> (đã nằm trong Flatsome Section/Row/Col)
   - Không tạo nền tổng ngoài wrapper (tránh “đè”/lạc tông)
   - Panel navy/đen core, gradient xanh navy nhẹ, cam điểm xuyến, live dot
   - Scope: CHỈ .vlink-cta-final
   ========================================================================== */

.vlink-cta-final,
.vlink-cta-final *{
  box-sizing: border-box;
}

/* ----------------------------------------------------------
   1) WRAPPER: chỉ spacing, KHÔNG overlay ngoài
   ---------------------------------------------------------- */
.vlink-cta-final{
  position: relative;
  background: transparent;
  padding: 92px 0;
  overflow: visible; /* để tránh glow bị cắt lung tung */
}

/* QUAN TRỌNG: không dùng ::before cho wrapper để khỏi đè */
.vlink-cta-final::before,
.vlink-cta-final::after{
  content: none !important;
}

/* ----------------------------------------------------------
   2) CONTAINER: đặt max-width, không ảnh hưởng layout ngoài
   ---------------------------------------------------------- */
.vlink-cta-final .vlink-cta-final__container{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

/* ----------------------------------------------------------
   3) PANEL: nền navy/đen + glow nội bộ (không leak ra ngoài)
   ---------------------------------------------------------- */
.vlink-cta-final .vlink-cta-final__content{
  max-width: 920px;
  margin: 0 auto;
  text-align: center;

  border-radius: 26px;
  padding: 46px 34px;

  background: linear-gradient(180deg, #0b1220 0%, #07101f 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 28px 90px rgba(2,6,23,0.20);

  position: relative;
  overflow: hidden;
}

/* Glow xanh (nằm trong panel) */
.vlink-cta-final .vlink-cta-final__content::after{
  content:"";
  position:absolute;
  top: -170px;
  right: -190px;
  width: 440px;
  height: 440px;
  pointer-events:none;
  background: radial-gradient(circle, rgba(123,182,255,0.16) 0%, transparent 66%);
}

/* Glow cam rất nhẹ phía trái dưới (điểm xuyến) */
.vlink-cta-final .vlink-cta-final__content::before{
  content:"";
  position:absolute;
  bottom: -190px;
  left: -210px;
  width: 520px;
  height: 520px;
  pointer-events:none;
  background: radial-gradient(circle, rgba(255,122,26,0.10) 0%, transparent 66%);
}

/* ----------------------------------------------------------
   4) KICKER: pill + live dot (cam)
   ---------------------------------------------------------- */
.vlink-cta-final .vlink-cta-final__kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 7px 12px;
  border-radius: 999px;

  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(226,232,240,0.92);

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 16px;
}

/* live dot trước kicker */
.vlink-cta-final .vlink-cta-final__kicker::before{
  content:"";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,122,26,0.98);
  box-shadow: 0 0 0 0 rgba(255,122,26,0.00);
  animation: vlinkCtaFinalPulseOrange 1.35s ease-in-out infinite;
}

@keyframes vlinkCtaFinalPulseOrange{
  0%   { box-shadow: 0 0 0 0 rgba(255,122,26,0.30); }
  70%  { box-shadow: 0 0 0 12px rgba(255,122,26,0.00); }
  100% { box-shadow: 0 0 0 0 rgba(255,122,26,0.00); }
}

/* ----------------------------------------------------------
   5) TITLE + SUB: đồng bộ hệ heading VLINK (bự, chắc)
   ---------------------------------------------------------- */
.vlink-cta-final .vlink-cta-final__title{
  margin: 0 0 14px;
  color: rgba(255,255,255,0.96);

  font-weight: 950;
  letter-spacing: -1px;
  line-height: 1.06;
  font-size: clamp(34px, 3.6vw, 54px);

  text-shadow: 0 16px 44px rgba(2,6,23,0.28);
}

/* có thể dùng span nhấn xanh (optional) */
.vlink-cta-final .vlink-cta-final__title .is-blue{
  background: linear-gradient(90deg, rgba(11,92,255,0.95) 0%, rgba(123,182,255,0.95) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.vlink-cta-final .vlink-cta-final__sub{
  margin: 0 auto 24px;
  max-width: 760px;
  color: rgba(226,232,240,0.78);
  font-size: 1.08rem;
  line-height: 1.75;
}

/* ----------------------------------------------------------
   6) ACTIONS + BUTTON (hotline)
   ---------------------------------------------------------- */
.vlink-cta-final .vlink-cta-final__actions{
  display: grid;
  gap: 12px;
  justify-items: center;
}

/* Button */
.vlink-cta-final .vlink-cta-final__btn{
  display: inline-flex;
  align-items: center;
  gap: 12px;

  padding: 16px 26px;
  border-radius: 999px;

  text-decoration: none !important;
  outline: none !important;

  background: linear-gradient(90deg, rgba(11,92,255,0.95) 0%, rgba(123,182,255,0.95) 100%);
  color: #ffffff !important;

  font-weight: 900;
  letter-spacing: 0.3px;

  box-shadow: 0 16px 40px rgba(11,92,255,0.22);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.vlink-cta-final .vlink-cta-final__btn:hover{
  transform: translateY(-2px);
  filter: brightness(0.98);
  box-shadow: 0 22px 56px rgba(11,92,255,0.30);
}

/* Icon “phone” CSS (không phụ thuộc icon font) */
.vlink-cta-final .vlink-cta-final__btn-ic{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.22);
  position: relative;
  flex-shrink: 0;
}

.vlink-cta-final .vlink-cta-final__btn-ic::before{
  content:"";
  position:absolute;
  left: 11px;
  top: 9px;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255,255,255,0.92);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 6px;
  transform: rotate(45deg);
  opacity: 0.95;
}

/* Note */
.vlink-cta-final .vlink-cta-final__note{
  color: rgba(226,232,240,0.70);
  font-size: 0.92rem;
  line-height: 1.55;
}

/* ----------------------------------------------------------
   7) RESPONSIVE
   ---------------------------------------------------------- */
@media (max-width: 767px){
  .vlink-cta-final{
    padding: 68px 0;
  }

  .vlink-cta-final .vlink-cta-final__content{
    padding: 34px 18px;
    border-radius: 20px;
  }

  .vlink-cta-final .vlink-cta-final__btn{
    width: 100%;
    justify-content: center;
  }
}






/* ==========================================================================
   VLINK ASIA - SECTION PAIN POINTS (ULTRA PREMIUM & BIG BOLD)
   ========================================================================== */

.vlink-seo-page .vlink-pain-wrapper {
    max-width: 1300px; /* Mở rộng khung nhìn cho bề thế */
    margin: 0 auto;
    padding: 120px 25px; /* Tăng padding để section "thở" sang trọng */
}

/* 1. HEADER CENTER: Khẳng định uy lực */
.vlink-seo-page .vlink-header-center {
    text-align: center;
    margin-bottom: 90px;
}

.vlink-seo-page .vlink-h2-dark {
    font-size: clamp(2.8rem, 5vw, 4.2rem) !important; /* To hơn hẳn, tạo sự choáng ngợp */
    font-weight: 900;
    color: #050a18;
    line-height: 1;
    letter-spacing: -3px; /* Ép chữ sát tạo độ "nặng" nhưng sang */
    margin-bottom: 30px;
}

.vlink-seo-page .vlink-p-lead {
    font-size: 1.4rem; /* Tăng size để dễ đọc và bề thế */
    color: #475569;
    max-width: 850px;
    margin: 0 auto;
    font-weight: 500;
    line-height: 1.7;
}

/* 2. BENTO GRID SYSTEM: Phóng khoáng */
.vlink-seo-page .vlink-pain-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px; /* Tăng khoảng cách giữa các card */
    margin-bottom: 100px;
}

/* 3. CARD THIẾT KẾ: Sang trọng, không bị "bé" */
.vlink-seo-page .vlink-pain-card {
    background: #ffffff;
    padding: 60px 45px; /* Padding cực rộng tạo cảm giác cao cấp */
    border-radius: 24px; /* Bo góc lớn kiểu Apple/Modern Tech */
    border: 1px solid #e2e8f0;
    /* Đổ bóng tầng thấp để card trông nổi hẳn lên mặt đất */
    box-shadow: 0 10px 30px rgba(5, 10, 24, 0.03); 
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
}

.vlink-seo-page .vlink-pain-card:hover {
    transform: translateY(-15px); /* Bay cao hơn */
    border-color: #0066ff;
    box-shadow: 0 40px 80px rgba(0, 102, 255, 0.12); /* Bóng đổ màu Root cực sang */
}

/* Card AI nổi bật: Dùng Gradient nền cực nhạt */
.vlink-seo-page .highlight-card {
    background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%);
    border: 1px solid rgba(0, 102, 255, 0.3);
}

.vlink-seo-page .vlink-pain-icon {
    font-size: 60px; /* Icon to rõ */
    margin-bottom: 35px;
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));
}

.vlink-seo-page .vlink-pain-card h3 {
    font-size: 1.85rem; /* Tiêu đề card to, rõ */
    font-weight: 850;
    color: #050a18;
    margin-bottom: 25px;
    letter-spacing: -1px;
    line-height: 1.2;
}

.vlink-seo-page .vlink-pain-card p {
    font-size: 1.15rem; /* Nội dung to, dễ đọc */
    color: #4b5563;
    line-height: 1.8;
    margin-bottom: 40px;
    flex-grow: 1;
}

/* 4. GIẢI PHÁP BADGE: Tinh tế & Chuyên nghiệp */
.vlink-seo-page .vlink-sol-badge {
    background: #f8fafc;
    color: #0066ff;
    padding: 18px 25px;
    border-radius: 14px;
    font-size: 1rem;
    font-weight: 700;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.vlink-seo-page .dark-badge {
    background: #0066ff;
    color: #ffffff;
    border: 1px solid #0066ff;
    box-shadow: 0 10px 20px rgba(0, 102, 255, 0.2);
}

/* 5. QUOTE CHỐT HẠ: Đỉnh cao bề thế */
.vlink-seo-page .vlink-final-quote {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    padding: 80px 50px;
    background: #050a18; /* Chuyển sang nền tối để tạo sự bùng nổ cuối cùng */
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.vlink-seo-page .vlink-final-quote p {
    font-size: 2.2rem; /* Quote siêu to */
    font-weight: 800;
    color: #ffffff !important;
    line-height: 1.4;
    margin: 0;
    letter-spacing: -1px;
    position: relative;
    z-index: 2;
}

.vlink-seo-page .vlink-final-quote strong {
    color: #0066ff; /* Màu Root nổi bật trên nền đen */
    font-weight: 900;
}

/* Trang trí Quote bằng vết sáng Gradient */
.vlink-seo-page .vlink-final-quote::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -20%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(0, 102, 255, 0.2) 0%, transparent 70%);
    z-index: 1;
}

/* 6. RESPONSIVE MOBILE */
@media (max-width: 1024px) {
    .vlink-seo-page .vlink-pain-grid { grid-template-columns: 1fr; }
    .vlink-seo-page .vlink-h2-dark { font-size: 2.5rem !important; }
}

/* ==========================================================================
   SECTION: SEO AI-FIRST (AUTHORITY COMPARISON)
   ========================================================================== */

.vlink-seo-page .vlink-ux-wrapper {
    max-width: 1300px;
    margin: 0 auto;
    padding: 120px 25px;
    background: #ffffff;
}

/* 1. Header & Tag */
.vlink-seo-page .vlink-section-header {
    text-align: center;
    margin-bottom: 80px;
}

.vlink-seo-page .vlink-tag {
    display: inline-block;
    background: #f0f7ff;
    color: #0066ff;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
    border: 1px solid rgba(0, 102, 255, 0.2);
}

.vlink-seo-page .vlink-h2 {
    font-size: clamp(2.5rem, 4.5vw, 3.8rem);
    font-weight: 900;
    color: #050a18;
    letter-spacing: -2px;
    line-height: 1.1;
    margin-bottom: 30px;
}

.vlink-seo-page .vlink-intro-text {
    font-size: 1.3rem;
    color: #475569;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.7;
}

/* 2. Bảng so sánh - Đẳng cấp quốc tế */
.vlink-seo-page .vlink-comparison-table-container {
    margin-bottom: 80px;
    overflow-x: auto;
    border-radius: 24px;
    box-shadow: 0 40px 100px rgba(5, 10, 24, 0.08);
}

.vlink-seo-page .vlink-comparison-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
}

.vlink-seo-page .vlink-comparison-table th {
    background: #050a18;
    color: #ffffff;
    padding: 30px 40px;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 800;
}

/* Cột SEO AI nổi bật */
.vlink-seo-page .vlink-comparison-table th:last-child {
    background: #0066ff;
    text-align: center;
}

.vlink-seo-page .vlink-comparison-table td {
    padding: 30px 40px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 1.1rem;
    color: #475569;
    font-weight: 500;
}

.vlink-seo-page .vlink-comparison-table .v-label {
    color: #050a18;
    font-weight: 800;
    background: #fcfdfe;
}

.vlink-seo-page .vlink-highlight-td {
    background: rgba(0, 102, 255, 0.03);
    color: #0066ff !important;
    font-weight: 800 !important;
    text-align: center;
    border-left: 1px solid rgba(0, 102, 255, 0.1);
}

/* 3. Grid Benefit Items (Phóng khoáng) */
.vlink-seo-page .vlink-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.vlink-seo-page .tech-benefit-item {
    background: #f8fafc;
    padding: 50px 40px;
    border-radius: 24px;
    transition: all 0.4s ease;
    border: 1px solid transparent;
}

.vlink-seo-page .tech-benefit-item:hover {
    background: #ffffff;
    border-color: #0066ff;
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 102, 255, 0.1);
}

.vlink-seo-page .tech-benefit-item .icon {
    font-size: 48px;
    margin-bottom: 25px;
}

.vlink-seo-page .tech-benefit-item h4 {
    font-size: 1.5rem;
    font-weight: 850;
    color: #050a18;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.vlink-seo-page .tech-benefit-item p {
    font-size: 1.05rem;
    color: #64748b;
    line-height: 1.7;
    margin: 0;
}

/* 4. RESPONSIVE */
@media (max-width: 991px) {
    .vlink-seo-page .vlink-grid-3 { grid-template-columns: 1fr; }
    .vlink-seo-page .vlink-comparison-table th, 
    .vlink-seo-page .vlink-comparison-table td {
        padding: 20px;
        font-size: 0.95rem;
    }
}

/* ==========================================================================
   VLINK SEO PAGE - SEO LEVEL 9™ FRAMEWORK (SEAMLESS CYBER GRADIENT)
   ========================================================================== */

.vlink-seo-page .vlink-level9-wrapper {
    max-width: 1300px;
    margin: 0 auto;
    padding: 120px 25px;
    font-family: 'Inter', sans-serif;
}

/* 1. HEADER CENTER */
.vlink-seo-page .vlink-header-center {
    text-align: center;
    margin-bottom: 80px;
}

.vlink-seo-page .vlink-mini-tag {
    display: inline-block;
    color: #0066ff;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-size: 0.9rem;
    margin-bottom: 25px;
}

.vlink-seo-page .vlink-h2-ai {
    font-size: clamp(2.8rem, 5.5vw, 4.2rem);
    font-weight: 950;
    color: #050a18;
    letter-spacing: -3px;
    line-height: 1.1;
    margin-bottom: 30px;
}

.vlink-seo-page .vlink-gradient-text {
    /* Dải màu đồng bộ với phễu: Xanh sáng sang Tím */
    background: linear-gradient(90deg, #00c6ff, #6c22bd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vlink-seo-page .vlink-p-sub {
    font-size: 1.4rem;
    color: #475569;
    max-width: 850px;
    margin: 0 auto;
    line-height: 1.7;
    font-weight: 500;
}

/* 2. STRATEGY GRID (4 CỘT CHIẾN LƯỢC) */
.vlink-seo-page .vlink-strategy-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 120px;
}

.vlink-seo-page .vlink-strategy-card {
    background: #ffffff;
    padding: 60px 40px;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    position: relative;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.02);
}

.vlink-seo-page .vlink-step-num {
    font-size: 4rem;
    font-weight: 950;
    color: rgba(108, 34, 189, 0.08); /* Màu tím nhạt mờ */
    position: absolute;
    top: 20px;
    right: 30px;
    line-height: 1;
}

.vlink-seo-page .vlink-strategy-card h3 {
    font-size: 1.6rem;
    font-weight: 850;
    color: #050a18;
    margin-bottom: 25px;
    line-height: 1.3;
}

.vlink-seo-page .vlink-strategy-card p {
    font-size: 1.1rem;
    color: #64748b;
    line-height: 1.8;
    margin: 0;
}

.vlink-seo-page .vlink-strategy-card:hover,
.vlink-seo-page .card-active {
    border-color: #6c22bd;
    transform: translateY(-15px);
    box-shadow: 0 40px 80px rgba(108, 34, 189, 0.12);
}

/* 3. CYBER FUNNEL BOX (KHỐI NỀN ĐEN) */
.vlink-seo-page .vlink-funnel-box-cyber {
    background: #050a18;
    border-radius: 40px;
    padding: 100px 80px;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 80px;
    align-items: center;
    color: #ffffff;
    box-shadow: 0 50px 100px rgba(5, 10, 24, 0.4);
    position: relative;
    border: 1px solid rgba(108, 34, 189, 0.2);
}

.vlink-seo-page .funnel-text h3 {
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 30px;
    line-height: 1.2;
}

.vlink-seo-page .funnel-list-new {
    list-style: none;
    padding: 0;
    margin-top: 40px;
}

.vlink-seo-page .funnel-list-new li {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-size: 1.25rem;
}

/* Đồng bộ dot list với phễu */
.vlink-seo-page .dot { width: 14px; height: 14px; border-radius: 50%; margin-right: 20px; }
.vlink-seo-page .d-tofu { background: #00c6ff; box-shadow: 0 0 15px #00c6ff; }
.vlink-seo-page .d-mofu { background: #0066ff; box-shadow: 0 0 15px #0066ff; }
.vlink-seo-page .d-bofu { background: #6c22bd; box-shadow: 0 0 15px #6c22bd; }

/* 4. SEAMLESS VISUAL FUNNEL (DẢI MÀU CHẢY) */
.vlink-seo-page .funnel-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px; /* Khoảng thở tinh tế */
}

.vlink-seo-page .f-layer {
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 950;
    font-size: 0.9rem;
    letter-spacing: 3px;
    color: #ffffff;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Tầng 1: Xanh sáng -> Xanh chuẩn */
.vlink-seo-page .fl-tofu {
    background: linear-gradient(180deg, #00c6ff 0%, #0066ff 100%);
    width: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%);
}

/* Tầng 2: Xanh chuẩn -> Tím Cyber (Điểm bắt đầu tầng 2 khớp với điểm cuối tầng 1) */
.vlink-seo-page .fl-mofu {
    background: linear-gradient(180deg, #0066ff 0%, #6c22bd 100%);
    width: 80%;
    clip-path: polygon(12% 0%, 88% 0%, 75% 100%, 25% 100%);
}

/* Tầng 3: Tím Cyber -> Tím đậm (Kết thúc phễu) */
.vlink-seo-page .fl-bofu {
    background: linear-gradient(180deg, #6c22bd 0%, #4e1a8a 100%);
    width: 60%;
    clip-path: polygon(16% 0%, 84% 0%, 70% 100%, 30% 100%);
}

/* Hiệu ứng tương tác Phễu */
.vlink-seo-page .f-layer:hover {
    transform: scale(1.08) translateY(-5px);
    filter: brightness(1.2);
    box-shadow: 0 20px 40px rgba(108, 34, 189, 0.3);
    z-index: 5;
}

/* 5. RESPONSIVE */
@media (max-width: 1100px) {
    .vlink-seo-page .vlink-strategy-grid { grid-template-columns: repeat(2, 1fr); }
    .vlink-seo-page .vlink-funnel-box-cyber {
        grid-template-columns: 1fr;
        padding: 60px 40px;
    }
    .vlink-seo-page .funnel-list-new li { justify-content: center; }
}

@media (max-width: 768px) {
    .vlink-seo-page .vlink-h2-ai { font-size: 2.3rem; }
    .vlink-seo-page .vlink-p-sub { font-size: 1.1rem; }
    .vlink-seo-page .vlink-strategy-grid { grid-template-columns: 1fr; }
    .vlink-seo-page .f-layer { height: 80px; font-size: 0.75rem; letter-spacing: 1px; }
}

/* ==========================================================================
   VLINK DEEP TECH SECTION - ULTRA CYBER VERSION
   ========================================================================== */

/* 1. Layout Tổng thể */
.vlink-deep-tech-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
    padding: 80px 0;
    font-family: 'Inter', sans-serif;
}

.tech-text-block { flex: 1.2; min-width: 350px; }

/* 2. Text Styling */
.vlink-badge-cyber {
    display: inline-block;
    background: #f0f7ff;
    color: #6c22bd;
    padding: 8px 18px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
    border: 1px solid rgba(108, 34, 189, 0.2);
    text-transform: uppercase;
}

.vlink-h2-tech {
    font-size: clamp(2.5rem, 4vw, 3.8rem);
    font-weight: 900;
    color: #050a18;
    line-height: 1.1;
    margin-bottom: 25px;
    letter-spacing: -2px;
}

.vlink-gradient-text {
    background: linear-gradient(90deg, #00c6ff, #6c22bd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tech-intro {
    font-size: 1.25rem;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 45px;
}

/* 3. Feature List */
.tech-feature-item {
    display: flex;
    gap: 25px;
    margin-bottom: 30px;
    padding: 25px;
    border-radius: 20px;
    transition: all 0.4s ease;
}

.tf-icon {
    width: 55px; height: 55px;
    background: #f0f7ff;
    color: #0066ff;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    flex-shrink: 0;
    font-size: 1.1rem;
}

.highlight-aoe {
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(108, 34, 189, 0.1);
    border: 1px solid rgba(108, 34, 189, 0.1);
}

.highlight-aoe .tf-icon { background: #6c22bd; color: #fff; box-shadow: 0 10px 20px rgba(108, 34, 189, 0.3); }

.tf-content h4 { font-size: 1.4rem; font-weight: 800; color: #050a18; margin-bottom: 8px; }
.tf-content p { font-size: 1rem; color: #64748b; line-height: 1.6; margin: 0; }

/* 4. Visual Cyber Block (Nền tối cực đậm) */
.tech-visual-block-cyber {
    flex: 1;
    min-width: 350px;
    position: relative;
    height: 550px;
    background: #050a18;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 40px 100px rgba(5, 10, 24, 0.3);
    overflow: hidden;
    border: 1px solid rgba(108, 34, 189, 0.2);
}

.entity-graph-wrap { position: relative; width: 100%; height: 100%; }

/* Node chính Phát sáng Neon */
.node-main-neon {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background: linear-gradient(135deg, #00c6ff, #6c22bd);
    color: #fff; padding: 22px 38px; border-radius: 50px;
    font-weight: 900; z-index: 10;
    box-shadow: 0 0 50px rgba(108, 34, 189, 0.8);
    text-transform: uppercase; letter-spacing: 2px;
    border: 1px solid rgba(255,255,255,0.3);
}

/* Node vệ tinh */
.node-sub-neon {
    position: absolute; z-index: 5;
    background: rgba(255, 255, 255, 0.05);
    color: #fff; border: 1px solid #00c6ff;
    padding: 10px 22px; border-radius: 50px;
    font-weight: 700; font-size: 0.85rem;
    box-shadow: 0 0 20px rgba(0, 198, 255, 0.3);
    backdrop-filter: blur(8px);
}

.n1 { top: 20%; left: 15%; border-color: #00c6ff; }
.n2 { top: 25%; right: 10%; border-color: #6c22bd; box-shadow: 0 0 20px rgba(108, 34, 189, 0.3); }
.n3 { bottom: 22%; left: 28%; border-color: #00c6ff; }

/* Data Flow Lines (Dây dẫn & Hạt chạy) */
.line { position: absolute; background: rgba(255, 255, 255, 0.1); height: 2px; transform-origin: left center; z-index: 1; }
.data-particle {
    position: absolute; width: 40px; height: 100%;
    background: linear-gradient(90deg, transparent, #00c6ff, #fff, transparent);
    animation: data-run 2.5s infinite linear;
}

@keyframes data-run {
    0% { left: -20%; opacity: 0; }
    50% { opacity: 1; }
    100% { left: 120%; opacity: 0; }
}

.l1 { width: 160px; top: 50%; left: 50%; transform: rotate(-140deg); }
.l2 { width: 180px; top: 50%; left: 50%; transform: rotate(-25deg); }
.l3 { width: 140px; top: 50%; left: 50%; transform: rotate(115deg); }

/* Pulse Rings */
.pulse-ring {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    border-radius: 50%; border: 1px solid rgba(0, 198, 255, 0.2);
}
.pr-1 { width: 300px; height: 300px; animation: pulse-neon 4s infinite ease-out; }
.pr-2 { width: 450px; height: 450px; animation: pulse-neon 4s infinite ease-out 2s; }

@keyframes pulse-neon {
    0% { transform: translate(-50%, -50%) scale(0.6); opacity: 0; }
    50% { opacity: 0.4; border-color: #6c22bd; }
    100% { transform: translate(-50%, -50%) scale(1.3); opacity: 0; }
}

/* 5. Responsive */
@media (max-width: 991px) {
    .vlink-deep-tech-wrapper { gap: 40px; padding: 40px 0; }
    .tech-visual-block-cyber { height: 450px; border-radius: 30px; }
    .vlink-h2-tech { font-size: 2.2rem; }
}

/* ==========================================================================
   VLINK PRICING SECTION - CYBER STYLE
   ========================================================================== */

.vlink-pricing-wrapper {
    padding: 80px 0;
    max-width: 1250px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

/* Header */
.vlink-pricing-header { text-align: center; margin-bottom: 60px; }
.vlink-h2-pricing { font-size: 3rem; font-weight: 950; color: #050a18; letter-spacing: -1.5px; margin-bottom: 15px; }
.vlink-p-lead { font-size: 1.2rem; color: #64748b; }

/* Grid */
.vlink-pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    padding: 20px;
}

/* Base Price Box */
.price-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 30px;
    padding: 50px 40px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Featured Box - Cực kỳ đậm đà */
.price-box.featured {
    background: #050a18;
    color: #ffffff;
    border: 2px solid #6c22bd;
    transform: scale(1.05);
    box-shadow: 0 30px 60px rgba(108, 34, 189, 0.25);
    z-index: 2;
}

.price-box:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.05); }
.price-box.featured:hover { transform: translateY(-10px) scale(1.06); }

/* Popular Tag */
.popular-tag {
    position: absolute;
    top: 20px; right: 20px;
    background: linear-gradient(90deg, #00c6ff, #6c22bd);
    color: #fff;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

/* Price Header */
.price-header h3 { font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; }
.price-box.featured .price-header h3 { color: #fff; }

.price-box.featured .amount { color: #00c6ff; }
.unit { font-size: 1rem; color: #94a3b8; font-weight: 400; }

/* List */
.price-list { list-style: none; padding: 0; margin: 0 0 40px 0; flex-grow: 1; }
.price-list li { padding: 12px 0; border-bottom: 1px solid rgba(226, 232, 240, 0.5); font-size: 1.05rem; }
.price-box.featured .price-list li { border-bottom-color: rgba(255,255,255,0.1); }

.check { color: #0066ff; margin-right: 10px; font-weight: bold; }
.price-box.featured .check { color: #00c6ff; }

.kpi-highlight { 
    color: #6c22bd; 
    font-weight: 800; 
    background: rgba(108, 34, 189, 0.05);
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    margin-top: 15px !important;
}
.price-box.featured .kpi-highlight { background: rgba(0, 198, 255, 0.1); color: #00c6ff; }

/* Buttons */
.vlink-btn-price {
    display: block;
    text-align: center;
    padding: 18px;
    border-radius: 15px;
    font-weight: 800;
    text-transform: uppercase;
    transition: 0.3s;
    font-size: 1rem;
}

.btn-outline { border: 2px solid #0066ff; color: #0066ff; }
.btn-outline:hover { background: #0066ff; color: #fff; }

.btn-gradient { 
    background: linear-gradient(90deg, #00c6ff, #6c22bd); 
    color: #fff; 
    box-shadow: 0 10px 20px rgba(108, 34, 189, 0.3);
}
.btn-gradient:hover { transform: scale(1.03); filter: brightness(1.1); }

/* Footer Guarantee */
.vlink-guarantee-footer {
    text-align: center;
    margin-top: 50px;
    padding: 25px;
    background: #f8fafc;
    border-radius: 20px;
    border: 1px dashed #cbd5e1;
}

/* Responsive */
@media (max-width: 768px) {
    .price-box.featured { transform: scale(1); margin: 20px 0; }
    .vlink-h2-pricing { font-size: 2.2rem; }
}

/* ==========================================================================
   VLINK BUDGET SECTION - CYBER PIE CHART
   ========================================================================== */

.vlink-budget-wrapper {
    padding: 80px 0;
    max-width: 1250px;
    margin: 0 auto;
}

.vlink-grid-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
}

/* 1. TEXT CONTENT */
.budget-chart-text { flex: 1.2; min-width: 350px; }

.vlink-h2-budget {
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    font-weight: 950;
    color: #050a18;
    line-height: 1.2;
    margin-bottom: 40px;
    letter-spacing: -1.5px;
}

.budget-list { list-style: none; padding: 0; margin: 0; }

.budget-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
    border-left: 4px solid #e2e8f0;
    transition: all 0.3s ease;
}

.budget-list li strong {
    display: block;
    font-size: 1.25rem;
    color: #050a18;
    margin-bottom: 8px;
}

.budget-list li p { font-size: 1.05rem; color: #64748b; margin: 0; }

/* Màu sắc riêng cho từng mục để khớp với biểu đồ */
.budget-list .item-1 { border-color: #6c22bd; } /* Tím */
.budget-list .item-2 { border-color: #0066ff; } /* Xanh chuẩn */
.budget-list .item-3 { border-color: #00c6ff; } /* Xanh sáng */

.budget-list li:hover { padding-left: 40px; background: rgba(108, 34, 189, 0.03); }

/* 2. CYBER CHART VISUAL */
.budget-visual {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 350px;
}

.circle-chart-wrapper {
    position: relative;
    width: 350px;
    height: 350px;
}

/* Tạo biểu đồ bằng conic-gradient đồng bộ dải màu Cyber */
.pie-chart-cyber {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(
        #6c22bd 0% 50%,     /* Item 1: 50% */
        #0066ff 50% 75%,   /* Item 2: 25% */
        #00c6ff 75% 100%   /* Item 3: 25% */
    );
    box-shadow: 0 0 50px rgba(108, 34, 189, 0.2);
    position: relative;
    z-index: 2;
}

/* Khoảng trống ở giữa tạo thành Donut */
.chart-center {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 70%; height: 70%;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.05);
}

.chart-center span { font-size: 0.9rem; color: #64748b; text-transform: uppercase; letter-spacing: 1px; line-height: 1.4; }
.chart-center strong { font-size: 2.5rem; color: #050a18; font-weight: 900; }

/* Hiệu ứng Glow chạy vòng quanh */
.chart-glow {
    position: absolute;
    top: -10px; left: -10px; right: -10px; bottom: -10px;
    border-radius: 50%;
    background: linear-gradient(45deg, #6c22bd, #00c6ff);
    filter: blur(25px);
    opacity: 0.15;
    z-index: 1;
    animation: rotate-glow 6s infinite linear;
}

@keyframes rotate-glow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* 3. RESPONSIVE */
@media (max-width: 768px) {
    .circle-chart-wrapper { width: 280px; height: 280px; }
    .vlink-h2-budget { text-align: center; }
}

/* ==========================================================================
   VLINK INDUSTRY PRICING - CYBER TABLE
   ========================================================================== */

.vlink-industry-wrapper {
    padding: 80px 0;
    max-width: 1250px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

.vlink-h2-industry {
    font-size: 3rem;
    font-weight: 950;
    color: #050a18;
    letter-spacing: -2px;
    margin-bottom: 15px;
    text-align: center;
}

.vlink-subtitle {
    text-align: center;
    font-size: 1.2rem;
    color: #64748b;
    max-width: 800px;
    margin: 0 auto 50px auto;
}

/* Table Styling */
.table-responsive-wrapper {
    overflow-x: auto;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    background: #ffffff;
}

.vlink-industry-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 800px;
}

/* Table Header */
.vlink-industry-table thead tr {
    background: #050a18;
    color: #ffffff;
    text-align: left;
}

.vlink-industry-table th {
    padding: 25px 30px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1px;
}

/* Table Body */
.vlink-industry-table td {
    padding: 22px 30px;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
    font-size: 1.05rem;
    transition: all 0.3s;
}

.vlink-industry-table tr:last-child td { border-bottom: none; }

/* Dải màu Gradient cho hàng khi Hover */
.vlink-industry-table tr:hover td {
    background-color: #f8fbff;
    color: #050a18;
}

/* Industry Tag */
.industry-tag {
    font-weight: 800;
    color: #050a18;
}

/* Price Column Highlights */
.price-col {
    font-weight: 900;
    color: #6c22bd; /* Tím đặc trưng */
}

/* Hiệu ứng xen kẽ nhẹ nhàng */
.vlink-industry-table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

/* Table Note */
.table-note {
    margin-top: 25px;
    font-style: italic;
    color: #94a3b8;
    font-size: 0.95rem;
    text-align: center;
}

/* Responsive */
@media (max-width: 768px) {
    .vlink-h2-industry { font-size: 2.2rem; }
    .vlink-industry-table th, .vlink-industry-table td { padding: 15px 20px; }
}



/* ==========================================================================
   VLINK FAQ SECTION - CYBER ACCORDION
   ========================================================================== */

.vlink-faq-container-cyber {
    padding: 80px 0;
    max-width: 900px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

.vlink-header-center { text-align: center; margin-bottom: 50px; }
.vlink-h2-faq { font-size: 2.8rem; font-weight: 950; color: #050a18; letter-spacing: -1.5px; }

/* FAQ List */
.vlink-faq-list { display: flex; flex-direction: column; gap: 15px; }

.vlink-faq-item {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.vlink-faq-item:hover {
    border-color: #6c22bd;
    box-shadow: 0 10px 30px rgba(108, 34, 189, 0.08);
}

/* Question Area */
.vlink-faq-question {
    padding: 25px 35px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
}

.vlink-faq-question h3 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #050a18;
    margin: 0;
    padding-right: 20px;
}

/* Biểu tượng dấu cộng (+) xoay thành (x) */
.faq-icon-plus {
    width: 20px; height: 20px;
    position: relative;
    flex-shrink: 0;
    transition: 0.4s;
}
.faq-icon-plus::before, .faq-icon-plus::after {
    content: '';
    position: absolute;
    background: #6c22bd;
    border-radius: 2px;
}
.faq-icon-plus::before { width: 100%; height: 2px; top: 9px; left: 0; }
.faq-icon-plus::after { width: 2px; height: 100%; top: 0; left: 9px; }

/* Answer Area */
.vlink-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: #f8fbff;
}

.vlink-faq-answer div { padding: 0 35px 30px 35px; }
.vlink-faq-answer p { font-size: 1.05rem; color: #475569; line-height: 1.7; margin: 0; }

/* Active State (Sử dụng kèm JS bên dưới) */
.vlink-faq-item.active { border-color: #6c22bd; background: #fff; }
.vlink-faq-item.active .vlink-faq-answer { max-height: 300px; }
.vlink-faq-item.active .faq-icon-plus { transform: rotate(45deg); }

/* Footer */
.vlink-faq-footer { text-align: center; margin-top: 50px; }
.vlink-faq-footer p { font-size: 1.1rem; color: #64748b; margin-bottom: 15px; }

.btn-zalo-faq {
    display: inline-block;
    padding: 15px 35px;
    background: #0068ff;
    color: #fff !important;
    border-radius: 50px;
    font-weight: 800;
    box-shadow: 0 10px 20px rgba(0, 104, 255, 0.3);
    transition: 0.3s;
}
.btn-zalo-faq:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(0, 104, 255, 0.5); }

@media (max-width: 768px) {
    .vlink-h2-faq { font-size: 2rem; }
    .vlink-faq-question { padding: 20px; }
}



/* ==========================================================================
   VLINK PHAN WOO
   ========================================================================== */


#product-sidebar{
    margin-top: 35px !important;
}

#product-sidebar .product-title{
    font-size: 15px;
    line-height: 0.9 !important;
}
/* Layout tổng thể My Account */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 25%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    transition: 0.3s;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    text-decoration: none;
    color: #444;
    font-weight: 500;
    display: block;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
    background-color: #0056b3;
    border-radius: 5px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #fff;
}

/* Nội dung bên phải */
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* ==========================================================================
   VLINK E-E-A-T SECTION - ENTITY TRUST
   ========================================================================== */

.vlink-eeat-wrapper {
    padding: 100px 0;
    max-width: 1250px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

.eeat-main-box {
    background: #050a18; /* Nền tối sâu đồng bộ các section trước */
    padding: 80px 60px;
    border-radius: 50px;
    border: 1px solid rgba(108, 34, 189, 0.3);
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}

/* Hiệu ứng tia sáng chạy ngầm phía sau */
.eeat-main-box::before {
    content: '';
    position: absolute;
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(108, 34, 189, 0.1) 0%, transparent 70%);
    z-index: 1;
}

.eeat-header { position: relative; z-index: 2; text-align: center; margin-bottom: 60px; }
.vlink-h2-eeat { color: #fff; font-size: 3rem; font-weight: 950; letter-spacing: -1.5px; margin-bottom: 20px; }
.eeat-intro { color: #94a3b8; font-size: 1.2rem; max-width: 800px; margin: 0 auto; }

/* Grid Layout */
.eeat-grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 25px;
    position: relative;
    z-index: 2;
}

/* Card Style */
.eeat-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 40px 30px;
    border-radius: 30px;
    backdrop-filter: blur(10px);
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.eeat-card:hover {
    background: rgba(255, 255, 255, 0.07);
    transform: translateY(-10px);
    border-color: rgba(0, 198, 255, 0.4);
}

/* Letter Branding */
.eeat-letter {
    font-size: 5rem;
    font-weight: 950;
    line-height: 1;
    margin-bottom: 20px;
    filter: drop-shadow(0 0 15px currentColor);
}

.color-e1 { color: #00c6ff; } /* Xanh cyan */
.color-e2 { color: #0066ff; } /* Xanh dương */
.color-a { color: #6c22bd; }  /* Tím */
.color-t { color: #00ffcc; }  /* Xanh lục neon */

/* Text inside cards */
.eeat-info h4 { color: #fff; font-size: 1.4rem; font-weight: 800; margin-bottom: 12px; }
.eeat-info p { color: #94a3b8; font-size: 0.95rem; line-height: 1.6; margin: 0; }

/* Highlight Gói Trust */
.highlight-trust {
    background: rgba(0, 255, 204, 0.05);
    border: 1px solid rgba(0, 255, 204, 0.2);
}

.trust-shield {
    margin-top: 20px;
    font-size: 1.5rem;
    opacity: 0.8;
}

/* Responsive */
@media (max-width: 768px) {
    .eeat-main-box { padding: 40px 20px; border-radius: 30px; }
    .vlink-h2-eeat { font-size: 2rem; }
}

/* ==========================================================================
   VLINK INTENT SECTION - FLOW DESIGN
   ========================================================================== */

.vlink-intent-wrapper {
    padding: 80px 0;
    max-width: 1300px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

.vlink-header-center { text-align: center; margin-bottom: 60px; }
.vlink-h2-intent { font-size: 3rem; font-weight: 950; color: #050a18; letter-spacing: -1.5px; }
.intent-sub-text { font-size: 1.2rem; color: #64748b; margin-top: 15px; }

/* Grid Layout */
.vlink-intent-steps {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    position: relative;
}

/* Intent Card Base */
.intent-card {
    flex: 1;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 45px 35px;
    border-radius: 30px;
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
    flex-direction: column;
}

/* Card Highlight - Màu Cyber */
.card-highlight {
    background: #050a18;
    color: #fff;
    border: 2px solid #6c22bd;
    transform: translateY(-15px);
    box-shadow: 0 25px 50px rgba(108, 34, 189, 0.2);
}

.intent-head { margin-bottom: 25px; }
.intent-num { 
    font-size: 0.9rem; 
    font-weight: 900; 
    background: rgba(108, 34, 189, 0.1); 
    color: #6c22bd; 
    padding: 5px 12px; 
    border-radius: 50px;
}
.card-highlight .intent-num { background: #6c22bd; color: #fff; }

.intent-tag { 
    font-size: 1.5rem; 
    font-weight: 900; 
    margin: 15px 0 0 0; 
    color: #050a18; 
}
.card-highlight .intent-tag { color: #00c6ff; }

.intent-body p { font-size: 1.05rem; color: #64748b; line-height: 1.6; margin: 0; }
.card-highlight .intent-body p { color: #94a3b8; }

/* Arrow & Flow Animation */
.intent-arrow-flow {
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    color: #6c22bd;
    font-weight: bold;
    z-index: 5;
    animation: arrow-move 1.5s infinite ease-in-out;
}

@keyframes arrow-move {
    0%, 100% { transform: translate(0, -50%); opacity: 0.5; }
    50% { transform: translate(10px, -50%); opacity: 1; }
}

.intent-success-check {
    position: absolute;
    bottom: -20px;
    right: 20px;
    width: 45px;
    height: 45px;
    background: #00ffcc;
    color: #050a18;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    box-shadow: 0 10px 20px rgba(0, 255, 204, 0.3);
}

/* Hover Effects */
.intent-card:not(.card-highlight):hover {
    border-color: #6c22bd;
    transform: scale(1.02);
}

/* Responsive */
@media (max-width: 991px) {
    .vlink-intent-steps { flex-direction: column; gap: 40px; }
    .card-highlight { transform: translateY(0); }
    .intent-arrow-flow { transform: rotate(90deg) translate(0, 50%); bottom: -45px; top: auto; left: 50%; right: auto; }
}

/* ==========================================================================
   VLINK ROI SECTION - FINAL CONVERSION
   ========================================================================== */

.vlink-roi-wrapper {
    padding: 100px 0;
    max-width: 1250px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

.roi-wrapper-glass {
    display: flex;
    flex-wrap: wrap;
    background: #050a18;
    border-radius: 50px;
    border: 1px solid rgba(108, 34, 189, 0.3);
    overflow: hidden;
    box-shadow: 0 40px 100px rgba(0,0,0,0.4);
}

/* 1. Content Area */
.roi-content {
    flex: 1.4;
    padding: 80px 60px;
    color: #fff;
}

.vlink-h2-roi {
    font-size: 2.8rem;
    font-weight: 950;
    line-height: 1.2;
    margin-bottom: 20px;
}

.roi-intro {
    font-size: 1.15rem;
    color: #94a3b8;
    margin-bottom: 45px;
}

.roi-list-custom { list-style: none; padding: 0; margin: 0; }
.roi-list-custom li {
    display: flex;
    gap: 25px;
    margin-bottom: 35px;
    align-items: flex-start;
}

.roi-icon {
    font-size: 1.8rem;
    background: rgba(255, 255, 255, 0.05);
    width: 60px; height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.roi-text strong { display: block; font-size: 1.25rem; color: #00c6ff; margin-bottom: 5px; }
.roi-text p { font-size: 1rem; color: #94a3b8; line-height: 1.6; margin: 0; }

/* 2. CTA Box Area */
.vlink-cta-final-box {
    flex: 1;
    background: rgba(108, 34, 189, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 60px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.cta-inner { position: relative; z-index: 2; }

.cta-alert-text {
    font-size: 1.2rem;
    font-weight: 800;
    color: #ffcc00; /* Màu vàng cảnh báo */
    margin-bottom: 30px;
}

.btn-primary-glow-final {
    display: inline-block;
    padding: 22px 40px;
    background: linear-gradient(90deg, #00c6ff, #6c22bd);
    color: #fff !important;
    font-weight: 900;
    font-size: 1.1rem;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 15px 35px rgba(108, 34, 189, 0.5);
    transition: all 0.4s;
}

.btn-primary-glow-final:hover {
    transform: scale(1.05) translateY(-5px);
    box-shadow: 0 20px 50px rgba(108, 34, 189, 0.7);
    filter: brightness(1.1);
}

.cta-sub-note {
    font-size: 0.9rem;
    color: #94a3b8;
    margin-top: 25px;
    font-style: italic;
}

/* Hiệu ứng tia sáng bùng nổ phía sau nút */
.cta-glow-bg {
    position: absolute;
    width: 300px; height: 300px;
    background: radial-gradient(circle, rgba(108, 34, 189, 0.4) 0%, transparent 70%);
    filter: blur(40px);
    z-index: 1;
    animation: pulse-glow 4s infinite ease-in-out;
}

@keyframes pulse-glow {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.3); opacity: 0.8; }
}

/* 3. Responsive */
@media (max-width: 991px) {
    .roi-wrapper-glass { flex-direction: column; border-radius: 30px; }
    .vlink-cta-final-box { border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.1); }
    .roi-content { padding: 40px 30px; }
    .vlink-h2-roi { font-size: 2rem; }
}

/* ==========================================================================
   VLINK AOE LOGIC - TERMINAL INTERFACE
   ========================================================================== */

.vlink-aoe-wrapper {
    padding: 100px 0;
    max-width: 1250px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

.vlink-grid-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
}

/* LEFT CONTENT */
.aoe-content { flex: 1.2; min-width: 350px; }

.vlink-h2-aoe {
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    font-weight: 950;
    color: #050a18;
    line-height: 1.1;
    margin: 20px 0;
    letter-spacing: -2px;
}

.aoe-desc {
    font-size: 1.2rem;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 40px;
}

.aoe-features-list { list-style: none; padding: 0; }
.aoe-features-list li {
    margin-bottom: 25px;
    padding-left: 20px;
    border-left: 3px solid #6c22bd;
}

.feat-title {
    font-weight: 900;
    color: #050a18;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.aoe-features-list li p { font-size: 1rem; color: #475569; margin: 0; }

/* RIGHT VISUAL - TERMINAL */
.aoe-visual {
    flex: 1;
    position: relative;
    min-width: 350px;
}

.aoe-terminal-window {
    background: #050a18;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.3);
    overflow: hidden;
    position: relative;
    z-index: 2;
    border: 1px solid rgba(255,255,255,0.1);
}

.terminal-header {
    background: #1a1f2e;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.terminal-dots { display: flex; gap: 8px; }
.dot { width: 12px; height: 12px; border-radius: 50%; }
.red { background: #ff5f56; }
.yellow { background: #ffbd2e; }
.green { background: #27c93f; }

.terminal-title { color: #94a3b8; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }

.terminal-body {
    padding: 30px;
    font-family: 'Fira Code', monospace;
}

.ai-query {
    color: #00c6ff;
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.ai-response-wrap {
    color: #ffffff;
    line-height: 1.6;
    font-size: 1.05rem;
    min-height: 100px;
}

/* Hiệu ứng gõ chữ (typing effect) */
.ai-typing {
    display: inline-block;
    border-right: 3px solid #6c22bd;
    animation: typing-blink 0.8s infinite;
}

@keyframes typing-blink {
    50% { border-color: transparent; }
}

.ai-source-badge {
    margin-top: 30px;
    display: inline-block;
    background: rgba(108, 34, 189, 0.2);
    color: #6c22bd;
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 800;
    border: 1px solid #6c22bd;
}

.aoe-visual-glow {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 120%; height: 120%;
    background: radial-gradient(circle, rgba(108, 34, 189, 0.2) 0%, transparent 70%);
    z-index: 1;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .vlink-grid-flex { flex-direction: column; text-align: center; }
    .aoe-features-list li { border-left: none; border-top: 3px solid #6c22bd; padding: 15px 0 0 0; }
    .aoe-visual { width: 100%; }
}


/* ==========================================================================
   VLINK PAIN POINTS - FLATSOME OPTIMIZED (vlinkseo class)
   ========================================================================== */

.vlinkseo.vlink-pain-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

/* Header */
.vlinkseo .v-pain-header {
    text-align: center;
    margin-bottom: 50px;
}

.vlinkseo .v-title-dark {
    font-size: 2.2rem;
    font-weight: 900;
    color: #1a1a1a;
    margin-bottom: 15px;
    line-height: 1.2;
    border: none; /* Reset border của Flatsome */
}

.vlinkseo .v-subtitle {
    font-size: 1.15rem;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

/* Grid Layout */
.vlinkseo .v-pain-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 60px;
}

.vlinkseo .v-pain-card {
    background: #ffffff;
    padding: 45px 35px;
    border-radius: 24px;
    border: 1px solid #eee;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.vlinkseo .v-pain-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 68, 204, 0.08);
    border-color: #0044cc;
}

.vlinkseo .v-pain-icon {
    font-size: 40px;
    margin-bottom: 20px;
}

.vlinkseo .v-pain-card h3 {
    font-size: 1.35rem;
    font-weight: 800;
    margin-bottom: 15px;
    color: #111;
}

.vlinkseo .v-pain-card p {
    font-size: 1rem;
    line-height: 1.6;
    color: #444;
    margin-bottom: 30px;
    flex-grow: 1;
}

/* Badge giải pháp */
.vlinkseo .v-sol-badge {
    background: #f0f7ff;
    color: #0044cc;
    padding: 12px 15px;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 700;
    border: 1px dashed #0044cc;
    text-align: center;
}

/* Card AI nổi bật */
.vlinkseo .v-highlight-ai {
    background: #0f172a;
    border: none;
}

.vlinkseo .v-highlight-ai h3, 
.vlinkseo .v-highlight-ai p {
    color: #ffffff;
}

.vlinkseo .v-dark-badge {
    background: #0044cc;
    color: #ffffff;
    border: none;
}

/* Trích dẫn cuối */
.vlinkseo .v-final-quote {
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
    padding: 40px 20px 0;
}

.vlinkseo .v-quote-line {
    width: 60px;
    height: 4px;
    background: #0044cc;
    margin: 0 auto 30px;
    border-radius: 2px;
}

.vlinkseo .v-blockquote-text {
    font-size: 1.45rem;
    font-style: italic;
    color: #333;
    line-height: 1.5;
    font-weight: 500;
}

.vlinkseo .v-blockquote-text strong {
    color: #0044cc;
}

/* Responsive cho Mobile */
@media (max-width: 768px) {
    .vlinkseo .v-title-dark { font-size: 1.8rem; }
    .vlinkseo .v-pain-card { padding: 35px 25px; }
    .vlinkseo .v-blockquote-text { font-size: 1.2rem; }
}


/* ==========================================================================
   VLINK SPO SECTION - SEMANTIC GRAPH STYLE
   ========================================================================== */

.vlink-spo-wrapper {
    padding: 100px 0;
    max-width: 100%;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

.vlink-h2-spo {
    font-size: 2.8rem;
    font-weight: 950;
    color: #050a18;
    letter-spacing: -1.5px;
    margin: 15px 0;
}

.spo-desc-text {
    font-size: 1.2rem;
    color: #64748b;
    max-width: 800px;
    margin: 0 auto 60px auto;
}

/* Visual Flow Layout */
.spo-visual-flow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 50px;
}

.spo-node {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 2;
}

/* Circle Nodes */
.spo-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 20px;
    color: #fff;
    transition: 0.4s;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.node-s { background: #050a18; border: 4px solid #e2e8f0; }
.node-p { background: #6c22bd; border: 4px solid rgba(108, 34, 189, 0.3); box-shadow: 0 0 30px rgba(108, 34, 189, 0.4); }
.node-o { background: #00c6ff; border: 4px solid rgba(0, 198, 255, 0.3); }

.spo-info h4 { font-size: 1.3rem; font-weight: 850; color: #050a18; margin-bottom: 10px; }
.spo-info p { font-size: 0.95rem; color: #64748b; line-height: 1.5; padding: 0 10px; }

/* Connectors */
.spo-connector {
    flex: 0.5;
    padding-top: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.connector-label {
    font-size: 0.75rem;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.connector-line-wrap {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.line-pulse {
    width: 100%;
    height: 2px;
    background: #e2e8f0;
    position: relative;
    overflow: hidden;
}

.line-pulse::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, #6c22bd, transparent);
    animation: flow-pulse 2s infinite linear;
}

@keyframes flow-pulse {
    0% { left: -100%; }
    100% { left: 100%; }
}

.arrow-svg { width: 20px; color: #cbd5e1; margin-left: -5px; }

/* Footer Note */
.spo-footer-note {
    background: #f8fafc;
    padding: 20px 40px;
    border-radius: 50px;
    display: inline-block;
    border: 1px dashed #cbd5e1;
}

.spo-footer-note p { font-size: 1rem; color: #475569; margin: 0; }

/* Responsive */
@media (max-width: 991px) {
    .spo-visual-flow { flex-direction: column; align-items: center; gap: 40px; }
    .spo-connector { transform: rotate(90deg); padding: 0; }
    .line-pulse { width: 60px; }
}

/* ==========================================================================
   VLINK ENTITY STACKING - LAYERING DESIGN
   ========================================================================== */

.vlink-entity-stacking-wrapper {
    padding: 100px 0;
    max-width: 1250px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

.stacking-header { text-align: center; margin-bottom: 70px; }
.vlink-h2-stack { font-size: 3rem; font-weight: 950; color: #050a18; letter-spacing: -1.5px; margin: 20px 0; }
.stacking-desc { font-size: 1.2rem; color: #64748b; max-width: 850px; margin: 0 auto; line-height: 1.6; }

/* Grid Layout */
.stacking-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    perspective: 1000px;
}

/* Card Style */
.stack-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 50px 40px;
    border-radius: 40px;
    position: relative;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.stack-icon-box {
    font-size: 2.5rem;
    margin-bottom: 25px;
}

.stack-number {
    position: absolute;
    top: 40px;
    right: 40px;
    font-size: 3rem;
    font-weight: 950;
    color: rgba(0,0,0,0.03);
    line-height: 1;
}

/* Highlight Card (Social Branding) */
.highlight-stack {
    background: #050a18;
    color: #fff;
    border: 2px solid #6c22bd;
    transform: translateY(-20px);
    box-shadow: 0 30px 60px rgba(108, 34, 189, 0.25);
}

.highlight-stack .stack-number { color: rgba(255,255,255,0.05); }
.highlight-stack h4 { color: #00c6ff !important; }
.highlight-stack p { color: #94a3b8 !important; }

/* Text Content */
.stack-content h4 { font-size: 1.5rem; font-weight: 900; color: #050a18; margin-bottom: 15px; }
.stack-content p { font-size: 1.05rem; color: #64748b; line-height: 1.6; margin: 0; }

/* Verified Badge */
.stack-badge-verified {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #6c22bd;
    color: #fff;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 2px;
}

/* Hover Effect */
.stack-card:hover {
    transform: translateY(-10px) rotateX(5deg);
    border-color: #6c22bd;
    box-shadow: 0 20px 40px rgba(108, 34, 189, 0.1);
}

.highlight-stack:hover {
    transform: translateY(-25px) rotateX(5deg);
    box-shadow: 0 40px 80px rgba(108, 34, 189, 0.4);
}

/* Responsive */
@media (max-width: 991px) {
    .stacking-grid { grid-template-columns: 1fr; }
    .highlight-stack { transform: translateY(0); }
}

/* ==========================================================================
   VLINK INTENT DEEP - FUNNEL TABLE STYLE
   ========================================================================== */

.vlink-intent-deep-wrapper {
    padding: 80px 0;
    max-width: 1100px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

.vlink-h2-intent-v2 {
    font-size: 2.8rem;
    font-weight: 950;
    color: #050a18;
    text-align: center;
    letter-spacing: -1.5px;
}

/* Table Container */
.intent-table-v2-container {
    margin-top: 50px;
    background: #ffffff;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.06);
    border: 1px solid #e2e8f0;
}

.vlink-table-funnel {
    width: 100%;
    border-collapse: collapse;
}

/* Header */
.vlink-table-funnel thead th {
    background: #050a18;
    color: #ffffff;
    padding: 25px;
    text-align: left;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Body Cells */
.vlink-table-funnel td {
    padding: 22px 25px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 1.05rem;
    color: #475569;
}

.step-cell {
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 800;
    color: #050a18;
}

.step-badge {
    width: 32px;
    height: 32px;
    background: #f1f5f9;
    color: #6c22bd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    border: 1px solid #e2e8f0;
}

/* Row & Cell Highlighting */
.row-highlight {
    background: rgba(108, 34, 189, 0.02);
}

.vlink-highlight-td {
    color: #6c22bd !important;
    font-weight: 700;
    border-left: 2px solid rgba(108, 34, 189, 0.2);
}

.row-highlight .step-badge {
    background: #6c22bd;
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(108, 34, 189, 0.3);
}

/* Hover Effect */
.vlink-table-funnel tbody tr:hover {
    background: #f8fbff;
    transition: 0.3s;
}

/* Responsive */
@media (max-width: 768px) {
    .intent-table-v2-container { overflow-x: auto; }
    .vlink-table-funnel { min-width: 700px; }
    .vlink-h2-intent-v2 { font-size: 2rem; }
}


/* ==========================================================================
   VLINK NLP SECTION - ALGORITHM STYLE
   ========================================================================== */

.vlink-nlp-section {
    padding: 100px 0;
    background: #ffffff;
    overflow: hidden;
}

.vlink-nlp-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
}

.nlp-visual { flex: 1; min-width: 350px; position: relative; }
.nlp-content { flex: 1.2; min-width: 350px; }

.vlink-h2-nlp {
    font-size: 2.8rem;
    font-weight: 950;
    color: #050a18;
    margin: 20px 0;
    letter-spacing: -1.5px;
}

/* Brain Visual Effect */
.nlp-brain-container {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    background: radial-gradient(circle, #6c22bd 0%, transparent 70%);
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nlp-pulse-circle {
    position: absolute;
    width: 100%; height: 100%;
    border: 2px solid #6c22bd;
    border-radius: 50%;
    animation: nlp-pulse 2s infinite;
}

@keyframes nlp-pulse {
    0% { transform: scale(0.8); opacity: 1; }
    100% { transform: scale(1.5); opacity: 0; }
}

.node {
    position: absolute;
    padding: 8px 15px;
    background: #050a18;
    color: #00c6ff;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 800;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.n1 { top: 10%; left: 10%; }
.n2 { top: 20%; right: -10%; }
.n3 { bottom: 20%; left: -5%; }
.n4 { bottom: 10%; right: 10%; }

/* Features Style */
.nlp-features { margin-top: 40px; }
.nlp-f-item {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.nlp-f-icon {
    font-size: 1.5rem;
    width: 50px; height: 50px;
    background: #f1f5f9;
    display: flex; align-items: center; justify-content: center;
    border-radius: 12px;
}

.nlp-f-text strong { display: block; font-size: 1.15rem; color: #050a18; margin-bottom: 5px; }
.nlp-f-text p { color: #64748b; margin: 0; line-height: 1.5; }

/* Responsive */
@media (max-width: 768px) {
    .vlink-h2-nlp { font-size: 2.2rem; }
    .nlp-brain-container { width: 200px; height: 200px; }
}

/* ==========================================================================
   VLINK AI AUDIT - FULL CASE STUDY STYLE
   ========================================================================== */

.vlink-ai-audit-section { padding: 100px 0; background: #fcfdfe; font-family: 'Inter', sans-serif; }
.audit-header-wrap { text-align: center; margin-bottom: 60px; }
.vlink-h2-audit { font-size: 3rem; font-weight: 950; color: #050a18; letter-spacing: -2px; margin: 20px 0; }
.vlink-gradient-blue { background: linear-gradient(90deg, #6c22bd, #00c6ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Lab Card Interface */
.vlink-lab-card {
    background: #050a18;
    border-radius: 40px;
    padding: 50px;
    color: #fff;
    box-shadow: 0 40px 100px rgba(5, 10, 24, 0.15);
    border: 1px solid rgba(108, 34, 189, 0.3);
    position: relative;
}

.lab-header {
    display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 20px; margin-bottom: 30px;
}
.lab-controls { display: flex; gap: 8px; }
.control-dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,0.2); }
.lab-status { font-size: 0.75rem; font-weight: 900; letter-spacing: 1.5px; }
.text-online { color: #00ffcc; text-shadow: 0 0 10px #00ffcc; }

/* Scanning Zone */
.scan-container {
    background: rgba(255,255,255,0.03); padding: 40px; border-radius: 20px;
    margin-bottom: 40px; position: relative; overflow: hidden;
}
.scanning-line {
    position: absolute; top: 0; left: 0; width: 100%; height: 3px;
    background: #00c6ff; box-shadow: 0 0 20px #00c6ff;
    animation: scanLineMove 4s infinite linear;
}
@keyframes scanLineMove { 0% { top: 0; } 100% { top: 100%; } }

.sentence-under-analysis { font-size: 1.4rem; line-height: 1.8; color: #cbd5e1; font-style: italic; }
.sentence-under-analysis span { position: relative; font-weight: 800; cursor: help; border-bottom: 2px dashed; }
.hl-entity { color: #00ffcc; }
.hl-service { color: #6c22bd; }
.hl-benefit { color: #00c6ff; }

/* Analysis Grid */
.analysis-grid-v3 { display: flex; gap: 60px; margin-bottom: 40px; }
.ai-score-column { flex: 0.8; text-align: center; border-right: 1px solid rgba(255,255,255,0.1); padding-right: 40px; }

.radial-progress {
    width: 140px; height: 140px; border: 8px solid #6c22bd; border-radius: 50%;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    margin: 0 auto 20px; box-shadow: 0 0 30px rgba(108, 34, 189, 0.4);
}
.score-value { font-size: 3rem; font-weight: 900; line-height: 1; }
.score-value span { font-size: 1.2rem; }
.score-label { font-size: 0.8rem; text-transform: uppercase; color: #00ffcc; letter-spacing: 1px; }

.ai-details-column { flex: 2; }
.detail-row { margin-bottom: 25px; }
.row-title { font-weight: 900; color: #00c6ff; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 8px; }
.detail-row p { font-size: 0.95rem; color: #94a3b8; line-height: 1.6; margin: 0; }

/* Final Verdict */
.final-verdict-box {
    background: linear-gradient(90deg, rgba(108, 34, 189, 0.2), transparent);
    padding: 30px; border-left: 5px solid #6c22bd; border-radius: 0 20px 20px 0;
    display: flex; align-items: center; gap: 20px;
}
.verdict-icon { font-size: 2.5rem; }
.verdict-text { font-size: 1.05rem; color: #cbd5e1; line-height: 1.6; }

@media (max-width: 991px) {
    .analysis-grid-v3 { flex-direction: column; }
    .ai-score-column { border-right: none; padding-right: 0; margin-bottom: 40px; }
    .vlink-h2-audit { font-size: 2.2rem; }
}




/* ==========================================================================
   VLINK ALGORITHM VIDEO HUB - CSS ARCHITECTURE
   ========================================================================== */

/* 1. Khung nền tổng thể (Main Container) */
.vlink-video-hub {
    padding: 100px 0;
    background: #050a18; /* Màu xanh đen sâu thẳm, tạo không gian Lab chuyên nghiệp */
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

/* 2. Tiêu đề và biểu tượng (Header & Badge) */
.hub-header { 
    text-align: center; 
    margin-bottom: 70px; 
}

.hub-badge { 
    background: linear-gradient(90deg, #6c22bd, #00c6ff); 
    padding: 8px 20px; 
    border-radius: 50px; 
    font-size: 0.75rem; 
    font-weight: 800; 
    letter-spacing: 2px;
    text-transform: uppercase;
}

.hub-title { 
    font-size: 2.8rem; 
    margin: 25px 0; 
    font-weight: 950; 
    letter-spacing: -1.5px;
}

/* 3. Lưới hiển thị Video (Video Grid) */
.video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 40px;
    max-width: 100%;
    margin: 0 auto;
}

/* 4. Thẻ Video Item (Card Design) */
.video-item {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid rgba(108, 34, 189, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.video-item:hover { 
    border-color: #00ffcc; 
    transform: translateY(-15px); /* Hiệu ứng bay bổng khi khách rê chuột */
    box-shadow: 0 25px 50px rgba(0, 255, 204, 0.1);
}

/* 5. Vùng chứa Iframe (Responsive Video) */
.video-preview-wrap {
    position: relative;
    padding-bottom: 56.25%; /* Tỉ lệ 16:9 chuẩn Youtube */
    height: 0;
}

.video-preview-wrap iframe {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    border-bottom: 2px solid rgba(108, 34, 189, 0.3);
}

/* 6. Nội dung mô tả dưới Video (Video Metadata) */
.video-info { 
    padding: 35px; 
}

.v-info-title { 
    font-size: 1.4rem; 
    font-weight: 900; 
    color: #00ffcc; /* Màu xanh Neon tăng tính công nghệ */
    margin-bottom: 15px; 
}

.v-info-desc { 
    font-size: 0.95rem; 
    color: #94a3b8; 
    line-height: 1.7; 
    margin-bottom: 25px; 
}

/* 7. Nút xem thêm (CTA Link) */
.v-link-more { 
    display: inline-block;
    color: #6c22bd; 
    font-weight: 800; 
    text-decoration: none; 
    font-size: 0.9rem;
    position: relative;
    transition: 0.3s;
}

.v-link-more:hover { color: #00c6ff; padding-left: 10px; }

/* 8. Mobile Responsive */
@media (max-width: 768px) {
    .video-grid { grid-template-columns: 1fr; }
    .hub-title { font-size: 2rem; }
}





/* ==========================================================================
   VLINK TOP OF MIND - FOCUS: TÂM TRÍ KHÁCH HÀNG (CLEAN VERSION)
   ========================================================================== */

.vlinkseoai.vlink-tom-embed {
    width: 100%;
    padding: 60px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    text-align: center;
}

/* Header & Typography */
.vlinkseoai .v-tom-badge {
    display: inline-block;
    color: var(--vlink-primary, #0044cc);
    font-weight: 900;
    font-size: 11px;
    letter-spacing: 3px;
    border-bottom: 2px solid var(--vlink-primary, #0044cc);
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.vlinkseoai .v-tom-title {
    font-size: clamp(2.4rem, 4.8vw, 4rem);
    font-weight: 950;
    line-height: 1.1;
    color: var(--vlink-dark, #0f172a);
    letter-spacing: -3px;
    margin: 0 auto 35px;
    max-width: 1000px;
}

/* PHẦN NHẤN MẠNH TRỌNG TÂM */
.vlinkseoai .v-focus-word {
    position: relative;
    display: inline-block;
    color: var(--vlink-primary, #0044cc);
    background: linear-gradient(135deg, #0044cc 0%, #3b82f6 50%, #0044cc 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: vlinkTextFlow 4s linear infinite;
    padding: 0 15px;
}

.vlinkseoai .v-underline-glow {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 12px;
    background: var(--vlink-primary, #0044cc);
    opacity: 0.15;
    z-index: -1;
    border-radius: 20px;
    filter: blur(3px);
    animation: vlinkGlow 2s ease-in-out infinite alternate;
}

.vlinkseoai .v-tom-subtitle {
    font-size: 1.2rem;
    color: var(--vlink-text, #64748b);
    line-height: 1.7;
    max-width: 800px;
    margin: 0 auto 60px;
}

/* Cards System */
.vlinkseoai .v-tom-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 70px;
}

.vlinkseoai .v-tom-card {
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 16px;
    border: 2px solid #f1f5f9;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.vlinkseoai .v-tom-card.highlighted {
    background: var(--vlink-dark, #0f172a);
    color: #ffffff;
    border-color: var(--vlink-dark, #0f172a);
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}

.vlinkseoai .v-tom-icon { font-size: 36px; margin-bottom: 20px; }
.vlinkseoai .v-card-title { font-size: 1.4rem; font-weight: 850; margin-bottom: 12px; color: inherit; }
.vlinkseoai .v-tom-card p { font-size: 0.95rem; line-height: 1.6; color: inherit; opacity: 0.9; }

.vlinkseoai .v-card-shine {
    position: absolute;
    top: 0; left: -100%;
    width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
    transform: skewX(-20deg);
    animation: vlinkShine 5s infinite;
}

/* Quote & Footer */
.vlinkseoai .v-quote-box {
    background: #f8fafc;
    border-left: 6px solid var(--vlink-primary, #0044cc);
    padding: 30px;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--vlink-dark, #0f172a);
    font-style: italic;
    margin-bottom: 50px;
    display: inline-block;
    max-width: 800px;
}

.vlinkseoai .v-btn-pulse {
    display: inline-block;
    background: var(--vlink-primary, #0044cc);
    color: #ffffff !important;
    padding: 20px 50px;
    border-radius: 50px;
    font-weight: 900;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 1px;
    transition: 0.3s;
    animation: vlinkPulseBtn 2s infinite;
}

/* Animations */
@keyframes vlinkTextFlow { to { background-position: 200% center; } }
@keyframes vlinkGlow { 
    from { transform: scaleX(0.95); opacity: 0.1; } 
    to { transform: scaleX(1.05); opacity: 0.3; } 
}
@keyframes vlinkShine { to { left: 200%; } }
@keyframes vlinkPulseBtn {
    0% { box-shadow: 0 0 0 0 rgba(0, 68, 204, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(0, 68, 204, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 68, 204, 0); }
}

/* Mobile */
@media (max-width: 991px) {
    .vlinkseoai .v-tom-features { grid-template-columns: 1fr; }
    .vlinkseoai .v-tom-card.highlighted { transform: none; }
    .vlinkseoai .v-tom-title { font-size: 2.2rem; }
}



/* ==========================================================================
   VLINK FAQ - CSS ONLY VERSION (NO JS)
   ========================================================================== */

.vlinkseoai.vlink-faq-css-only {
    --v-blue: #0044cc;
    --v-dark: #0f172a;
    --v-border: #e2e8f0;
    padding: 100px 0;
    background: #ffffff;
    font-family: sans-serif;
}

.vlinkseoai .v-container-small {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 25px;
}

.vlinkseoai .v-faq-header { text-align: center; margin-bottom: 60px; }
.vlinkseoai .v-badge-ai {
    background: #f0f7ff; color: var(--v-blue);
    padding: 6px 15px; border-radius: 50px;
    font-size: 12px; font-weight: 800; text-transform: uppercase;
}

.vlinkseoai .v-text-gradient {
    background: linear-gradient(90deg, #0044cc, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ẨN CHECKBOX GỐC */
.vlink-faq-input {
    display: none !important;
}

.vlinkseoai .v-faq-item {
    border-bottom: 1px solid var(--v-border);
}

/* LABEL LÀM VÙNG CLICK */
.vlinkseoai .v-faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    cursor: pointer;
    transition: 0.3s;
}

.vlinkseoai .v-faq-question h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--v-dark);
    margin: 0;
    line-height: 1.4;
}

/* BIỂU TƯỢNG DẤU + */
.vlinkseoai .v-faq-toggle {
    width: 18px; height: 2px; background: var(--v-blue);
    position: relative; flex-shrink: 0;
}
.vlinkseoai .v-faq-toggle::after {
    content: ''; position: absolute; width: 100%; height: 100%;
    background: var(--v-blue); transform: rotate(90deg);
    transition: 0.3s ease;
}

/* LOGIC HIỂN THỊ KHI CHECKED */
.vlink-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0, 1, 0, 1); /* Trick để mượt mà khi không rõ chiều cao */
}

/* KHI CHECKED THÌ MỞ RỘNG MAX-HEIGHT */
.vlink-faq-input:checked ~ .v-faq-answer {
    max-height: 1000px;
    transition: all 0.4s cubic-bezier(1, 0, 1, 0);
    padding-bottom: 30px;
}

/* XOAY DẤU + KHI MỞ */
.vlink-faq-input:checked ~ .v-faq-question .v-faq-toggle::after {
    transform: rotate(0deg);
}

.vlinkseoai .v-faq-answer p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #475569;
    margin: 0;
}

/* Footer & Button */
.vlinkseoai .v-faq-footer {
    text-align: center; margin-top: 60px;
    padding: 40px; background: #f8fafc; border-radius: 24px;
}
.vlinkseoai .v-btn-faq {
    display: inline-block; background: var(--v-blue); color: #fff !important;
    padding: 16px 35px; border-radius: 50px; font-weight: 800;
    text-decoration: none; margin-top: 15px;
}

/* ==========================================================================
   VLINK VISION 2026 - THE ULTIMATE STATEMENT
   ========================================================================== */

.vlinkseoai.vlink-vision-2026 {
    --v-blue: #0044cc;
    --v-dark: #0f172a;
    --v-slate: #475569;
    padding: 100px 0;
    background: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.vlinkseoai .v-vision-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
}

.vlinkseoai .v-vision-card {
    position: relative;
    padding: 60px;
    background: #ffffff;
    border-radius: 40px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 40px 100px rgba(0, 68, 204, 0.04);
    text-align: center;
    overflow: hidden;
}

/* Hiệu ứng tia sáng góc card */
.vlinkseoai .v-vision-card::before {
    content: '';
    position: absolute;
    top: -50px; right: -50px;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(0, 68, 204, 0.03) 0%, transparent 70%);
}

/* Badge Tầm nhìn */
.vlinkseoai .v-vision-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f0f7ff;
    color: var(--v-blue);
    padding: 10px 24px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.vlinkseoai .v-dot {
    width: 8px; height: 8px;
    background: var(--v-blue);
    border-radius: 50%;
    box-shadow: 0 0 10px var(--v-blue);
    display: inline-block;
}

/* Main Paragraph */
.vlinkseoai .v-vision-body p {
    font-size: clamp(1.4rem, 2.8vw, 2.2rem);
    line-height: 1.5;
    color: var(--v-dark);
    font-weight: 400;
    letter-spacing: -0.5px;
    margin: 0;
}

.vlinkseoai .v-brand-name {
    font-weight: 900;
    color: var(--v-blue);
}

.vlinkseoai .v-vision-body strong {
    font-weight: 800;
    color: var(--v-dark);
    box-shadow: inset 0 -4px 0 rgba(0, 68, 204, 0.1); /* Gạch chân nhẹ tinh tế */
}

.vlinkseoai .v-ai-tags {
    color: var(--v-slate);
    font-style: italic;
    font-weight: 500;
}

/* Line trang trí cuối */
.vlinkseoai .v-vision-footer-line {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--v-blue), transparent);
    margin: 50px auto 0;
}

/* Responsive cho Mobile */
@media (max-width: 768px) {
    .vlinkseoai .v-vision-card { padding: 40px 20px; border-radius: 24px; }
    .vlinkseoai .v-vision-body p { font-size: 1.5rem; line-height: 1.4; text-align: left; }
    .vlinkseoai .v-vision-badge { font-size: 12px; }
}

/* ==========================================================================
   VLINK STRATEGIC PILLARS - FINAL VERSION
   ========================================================================== */

.vlinkseoai.vlink-strategic-pillars {
    padding: 100px 0;
    background: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #0f172a;
}

.vlinkseoai .v-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Section */
.vlinkseoai .v-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 70px;
}

.vlinkseoai .v-badge {
    background: #f1f5f9;
    color: #0044cc;
    padding: 6px 16px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.vlinkseoai .v-title {
    font-size: clamp(2rem, 4vw, 2.5rem);
    font-weight: 900;
    margin: 20px 0;
}

.vlinkseoai .v-gradient {
    background: linear-gradient(90deg, #0044cc, #2563eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Grid Layout */
.vlinkseoai .v-pillars-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

/* Box Style */
.vlinkseoai .v-pillar-box {
    background: #f8fafc;
    padding: 50px 35px;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    position: relative;
    transition: all 0.3s ease;
}

.vlinkseoai .v-pillar-num {
    font-size: 6rem;
    font-weight: 900;
    color: rgba(0, 68, 204, 0.05); /* Số chìm nghệ thuật */
    position: absolute;
    top: 10px;
    right: 30px;
}

.vlinkseoai .v-pillar-box h3 {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 40px;
    position: relative;
}

/* Items inside */
.vlinkseoai .v-item {
    margin-bottom: 30px;
    padding-left: 20px;
    border-left: 2px solid #cbd5e1;
    color: #475569;
}

.vlinkseoai .v-item strong {
    display: block;
    color: #0f172a;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

/* Focus on Pillar 2 */
.vlinkseoai .v-highlight {
    background: #ffffff;
    border-color: #0044cc;
    box-shadow: 0 20px 50px rgba(0, 68, 204, 0.06);
    transform: scale(1.02);
}

.vlinkseoai .v-highlight .v-item {
    border-left-color: #0044cc;
}

@media (max-width: 768px) {
    .vlinkseoai .v-pillars-grid { grid-template-columns: 1fr; }
    .vlinkseoai .v-highlight { transform: none; }
}



/* ==========================================================================
   VLINK BENEFITS MATRIX - STRATEGIC ZIG-ZAG
   ========================================================================== */

.vlinkseoai.vlink-benefits-matrix {
    --v-accent: #0044cc;
    --v-dark: #0f172a;
    --v-light-gray: #f1f5f9;
    
    background: #ffffff;
    padding: 120px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    overflow: hidden;
}

.vlinkseoai .v-matrix-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
}

.vlinkseoai .v-matrix-header {
    text-align: center;
    margin-bottom: 80px;
}

.vlinkseoai .v-badge-pill {
    background: var(--v-light-gray);
    color: var(--v-accent);
    padding: 6px 16px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.vlinkseoai .v-matrix-title {
    font-size: clamp(2.2rem, 5vw, 3.5rem);
    font-weight: 900;
    margin-top: 20px;
    letter-spacing: -2px;
}

/* Flow Layout */
.vlinkseoai .v-matrix-item {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-bottom: 100px;
    position: relative;
}

.vlinkseoai .v-matrix-item.v-reverse {
    flex-direction: row-reverse;
}

/* Con số lớn làm nền */
.vlinkseoai .v-matrix-number {
    font-size: 12rem;
    font-weight: 900;
    color: #f1f5f9; /* Rất mờ */
    line-height: 1;
    user-select: none;
    flex: 1;
}

.vlinkseoai .v-matrix-content {
    flex: 1.5;
    z-index: 2;
}

.vlinkseoai .v-matrix-content h3 {
    font-size: 1.8rem;
    font-weight: 850;
    color: var(--v-dark);
    margin-bottom: 15px;
    letter-spacing: -1px;
}

.vlinkseoai .v-matrix-content p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #64748b;
}

.vlinkseoai .v-matrix-icon {
    font-size: 50px;
    flex: 0.5;
    text-align: center;
}

/* Decorative Line */
.vlinkseoai .v-matrix-item::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100px;
    background: linear-gradient(to bottom, var(--v-accent), transparent);
    left: 50%;
    bottom: -100px;
}

.vlinkseoai .v-matrix-item:last-child::after { display: none; }

/* Button Action */
.vlinkseoai .v-matrix-action {
    text-align: center;
    margin-top: 40px;
}

.vlinkseoai .v-btn-matrix {
    display: inline-block;
    background: var(--v-dark);
    color: #fff !important;
    padding: 22px 50px;
    border-radius: 12px;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    transition: 0.4s;
}

.vlinkseoai .v-btn-matrix:hover {
    background: var(--v-accent);
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 68, 204, 0.2);
}

/* Mobile */
@media (max-width: 768px) {
    .vlinkseoai .v-matrix-item, .vlinkseoai .v-matrix-item.v-reverse {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    .vlinkseoai .v-matrix-number { font-size: 6rem; }
    .vlinkseoai .v-matrix-item::after { display: none; }
}






/* ==========================================================================
   VLINK TRANSPARENCY - PREMIUM VALUE STYLE
   ========================================================================== */

.vlinkseoai.vlink-trans-embed {
    width: 100%;
    padding: 100px 0;
    background: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.vlinkseoai .v-trans-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header Section */
.vlinkseoai .v-trans-header {
    text-align: center;
    margin-bottom: 70px;
}

.vlinkseoai .v-trans-badge {
    color: #0044cc;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
}

.vlinkseoai .v-trans-title {
    font-size: clamp(2.2rem, 4.8vw, 3.5rem);
    font-weight: 900;
    color: #0f172a;
    line-height: 1.2;
    letter-spacing: -1.5px;
    margin-bottom: 25px;
}

@keyframes vlinkFlow { to { background-position: 200% center; } }

.vlinkseoai .v-trans-intro {
    font-size: 1.25rem;
    color: #475569;
    max-width: 850px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Transparency Grid */
.vlinkseoai .v-trans-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 80px;
}

.vlinkseoai .v-trans-card {
    background: #f8fafc;
    padding: 45px 35px;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease;
}

/* Card Flywheel Highlight */
.vlinkseoai .v-trans-card.highlight-blue {
    background: #0f172a;
    color: #ffffff;
    border: none;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.15);
}

.vlinkseoai .v-trans-icon {
    font-size: 42px;
    margin-bottom: 25px;
    display: block;
}

.vlinkseoai .v-trans-card h3 {
    font-size: 1.4rem;
    font-weight: 850;
    margin-bottom: 15px;
    color: inherit;
    letter-spacing: -0.5px;
}

.vlinkseoai .v-trans-card p {
    font-size: 1.05rem;
    line-height: 1.6;
    color: inherit;
    opacity: 0.85;
}

/* Footer Quote */
.vlinkseoai .v-trans-footer {
    text-align: center;
    border-top: 1px solid #f1f5f9;
    padding-top: 60px;
}

.vlinkseoai .v-trans-quote {
    font-size: 1.6rem;
    font-weight: 800;
    color: #0f172a;
    font-style: italic;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.5;
    position: relative;
}

.vlinkseoai .v-text-bold-blue {
    color: #0044cc;
    font-weight: 900;
    font-style: normal;
}

/* Responsive */
@media (max-width: 1024px) {
    .vlinkseoai .v-trans-grid { grid-template-columns: 1fr; }
    .vlinkseoai .v-trans-quote { font-size: 1.3rem; }
}


/* ==========================================================================
   VLINK ASSET COMPARISON - BOLD CONTRAST STYLE
   ========================================================================== */

.vlinkseoai.vlink-asset-embed {
    width: 100%;
    padding: 100px 0;
    background: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.vlinkseoai .v-asset-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.vlinkseoai .v-asset-header {
    text-align: center;
    margin-bottom: 70px;
}

.vlinkseoai .v-asset-label {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
    color: #64748b;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
}

.vlinkseoai .v-asset-title {
    font-size: clamp(2.2rem, 4.5vw, 3.5rem);
    font-weight: 900;
    color: #0f172a;
    line-height: 1.2;
    letter-spacing: -1.5px;
    margin-bottom: 25px;
}

@keyframes vlinkFlow { to { background-position: 200% center; } }

.vlinkseoai .v-asset-desc {
    font-size: 1.25rem;
    color: #475569;
    max-width: 800px;
    margin: 0 auto;
}

/* Comparison Boxes */
.vlinkseoai .v-asset-comparison {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0; /* Xóa khoảng cách để tạo sự gắn kết đối đầu */
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 40px 100px rgba(0,0,0,0.08);
    margin-bottom: 60px;
}

.vlinkseoai .v-comp-box {
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
}

/* Style cho cột CHI PHÍ */
.vlinkseoai .v-comp-box.cost {
    background: #f1f5f9;
    color: #64748b;
    border-right: 1px solid #e2e8f0;
}

/* Style cho cột TÀI SẢN (VLink) */
.vlinkseoai .v-comp-box.asset {
    background: #0f172a;
    color: #ffffff;
    position: relative;
}

.vlinkseoai .v-comp-tag {
    position: absolute;
    top: 30px;
    right: 40px;
    background: #0044cc;
    color: #ffffff;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.vlinkseoai .v-comp-head {
    font-size: 1.6rem;
    font-weight: 900;
    margin-bottom: 40px;
    letter-spacing: -0.5px;
}

/* List So sánh */
.vlinkseoai .v-comp-list {
    list-style: none;
    padding: 0;
    margin: 0 0 50px 0;
    flex-grow: 1;
}

.vlinkseoai .v-comp-list li {
    padding: 15px 0;
    font-size: 1.1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.vlinkseoai .v-comp-box.asset .v-comp-list li {
    border-bottom-color: rgba(255,255,255,0.05);
}

.vlinkseoai .v-icon-bad { color: #ef4444; font-weight: 900; }
.vlinkseoai .v-icon-good { color: #3b82f6; font-weight: 900; }

/* Footer của Box */
.vlinkseoai .v-comp-footer {
    font-size: 1.2rem;
    font-weight: 800;
    font-style: italic;
    opacity: 0.8;
}

.vlinkseoai .v-comp-box.asset .v-comp-footer {
    color: #3b82f6;
}

/* Summary text */
.vlinkseoai .v-asset-summary {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    font-size: 1.2rem;
    line-height: 1.8;
    color: #475569;
}

/* Responsive */
@media (max-width: 991px) {
    .vlinkseoai .v-asset-comparison { grid-template-columns: 1fr; }
    .vlinkseoai .v-comp-box { padding: 40px 30px; }
    .vlinkseoai .v-comp-box.cost { border-right: none; border-bottom: 1px solid #e2e8f0; }
}

/* ==========================================================================
   VLINK AI AUTHORITY - TECH ELEGANCE
   ========================================================================== */

.vlinkseoai.vlink-auth-embed {
    width: 100%;
    padding: 100px 0;
    background: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.vlinkseoai .v-auth-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.vlinkseoai .v-auth-header {
    text-align: center;
    margin-bottom: 70px;
}

.vlinkseoai .v-auth-badge {
    color: #0044cc;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 2px;
    background: rgba(0, 68, 204, 0.08);
    padding: 6px 20px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 25px;
}

.vlinkseoai .v-auth-title {
    font-size: clamp(2.2rem, 4.5vw, 3.5rem);
    font-weight: 900;
    color: #0f172a;
    line-height: 1.2;
    letter-spacing: -1.5px;
    margin-bottom: 25px;
}

@keyframes vlinkFlow { to { background-position: 200% center; } }

.vlinkseoai .v-auth-desc {
    font-size: 1.25rem;
    color: #475569;
    max-width: 850px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Auth Grid */
.vlinkseoai .v-auth-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 60px;
}

.vlinkseoai .v-auth-card {
    background: #f8fafc;
    padding: 45px 35px;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    transition: all 0.4s ease;
}

.vlinkseoai .v-auth-card.highlight {
    background: #0f172a;
    color: #ffffff;
    border: none;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.15);
}

.vlinkseoai .v-auth-card:not(.highlight):hover {
    border-color: #0044cc;
    transform: translateY(-10px);
    background: #ffffff;
}

.vlinkseoai .v-auth-icon {
    font-size: 40px;
    margin-bottom: 25px;
}

.vlinkseoai .v-auth-card h3 {
    font-size: 1.45rem;
    font-weight: 850;
    margin-bottom: 15px;
    color: inherit;
    letter-spacing: -0.5px;
}

.vlinkseoai .v-auth-card p {
    font-size: 1.05rem;
    line-height: 1.6;
    color: inherit;
    opacity: 0.85;
}

/* AI Data Block (Đậm đà & Chuyên sâu) */
.vlinkseoai .v-ai-data-block {
    background: #f1f5f9;
    padding: 40px;
    border-radius: 20px;
    border-left: 5px solid #0044cc;
    line-height: 1.8;
    color: #334155;
    font-size: 1.1rem;
}

.vlinkseoai .v-ai-data-block strong {
    color: #0f172a;
}

/* Responsive */
@media (max-width: 1024px) {
    .vlinkseoai .v-auth-grid { grid-template-columns: 1fr; }
}



/* ==========================================================================
   VLINK E-E-A-T SECTION - EXECUTIVE STYLE
   ========================================================================== */

.vlinkseoai.vlink-eeat-embed {
    width: 100%;
    padding: 100px 0;
    background: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.vlinkseoai .v-eeat-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header Section */
.vlinkseoai .v-eeat-header {
    text-align: center;
    margin-bottom: 80px;
}

.vlinkseoai .v-eeat-badge {
    color: #0044cc;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 2px;
    background: rgba(0, 68, 204, 0.08);
    padding: 6px 20px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 25px;
}

.vlinkseoai .v-eeat-title {
    font-size: clamp(2.2rem, 4.5vw, 3.5rem);
    font-weight: 900;
    color: #0f172a;
    line-height: 1.2;
    letter-spacing: -1.5px;
    margin-bottom: 25px;
}

@keyframes vlinkFlow { to { background-position: 200% center; } }

.vlinkseoai .v-eeat-desc {
    font-size: 1.25rem;
    color: #475569;
    max-width: 850px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Expert Grid */
.vlinkseoai .v-eeat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-bottom: 80px;
}

.vlinkseoai .v-eeat-card {
    background: #ffffff;
    transition: 0.4s ease;
}

.vlinkseoai .v-eeat-img {
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border-radius: 16px;
    background: #f1f5f9;
    margin-bottom: 30px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}

.vlinkseoai .v-eeat-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.vlinkseoai .v-eeat-card:hover .v-eeat-img img {
    transform: scale(1.1);
}

/* Info Section */
.vlinkseoai .v-role {
    font-size: 11px;
    font-weight: 900;
    color: #0044cc;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
    display: block;
}

.vlinkseoai .v-eeat-card h3 {
    font-size: 1.6rem;
    font-weight: 850;
    color: #0f172a;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.vlinkseoai .v-eeat-card p {
    font-size: 1.05rem;
    line-height: 1.6;
    color: #64748b;
}

/* Trust Bar (Dark Style) */
.vlinkseoai .v-eeat-trust-bar {
    background: #0f172a;
    border-radius: 24px;
    padding: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #ffffff;
    box-shadow: 0 30px 60px rgba(15, 23, 42, 0.2);
}

.vlinkseoai .v-trust-item {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    opacity: 0.9;
}

.vlinkseoai .v-trust-item span {
    display: block;
    font-size: 2.5rem;
    font-weight: 900;
    color: #3b82f6;
    margin-bottom: 5px;
}

/* Responsive */
@media (max-width: 1024px) {
    .vlinkseoai .v-eeat-grid { grid-template-columns: 1fr; max-width: 450px; margin: 0 auto 60px auto; }
    .vlinkseoai .v-eeat-trust-bar { flex-direction: column; gap: 40px; }
}


/* ==========================================================================
   VLINK PROCESS - CONNECTED STEPS STYLE
   ========================================================================== */

.vlinkseoai.vlink-process-embed {
    width: 100%;
    padding: 100px 0;
    background: #fcfdfe;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.vlinkseoai .v-p-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.vlinkseoai .v-process-header {
    text-align: center;
    margin-bottom: 80px;
}

.vlinkseoai .v-process-badge {
    color: #0044cc;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}

.vlinkseoai .v-process-title {
    font-size: clamp(2.2rem, 4.5vw, 3.5rem);
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -1.5px;
    margin-bottom: 25px;
}

@keyframes vlinkFlow { to { background-position: 200% center; } }

.vlinkseoai .v-process-desc {
    font-size: 1.2rem;
    color: #64748b;
    max-width: 800px;
    margin: 0 auto;
}

/* Process Grid */
.vlinkseoai .v-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 80px;
}

.vlinkseoai .v-process-step {
    background: #ffffff;
    padding: 50px 40px;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

.vlinkseoai .v-process-step:hover {
    transform: translateY(-10px);
    border-color: #0044cc;
    box-shadow: 0 20px 40px rgba(0, 68, 204, 0.08);
}

.vlinkseoai .v-step-num {
    font-size: 6rem;
    font-weight: 900;
    color: #0044cc;
    opacity: 0.05;
    position: absolute;
    top: -10px;
    right: 10px;
    line-height: 1;
}

.vlinkseoai .v-step-content {
    position: relative;
    z-index: 1;
}

.vlinkseoai .v-step-content h3 {
    font-size: 1.45rem;
    font-weight: 850;
    color: #0f172a;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.vlinkseoai .v-step-content p {
    font-size: 1rem;
    color: #64748b;
    line-height: 1.6;
}

/* CTA Section with Pulse */
.vlinkseoai .v-process-cta {
    text-align: center;
    background: #0f172a;
    padding: 60px;
    border-radius: 30px;
    color: #ffffff;
}

.vlinkseoai .v-process-cta p {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 30px;
}

.vlinkseoai .v-btn-pulse {
    display: inline-block;
    padding: 22px 50px;
    background: #0044cc;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    animation: pulse-blue 2s infinite;
    transition: 0.3s;
}

@keyframes pulse-blue {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 68, 204, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 20px rgba(0, 68, 204, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 68, 204, 0); }
}

.vlinkseoai .v-btn-pulse:hover {
    background: #3b82f6;
    animation: none;
    transform: scale(1.05);
}

/* Responsive */
@media (max-width: 1024px) {
    .vlinkseoai .v-process-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 650px) {
    .vlinkseoai .v-process-grid { grid-template-columns: 1fr; }
    .vlinkseoai .v-process-cta { padding: 40px 20px; }
}

/* ==========================================================================
   VLINK MODERN FAQ - STRATEGIC STYLE
   ========================================================================== */

.vlinkseoai.vlink-faq-embed {
    width: 100%;
    padding: 100px 0;
    background: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.vlinkseoai .v-faq-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.vlinkseoai .v-faq-head {
    text-align: center;
    margin-bottom: 60px;
}

.vlinkseoai .v-badge {
    color: #0044cc;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}

.vlinkseoai .v-h2 {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

@keyframes vlinkFlow { to { background-position: 200% center; } }

/* FAQ Grid */
.vlinkseoai .v-faq-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vlinkseoai .v-faq-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 25px 35px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.vlinkseoai .v-faq-card:hover {
    border-color: #0044cc;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0, 68, 204, 0.05);
}

.vlinkseoai .v-faq-card.active {
    background: #ffffff;
    border-color: #0044cc;
    box-shadow: 0 20px 40px rgba(0, 68, 204, 0.08);
}

/* Question Section */
.vlinkseoai .v-faq-q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.vlinkseoai .v-faq-q h3 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    line-height: 1.4;
}

/* Plus/Minus Icon */
.vlinkseoai .v-faq-plus {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
}

.vlinkseoai .v-faq-plus span {
    position: absolute;
    background: #0044cc;
    transition: 0.3s;
}

.vlinkseoai .v-faq-plus span:first-child {
    width: 100%;
    height: 2px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.vlinkseoai .v-faq-plus span:last-child {
    width: 2px;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.vlinkseoai .v-faq-card.active .v-faq-plus span:last-child {
    transform: translateX(-50%) rotate(90deg);
    opacity: 0;
}

/* Answer Section */
.vlinkseoai .v-faq-a {
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.vlinkseoai .v-faq-card.active .v-faq-a {
    max-height: 500px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
    opacity: 1;
}

.vlinkseoai .v-faq-a p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #475569;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .vlinkseoai .v-faq-card { padding: 20px; }
    .vlinkseoai .v-faq-q h3 { font-size: 1.1rem; }
}




/* ==========================================================================
   VLINK SERVICE INFO - FEATURE FOCUS
   ========================================================================== */

.vlinkseoai.vlink-service-embed {
    width: 100%;
    padding: 100px 0;
    background: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.vlinkseoai .v-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 25px;
}

.vlinkseoai .v-service-wrapper {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 80px;
    align-items: center;
}

/* Content Side */
.vlinkseoai .v-pre-title {
    color: #0044cc;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
}

.vlinkseoai .v-main-title {
    font-size: clamp(2.5rem, 4.5vw, 3.8rem);
    font-weight: 900;
    color: #0f172a;
    line-height: 1.1;
    letter-spacing: -2px;
    margin-bottom: 30px;
}

@keyframes vlinkFlow { to { background-position: 200% center; } }

.vlinkseoai .v-description p {
    font-size: 1.25rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 25px;
}

/* Feature List */
.vlinkseoai .v-feature-list {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.vlinkseoai .v-feature-item {
    display: flex;
    gap: 25px;
    align-items: flex-start;
}

.vlinkseoai .v-f-icon {
    font-size: 32px;
    background: #f1f5f9;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    flex-shrink: 0;
}

.vlinkseoai .v-f-text h4 {
    font-size: 1.4rem;
    font-weight: 850;
    color: #0f172a;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

.vlinkseoai .v-f-text p {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* CTA Box */
.vlinkseoai .v-service-cta-box {
    background: #0f172a;
    padding: 60px 45px;
    border-radius: 40px;
    color: #ffffff;
    box-shadow: 0 40px 80px rgba(15, 23, 42, 0.15);
    position: relative;
}

.vlinkseoai .v-cta-inner h3 {
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 20px;
    line-height: 1.2;
}

.vlinkseoai .v-cta-inner p {
    font-size: 1.15rem;
    opacity: 0.85;
    line-height: 1.7;
    margin-bottom: 40px;
}

.vlinkseoai .v-btn-link {
    display: block;
    text-align: center;
    background: #3b82f6;
    color: #ffffff !important;
    text-decoration: none;
    padding: 20px;
    border-radius: 100px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
}

.vlinkseoai .v-btn-link:hover {
    background: #ffffff;
    color: #0f172a !important;
    transform: translateY(-5px);
}

/* Responsive */
@media (max-width: 991px) {
    .vlinkseoai .v-service-wrapper { grid-template-columns: 1fr; gap: 60px; }
    .vlinkseoai .v-service-cta-box { padding: 40px 30px; }
}


/* ==========================================================================
   VLINK AUDIT STATION - NEXT-GEN CONVERSION
   Style: Dark Glass, Center Focus, Floating Elements
   ========================================================================== */

.vlinkseoai.vlink-audit-station {
    --v-accent: #3b82f6;
    --v-dark: #020617;
    --v-glass-bg: rgba(255, 255, 255, 0.02);
    --v-glass-border: rgba(255, 255, 255, 0.08);
    
    background: var(--v-dark);
    padding: 120px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

/* Background Effect - Ánh sáng mờ ảo phía sau */
.vlink-audit-station::before {
    content: '';
    position: absolute;
    width: 800px; height: 800px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);
    top: -200px; right: -200px;
}

.vlink-audit-station .v-container {
    max-width: 100%; margin: 0 auto; padding: 0 25px; position: relative; z-index: 2;
}

/* Header Căn giữa đổi nhịp */
.vlink-audit-station .v-station-header {
    text-align: center; max-width: 800px; margin: 0 auto 60px;
}

.vlink-audit-station .v-badge-glow {
    background: rgba(59, 130, 246, 0.1);
    color: var(--v-accent);
    padding: 8px 20px; border-radius: 50px;
    font-size: 12px; font-weight: 800; letter-spacing: 2px;
    text-transform: uppercase; border: 1px solid var(--v-accent);
}

.vlink-audit-station .v-station-title {
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 900; color: #fff; line-height: 1.1;
    margin: 25px 0; letter-spacing: -2px;
}

.vlink-audit-station .v-text-gradient {
    background: linear-gradient(90deg, #3b82f6, #60a5fa, #3b82f6);
    background-size: 200% auto;
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    animation: vlinkFlow 4s linear infinite;
}

.vlink-audit-station .v-station-desc {
    color: #94a3b8; font-size: 1.2rem; line-height: 1.8;
}

/* Grid Layout: 30% Points - 70% Form (Hoặc tùy biến) */
.vlink-audit-station .v-station-grid {
    display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 40px; align-items: start;
}

/* Strategic Points - Thiết kế dạng thẻ Card nhỏ */
.vlink-audit-station .v-point-card {
    background: var(--v-glass-bg);
    border: 1px solid var(--v-glass-border);
    padding: 25px; border-radius: 20px; margin-bottom: 20px;
    display: flex; align-items: center; gap: 15px;
    transition: 0.3s;
}

.vlink-audit-station .v-point-card:hover {
    border-color: var(--v-accent); background: rgba(59, 130, 246, 0.05);
}

.vlink-audit-station .v-point-icon { font-size: 24px; }
.vlink-audit-station .v-point-txt { color: #fff; font-size: 1rem; }

/* Form Glassmorphism - Tinh tế và không thô */
.vlink-audit-station .v-form-glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    border: 1px solid var(--v-glass-border);
    padding: 50px; border-radius: 35px;
    box-shadow: 0 40px 100px rgba(0,0,0,0.4);
}

.vlink-audit-station .v-form-head { margin-bottom: 35px; }
.vlink-audit-station .v-form-head h3 {
    color: #fff; font-size: 1.8rem; font-weight: 900; margin-bottom: 5px;
}
.vlink-audit-station .v-form-head p { color: #64748b; font-size: 0.95rem; }

/* CF7 UI Override - Biến input thành dạng Minimalist */
.vlink-audit-station .v-custom-cf7-wrapper input:not([type="submit"]) {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #fff !important;
    padding: 18px !important; border-radius: 12px !important;
    margin-bottom: 15px !important; width: 100% !important;
}

.vlink-audit-station .v-custom-cf7-wrapper input:focus {
    border-color: var(--v-accent) !important; outline: none; background: rgba(255,255,255,0.1) !important;
}



/* Mobile */
@media (max-width: 991px) {
    .vlink-audit-station .v-station-grid { grid-template-columns: 1fr; }
    .vlink-audit-station .v-form-glass { padding: 30px 20px; }
}


/* ==========================================================================
   VLINK TRUST STRIP - PREMIUM DARK MODE
   Style: Deep Navy, Icon Glow, Clean Typography
   ========================================================================== */

.vlinkseoai.vlink-trust-strip-premium {
    --v-dark-bg: #020617; /* Trùng với màu nền của Final Call Premium */
    --v-border-color: rgba(255, 255, 255, 0.08);
    --v-text-head: #ffffff;
    --v-text-body: #94a3b8;
    
    background: var(--v-dark-bg);
    padding: 50px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    border-top: 1px solid var(--v-border-color);
}

.vlinkseoai .v-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 25px;
}

.vlinkseoai .v-strip-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* Strip Item Container */
.vlinkseoai .v-strip-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 25px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--v-border-color);
    border-radius: 20px;
    transition: all 0.4s ease;
}

.vlinkseoai .v-strip-item:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(59, 130, 246, 0.3);
    transform: translateY(-5px);
}

/* Icon Box Design */
.vlinkseoai .v-strip-icon-box {
    font-size: 28px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.05));
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    flex-shrink: 0;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

/* Text Content */
.vlinkseoai .v-strip-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--v-text-head);
    margin: 0 0 5px 0;
    letter-spacing: -0.3px;
}

.vlinkseoai .v-strip-desc {
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--v-text-body);
    margin: 0;
}

/* Responsive - Mobile Optimization */
@media (max-width: 991px) {
    .vlinkseoai .v-strip-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .vlinkseoai.vlink-trust-strip-premium {
        padding: 40px 0;
    }

    .vlinkseoai .v-strip-item {
        padding: 20px;
    }
}


/* ==========================================================================
   VLINK FINAL CALL - PREMIUM VERSION 2025
   Style: Dark Tech, Glassmorphism, Glow Buttons
   ========================================================================== */

.vlinkseoai.vlink-final-call-premium {
    --v-dark-core: #020617;
    --v-accent-blue: #3b82f6;
    --v-glass: rgba(255, 255, 255, 0.03);
    --v-border: rgba(255, 255, 255, 0.1);
    
    background: var(--v-dark-core);
    padding: 120px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

/* Hiệu ứng nền mờ ảo phía sau */
.vlink-final-call-premium::before {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.vlink-final-call-premium .v-container-focus {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
    z-index: 1;
}

/* Thẻ Card chính kiểu Kính (Glassmorphism) */
.vlink-final-call-premium .v-final-card {
    background: var(--v-glass);
    backdrop-filter: blur(10px);
    border: 1px solid var(--v-border);
    padding: 80px 60px;
    border-radius: 40px;
    text-align: center;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5);
}

/* Tiêu đề quyền lực */
.vlink-final-call-premium .v-final-title {
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 900;
    color: #ffffff;
    line-height: 1.1;
    letter-spacing: -2px;
    margin-bottom: 40px;
}

.vlink-final-call-premium .v-highlight {
    background: linear-gradient(90deg, #3b82f6, #93c5fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    margin-top: 10px;
}

.vlink-final-call-premium .v-final-desc {
    max-width: 750px;
    margin: 0 auto 50px auto;
    font-size: 1.2rem;
    line-height: 1.8;
    color: #94a3b8;
}

/* CTA Box */
.vlink-final-call-premium .v-cta-main-text {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 35px;
}

.vlink-final-call-premium .v-time-badge {
    color: #60a5fa;
    text-decoration: underline;
    text-underline-offset: 5px;
}

/* Group Buttons */
.vlink-final-call-premium .v-cta-group {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 35px;
}

/* Nút Glow (Phát sáng) */
.vlink-final-call-premium .v-btn-glow {
    background: #3b82f6;
    color: #ffffff !important;
    padding: 20px 40px;
    border-radius: 100px;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    transition: 0.3s;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);
}

.vlink-final-call-premium .v-btn-glow:hover {
    box-shadow: 0 0 40px rgba(59, 130, 246, 0.6);
    transform: translateY(-3px);
}

/* Nút Outline sang trọng */
.vlink-final-call-premium .v-btn-outline {
    background: transparent;
    color: #ffffff !important;
    padding: 18px 40px;
    border-radius: 100px;
    font-weight: 800;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: 0.3s;
}

.vlink-final-call-premium .v-btn-outline:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: #ffffff;
}

/* Urgency Note with Pulse */
.vlink-final-call-premium .v-urgency-note {
    font-size: 1rem;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.vlink-final-call-premium .v-pulse-dot {
    width: 8px;
    height: 8px;
    background: #ef4444;
    border-radius: 50%;
    animation: pulseRed 1.5s infinite;
}

@keyframes pulseRed {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
    70% { transform: scale(1.2); box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .vlink-final-call-premium .v-final-card { padding: 50px 25px; }
    .vlink-final-call-premium .v-cta-group { flex-direction: column; }
    .vlink-final-call-premium .v-btn-glow, 
    .vlink-final-call-premium .v-btn-outline { width: 100%; text-align: center; }
}

/* ==========================================================================
   VLINK FOOTER - SEO WIKI VIETNAM
   Style: Dark Tech, Glassmorphism, Glow Buttons
   ========================================================================== */
/* Tổng thể khối bao ngoài rộng 100% */
.seo-wiki-footer-box {
    width: 100%;
    margin-top: 25px;
    padding: 2px; /* Tạo khoảng hở cho viền gradient */
    background: linear-gradient(90deg, #00c6ff, #0072ff); /* Dải màu xanh công nghệ */
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.seo-wiki-footer-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 114, 255, 0.3);
}

.seo-wiki-footer-box a {
    text-decoration: none !important;
    display: block;
}

/* Phần nội dung bên trong */
.wiki-wrapper {
    background: #1a1a1a; /* Màu nền tối của footer (hãy chỉnh lại theo mã màu website bạn) */
    padding: 15px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.wiki-logo {
    width: 150px;
    height: auto;
    background: #fff; /* Tạo nền trắng nhẹ cho logo nếu logo bị chìm trên nền tối */
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.wiki-info {
    flex-grow: 1;
}

/* Tag Dự án cộng đồng */
.wiki-tag {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    color: #00c6ff;
    border: 1px solid #00c6ff;
    padding: 1px 8px;
    border-radius: 50px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    background: rgba(0, 198, 255, 0.1);
}

/* Tên SEO Wiki */
.wiki-name {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: #ffffff; /* Màu chữ trắng nổi bật */
    line-height: 1.2;
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Slogan */
.wiki-slogan {
    margin: 0;
    font-size: 13px;
    color: #b0b0b0; /* Màu xám sáng */
    font-weight: 400;
}

/* Hiệu ứng hover cho chữ */
.seo-wiki-footer-box:hover .wiki-name {
    background: linear-gradient(90deg, #fff, #00c6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    .wiki-wrapper {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    .wiki-logo {
        margin: 0 auto;
    }
}

/* Thêm vào đoạn CSS trước đó */
.wiki-tag {
    display: flex;
    align-items: center;
    gap: 5px;
}

.dot {
    width: 6px;
    height: 6px;
    background-color: #00ff88;
    border-radius: 50%;
    display: inline-block;
    animation: blink 1.5s infinite;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}