/* Unified desktop / tablet / phone navigation. */
.nav-v2{z-index:60;background:#fff;border-bottom:1px solid #e5edf5}
.nav-v2 .header-row{position:relative;min-height:84px;gap:24px}
.nav-v2 .lv-brand{width:164px}
.nav-v2 #main-nav{display:flex;position:static;margin-left:auto;gap:5px;align-items:center;width:auto;padding:0;box-shadow:none;max-height:none;overflow:visible;background:transparent}
.nav-v2 #main-nav>a,.nav-v2 .nav-products-toggle{position:relative;display:flex;align-items:center;gap:6px;min-height:46px;padding:12px 10px;border:0;border-radius:7px;background:transparent;color:#163d66;font:600 13px/1.4 Roboto,Arial,sans-serif;white-space:nowrap;cursor:pointer;text-decoration:none;transition:color .18s,background-color .18s}
.nav-v2 #main-nav>a[data-active=true],.nav-v2 #main-nav>a[aria-current=page],.nav-v2 .nav-products-toggle[data-active=true],.nav-v2 .nav-products-toggle[aria-expanded=true]{color:#005bcc;background:#eef6ff}
.nav-v2 #main-nav>a[data-active=true]:after,.nav-v2 .nav-products-toggle[data-active=true]:after{content:'';position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:#0877e8}
.nav-v2 .nav-chevron{width:16px;height:16px;flex-shrink:0;transition:transform .2s}
.nav-v2 .nav-products-toggle[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}
.nav-v2 .header-actions{gap:8px;margin-left:0;flex-shrink:0}
.nav-v2 .header-actions>.header-quote{display:inline-flex;gap:10px;font-size:13px;min-height:44px;padding:10px 16px}
.nav-v2 .header-quote .icon{display:block;width:18px;height:18px}
.nav-v2 .icon-button{width:44px;height:44px;min-height:44px;padding:10px;display:grid;place-items:center;color:#174878;border:1px solid #dbe7f2;border-radius:9px;background:#fff;transition:background-color .18s,border-color .18s,box-shadow .18s}
.nav-v2 .icon-button .icon{width:22px;height:22px}
.nav-v2 .menu-toggle{display:none}
.nav-v2 :is(a,button):focus-visible{outline:3px solid #0087e9;outline-offset:3px}
.nav-v2 .product-menu{position:absolute;top:calc(100% - 1px);right:0;width:min(940px,100%);padding:0;background:#fff;border:1px solid #dce8f3;border-top:3px solid #0869dc;border-radius:0 0 14px 14px;box-shadow:0 24px 55px #002c582b;z-index:4;animation:menu-reveal .18s ease-out;transform-origin:top}
.nav-v2 .product-menu[hidden],.nav-v2 .nav-scrim[hidden]{display:none!important}
.nav-v2 .product-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 25px;border-bottom:1px solid #e7eff7}
.nav-v2 .product-menu-heading>span{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#607c98}
.nav-v2 .product-menu-heading>a{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:700;color:#0060c9}
.nav-v2 .product-menu-heading .icon,.nav-v2 .nav-help .icon{width:17px;height:17px}
.nav-v2 .product-menu-grid{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:26px;padding:25px}
.nav-v2 .product-menu-grid section{min-width:0}
.nav-v2 .product-menu h2{font:700 16px/1.5 Roboto,Arial,sans-serif;color:#0b3a6c;margin:0 0 5px}
.nav-v2 .product-menu section>p{font-size:12px;line-height:1.6;color:#6b8299;margin:0 0 15px}
.nav-v2 .nav-materials>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}
.nav-v2 .nav-product-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 9px;margin:3px -9px;border-radius:7px;font-size:13px;font-weight:500;color:#325473;line-height:1.5;transition:background-color .18s,color .18s}
.nav-v2 .nav-product-link small{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:6px;background:#edf4fa;color:#617f9b;font-size:11px}
.nav-v2 .nav-product-link[aria-current=page]{background:#e8f3ff;color:#005abf;font-weight:700}
.nav-v2 .nav-support{border-left:1px solid #e5edf5;padding-left:23px}
.nav-v2 .nav-help{padding:14px;margin-top:12px;background:#eff7ff;border-radius:9px}
.nav-v2 .nav-help>span{color:#094a89;font-size:13px;font-weight:700}
.nav-v2 .nav-help p{font-size:12px;line-height:1.7;color:#52728f;margin:7px 0 10px}
.nav-v2 .nav-help a{display:flex;align-items:center;gap:8px;color:#005ac3;font-size:13px;font-weight:700}
.nav-v2 .mobile-nav-top,.nav-v2 .mobile-nav-contact,.nav-v2 .nav-scrim{display:none}
.menu-lines{width:21px;height:18px;display:block;position:relative}
.menu-lines i{position:absolute;width:21px;height:2px;left:0;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s,top .2s}
.menu-lines i:nth-child(1){top:1px}.menu-lines i:nth-child(2){top:8px}.menu-lines i:nth-child(3){top:15px}
.menu-toggle[aria-expanded=true] .menu-lines i:nth-child(1){top:8px;transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-lines i:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] .menu-lines i:nth-child(3){top:8px;transform:rotate(-45deg)}
@media(hover:hover){.nav-v2 #main-nav>a:hover,.nav-v2 .nav-products-toggle:hover,.nav-v2 .nav-product-link:hover{background:#eef6ff;color:#005bc9}.nav-v2 .icon-button:hover{background:#edf6ff;border-color:#8dbcee}.nav-v2 .product-menu h2 a:hover{text-decoration:underline;text-underline-offset:4px}}
@media(min-width:1181px) and (max-width:1300px){.nav-v2 .header-row{gap:16px}.nav-v2 .lv-brand{width:145px}.nav-v2 #main-nav{gap:1px}.nav-v2 #main-nav>a,.nav-v2 .nav-products-toggle{font-size:12px;padding-inline:8px}}
@media(max-width:1180px){
 .nav-v2 .header-row{min-height:76px;gap:16px}.nav-v2 .header-actions{margin-left:auto}.nav-v2 .menu-toggle{display:grid}.nav-v2 .lv-brand{width:154px}
 .nav-v2 #main-nav{display:none;position:absolute;top:100%;right:-24px;left:auto;width:min(420px,100vw);max-height:calc(100dvh - 76px);height:calc(100dvh - 76px);padding:18px 23px 0;margin:0;background:#fff;overflow-y:auto;overscroll-behavior:contain;box-shadow:-16px 25px 45px #002c5826;z-index:5;border-top:1px solid #edf2f7;scrollbar-width:thin}
 .nav-v2 #main-nav.is-open{display:block;animation:drawer-reveal .22s ease-out}
 .nav-v2 #main-nav>a,.nav-v2 .nav-products-toggle{width:100%;font-size:15px;min-height:52px;padding:15px 12px;margin:3px 0;white-space:normal;border-radius:8px;justify-content:space-between}
 .nav-v2 #main-nav>a[data-active=true]:after,.nav-v2 .nav-products-toggle[data-active=true]:after{left:0;right:auto;top:15px;bottom:15px;width:3px;height:auto}
 .nav-v2 .mobile-nav-top{display:block;padding:3px 12px 18px;margin-bottom:10px;border-bottom:1px solid #e7eff7}
 .mobile-nav-top>span{display:block;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#4f7090;font-weight:700}.mobile-nav-top>small{display:block;color:#7d92a6;font-size:12px;margin-top:7px}
 .nav-v2 .product-menu{position:static;width:100%;padding:0;border:1px solid #dce8f3;border-top-width:1px;border-radius:8px;box-shadow:none;animation:menu-reveal .16s ease-out;margin:5px 0 12px;overflow:hidden}
 .nav-v2 .product-menu-heading{padding:12px 14px;background:#f2f8ff}.nav-v2 .product-menu-heading>span{display:none}.nav-v2 .product-menu-heading>a{min-height:30px;width:100%;justify-content:space-between;font-size:14px}
 .nav-v2 .product-menu-grid{display:block;padding:16px 20px}.nav-v2 .product-menu-grid section+section{margin-top:18px;padding-top:18px;border-top:1px solid #e5edf5}
 .nav-v2 .product-menu h2{font-size:14px}.nav-v2 .product-menu section>p{font-size:12px;margin-bottom:10px}.nav-v2 .nav-product-link{font-size:14px;min-height:44px;padding-block:11px}.nav-v2 .nav-materials>div{grid-template-columns:1fr}.nav-v2 .nav-support{border-left:0;padding-left:0}.nav-v2 .nav-help{display:none}
 .nav-v2 .mobile-nav-contact{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px;padding:22px 10px max(24px,env(safe-area-inset-bottom));border-top:1px solid #dfeaf4;background:#fff}
 .nav-hotline{display:flex;gap:12px;align-items:center;font-size:12px;color:#68819a}.nav-hotline .icon{color:#0566cf;width:27px;height:27px}.nav-hotline strong{display:block;color:#073e78;font-size:20px;line-height:1.4}.nav-v2 .mobile-nav-contact .button{font-size:15px;justify-content:space-between}
 .nav-v2 .nav-scrim{display:block;position:fixed;inset:76px 0 0;border:0;border-radius:0;background:#042c50a3;backdrop-filter:blur(2px);z-index:2;cursor:pointer;animation:scrim-reveal .2s ease-out}
 body.nav-is-open{overflow:hidden}
 body.admin-bar .nav-v2 #main-nav{height:calc(100dvh - 108px);max-height:calc(100dvh - 108px)}
}
@media(max-width:650px){.nav-v2 .header-row{min-height:70px;gap:12px}.nav-v2 .lv-brand{width:128px}.nav-v2 .header-actions{gap:6px}.nav-v2 .header-actions>.header-quote{display:inline-flex;font-size:12px;min-height:44px;padding:10px 12px;gap:0}.nav-v2 .header-quote .icon{display:none}.nav-v2 .icon-button{width:44px;height:44px}.nav-v2 #main-nav{right:-16px;height:calc(100dvh - 70px);max-height:calc(100dvh - 70px)}.nav-v2 .nav-scrim{top:70px}.nav-v2 .header-row.container{width:calc(100% - 32px)}}
@media(max-width:360px){.nav-v2 .lv-brand{width:108px}.nav-v2 .header-row{gap:7px}.nav-v2 .header-actions{gap:4px}.nav-v2 .header-actions>.header-quote{padding-inline:9px}}
@keyframes menu-reveal{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes drawer-reveal{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes scrim-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.nav-v2 *{animation:none!important;transition:none!important}}
@media(max-width:1180px){body .nav-v2 #main-nav{height:calc(100dvh - var(--nav-top,76px));max-height:calc(100dvh - var(--nav-top,76px))}.nav-v2 .nav-scrim{top:var(--nav-top,76px)}}

/* About and Applications: overview links with independent submenu toggles. */
.nav-v2 :is(.nav-about,.nav-projects){position:relative;flex-shrink:0}
.nav-v2 :is(.nav-about-heading,.nav-projects-heading,.nav-products-heading){display:flex;align-items:stretch;border-radius:7px}
.nav-v2 :is(.nav-about-link,.nav-projects-link,.nav-products-link),.nav-v2 :is(.nav-about-toggle,.nav-projects-toggle,.nav-products-toggle){position:relative;display:flex;align-items:center;min-height:46px;border:0;background:transparent;color:#163d66;font:600 13px/1.4 Roboto,Arial,sans-serif;text-decoration:none;cursor:pointer}
.nav-v2 :is(.nav-about-link,.nav-projects-link,.nav-products-link){padding:12px 2px 12px 10px;white-space:nowrap;border-radius:7px 0 0 7px}
.nav-v2 :is(.nav-about-toggle,.nav-projects-toggle,.nav-products-toggle){justify-content:center;width:28px;padding:0 6px;border-radius:0 7px 7px 0}
.nav-v2 :is(.nav-about-toggle,.nav-projects-toggle,.nav-products-toggle)[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}
.nav-v2 :is(.nav-about,.nav-projects).is-open :is(.nav-about-heading,.nav-projects-heading,.nav-products-heading),.nav-v2 :is(.nav-about-link,.nav-projects-link,.nav-products-link)[data-active=true]{background:#eef6ff;color:#005bcc}
.nav-v2 :is(.nav-about-link,.nav-projects-link,.nav-products-link)[data-active=true]:after{content:'';position:absolute;left:10px;right:2px;bottom:5px;height:2px;border-radius:2px;background:#0877e8}
.nav-v2 :is(.about-menu,.projects-menu){position:absolute;top:100%;left:0;width:254px;padding:8px;background:#fff;border:1px solid #dce8f3;border-top:3px solid #0869dc;border-radius:0 0 12px 12px;box-shadow:0 18px 40px #002c5826;z-index:4;animation:menu-reveal .18s ease-out}
.nav-v2 :is(.about-menu,.projects-menu)[hidden]{display:none!important}
.nav-v2 :is(.about-menu,.projects-menu)>a{display:flex;align-items:center;min-height:46px;padding:12px;border-radius:6px;color:#163d66;font:500 14px/1.5 Roboto,Arial,sans-serif;text-decoration:none}
.nav-v2 :is(.about-menu,.projects-menu)>a[aria-current]{background:#eef6ff;color:#005bcc;font-weight:700}
.nav-v2 :is(.nav-about,.nav-projects) :is(a,button):focus-visible{outline-color:#df1734;background:#fff0f2;color:#c8102e}
#tam-nhin-su-menh,#dinh-huong-phat-trien,#phan-phoi-hop-tac{scroll-margin-top:110px}
@media(hover:hover) and (pointer:fine){.nav-v2 :is(.nav-about-heading,.nav-projects-heading,.nav-products-heading):hover{background:#eef6ff}.nav-v2 :is(.nav-about-link,.nav-projects-link,.nav-products-link):hover,.nav-v2 :is(.nav-about-toggle,.nav-projects-toggle,.nav-products-toggle):hover,.nav-v2 :is(.about-menu,.projects-menu)>a:hover{background:#fff0f2;color:#c8102e}}
@media(min-width:1181px) and (max-width:1300px){.nav-v2 :is(.nav-about-link,.nav-projects-link,.nav-products-link){font-size:12px;padding-left:8px}.nav-v2 :is(.nav-about-toggle,.nav-projects-toggle,.nav-products-toggle){width:24px;padding-inline:4px}}
@media(max-width:1180px){
 .nav-v2 :is(.nav-about-heading,.nav-projects-heading,.nav-products-heading){margin:3px 0;border-radius:8px}
 .nav-v2 :is(.nav-about-link,.nav-projects-link,.nav-products-link){flex:1;min-height:52px;font-size:15px;padding:15px 12px}
 .nav-v2 :is(.nav-about-toggle,.nav-projects-toggle,.nav-products-toggle){width:48px;min-height:52px;padding:12px}
 .nav-v2 :is(.nav-about-link,.nav-projects-link,.nav-products-link)[data-active=true]:after{left:0;right:auto;top:15px;bottom:15px;width:3px;height:auto}
 .nav-v2 :is(.about-menu,.projects-menu){position:static;width:100%;padding:5px;margin:5px 0 12px;box-sizing:border-box;border:1px solid #dce8f3;border-radius:8px;box-shadow:none}
 .nav-v2 :is(.about-menu,.projects-menu)>a{min-height:48px;padding:12px 14px}
 #tam-nhin-su-menh,#dinh-huong-phat-trien,#phan-phoi-hop-tac{scroll-margin-top:90px}
}

/* Product overview link and independent dropdown control. */
.nav-v2 .nav-products-heading{display:flex;align-items:stretch;flex-shrink:0}
.nav-v2 .nav-products.is-open .nav-products-heading{background:#eef6ff}
.nav-v2 .nav-products-toggle{margin:0;gap:0;white-space:nowrap}
@media(max-width:1180px){.nav-v2 .nav-products-toggle{margin:0;flex:none}}