/* HT: MISA-inspired navigation; dense service directory; large readable text. */
:root{--navy:#1749bd;--navy2:#1644a3;--ink:#182434;--muted:#455566;--bg:#f2f5f9;--card:#fff;--line:#ced9e6;--green:#245ae0;--green2:#1749bd;--gold:#ed8a20;--zalo:#245ae0;--r:4px;--shadow:none}
*{box-sizing:border-box}body{font-family:Tahoma,'Segoe UI',Arial,sans-serif;font-size:20px;line-height:1.5;background:var(--bg);color:var(--ink)}.wrap{max-width:1500px;padding:0 24px}html{scroll-padding-top:100px}button,input,select,textarea{font-family:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e88b00;outline-offset:3px}.utility{background:#eef3fc;border-bottom:1px solid var(--line);font-size:15px;padding:5px 0}.utility>.wrap{display:flex;justify-content:space-between;gap:20px}.utility a{color:#1749bd}header{background:#fff;border-bottom:2px solid #245ae0;backdrop-filter:none}.hd{height:78px;gap:20px}.logo{font-size:24px;letter-spacing:-.6px;color:#182434}.logo b{background:#245ae0;border-radius:5px;width:45px;height:47px;font-size:30px}.logo small{font-size:13px;color:#455566;font-weight:400;letter-spacing:0;margin:0}nav.top{gap:22px;font-size:19px;color:#182434;font-weight:600}.hd .call{border-radius:4px;background:#245ae0;font-size:19px;padding:12px 16px;margin-left:auto}.btn{border-radius:4px;font-size:20px;padding:12px 20px;min-height:52px;box-shadow:none;font-weight:700}.btn-green,.btn-zalo{background:#245ae0;box-shadow:none}.btn-line{background:#fff;color:#1749bd;border:1px solid #245ae0}.btn:hover{filter:brightness(.94)}
.hero{padding:25px 0;background:#fff;border-bottom:1px solid var(--line);color:var(--ink)}.hero .grid{grid-template-columns:1.3fr 1fr;gap:35px;align-items:center}.tag{padding:0;border:0;border-radius:0;background:none;color:#245ae0;font-size:17px;letter-spacing:0;font-weight:700}h1{font-family:inherit;font-size:44px;font-weight:700;line-height:1.22;letter-spacing:-1.2px;margin:10px 0 13px}h1 em{font-style:normal;color:#245ae0}.hero p.lead{font-size:21px;color:#35465a;max-width:780px;line-height:1.55}.cta{gap:12px;margin:18px 0 14px}.cta .btn{flex:0 1 auto}.hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;font-size:18px;color:#254969}.hero-benefits a:hover{text-decoration:underline}.pricecard{border:1px solid #bed0ef;border-top:4px solid #245ae0;border-radius:4px;background:#f5f8ff;box-shadow:none;padding:16px 20px}.quote-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;color:#4d668c;margin-bottom:5px}.pricecard h3{font-size:20px;font-weight:700;color:#182434}.pricecard .big{font:700 45px/1.15 Tahoma,Arial,sans-serif;color:#e15c17;letter-spacing:-1.5px;margin:7px 0}.pricecard .big>span{font-size:28px}.pricecard .big small{font-size:19px;color:#455566;font-weight:400;letter-spacing:0}.quote-caption{font-size:17px;color:#455566}.mini{margin-top:9px;padding:0;border:0}.mini div{font-size:18px;padding:7px 0;border-bottom:1px solid #d7e1ef;gap:10px;flex-direction:row}.mini b{font-size:20px;font-weight:700;color:#1749bd;white-space:nowrap}.quote-bottom{border-top:1px solid #d7e1ef;display:flex;justify-content:space-between;gap:10px;font-size:15px;padding-top:9px;margin-top:4px;color:#455566}.quote-bottom a{color:#1749bd;font-weight:700}
.service-intro{background:#245ae0;color:#fff}.service-intro>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}.service-intro a{display:flex;align-items:center;gap:10px;padding:12px 17px;font-size:19px;border-right:1px solid #7396ef;font-weight:700}.service-intro span{font-size:15px;opacity:.8}.service-intro b{margin-left:auto;font-size:20px}.service-intro a:hover{background:#1749bd}section{padding:20px 0!important}.sh{margin-bottom:14px}.sh .k{display:none}.sh h2{font:700 28px/1.3 Tahoma,'Segoe UI',Arial,sans-serif;letter-spacing:-.6px;margin:0;color:#182434}.sh p{font-size:18px;margin-top:5px;color:#455566;max-width:none}.card{box-shadow:none;border-radius:3px}.sv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sv .card{padding:15px;display:flex;gap:13px;align-items:start;border:1px solid var(--line);border-left:3px solid #245ae0}.ic{width:35px;height:35px;background:#e9f0ff;color:#245ae0;border-radius:5px;font-size:24px;flex:none}.sv h3{font-size:21px;line-height:1.35;color:#163a78}.sv p{font-size:18px;line-height:1.45;margin-top:5px}.sv .from{font-size:20px;font-weight:700;margin-top:7px;color:#bc4816}.sv .card:hover{border-color:#5a83df;background:#fafcff}
.price-workspace{max-width:1500px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:start}.price-workspace>section{padding:18px!important;background:#fff;border:1px solid var(--line);border-top:3px solid #245ae0}.price-workspace .wrap{padding:0}.price-workspace .sh h2{font-size:26px}.tabs{gap:0;border:1px solid var(--line);background:#edf2fa;padding:0;overflow:auto}.tab{border:0;border-right:1px solid var(--line);border-radius:0;background:none;font-size:18px;padding:12px;font-weight:600;flex:1;white-space:normal;line-height:1.35}.tab[aria-selected=true]{background:#245ae0;color:white}.ptable{border:1px solid var(--line);border-top:0;border-radius:0}.prow{padding:12px 14px;border-bottom:1px solid var(--line);gap:3px 12px}.prow:nth-child(even){background:#f2f6fc}.prow .n{font-size:20px;color:#182434;font-weight:600}.prow .d{font-size:17px;color:#455566}.prow .p b{font-size:25px;color:#bc4816;font-weight:700;white-space:normal;line-height:1.4}.price-unit{font-size:15px;color:#455566}.pnote{font-size:16px;line-height:1.5;margin-top:9px}.calc{border:0;border-radius:0;background:none;padding:0;gap:12px;grid-template-columns:1fr}.calc .full,.calc .res{grid-column:1}.calc label{font-size:18px;font-weight:600;margin-bottom:5px;color:#182434}.calc select{font-size:18px;min-height:48px;padding:10px;max-width:100%}.calc>div{min-width:0}select,input,textarea{border:1px solid #aebed2;border-radius:3px;font-size:19px;padding:10px;background:#fff;color:#182434}.chk{align-items:flex-start;line-height:1.5}.chk input{width:24px;height:24px;margin-top:3px;flex-shrink:0;accent-color:#245ae0}.res{background:#edf3ff;border:1px solid #b9cdf1;border-radius:3px;padding:12px;text-align:left}.res small{font-size:17px;color:#455566}.res .v{font:700 29px/1.4 Tahoma,sans-serif;color:#bc4816;letter-spacing:-1px;overflow-wrap:anywhere}.calc .full .btn{font-size:18px;padding:11px 13px;min-height:48px}
#quy-trinh{margin-top:18px;background:#e7effc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.step{padding:14px 14px 14px 50px;border:1px solid #c9d6eb;background:#fff}.step:before{top:14px;left:11px;width:28px;height:28px;border-radius:3px;background:#245ae0;font-size:18px}.step h3{font-size:20px;color:#183b75}.step p{font-size:18px;line-height:1.5;margin-top:6px}.why{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.why .card{padding:14px;border:1px solid var(--line)}.why h3{font-size:20px;align-items:start}.why h3 svg{color:#245ae0;flex-shrink:0}.why p{font-size:18px;line-height:1.5;margin-top:6px}#hoi-dap{padding-top:0!important}details{border:1px solid var(--line);border-radius:3px;margin-bottom:5px}summary{font-size:20px;padding:13px 16px;color:#182434;line-height:1.45}summary:after{color:#245ae0;font-size:25px}details p{font-size:18px;padding:0 16px 14px;line-height:1.6}.ct{background:#fff;border:1px solid var(--line);border-top:4px solid #245ae0;border-radius:4px;padding:22px;gap:30px;color:#182434}.ct h2{font:700 29px/1.35 Tahoma,sans-serif;letter-spacing:-.6px}.ct p{font-size:19px;color:#455566}.hot{margin-top:15px;gap:8px}.hot .row{border:1px solid #c7d6ed;background:#edf3ff;border-radius:3px;padding:12px;gap:10px}.hot .row b{font-size:27px;color:#1749bd}.hot .row a{font-size:18px;padding:10px 15px;border-radius:3px;min-height:45px}.form{border:1px solid var(--line);border-radius:3px;background:#f4f7fc;padding:15px;gap:10px}.form label{font-size:18px;color:#182434}.form small{font-size:15px}.form input,.form textarea,.form select{font-size:19px}.form .btn{font-size:19px}.fab a{width:52px;height:52px;box-shadow:none}.fab .z{font-size:15px;background:#245ae0}.fab .c{background:#ed662f}.bnav{background:#fff;border-top:2px solid #245ae0;box-shadow:none}.bnav a{font-size:13px;font-weight:600;min-height:56px;color:#455566}.bnav a.on{color:#245ae0}.bnav a.z span.b{background:#245ae0;box-shadow:none}.bnav a.z{color:#245ae0}.sheet .pn{max-height:90dvh;overflow:auto;border-radius:7px 7px 0 0}.sheet h3{font-size:24px}.sheet .opt{font-size:19px;border-radius:3px}.sheet .opt small{font-size:16px}.toast{font-size:18px;border-radius:4px}footer{background:#e5ebf4;border-top:1px solid var(--line);font-size:17px;text-align:left;padding:20px 0}footer p+p{font-size:16px}
@media(max-width:1250px){nav.top{gap:17px;font-size:18px}nav.top a:nth-child(4),nav.top a:nth-child(5){display:none}.logo{font-size:21px}.hd .call{font-size:17px;padding:11px}.hero .grid{gap:24px}.mini div{font-size:17px}.mini b{font-size:18px}.price-workspace{grid-template-columns:1.1fr 1fr}.prow .p b{font-size:23px}.sv .card{padding:12px;gap:9px}.sv .ic{display:none}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){.wrap{padding:0 18px}.hd{height:70px;gap:10px}.logo{font-size:20px}.logo small{font-size:12px}.hd .call{margin-left:auto;font-size:17px}.utility{font-size:14px}.utility span{display:none}.utility .wrap{justify-content:flex-end}.hero .grid{grid-template-columns:1fr 1fr;gap:18px}h1{font-size:34px}.hero p.lead{font-size:19px}.tag{font-size:15px}.hero-benefits{grid-template-columns:1fr;font-size:17px;gap:4px}.cta{gap:8px}.cta .btn{font-size:18px;padding:10px 13px;min-height:47px}.pricecard{padding:14px}.pricecard .big{font-size:38px}.mini div{display:block}.mini b{display:block;font-size:21px}.quote-bottom{display:block;font-size:15px}.quote-bottom a{display:block;margin-top:5px}.service-intro>.wrap{grid-template-columns:repeat(2,1fr)}.service-intro a{font-size:18px;padding:10px;border-bottom:1px solid #7396ef}.service-intro a:nth-child(2n){border-right:0}.price-workspace{display:block;padding:0 18px}.price-workspace>section+section{margin-top:12px}.sv{grid-template-columns:repeat(2,minmax(0,1fr))}.sv h3{font-size:20px}.sv p{font-size:18px}.why{grid-template-columns:1fr}.why .card{padding:12px}.ct{grid-template-columns:1fr;gap:18px}.hot .row b{font-size:27px}footer{padding-bottom:100px}}
@media(max-width:620px){.wrap{padding:0 14px}.utility{display:none}.hd{height:70px}.logo{font-size:18px;gap:8px}.logo b{width:34px;height:38px;font-size:25px}.logo small{font-size:11px}.hd .call{font-size:16px;padding:10px}.hd .call svg{display:none}.hero{padding:17px 0}.hero .grid{grid-template-columns:1fr;gap:15px}h1{font-size:33px;letter-spacing:-1px;line-height:1.22;margin:8px 0 10px}.tag{font-size:15px}.hero p.lead{font-size:20px;line-height:1.5}.cta{margin:13px 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.cta .btn{font-size:18px;padding:10px 8px;min-height:52px}.hero-benefits{grid-template-columns:1fr 1fr;gap:5px 10px;font-size:17px}.pricecard{padding:12px 15px}.quote-head{font-size:14px;margin:0}.pricecard h3{font-size:21px}.pricecard .big{font-size:43px;margin:5px 0}.pricecard .big small{font-size:18px}.quote-caption{font-size:17px}.mini{margin-top:6px}.mini div{font-size:17px;padding:6px 0;display:block}.mini b{font-size:21px}.quote-bottom{font-size:15px;display:flex;flex-wrap:wrap;gap:4px 12px}.quote-bottom a{margin:0}.service-intro>.wrap{padding:0 14px}.service-intro a{font-size:17px;padding:9px 6px;gap:6px}.service-intro span{display:none}.service-intro b{font-size:17px}section{padding:16px 0!important}.sh{margin-bottom:10px}.sh h2{font-size:27px}.sh p{font-size:18px}.sv{grid-template-columns:1fr;gap:6px}.sv .card{padding:11px 13px;border-left-width:3px}.sv .ic{display:none}.sv h3{font-size:22px}.sv p{font-size:19px;line-height:1.45;margin-top:4px}.sv .from{font-size:21px;margin-top:5px}.price-workspace{padding:0 14px}.price-workspace>section{padding:12px!important}.price-workspace .sh h2{font-size:26px}.tabs{display:grid;grid-template-columns:1fr}.tab{font-size:19px;text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}.prow{grid-template-columns:1fr;padding:12px;gap:3px}.prow .n{font-size:21px}.prow .d{font-size:18px}.prow .p{grid-column:1;grid-row:auto;text-align:left;margin-top:4px}.prow .p b{font-size:26px}.price-unit{font-size:16px}.pnote{font-size:17px}.calc label{font-size:19px}.calc select{font-size:18px;width:100%}.res .v{font-size:28px}.calc .full .btn{font-size:18px;flex-basis:100%!important}.steps{grid-template-columns:1fr;gap:7px}.step{padding:12px 12px 12px 48px}.step h3{font-size:21px}.step p{font-size:19px;margin-top:4px}.why h3{font-size:22px}.why p{font-size:19px}summary{font-size:21px;padding:12px}details p{font-size:19px;padding:0 12px 12px}.ct{padding:15px;gap:14px}.ct h2{font-size:27px}.ct p{font-size:20px}.hot .row{padding:10px}.hot .row b{flex-basis:100%;font-size:28px}.hot .row a{font-size:19px;min-height:46px;padding:9px 18px}.form{padding:12px}.form label{font-size:19px}.form input,.form textarea,.form select{font-size:19px}.form small{font-size:16px}.form .btn{font-size:18px}.bnav a{font-size:12px}.sheet .opt .ic{display:none}.sheet .opt{font-size:18px}.toast{font-size:17px;width:calc(100% - 30px)}footer{font-size:17px}footer p+p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
