/* Comp Bỏ qua V4, duyệt 05/11/2026. CSS chỉ áp dụng ngoài tour 3D. */
html:not(.cho-cua):not(.tham-quan){--navy:#122442;--muted:#5b6783;--line:#dde4ee;--soft:#f6f8fb;--yellow:#f0d502}
html:not(.cho-cua):not(.tham-quan) .bq-v4 *{box-sizing:border-box}
html:not(.cho-cua):not(.tham-quan){scroll-behavior:smooth;scroll-padding-top:24px}
html:not(.cho-cua):not(.tham-quan) body{margin:0;background:#fff;color:var(--navy);font:400 17px/1.65 "Be Vietnam Pro",system-ui,sans-serif}
html:not(.cho-cua):not(.tham-quan) .bq-v4 button,html:not(.cho-cua):not(.tham-quan) .bq-v4 input,html:not(.cho-cua):not(.tham-quan) .bq-v4 textarea{font:inherit}
html:not(.cho-cua):not(.tham-quan) .bq-v4 a{color:inherit;text-decoration:none}
html:not(.cho-cua):not(.tham-quan) .bq-v4 button,html:not(.cho-cua):not(.tham-quan) .bq-v4 a,html:not(.cho-cua):not(.tham-quan) .bq-v4 input,html:not(.cho-cua):not(.tham-quan) .bq-v4 textarea{-webkit-tap-highlight-color:transparent}
html:not(.cho-cua):not(.tham-quan) .bq-v4 button{cursor:pointer}
html:not(.cho-cua):not(.tham-quan) .bq-v4 button:focus-visible,html:not(.cho-cua):not(.tham-quan) .bq-v4 a:focus-visible{outline:3px solid #7190b5;outline-offset:5px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 img{display:block;max-width:100%}
html:not(.cho-cua):not(.tham-quan) .bq-v4 h1,html:not(.cho-cua):not(.tham-quan) .bq-v4 h2,html:not(.cho-cua):not(.tham-quan) .bq-v4 h3,html:not(.cho-cua):not(.tham-quan) .bq-v4 p,html:not(.cho-cua):not(.tham-quan) .bq-v4 figure,html:not(.cho-cua):not(.tham-quan) .bq-v4 blockquote{margin:0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 h1,html:not(.cho-cua):not(.tham-quan) .bq-v4 h2,html:not(.cho-cua):not(.tham-quan) .bq-v4 h3,html:not(.cho-cua):not(.tham-quan) .bq-v4 strong,html:not(.cho-cua):not(.tham-quan) .bq-v4 b{font-weight:600}
html:not(.cho-cua):not(.tham-quan) .bq-v4 h1{font-size:44px;line-height:1.28;letter-spacing:-1.5px;max-width:590px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 h2{font-size:32px;line-height:1.35;letter-spacing:-.8px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 h3{font-size:23px;line-height:1.4;letter-spacing:-.4px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 p{color:var(--muted)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .wrap{width:min(1120px,calc(100% - 64px));margin:auto}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .section{padding:88px 0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 23px;border:1px solid #c9d2e0;border-radius:6px;font-size:16px;line-height:1.4;background:#fff;color:var(--navy);font-weight:600}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .actions{display:flex;gap:12px;flex-wrap:wrap}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .head{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .brand{width:205px;flex-shrink:0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .head nav{display:flex;align-items:center;gap:30px;font-size:16px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .mobile-menu{display:none}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero{background:var(--soft);position:relative;overflow:hidden}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-grid{min-height:594px;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:22px;position:relative;z-index:1}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-copy{padding:52px 0 70px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-copy p{font-size:18px;max-width:520px;margin:24px 0 30px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-scene{height:505px;position:relative;isolation:isolate}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .robot{width:490px;max-width:none;position:absolute;left:50%;top:6px;transform:translateX(-50%);z-index:2}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .floor{position:absolute;width:580px;height:110px;border-radius:50%;background:#e4ebf4;left:50%;bottom:15px;transform:translateX(-50%);border:1px solid #d5dfed}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .floor:after{content:'';position:absolute;inset:18px 70px;border:1px solid #c9d7e9;border-radius:50%}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .keyword{position:absolute;z-index:3;padding:12px 18px;background:#fff;box-shadow:0 8px 28px #1224420b;border:1px solid var(--line);border-radius:6px;font-size:17px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .keyword.k1{top:67px;left:-12px;transform:rotate(-6deg)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .keyword.k2{right:-10px;top:210px;transform:rotate(5deg)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .keyword.k3{left:5px;bottom:72px;transform:rotate(-4deg)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-bottom{border-top:1px solid #dce3ed;padding:18px 0;color:var(--muted);font-size:16px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-bottom span{display:inline-block;margin-right:36px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-layout{display:grid;grid-template-columns:350px 1fr;gap:44px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-tabs{display:flex;flex-direction:column;gap:2px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-tabs button{text-align:left;padding:12px 18px;font-size:17px;background:#fff;border:0;border-bottom:1px solid var(--line);color:var(--navy);line-height:1.5}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-tabs button[aria-selected=true]{background:var(--navy);color:white;border-radius:6px;border-color:var(--navy)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-stage{background:var(--soft);border-radius:12px;padding:26px 38px;display:flex;flex-direction:column;min-width:0;justify-content:space-between}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-art{width:280px;height:210px;margin:0 auto;overflow:visible}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-stage p{margin:12px 0 16px;min-height:56px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-stage a{font-size:16px;text-decoration:underline;text-underline-offset:5px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .training{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .training a{border-top:1px solid var(--navy);padding:23px 0 0;position:relative}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .training h3{font-size:22px;margin-bottom:8px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .training p{font-size:16px;padding-right:30px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .arrow{position:absolute;right:3px;top:21px;font-size:25px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .results{background:var(--navy);color:#fff;padding:76px 0 0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .results> .wrap>h2{margin-bottom:34px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project{padding:50px 0;border-top:1px solid #ffffff30;display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project .sector{color:#b7c8e0;font-size:16px;margin-bottom:12px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project h3{font-size:28px;max-width:510px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project-desc{color:#d3dcea;max-width:510px;margin:15px 0 28px;line-height:1.65}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .metrics strong{display:block;color:#fff;font-size:29px;letter-spacing:-1px;line-height:1.35;white-space:nowrap}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .metrics span{display:block;font-size:16px;color:#bcc9dc;line-height:1.5;margin-top:5px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project:first-of-type .metrics strong{color:var(--yellow)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project-img{background:white;border-radius:8px;overflow:hidden;height:270px;display:flex;align-items:center;justify-content:center}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project-img img{width:100%;height:100%;object-fit:contain}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project:nth-of-type(2) .project-img img{object-fit:cover}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .result-wall{padding:30px 0 40px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .wall-caption{color:#ced9e9;font-size:16px;margin-bottom:24px;text-align:center;padding:0 24px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .mosaic-row{overflow:hidden;margin-bottom:8px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .moving{display:flex;width:max-content;animation:bq-drift 100s linear infinite}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .mosaic-set{display:flex;gap:8px;padding-right:8px;align-items:center}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .mosaic-set img{width:230px;height:113px;object-fit:cover;object-position:top;border-radius:3px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .mosaic-row:nth-child(odd) .moving{animation-direction:reverse;animation-duration:120s}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .mosaic-set img:nth-child(3n+2){width:280px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .clients{padding-bottom:70px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .clients h2{text-align:center}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-stat{text-align:center;font-size:30px;line-height:1.5;color:var(--navy);margin:22px 0 38px;letter-spacing:-.6px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-stat strong{font-size:42px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-row{display:grid;grid-template-columns:210px 1fr;align-items:center;border-top:1px solid var(--line);padding:15px 0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-row>p{font-size:16px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-clip{overflow:hidden}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-set{display:flex;align-items:center;gap:36px;padding-right:36px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client{display:flex;align-items:center;justify-content:center;min-width:160px;height:76px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client span{color:#8c96a6;font-size:20px;white-space:nowrap}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client img{width:125px;height:72px;object-fit:contain;filter:grayscale(1);opacity:.65}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-row:nth-child(even) .moving{animation-direction:reverse}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-row .moving{animation-duration:100s}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-clip:hover .moving,html:not(.cho-cua):not(.tham-quan) .bq-v4 .result-wall:hover .moving{animation-play-state:paused}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .process{border-top:1px solid var(--line)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .process-grid{display:grid;grid-template-columns:350px 1fr;gap:105px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .process-aside{position:sticky;top:45px;align-self:start}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .process-aside p{margin:20px 0 26px;max-width:300px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .small-robot{width:100px;margin:12px 0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .steps{list-style:none;margin:0;padding:0 0 0 40px;position:relative;border-left:2px solid #d9e2ed}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .steps li{position:relative;padding:0 0 32px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .steps li:last-child{padding-bottom:0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .step-no{position:absolute;left:-58px;top:0;width:34px;height:34px;border:1px solid #cad5e4;border-radius:50%;background:#fff;font-size:16px;display:grid;place-items:center}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .steps li:first-child .step-no{background:var(--yellow);border-color:var(--yellow)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .steps h3{font-size:22px;margin-bottom:9px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .steps p{font-size:17px;max-width:550px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .team{background:var(--soft)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .team h2{margin-bottom:32px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .team-images{position:relative;padding-bottom:60px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .team-wide{width:84%;height:325px;object-fit:cover;border-radius:9px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .team-inset{position:absolute;right:0;bottom:0;width:33%;height:260px;object-fit:cover;object-position:left center;border:7px solid var(--soft);border-radius:9px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .team blockquote{font-size:29px;line-height:1.5;max-width:650px;margin-top:24px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .contact h2{max-width:440px;margin-bottom:30px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .phone{display:block;font-size:34px;font-weight:600;line-height:1.4;letter-spacing:-.6px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .phone-label{font-size:16px;margin:3px 0 18px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .contact address{font-style:normal;font-size:17px;line-height:1.9;margin:25px 0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .contact .small-robot{width:90px;margin-left:0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .contact form{background:var(--soft);border:1px solid var(--line);padding:28px;border-radius:10px;align-self:start}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 label{display:block;font-size:16px;margin-bottom:17px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 input,html:not(.cho-cua):not(.tham-quan) .bq-v4 textarea{display:block;margin-top:7px;width:100%;min-width:0;padding:11px 12px;border:1px solid #c9d2e0;border-radius:5px;background:#fff;color:var(--navy);font-size:16px;resize:vertical}
html:not(.cho-cua):not(.tham-quan) .bq-v4 textarea{min-height:145px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 form .btn{width:100%}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .footer{background:var(--navy);color:#fff;padding:48px 0 32px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .footer .brand{margin-bottom:22px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .footer p{color:#bcc9dc;font-size:16px;max-width:450px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .footer h3{font-size:18px;margin-bottom:15px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .footer a{display:block;font-size:16px;margin-bottom:7px;color:#d0dae8}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .copyright{margin-top:35px;padding-top:20px;border-top:1px solid #ffffff25;font-size:16px;color:#bcc9dc}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .quick-contact{display:none}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .menu-panel{display:none}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .small-robot,html:not(.cho-cua):not(.tham-quan) .bq-v4 .brand{height:auto}
@keyframes bq-drift{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){html:not(.cho-cua):not(.tham-quan){scroll-behavior:auto}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .moving{animation:none}
}
@media(max-width:760px){html:not(.cho-cua):not(.tham-quan) body{font-size:16px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .wrap{width:calc(100% - 40px)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .section{padding:52px 0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 h1{font-size:31px;letter-spacing:-.8px;line-height:1.33}
html:not(.cho-cua):not(.tham-quan) .bq-v4 h2{font-size:27px;letter-spacing:-.6px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 h3{font-size:21px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .head{height:69px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .brand{width:171px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .head nav{display:none}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .mobile-menu{display:block;border:1px solid var(--line);background:white;border-radius:5px;padding:8px 12px;font-size:16px;color:var(--navy)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .menu-panel.open{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--soft)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-grid{grid-template-columns:1fr;gap:0;min-height:0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-copy{padding:36px 0 0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-copy p{font-size:16px;margin:20px 0 24px;line-height:1.7}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-copy .actions{gap:9px;flex-wrap:nowrap}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-copy .btn{padding:11px 12px;flex:1;font-size:16px;white-space:nowrap}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-scene{height:333px;margin-top:14px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .robot{width:335px;top:-4px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .floor{width:355px;height:72px;bottom:2px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .keyword{font-size:16px;padding:8px 12px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .keyword.k1{top:42px;left:-2px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .keyword.k2{top:154px;right:-2px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .keyword.k3{bottom:25px;left:3px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-bottom{font-size:16px;line-height:1.6}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-bottom span{display:block;margin:3px 0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-head{margin-bottom:24px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-layout{display:flex;flex-direction:column;gap:18px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-tabs{flex-direction:row;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:7px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-tabs button{white-space:nowrap;flex-shrink:0;padding:10px 15px;scroll-snap-align:start;font-size:16px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-stage{padding:20px 24px 25px;min-height:365px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-art{width:235px;height:175px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .service-stage p{font-size:16px;min-height:0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .training{grid-template-columns:1fr;gap:20px;margin-top:26px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .training h3{font-size:21px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .training a{padding-top:18px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .results{padding-top:50px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .results>.wrap>h2{margin-bottom:28px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project{display:flex;flex-direction:column;align-items:stretch;padding:30px 0;gap:24px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project h3{font-size:25px;line-height:1.4}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project .sector{margin-bottom:8px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project-desc{margin:14px 0 23px;font-size:16px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .metrics{gap:13px;grid-template-columns:1fr 1fr}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .metrics>div:first-child{grid-column:1/-1}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .metrics strong{font-size:30px;letter-spacing:-.8px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .metrics>div:first-child strong{font-size:38px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .metrics span{font-size:16px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project-img{height:212px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .result-wall{padding:23px 0 30px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .wall-caption{margin-bottom:20px;text-align:left;padding:0 20px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .mosaic-set img{width:170px;height:86px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .mosaic-set img:nth-child(3n+2){width:200px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .mosaic-row{margin-bottom:6px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .mosaic-set{gap:6px;padding-right:6px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .clients h2{text-align:left}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-stat{text-align:left;font-size:22px;margin:20px 0 26px;max-width:320px;line-height:1.6}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-stat strong{font-size:31px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-row{display:block;padding:14px 0 7px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-row>p{margin-bottom:5px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client{height:67px;min-width:145px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client span{font-size:18px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client img{height:57px;width:100px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-set{gap:25px;padding-right:25px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .process-grid{display:block}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .process-aside{position:static}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .process-aside p{margin:15px 0 20px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .process-aside .small-robot{display:none}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .process-aside .btn{margin-bottom:32px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .steps{margin-left:16px;padding-left:32px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .steps li{padding-bottom:28px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .step-no{left:-50px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .steps h3{font-size:20px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .steps p{font-size:16px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .team-images{padding-bottom:102px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .team-wide{width:100%;height:166px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .team-inset{width:72%;height:170px;border-width:5px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .team blockquote{font-size:25px;margin-top:24px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .contact-grid{grid-template-columns:1fr;gap:24px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .phone{font-size:32px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .contact h2{margin-bottom:24px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .contact .small-robot{display:none}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .contact form{padding:22px 20px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .form-row{grid-template-columns:1fr;gap:0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .contact address{margin-bottom:0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .footer{padding-bottom:100px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .footer-grid>div:first-child{grid-column:1/-1}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .footer h3{font-size:17px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .footer .brand{margin-bottom:16px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .copyright{margin-top:25px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .quick-contact{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);padding:10px 14px;gap:9px;box-shadow:0 -4px 20px #12244208;transition:transform .2s}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .quick-contact a{flex:1;padding:10px 9px;font-size:16px;min-height:46px}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .quick-contact.hide{transform:translateY(120%)}
}

/* Integrate the approved comp with the original tour DOM and live form. */
.cho-cua .bq-only,.tham-quan .bq-only{display:none!important}
html:not(.cho-cua):not(.tham-quan) #so-lieu,html:not(.cho-cua):not(.tham-quan) #goc-van-phong,html:not(.cho-cua):not(.tham-quan) #kien-thuc,html:not(.cho-cua):not(.tham-quan) .tq-lai-wrap,html:not(.cho-cua):not(.tham-quan) .rb,html:not(.cho-cua):not(.tham-quan) .lh .vp{display:none!important}
html:not(.cho-cua):not(.tham-quan).bq-tabs-ready #viec-lam{display:none}
html:not(.cho-cua):not(.tham-quan) #dich-vu,html:not(.cho-cua):not(.tham-quan) #ket-qua,html:not(.cho-cua):not(.tham-quan) #khach-hang,html:not(.cho-cua):not(.tham-quan) #cach-lam,html:not(.cho-cua):not(.tham-quan) #ve-golden-town{padding:0;max-width:none;margin:0;display:block;border:0;background:none}
html:not(.cho-cua):not(.tham-quan) .bq-v4{min-width:0}
html:not(.cho-cua):not(.tham-quan) .bq-v4 h2,html:not(.cho-cua):not(.tham-quan) .bq-v4 h3{text-wrap:initial}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .results h2,html:not(.cho-cua):not(.tham-quan) .bq-v4 .results h3{color:#fff}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-row{grid-template-columns:210px minmax(0,1fr)}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .small-robot,html:not(.cho-cua):not(.tham-quan) .bq-v4 .robot{height:auto}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .moving{will-change:transform}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .result-wall:hover .moving,html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-row:hover .moving,html:not(.cho-cua):not(.tham-quan) .bq-v4 .result-wall:focus-within .moving{animation-play-state:paused}
html:not(.cho-cua):not(.tham-quan) .md3{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:22px;padding:0 max(32px,calc((100vw - 1120px)/2));min-height:594px;overflow:hidden;border:0}
html:not(.cho-cua):not(.tham-quan) .md3 .bq-v4{grid-column:2;grid-row:1;width:100%}
html:not(.cho-cua):not(.tham-quan) .md3 .tinh{display:none!important}
html:not(.cho-cua):not(.tham-quan) .md3 .giua{padding:52px 0 70px;max-width:none}
html:not(.cho-cua):not(.tham-quan) .md3 h1{font-size:44px;line-height:1.28;letter-spacing:-1.5px;max-width:590px;text-wrap:initial}
html:not(.cho-cua):not(.tham-quan) .md3 .dan{font-size:18px;color:#5b6783;max-width:520px;margin:24px 0 30px}
html:not(.cho-cua):not(.tham-quan) .md3 .hanh-dong{margin:0;gap:12px}
html:not(.cho-cua):not(.tham-quan) .nut{min-height:50px;border-radius:6px;border-width:1px}
html:not(.cho-cua):not(.tham-quan) .dau{border:0}
html:not(.cho-cua):not(.tham-quan) .dau .khung{min-height:84px}
html:not(.cho-cua):not(.tham-quan) .dau .logo img{width:205px}
html:not(.cho-cua):not(.tham-quan) .dau-phai>.nut-vien{display:none}
html:not(.cho-cua):not(.tham-quan) .dau-phai .nut-navy{min-height:50px;font-size:16px;padding:10px 23px}
html:not(.cho-cua):not(.tham-quan) .nhom .cha::after{display:none}
html:not(.cho-cua):not(.tham-quan) .bq-v4 .project .metrics{grid-template-columns:1.2fr 1fr 1fr;gap:16px}
html:not(.cho-cua):not(.tham-quan) .lh{padding:88px 0;background:#fff}
html:not(.cho-cua):not(.tham-quan) .lh .luoi{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px}
html:not(.cho-cua):not(.tham-quan) .lh h2{font-size:32px;line-height:1.35;letter-spacing:-.8px;max-width:440px;margin-bottom:30px;text-wrap:initial}
html:not(.cho-cua):not(.tham-quan) .goi-lon{display:block;margin:0}
html:not(.cho-cua):not(.tham-quan) .goi-lon a{margin-bottom:18px}
html:not(.cho-cua):not(.tham-quan) .goi-lon b{font-size:34px;line-height:1.4;letter-spacing:-.6px}
html:not(.cho-cua):not(.tham-quan) .goi-lon span{font-size:16px;color:#5b6783;margin-top:3px}
html:not(.cho-cua):not(.tham-quan) .lh .zalo{margin-top:0}
html:not(.cho-cua):not(.tham-quan) .lh address{margin:25px 0;font-size:17px;line-height:1.9}
html:not(.cho-cua):not(.tham-quan) .lh address a{text-decoration:none}
html:not(.cho-cua):not(.tham-quan) .lh .small-robot{width:90px;height:auto}
html:not(.cho-cua):not(.tham-quan) .form{border-radius:10px;padding:28px;background:#f6f8fb}
html:not(.cho-cua):not(.tham-quan) .form label{font-size:16px;font-weight:400}
html:not(.cho-cua):not(.tham-quan) .form input,html:not(.cho-cua):not(.tham-quan) .form textarea{border-width:1px;border-radius:5px;font-size:16px}
html:not(.cho-cua):not(.tham-quan) .form textarea{min-height:145px}
html:not(.cho-cua):not(.tham-quan) .form input[type=submit]{width:100%;font-size:16px;border-radius:6px}
html:not(.cho-cua):not(.tham-quan) .chan{padding:48px 0 32px;font-size:16px}
html:not(.cho-cua):not(.tham-quan) .chan .luoi{grid-template-columns:2fr 1fr 1fr;gap:60px}
html:not(.cho-cua):not(.tham-quan) .chan .logo img{width:205px}
html:not(.cho-cua):not(.tham-quan) .chan .ve{font-size:16px;max-width:450px;margin-top:22px}
html:not(.cho-cua):not(.tham-quan) .chan h3{font-size:18px;margin-bottom:15px}
html:not(.cho-cua):not(.tham-quan) .chan .cuoi{margin-top:35px;padding-top:20px;font-size:16px}
html:not(.cho-cua):not(.tham-quan) .chan .cuoi>br{display:none}
@media(max-width:760px){
 html:not(.cho-cua):not(.tham-quan) .md3{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0 20px;min-height:0}
 html:not(.cho-cua):not(.tham-quan) .md3 .giua{padding:36px 0 0}
 html:not(.cho-cua):not(.tham-quan) .md3 h1{font-size:31px;letter-spacing:-.8px;line-height:1.33}
 html:not(.cho-cua):not(.tham-quan) .md3 .dan{font-size:16px;margin:20px 0 24px;line-height:1.7}
 html:not(.cho-cua):not(.tham-quan) .md3 .hanh-dong{flex-wrap:nowrap;gap:9px}
 html:not(.cho-cua):not(.tham-quan) .md3 .nut{padding:11px 12px;flex:1;white-space:nowrap}
 html:not(.cho-cua):not(.tham-quan) .md3 .bq-v4{grid-column:1;grid-row:2}
 html:not(.cho-cua):not(.tham-quan) .bq-v4 .project .metrics{grid-template-columns:1fr 1fr;gap:13px}
 html:not(.cho-cua):not(.tham-quan) .bq-v4 .client-row{display:block}
 html:not(.cho-cua):not(.tham-quan) .bq-v4 .hero-scene{margin-top:14px}
 html:not(.cho-cua):not(.tham-quan) .dau .khung{min-height:69px}
 html:not(.cho-cua):not(.tham-quan) .dau .logo img{width:171px}
 html:not(.cho-cua):not(.tham-quan) .dau-phai>.nut-navy{display:none}
 html:not(.cho-cua):not(.tham-quan) .dau-phai>.nut-menu{display:inline-flex;border-radius:5px;font-size:16px}
 html:not(.cho-cua):not(.tham-quan) .lh{padding:52px 0}
 html:not(.cho-cua):not(.tham-quan) .lh .luoi{grid-template-columns:minmax(0,1fr);gap:24px}
 html:not(.cho-cua):not(.tham-quan) .lh h2{font-size:27px;margin-bottom:24px}
 html:not(.cho-cua):not(.tham-quan) .goi-lon b{font-size:32px}
 html:not(.cho-cua):not(.tham-quan) .lh address{margin-bottom:0}
 html:not(.cho-cua):not(.tham-quan) .lh .small-robot{display:none}
 html:not(.cho-cua):not(.tham-quan) .form{padding:22px 20px}
 html:not(.cho-cua):not(.tham-quan) .chan{padding:48px 0 100px}
 html:not(.cho-cua):not(.tham-quan) .chan .luoi{grid-template-columns:1fr 1fr;gap:30px 18px}
 html:not(.cho-cua):not(.tham-quan) .chan .luoi>div:first-child{grid-column:1/-1}
 html:not(.cho-cua):not(.tham-quan) .chan ul{display:block}
 html:not(.cho-cua):not(.tham-quan) .chan h3{font-size:17px}
 html:not(.cho-cua):not(.tham-quan) .chan .logo img{width:171px}
 html:not(.cho-cua):not(.tham-quan) .chan .ve{margin-top:16px}
 html:not(.cho-cua):not(.tham-quan) .chan .cuoi{margin-top:25px;padding-top:20px}
 html:not(.cho-cua):not(.tham-quan) .thanh-goi{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){html:not(.cho-cua):not(.tham-quan) .bq-v4 .moving{animation:none;will-change:auto}}
