:root{--navy:#061d31;--xanh:#0879b5;--da:#e8ebed;--mau:#5a6873;--chu:#14222d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Be Vietnam Pro',Arial,sans-serif;color:var(--chu);background:#fff;line-height:1.6;font-size:17px}
img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--xanh);outline-offset:2px}
h1,h2{font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0}h2{font-size:clamp(30px,3.6vw,48px)}
.dau{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:40px;background:#fff;padding:10px clamp(16px,4vw,64px);border-bottom:1px solid var(--da)}
.logo{height:52px;width:auto;object-fit:contain}.dau{gap:28px}.dau nav{display:flex;gap:26px;margin-left:auto;font-size:15px;font-weight:600}.dt{font-weight:700;color:var(--xanh);white-space:nowrap}
.hero{position:relative;height:calc(100vh - 88px);min-height:560px;max-height:900px;color:#fff;overflow:hidden}.hero img{position:absolute;inset:0;transform:scale(1.13);transform-origin:18% 70%}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,29,49,.04) 22%,rgba(6,29,49,.62) 52%,rgba(6,29,49,.93) 100%)}
.hero-chu{position:absolute;z-index:1;left:clamp(16px,4vw,64px);right:clamp(16px,4vw,64px);bottom:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px 56px;align-items:end}
h1{font-size:clamp(36px,5.6vw,76px);line-height:1.08}.hero p{margin:0;font-size:18px;max-width:42ch}.nut{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.n1,.n2{display:inline-block;padding:15px 26px;font-weight:600;font-size:16px;border:0;font-family:inherit;cursor:pointer}.n1{background:var(--xanh);color:#fff}.n2{background:#fff;color:var(--navy)}
.hm{grid-column:1/-1;list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.35);display:grid;grid-template-columns:repeat(6,auto);justify-content:space-between;gap:8px 20px;font-size:15px;font-weight:600}.hm a:hover{text-decoration:underline}
.dau .bg{padding:10px 18px;font-size:15px}.dau .dt{margin-left:0}
.nhom{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.nhom a{position:relative;display:block;height:clamp(380px,46vw,620px);color:#fff;overflow:hidden}.nhom a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,29,49,.9))}.nhom b,.nhom span{position:absolute;z-index:1;left:28px;right:28px}.nhom b{bottom:58px;font-size:26px;line-height:1.2}.nhom span{bottom:24px;font-size:14px;line-height:1.35}
.dv{padding:clamp(56px,8vw,112px) clamp(16px,4vw,64px);display:grid;grid-template-columns:3fr 9fr;gap:40px}.dv-ds{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}h3{font-size:20px;margin:0 0 10px}.dv ul{list-style:none;margin:0;padding:0}.dv li{padding:10px 0;border-top:1px solid var(--da)}
.kh{background:var(--da);padding:48px clamp(16px,4vw,64px)}.kh h2{font-size:26px}.cho{border:1px dashed #9aa7b2;padding:26px;text-align:center;color:var(--mau);margin:18px 0 0}
.mang{display:grid;grid-template-columns:7fr 5fr;min-height:640px}.mang div{padding:clamp(32px,6vw,88px) clamp(20px,5vw,72px);align-self:center}.mang p{color:var(--mau);max-width:40ch}.mang ul{list-style:none;margin:28px 0 0;padding:0}.mang li{padding:11px 0;border-top:1px solid var(--da);font-weight:600}
.dao{background:var(--navy);color:#fff}.dao img{order:2}.dao p{color:#b9c6d0}.dao li{border-color:#1e3a52}
.ct{padding:clamp(56px,8vw,112px) clamp(16px,4vw,64px)}.ct-luoi{display:grid;grid-template-columns:repeat(12,1fr);gap:56px 20px;margin-top:40px}
figure{margin:0}.ct img{height:auto}.ct figcaption{padding-top:12px;color:var(--mau);font-size:15px}.ct b{display:block;color:var(--chu);font-size:17px}
.c1{grid-column:1/8}.c2{grid-column:8/13}.c2 img{aspect-ratio:4/3}.c3{grid-column:8/13;grid-row:2}.c1{grid-row:1/3;display:flex;flex-direction:column}.c1 img{flex:1;min-height:0;height:0;aspect-ratio:auto}.c3 img{aspect-ratio:4/3}.c2{grid-row:1}
.c4{grid-column:1/5}.c4 img{aspect-ratio:3/4}.c5{grid-column:5/13}.c5 img{aspect-ratio:16/10}.c6{grid-column:1/13}.c6 img{aspect-ratio:21/9}
.ss{background:var(--da);padding:clamp(56px,8vw,112px) clamp(16px,4vw,64px);display:grid;grid-template-columns:4fr 8fr;gap:48px;align-items:center}.ss p{color:var(--mau)}
.so{--p:50%;position:relative;aspect-ratio:4/3;overflow:hidden}.so img{position:absolute;inset:0}.so .tr{clip-path:inset(0 calc(100% - var(--p)) 0 0)}.vach{position:absolute;top:0;bottom:0;left:var(--p);width:3px;background:#fff;transform:translateX(-50%)}
.vach:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.nh{position:absolute;top:14px;background:var(--navy);color:#fff;font-size:14px;padding:3px 10px}.t{left:14px}.s{right:14px}.so input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.cach{padding:clamp(56px,8vw,112px) clamp(16px,4vw,64px)}.cach ol{list-style:none;counter-reset:b;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0;margin:36px 0 0}.cach li{counter-increment:b;color:var(--mau);font-size:15px;border-top:3px solid var(--navy);padding-top:14px}.cach li:before{content:counter(b);font-weight:700;color:var(--xanh);font-size:22px;display:block}.cach b{display:block;color:var(--chu);font-size:18px}
.lh{background:var(--navy);color:#fff;padding:clamp(56px,8vw,112px) clamp(16px,4vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:56px}.lh p{color:#b9c6d0;max-width:38ch}.sdt{font-size:clamp(30px,3.6vw,44px);font-weight:700}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:14px;font-weight:600}input,textarea{display:block;width:100%;margin-top:6px;padding:12px;border:0;font:inherit;background:#fff;color:var(--chu)}.dai{grid-column:1/-1}form .n1{grid-column:1/-1;justify-self:start}
footer{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:20px clamp(16px,4vw,64px);font-size:14px;color:var(--mau)}footer img{height:38px;width:auto}footer span:last-child{margin-left:auto}
@media(max-width:820px){.nhom{grid-template-columns:1fr}.dv{grid-template-columns:1fr}.dv-ds{grid-template-columns:1fr}.dau .bg{display:none}.hero:after{background:linear-gradient(180deg,rgba(6,29,49,.3) 0,rgba(6,29,49,.78) 32%,rgba(6,29,49,.95) 100%)}.hero{min-height:680px}.hm{grid-template-columns:1fr 1fr;justify-content:stretch;font-size:14px}.hero{height:auto;min-height:88vh;max-height:none}.dau nav{display:none}.dt{margin-left:auto}.logo{height:38px}.hero{height:82vh}.hero-chu{grid-template-columns:1fr}.mang{grid-template-columns:1fr;min-height:0}.mang img{height:58vw}.dao img{order:0}
.ct-luoi{gap:32px 12px}.c1,.c2,.c3,.c4,.c5,.c6{grid-column:1/-1;grid-row:auto;margin-top:0}.c1{display:block}.c1 img{height:auto;aspect-ratio:4/4.4}.ss,.lh{grid-template-columns:1fr}.cach ol{grid-template-columns:1fr 1fr}form{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.kh ul{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.kh li{background:#fff;padding:24px 12px;text-align:center;font-size:21px;font-weight:700;color:var(--navy);letter-spacing:-.01em}
@media(max-width:820px){.kh ul{grid-template-columns:1fr 1fr}.kh li{font-size:17px;padding:18px 8px}}

.kh{background:#fff;border-top:1px solid var(--da);border-bottom:1px solid var(--da)}.kh ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 28px}.kh li{background:none;padding:0;flex:0 1 auto}.kh li img{height:62px;width:auto;max-width:150px;object-fit:contain}.kh p{margin:24px 0 0;color:var(--mau);font-size:15px}
@media(max-width:820px){.kh ul{justify-content:center}.kh li img{height:48px;max-width:120px}}

.dau{padding:8px clamp(16px,4vw,64px);border-bottom:0;box-shadow:0 1px 0 rgba(6,29,49,.08)}.logo{height:72px}.dau nav{font-size:16px;gap:32px}.dau .dt{font-size:18px;color:var(--navy)}.dau .bg{padding:13px 22px;font-size:16px}
.hero img{transform:none}
@media(max-width:820px){.logo{height:52px}.dau .dt{font-size:16px}}

.hero:after{background:linear-gradient(90deg,rgba(6,29,49,.9) 0,rgba(6,29,49,.72) 38%,rgba(6,29,49,.08) 68%),linear-gradient(180deg,transparent 60%,rgba(6,29,49,.55))}
.hero img{object-position:50% 62%}
.hero-chu{display:block;max-width:640px;right:auto}.hero-chu p{margin-top:18px}.hero-chu .nut{margin-top:26px}
@media(max-width:820px){.hero:after{background:linear-gradient(180deg,rgba(6,29,49,.2) 0,rgba(6,29,49,.72) 36%,rgba(6,29,49,.94) 100%)}.hero-chu{right:16px;max-width:none}}
.hero-chu{max-width:780px}.hero-chu p{max-width:44ch}
@media(max-width:820px){.dau .dt{margin-left:auto}}
/* phan dung chung ban that */
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.dau .mn{display:none}
.survey-form{display:grid;gap:14px;color:#fff}.survey-form label{display:block}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-hint{font-size:13px;color:#b9c6d0;margin:0}.form-hint a,.survey-form p a{text-decoration:underline}.honey{position:absolute;left:-9999px}.optional-note summary{cursor:pointer;font-size:14px}.survey-form .button{background:var(--xanh);color:#fff;border:0;padding:15px 26px;font:600 16px inherit;font-family:inherit;cursor:pointer;justify-self:start}.form-status{margin:0;font-weight:600}.form-status:empty{display:none}
.faq{padding:clamp(56px,8vw,112px) clamp(16px,4vw,64px);display:grid;grid-template-columns:3fr 9fr;gap:40px;background:var(--da)}.faq details{border-top:1px solid #c9d1d7;padding:14px 0}.faq summary{font-weight:600;cursor:pointer}.faq details p{color:var(--mau);margin:8px 0 0}
.chan{background:var(--navy);color:#b9c6d0;border-top:1px solid #1e3a52;padding:40px clamp(16px,4vw,64px) 28px;display:grid;grid-template-columns:2fr 2fr 2fr;gap:32px;font-size:15px}.chan h3{color:#fff;font-size:16px}.chan a{display:block;padding:3px 0}.chan a:hover{color:#fff}.chan .lg{background:#fff;display:inline-block;padding:6px 10px;margin-bottom:10px}.chan .lg img{height:48px;width:auto}
.mobile-bar{display:none}.floating-contact{display:none}
.call-dialog[hidden]{display:none}.call-dialog{position:fixed;inset:0;z-index:50;display:grid;place-items:center}.call-dialog-backdrop{position:absolute;inset:0;background:rgba(6,29,49,.6)}.call-dialog-card{position:relative;background:#fff;padding:28px;max-width:420px;margin:16px}.call-dialog-close{position:absolute;top:8px;right:10px;border:0;background:none;font-size:24px;cursor:pointer}.call-dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.call-dialog .button{background:var(--xanh);color:#fff;border:0;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer}.call-dialog .button-secondary{background:var(--navy)}.eyebrow{font-size:13px;color:var(--mau)}
@media(max-width:820px){.dau{gap:12px}.dau .mn{display:block;margin-left:0;position:relative}.dau .mn summary{list-style:none;cursor:pointer;font-weight:700;padding:8px}.dau .mn div{position:absolute;right:0;top:100%;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:10px 16px;min-width:210px;z-index:9}.dau .mn a{display:block;padding:9px 0}
.mobile-bar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--navy);color:#fff;font-size:15px;font-weight:600;text-align:center}.mobile-bar a{padding:14px 4px}.mobile-bar a:last-child{background:var(--xanh)}body{padding-bottom:52px}
.faq,.chan{grid-template-columns:1fr}.form-pair{grid-template-columns:1fr}}
.survey-form{grid-template-columns:minmax(0,1fr)}.survey-form input,.survey-form textarea{min-width:0}.chan{align-items:start}.chan nav,.chan div{margin:0}.chan h3{margin:0 0 8px}.lh .survey-form p{font-size:14px}
.ct-dau{padding:clamp(40px,6vw,80px) clamp(16px,4vw,64px) 24px}.ct-dau p{color:var(--mau);max-width:56ch}
.loc{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.loc button{border:1px solid #b9c4cc;background:#fff;padding:9px 16px;font:600 15px 'Be Vietnam Pro',Arial,sans-serif;cursor:pointer;color:var(--chu)}.loc button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.ds{padding:12px clamp(16px,4vw,64px) clamp(56px,8vw,96px);display:grid;grid-template-columns:repeat(3,1fr);gap:36px 20px}.the[hidden]{display:none}.the>button{all:unset;display:block;cursor:pointer;width:100%}.the>button:focus-visible{outline:3px solid var(--xanh)}.the img{aspect-ratio:4/3;height:auto}.the h2{font-size:18px;line-height:1.3;letter-spacing:0;margin:12px 0 4px}.the p{margin:0;color:var(--mau);font-size:15px}
dialog#hs{width:min(1040px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border:0;padding:24px}dialog#hs::backdrop{background:rgba(6,29,49,.8)}dialog#hs h2{font-size:24px;letter-spacing:0;padding-right:70px}dialog#hs p{color:var(--mau)}.dong{position:absolute;top:18px;right:18px;background:var(--navy);color:#fff;border:0;padding:8px 14px;font:600 14px 'Be Vietnam Pro',Arial,sans-serif;cursor:pointer}.anh{display:grid;grid-template-columns:1fr 1fr;gap:8px}.anh img{height:auto;aspect-ratio:auto}
@media(max-width:820px){.ds{grid-template-columns:1fr 1fr;gap:24px 12px}.the h2{font-size:15px}.the p{font-size:13px}.anh{grid-template-columns:1fr}}
.dv-hero{height:62vh;min-height:460px}.dv-hero h1{font-size:clamp(32px,4.6vw,60px)}
.dau-hieu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.dau-hieu li{padding:14px 0;border-top:1px solid var(--da);font-weight:600}
.ds-gon{padding:24px 0 0;display:grid;grid-template-columns:repeat(3,1fr)}.ds-gon .the{display:block}.ds-gon h3{font-size:17px;margin:10px 0 0}.lk{color:var(--xanh);font-weight:600;text-decoration:underline}
@media(max-width:820px){.dau-hieu,.ds-gon{grid-template-columns:1fr}.dv-hero{height:auto;min-height:520px}}
/* thanh dau trang moi */
.dau{background:var(--navy);color:#fff;padding:0 clamp(16px,4vw,64px);height:76px;box-shadow:none;gap:30px}
.thuonghieu{display:flex;align-items:center;gap:10px;color:#fff}.thuonghieu img{width:66px;height:auto;object-fit:contain}.thuonghieu span{display:block;line-height:1}.thuonghieu b{display:block;font-size:21px;letter-spacing:.09em;font-weight:700}.thuonghieu i{display:block;font-style:normal;font-size:11px;letter-spacing:.05em;color:#a9bac7;margin-top:4px}
.dau nav{font-size:15px;font-weight:600}.dau nav a{opacity:.9}.dau nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}
.dau .dt{color:#fff;font-size:16px}.dau .bg{padding:12px 20px;font-size:15px}
.hero{height:calc(100vh - 76px)}.dv-hero{height:62vh}
.chan .thuonghieu{margin-bottom:12px}
@media(max-width:980px){.dau nav{display:none}.dau .dt{margin-left:auto}.dau .mn{display:block;position:relative}.dau .mn summary{list-style:none;cursor:pointer;padding:6px;color:#fff}.dau .mn summary::-webkit-details-marker{display:none}.dau .mn div{position:absolute;right:0;top:calc(100% + 16px);background:#fff;color:var(--chu);box-shadow:0 8px 24px rgba(0,0,0,.25);padding:10px 18px;min-width:220px;z-index:9}.dau .mn a{display:block;padding:10px 0;font-weight:600}}
@media(max-width:600px){.dau{height:64px;gap:10px}.dau .dt,.dau .bg{display:none}.dau .mn{margin-left:auto}.thuonghieu img{width:54px}.thuonghieu b{font-size:18px}.hero{height:auto}}
/* trang bai viet */
.bai{max-width:820px;margin:0 auto;padding:clamp(36px,6vw,72px) 16px}.bai h1{font-size:clamp(30px,4vw,46px);margin-bottom:18px}.bai h2{font-size:clamp(23px,2.6vw,30px);margin:38px 0 10px;letter-spacing:-.01em;line-height:1.2}.bai h3{font-size:19px;margin:24px 0 6px}.bai p,.bai li{color:#2c3b47}.bai ul,.bai ol{padding-left:22px}.bai li{margin:6px 0}.bai a{color:var(--xanh);text-decoration:underline}.bai img{height:auto;max-height:520px;margin:20px 0}.bai figure{margin:20px 0}.bai figcaption{color:var(--mau);font-size:14px}.bai table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}.bai th,.bai td{border:1px solid var(--da);padding:9px;text-align:left}.bai details{border-top:1px solid var(--da);padding:12px 0}.bai summary{font-weight:600;cursor:pointer}.bai section{margin:0}.bai .button,.bai .button-secondary{display:inline-block;background:var(--xanh);color:#fff;padding:12px 20px;text-decoration:none;font-weight:600;margin:6px 8px 6px 0}
.chan a.thuonghieu{display:flex}.bai img[loading]{min-height:0}