/* Tỷ lệ giao diện: desktop 125%, tablet 112.5%, điện thoại 100%. Không dùng browser zoom. */
html{font-size:20px}
@font-face{font-family:Be;src:url(font-regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Be;src:url(font-semibold.ttf) format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Be;src:url(font-bold.ttf) format('truetype');font-weight:700 900;font-display:swap}
:root{--navy:#102f50;--blue:#175c96;--steel:#527e9f;--ink:#152a3c;--muted:#61717e;--line:#dfe5e9;--pale:#f2f5f7;--white:#fff;--max:77.5rem}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6.875rem}body{margin:0;font-family:Be,'Segoe UI',sans-serif;font-size:0.875rem;line-height:1.8;color:var(--ink);background:#fff}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.35;letter-spacing:-.04em}h2{font-size:clamp(1.75rem,3.75vw,2.5rem)}h3{font-size:1.1875rem}p{color:var(--muted)}button{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{transition:color .2s,background .2s,border-color .2s,transform .25s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #48a7e7;outline-offset:0.25rem}[hidden]{display:none!important}.wrap{width:calc(100% - 7rem);max-width:var(--max);margin:0 auto}.section{padding-top:5.875rem;padding-bottom:5.875rem}.eyebrow{font-size:0.625rem;font-weight:600;letter-spacing:.16em;color:var(--blue);display:block;line-height:1.8;margin-bottom:1.0625rem}.eyebrow.light{color:#bddeef}.topbar{background:var(--navy);color:#c7d8e4;font-size:0.625rem;letter-spacing:.025em}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:2.125rem}.top-divider{padding:0 0.8125rem;opacity:.5}.header{background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line)}.header-inner{height:5.875rem;display:flex;align-items:center;justify-content:space-between;gap:1.875rem}.logo img{width:9.125rem;height:auto}.header nav{display:flex;align-items:center;gap:2.0625rem;margin-left:auto;margin-right:2.125rem;height:100%}.header nav a{height:100%;display:flex;align-items:center;position:relative;font-size:0.8125rem;font-weight:600}.header nav a:after{content:'';position:absolute;bottom:0;height:3px;left:0;width:0;background:var(--blue);transition:width .2s}.header nav a:hover,.header nav a[aria-current]{color:var(--blue)}.header nav a:hover:after,.header nav a[aria-current]:after{width:100%}.header-cta{font-size:0.75rem;color:var(--navy);font-weight:600;display:flex;align-items:center;gap:1.4375rem;border:1px solid #b8c7d3;padding:0.75rem 1.0625rem}.header-cta:hover{background:var(--navy);color:white}.menu-toggle{display:none}.skip{position:fixed;left:0.9375rem;top:-6.25rem;padding:0.625rem 1.25rem;background:white;z-index:99}.skip:focus{top:0.625rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:1.8125rem;min-height:3.125rem;padding:0.8125rem 1.4375rem;background:var(--blue);color:white;border:1px solid var(--blue);font-size:0.75rem;font-weight:600;line-height:1.5}.btn span{font-size:1.25rem;font-weight:400}.btn:hover{background:#104775;border-color:#104775;transform:translateY(-2px)}.btn.white{background:white;border-color:white;color:var(--navy)}.btn.white:hover{background:#d9e9f4}.btn.outline{background:transparent;border-color:#95b0c4;color:white}.btn.outline:hover{background:#ffffff1a}.text-link{display:inline-flex;align-items:center;gap:1.375rem;color:var(--blue);font-size:0.75rem;font-weight:600;line-height:1.5;background:transparent;padding:0.3125rem 0;border:0}.text-link span{font-size:1.3125rem;font-weight:400}.text-link:hover{color:#102f50;gap:1.75rem}.hero{position:relative;isolation:isolate;min-height:36.875rem;background:#0b2842;overflow:hidden;color:white}.hero-bg{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center 51%}.hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,31,53,.97) 0%,rgba(11,43,71,.9) 36%,rgba(10,37,60,.25) 85%),linear-gradient(0deg,rgba(8,30,49,.7),transparent 60%)}.hero-grid{position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff0a calc(25% - 1px),#ffffff0a 25%)}.hero-content{padding-top:5.125rem;padding-bottom:1.4375rem}.hero h1{font-size:clamp(2.5rem,5.75vw,4rem);font-weight:600;letter-spacing:-.05em;line-height:1.28;margin-bottom:1.4375rem}.hero h1 span{color:#9bc5df}.hero p{color:#c8d6e0;font-size:0.875rem;line-height:1.9}.hero .eyebrow{font-size:0.625rem;display:flex;align-items:center;gap:0.75rem;margin-bottom:1.4375rem}.hero .eyebrow i{height:0.375rem;width:0.375rem;background:#85b7dc;box-shadow:0 0 0 0.3125rem #86bbdf20}.hero-actions{display:flex;gap:0.75rem;margin-top:2rem}.hero-bottom{display:flex;gap:1.6875rem;margin-top:4.125rem;padding-top:1.1875rem;border-top:1px solid #ffffff30;color:#c1d3df;font-size:0.5625rem;letter-spacing:.09em}.hero-bottom a{margin-left:auto;color:white}.hero-label{position:absolute;right:1.25rem;top:4.375rem;writing-mode:vertical-rl;font-size:0.5625rem;letter-spacing:.22em;color:#ffffff95}.solution-strip{border-bottom:1px solid var(--line);background:#f7f9fa}.solution-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.solution-strip a{padding:1.5625rem 1.375rem;display:flex;align-items:center;gap:0.9375rem;border-right:1px solid var(--line);font-size:0.8125rem;font-weight:600}.solution-strip a:first-child{padding-left:0}.solution-strip a:last-child{border:0}.solution-strip a:hover{color:var(--blue)}.solution-strip span{color:#7c93a4;font-size:0.625rem;font-weight:400}.solution-strip b{margin-left:auto;font-size:1.125rem;font-weight:400}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1.875rem;margin-bottom:2.3125rem}.section-heading p{font-size:0.8125rem;line-height:1.9;margin-bottom:0.75rem}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.category-card{border-bottom:2px solid var(--line);padding-bottom:1.3125rem}.category-card:hover{border-color:var(--blue);transform:translateY(-0.3125rem)}.category-image{position:relative;height:12rem;overflow:hidden;background:#dce5eb}.category-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.category-card:hover img{transform:scale(1.05)}.category-number{position:absolute;bottom:0;left:0;background:var(--navy);padding:0.4375rem 0.875rem;color:white;font-size:0.625rem}.category-content{padding-top:1.25rem}.category-content h3{font-size:1.125rem;min-height:3.0625rem;letter-spacing:-.03em}.category-content p{font-size:0.75rem;min-height:4.1875rem;margin-top:0.5625rem;line-height:1.9}.category-content .text-link{font-size:0.6875rem}.source-note{font-size:0.625rem;margin-top:1.4375rem;color:#778b98}.about-section{background:var(--pale)}.split{display:grid;grid-template-columns:1fr 1fr;gap:5.3125rem;align-items:center}.about-visual{position:relative;min-width:0}.about-visual>img{width:100%;height:28.125rem;object-fit:cover;object-position:27% center}.image-label{position:absolute;left:0;bottom:0;padding:1.5625rem 1.875rem;background:var(--navy);color:white;min-width:65%}.image-label span{display:block;font-size:0.5rem;letter-spacing:.17em;color:#b6cbda;margin-bottom:0.625rem}.image-label strong{font-size:1.5rem;font-weight:600;line-height:1.45}.about-copy>p{margin-top:1.375rem;font-size:0.8125rem;line-height:2}.about-copy .text-link{margin-top:1.5625rem}.quote{font-size:1.1875rem;color:var(--navy);border-left:2px solid var(--blue);padding-left:1.4375rem;line-height:1.7;margin-top:1.6875rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem 1.5rem}.product-card{border:1px solid var(--line);background:white;min-width:0;transition:box-shadow .25s,transform .25s}.product-card:hover{box-shadow:0 0.9375rem 2.1875rem #193b5010;transform:translateY(-0.25rem)}.product-image{border:0;border-bottom:1px solid var(--line);position:relative;background:#f7f8fa;width:100%;height:15.375rem;padding:1.75rem;display:block;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s;mix-blend-mode:multiply}.product-image:hover img{transform:scale(1.045)}.product-image.scene{padding:0}.product-image.scene img{object-fit:cover;mix-blend-mode:normal}.image-caption{position:absolute;bottom:0.75rem;left:0.75rem;padding:3px 0.5rem;background:#ffffffed;color:#485f71;font-size:0.5625rem}.product-plus{position:absolute;right:0.875rem;bottom:0.875rem;border:1px solid #d3dde5;display:grid;place-items:center;background:white;color:var(--navy);width:1.875rem;height:1.875rem;font-size:1.25rem;line-height:1}.product-info{padding:1.4375rem}.product-info .eyebrow{font-size:0.5rem;margin-bottom:0.6875rem}.product-info h3{min-height:3.25rem;font-size:1.0625rem}.product-info h3 button,.news-info h3 button{padding:0;border:0;background:transparent;text-align:left;font-weight:600;line-height:1.55;letter-spacing:-.025em}.product-code{font-size:0.625rem;color:#80909d;margin-top:0.5rem;letter-spacing:.04em}.product-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:0.9375rem;margin-top:1.125rem;font-size:0.625rem;color:#758693}.product-foot .text-link{font-size:0.6875rem}.process-section{padding:4.75rem 0;background:var(--navy);color:white;position:relative;background-image:linear-gradient(110deg,#0d2d4e,#194e78)}.process-section>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:5.3125rem}.process-section h2{font-size:2.3125rem}.process-section p{color:#b7cedf;margin-top:1.25rem;font-size:0.75rem;line-height:1.9}.process-section .btn{margin-top:1.5625rem}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:1.625rem;padding:1.4375rem 0;border-bottom:1px solid #ffffff20}.steps li:first-child{padding-top:0}.steps li>span{color:#88b1cf;font-size:0.75rem}.steps h3{font-size:1.25rem}.steps p{margin-top:0.5rem}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.news-image{display:block;width:100%;height:13.5rem;padding:0;border:0;position:relative;overflow:hidden;background:var(--pale)}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.news-image:hover img{transform:scale(1.05)}.news-image>span{position:absolute;left:0.8125rem;bottom:0.75rem;background:#ffffffed;font-size:0.5625rem;padding:3px 0.625rem}.news-info{padding-top:1.375rem}.meta{font-size:0.5625rem;display:flex;justify-content:space-between;color:var(--blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0.75rem}.meta span{color:#8796a1;font-size:0.5rem}.news-info h3{font-size:1.1875rem;min-height:5.5rem}.news-info p{font-size:0.75rem;line-height:1.9;margin:0.625rem 0 1.25rem}.news-info .text-link{font-size:0.6875rem}.contact-band{background:#e8eff4;padding:3.3125rem 0;border-top:1px solid #d9e2e9}.contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.875rem}.contact-band .eyebrow{font-size:0.5625rem}.contact-band h2{font-size:2.0625rem}.contact-band .btn{border-color:#bfd1df}footer{background:#0c2236;color:#b1c3d0;padding:3.75rem 0 0;font-size:0.6875rem}.footer-grid{display:grid;grid-template-columns:1.2fr .65fr 1fr 1.2fr;gap:2.8125rem}.footer-logo{width:9.25rem;height:auto;background:transparent;padding:0;margin-bottom:1.375rem}.footer-grid h3{font-size:0.75rem;color:white;margin-bottom:1.3125rem;letter-spacing:0}.footer-grid p{color:#a1b6c6;line-height:1.9;margin-bottom:0.875rem}.footer-grid a:not(:has(img)){display:block;margin-bottom:0.5625rem;overflow-wrap:anywhere}.footer-grid a:hover{color:white}.footer-grid .small{font-size:0.5625rem;color:#728da0}.footer-bottom{border-top:1px solid #ffffff13;margin-top:2.8125rem;padding:1.25rem 0;display:flex;gap:1.875rem;font-size:0.5625rem;color:#829bac}.footer-bottom a:last-child{margin-left:auto}.page-head{background:#eff3f6;position:relative;overflow:hidden;padding:0 0 3.75rem;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:0.6875rem;font-size:0.625rem;color:#758a9a;padding:1.375rem 0 2.3125rem}.breadcrumb a:hover{color:var(--blue)}.page-head h1{font-size:clamp(2rem,4.875vw,3.3125rem);max-width:62.5rem;margin-bottom:1.0625rem;color:var(--navy)}.page-head p{font-size:0.8125rem;max-width:40.625rem}.page-head .eyebrow{font-size:0.5625rem}.page-head .wrap{position:relative;z-index:1}.head-no{position:absolute;right:2.5rem;bottom:-5.3125rem;font-size:16.25rem;line-height:1;color:#dce6ee55;font-weight:700;letter-spacing:-.08em}.about-visual figcaption{font-size:0.5625rem;margin-top:0.625rem;color:var(--muted)}.philosophy{background:var(--navy);color:white;padding:4.375rem 0}.philosophy h2{font-size:clamp(1.875rem,4.5vw,3.0625rem);line-height:1.5}.philosophy h2 span{color:#a5c9e0}.philosophy p{color:#9ab6ca;font-size:0.6875rem;margin-top:1.4375rem}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.1875rem}.values-grid article{padding:1.8125rem 0;border-top:2px solid var(--blue)}.values-grid article>span{color:var(--blue);font-size:0.5625rem;letter-spacing:.09em}.values-grid h3{font-size:1.25rem;margin:1.25rem 0 0.9375rem}.values-grid p{font-size:0.75rem}.fields{border-top:1px solid var(--line);padding-top:4.0625rem}.fields>div{display:grid;grid-template-columns:repeat(3,1fr);gap:0 2.1875rem;margin-top:1.875rem}.fields>div>span{padding:1.25rem 0;border-bottom:1px solid var(--line);font-size:0.875rem}.fields b{font-weight:400;font-size:0.625rem;color:#8b9eac;margin-right:1.5625rem}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.5625rem;margin-bottom:1.875rem}.catalog-toolbar .eyebrow{margin-bottom:0.5rem}.catalog-toolbar h2{font-size:1.875rem}.search{position:relative;width:21.875rem}.search input{width:100%;border:1px solid var(--line);padding:0.8125rem 2.8125rem 0.8125rem 1.0625rem;background:#fafbfc;font-size:0.75rem}.search>span:last-child{position:absolute;right:1.0625rem;top:0.3125rem;font-size:1.6875rem;pointer-events:none}.filters{display:flex;flex-wrap:wrap;gap:0.5rem;border-bottom:1px solid var(--line);padding-bottom:1.5625rem}.filters button{padding:0.625rem 1rem;border:1px solid var(--line);background:white;color:#526b7b;font-size:0.6875rem;min-height:2.625rem}.filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.filters button:hover{border-color:var(--navy)}.filters span{font-size:0.5rem;margin-left:0.625rem;color:#b8d0e0}.catalog-meta{display:flex;justify-content:space-between;align-items:center;font-size:0.625rem;color:#8596a1;padding:1.375rem 0}.catalog-meta p{font-size:0.6875rem}.demo-note{margin-top:2.5rem;background:var(--pale);border-left:2px solid var(--blue);padding:1.4375rem 1.625rem}.demo-note b{font-size:0.75rem;font-weight:600}.demo-note p{font-size:0.6875rem;line-height:1.9;margin-top:0.4375rem}#empty-state{text-align:center;padding:4.375rem 1.25rem;border:1px dashed var(--line)}#empty-state>span{font-size:3.125rem;color:var(--blue)}#empty-state p{margin:0.75rem 0 1.25rem}.news-intro{display:flex;justify-content:space-between;gap:2.5rem;align-items:flex-start;margin-bottom:2.1875rem}.news-intro p{font-size:0.75rem;max-width:38.125rem}.news-source{margin-top:3.125rem;border-top:1px solid var(--line);padding-top:1.5625rem;display:flex;justify-content:space-between;gap:1.25rem;font-size:0.75rem;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:5.3125rem}.contact-layout h2{font-size:1.875rem;margin-bottom:1.75rem}.contact-item{display:flex;gap:1.4375rem;border-top:1px solid var(--line);padding:1.5rem 0}.contact-item>span{font-size:0.625rem;color:#88a0b1}.contact-item h3{font-size:0.75rem;letter-spacing:0;margin-bottom:0.5625rem}.contact-item p{font-size:0.75rem;margin-bottom:0.75rem;max-width:21.25rem}.contact-item a{display:block;font-size:0.8125rem;overflow-wrap:anywhere}.contact-item a.large-link{font-size:1.3125rem;line-height:1.7;color:var(--navy)}.small{font-size:0.6875rem;line-height:1.9}.contact-source{border-top:1px solid var(--line);padding-top:1.25rem}.contact-source a{text-decoration:underline}.form-panel{background:var(--pale);padding:2.1875rem;align-self:start}.form-panel h2{font-size:1.4375rem;margin-bottom:0.9375rem}.form-panel>p{margin-bottom:1.5625rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.0625rem}label{display:block;font-size:0.6875rem;font-weight:600;color:#344c5e}label>span:not(.sr-only){color:var(--blue)}input,textarea,select{display:block;width:100%;border:1px solid #d4dfe6;background:white;color:var(--ink);padding:0.6875rem 0.75rem;font-size:0.75rem;font-weight:400;border-radius:0}input::placeholder,textarea::placeholder{color:#8a99a5;font-size:0.6875rem}textarea{resize:vertical;min-height:5.9375rem}form label{margin-bottom:1.0625rem}form input,form select,form textarea{margin-top:0.4375rem}form .btn{width:100%;margin-top:1.125rem}#form-status{font-size:0.6875rem;color:var(--blue);margin-top:0.75rem}#contact-result{margin-top:1.5625rem;padding-top:1.5625rem;border-top:1px solid var(--line)}#contact-result h3{margin-bottom:0.625rem;font-size:1.25rem}#contact-result label{margin-top:0.9375rem}#email-preview{margin-top:0.5rem;font-size:0.6875rem}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.9375rem;margin-top:0.9375rem}.source-section{border-top:1px solid var(--line)}.source-section h2{font-size:1.875rem}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.375rem;margin-top:1.875rem}.source-grid h3{font-size:1.0625rem;margin-bottom:0.8125rem}.source-grid p{font-size:0.75rem}.source-grid a{color:var(--blue);font-size:0.75rem}.source-grid ul{margin:0;padding-left:1rem}.source-grid>div>a{display:inline-block;margin-top:0.9375rem}dialog{width:min(57.5rem,calc(100% - 2.5rem));max-height:90vh;border:0;padding:0;color:var(--ink);box-shadow:0 1.875rem 6.25rem #0003}dialog::backdrop{background:#061a2bd1;backdrop-filter:blur(0.25rem)}.dialog-close{position:absolute;right:0.9375rem;top:0.9375rem;z-index:2;width:2.375rem;height:2.375rem;border:1px solid var(--line);background:white;font-size:1.6875rem;line-height:1}.dialog-product{display:grid;grid-template-columns:1fr 1.1fr}.dialog-photo{background:var(--pale);padding:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:24.375rem}.dialog-photo img{width:100%;height:16.875rem;object-fit:contain;mix-blend-mode:multiply}.dialog-photo.scene{padding:0}.dialog-photo.scene img{object-fit:cover;height:100%;min-height:24.375rem;mix-blend-mode:normal}.dialog-photo span{font-size:0.625rem;margin-top:0.75rem}.dialog-copy{padding:3.75rem 2.1875rem 2.1875rem}.dialog-copy h2{font-size:1.6875rem;margin-bottom:0.9375rem}.dialog-copy>p{font-size:0.75rem;line-height:1.9;margin-bottom:1.25rem}.dialog-copy .product-code{padding:0.75rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dialog-copy .small{font-size:0.625rem;margin-top:1.125rem}.dialog-copy .text-link{display:flex;margin-top:0.9375rem}.article-detail{padding:3.125rem;max-width:47.5rem;margin:auto}.article-detail h2{font-size:1.875rem;margin-bottom:1.5rem}.article-detail img{width:100%;height:15.625rem;object-fit:cover;margin-bottom:1.5625rem}.article-detail p{font-size:0.8125rem;line-height:2;margin-bottom:1.125rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{padding:1.25rem;text-align:center;background:#edf3f7;font-size:0.75rem}.reveal{opacity:1;transform:none}.motion .reveal.waiting{opacity:0;transform:translateY(1.25rem)}.motion .reveal{transition:opacity .65s,transform .65s}.motion .category-card.reveal{transition:opacity .65s,transform .4s,border-color .3s}
@media(min-width:1875px){.hero{min-height:41.25rem}.hero-content{padding-top:6.25rem}.hero-bottom{margin-top:6.25rem}}
@media(max-width:1375px){.wrap{width:calc(100% - 4rem)}.header nav{gap:1.375rem;margin-right:0}.header-cta{display:none}.header-inner{height:5.125rem}.hero{min-height:35.625rem}.hero h1{font-size:3.375rem}.category-grid{gap:1rem}.category-image{height:10.3125rem}.category-content h3{font-size:1rem}.category-content p{min-height:5.5rem}.split,.contact-layout{gap:2.8125rem}.footer-grid{gap:1.5625rem;grid-template-columns:1fr .65fr 1fr 1.2fr}.product-image{height:13.75rem}.news-info h3{font-size:1.0625rem}.process-section>.wrap{gap:2.8125rem}.hero-bottom{margin-top:4.375rem}}
@media(max-width:1000px){.wrap{width:calc(100% - 2.5rem)}.topbar .wrap{min-height:1.875rem}.topbar .wrap>span{font-size:0.5rem}.topbar .wrap>a{display:none}.header-inner{height:4.75rem}.logo img{width:7.875rem}.header nav{display:none;position:absolute;left:0;right:0;top:4.75rem;height:auto;background:white;flex-direction:column;align-items:stretch;padding:0.875rem 1.25rem 1.4375rem;gap:0;box-shadow:0 1.25rem 1.875rem #0c2d431a;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.header nav a{min-height:2.9375rem;padding:0.5rem 0.75rem}.header nav a:after{bottom:0.3125rem;left:0.75rem;width:0}.header nav a[aria-current]:after{width:1.5625rem}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.375rem;width:2.75rem;height:2.75rem;background:white;border:1px solid var(--line)}.menu-toggle span{display:block;width:1.125rem;height:1px;background:var(--navy)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(0.21875rem) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-0.21875rem) rotate(-45deg)}.hero{min-height:33.125rem}.hero-content{padding-top:4.0625rem}.hero h1{font-size:2.8125rem}.hero .eyebrow{font-size:0.5rem;letter-spacing:.1em}.hero p{font-size:0.75rem;max-width:26.25rem}.hero-bg{object-position:60% center}.hero:after{background:linear-gradient(90deg,#071f35f5,#0b2b47b8),linear-gradient(0deg,#081e31a0,transparent)}.hero-label{display:none}.hero-bottom{font-size:0.5rem;margin-top:3.5625rem;gap:0.9375rem}.hero-bottom>span:nth-child(2){display:none}.solution-strip .wrap{grid-template-columns:1fr 1fr}.solution-strip a{font-size:0.75rem;padding:1.0625rem 0.9375rem;border-bottom:1px solid var(--line)}.solution-strip a:first-child{padding-left:0.9375rem}.solution-strip a:nth-child(2){border-right:0}.solution-strip a:nth-child(3){border-bottom:0}.section{padding-top:4.0625rem;padding-bottom:4.0625rem}.section-heading{gap:1.5625rem}.section-heading h2{font-size:1.875rem}.section-heading p{font-size:0.6875rem}.category-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem 1.25rem}.category-image{height:13.125rem}.category-content h3{min-height:auto;font-size:1.125rem}.category-content p{min-height:3.3125rem;font-size:0.75rem}.split{grid-template-columns:1fr;gap:2.1875rem}.about-visual>img{height:25rem}.about-copy h2{font-size:2rem}.about-copy>p{max-width:37.5rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:1.375rem}.home-products .product-card:last-child{display:none}.product-info{padding:1.25rem}.product-info h3{font-size:1rem}.process-section>.wrap{grid-template-columns:1fr 1fr;gap:2.1875rem}.process-section h2{font-size:1.875rem}.steps h3{font-size:1.0625rem}.steps li{gap:1.0625rem}.news-grid{grid-template-columns:1fr;gap:2.1875rem}.news-card{display:grid;grid-template-columns:1fr 1.1fr;gap:1.5625rem}.news-image{height:100%;min-height:13.75rem}.news-info{padding-top:0.3125rem}.news-info h3{min-height:auto;font-size:1.25rem}.news-info p{font-size:0.6875rem}.contact-band h2{font-size:1.75rem}.footer-grid{grid-template-columns:1.2fr 1fr;gap:2.1875rem}.footer-bottom{flex-wrap:wrap;gap:0.75rem 1.5625rem}.footer-bottom>span{flex-basis:100%}.page-head{padding-bottom:2.8125rem}.page-head h1{font-size:2.4375rem}.page-head p{font-size:0.75rem;max-width:34.375rem}.head-no{font-size:11.875rem;bottom:-3.75rem}.breadcrumb{padding-bottom:1.625rem}.values-grid{gap:1.5625rem}.values-grid h3{font-size:1.0625rem}.values-grid p{font-size:0.6875rem}.fields>div{grid-template-columns:1fr 1fr}.catalog-toolbar{align-items:flex-start}.catalog-toolbar h2{font-size:1.5rem}.search{width:17.5rem}.filters{gap:0.4375rem}.filters button{font-size:0.625rem;padding:0.625rem 0.75rem}.contact-layout{grid-template-columns:1fr;gap:2.5rem}.contact-layout>div:first-child{max-width:37.5rem}.contact-item p{max-width:31.25rem}.form-panel{padding:1.875rem}.source-grid{gap:2.1875rem}.dialog-copy{padding:4.0625rem 1.5625rem 1.875rem}.dialog-copy h2{font-size:1.5rem}.dialog-photo{padding:1.25rem}.dialog-product{grid-template-columns:.85fr 1fr}.news-intro{gap:1.5625rem}.news-intro .eyebrow{min-width:9.375rem}}
@media(max-width:650px){.wrap{width:calc(100% - 2.25rem)}.topbar .top-divider{padding:0 0.5rem}.topbar .wrap>span{font-size:0.4375rem;letter-spacing:0}.hero{min-height:35rem}.hero-content{padding-top:4rem}.hero h1{font-size:2.3125rem;line-height:1.35;letter-spacing:-.055em}.hero p{font-size:0.75rem;max-width:20.625rem;line-height:1.95}.desktop{display:none}.hero .eyebrow{font-size:0.4375rem;letter-spacing:.07em;gap:0.625rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:0.625rem;margin-top:1.6875rem}.hero-actions .btn{min-width:12.875rem;justify-content:space-between;font-size:0.6875rem;min-height:2.875rem}.hero-bottom{margin-top:2.8125rem;font-size:0.4375rem;gap:0.625rem;padding-top:1.125rem}.solution-strip a{font-size:0.625rem;padding:1rem 0.625rem;gap:0.625rem}.solution-strip a:first-child{padding-left:0.625rem}.solution-strip span{font-size:0.5rem}.section{padding-top:3.25rem;padding-bottom:3.25rem}.section-heading{display:block;margin-bottom:1.75rem}.section-heading h2{font-size:1.8125rem}.section-heading>div+div,.section-heading>.text-link,.section-heading>p{margin-top:1.25rem}.section-heading p{font-size:0.75rem}.eyebrow{font-size:0.5rem;margin-bottom:0.8125rem}.category-grid{gap:1.6875rem 0.875rem}.category-image{height:9.375rem}.category-content{padding-top:1.0625rem}.category-content h3{font-size:0.9375rem;min-height:2.6875rem;line-height:1.45}.category-content p{font-size:0.625rem;min-height:3.75rem}.category-content .text-link{font-size:0.5625rem;gap:0.5rem}.category-content .text-link span{font-size:1.0625rem}.category-card{padding-bottom:1.0625rem}.source-note{font-size:0.5625rem;line-height:1.9}.category-number{font-size:0.5rem;padding:0.3125rem 0.625rem}.about-visual>img{height:21.5625rem}.image-label{padding:1.375rem 1.5625rem}.image-label strong{font-size:1.4375rem}.about-copy h2{font-size:1.8125rem}.about-copy>p{font-size:0.75rem;line-height:2}.quote{font-size:1.125rem}.product-grid{grid-template-columns:1fr;gap:1.375rem}.home-products .product-card:last-child{display:block}.product-image{height:17.1875rem}.product-info{padding:1.375rem}.product-info h3{min-height:auto;font-size:1.125rem}.product-code{margin-top:0.6875rem}.product-info .eyebrow{font-size:0.5625rem}.product-foot{margin-top:1rem}.process-section{padding:3.25rem 0}.process-section>.wrap{grid-template-columns:1fr;gap:2.8125rem}.process-section h2{font-size:1.9375rem}.process-section p{font-size:0.75rem}.steps li{gap:1.5rem;padding:1.3125rem 0}.steps h3{font-size:1.1875rem}.news-grid{gap:2.3125rem}.news-card{display:block}.news-image{height:13.4375rem}.news-info{padding-top:1.1875rem}.news-info h3{font-size:1.3125rem;line-height:1.5}.news-info p{font-size:0.75rem}.meta{font-size:0.5625rem}.contact-band{padding:2.375rem 0}.contact-band .wrap{display:block}.contact-band h2{font-size:1.75rem}.contact-band .btn{margin-top:1.5625rem}footer{padding-top:2.625rem}.footer-grid{grid-template-columns:1fr 1fr;gap:1.875rem 1.5rem}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid h3{margin-bottom:1rem}.footer-grid{font-size:0.6875rem}.footer-bottom{font-size:0.5rem}.page-head h1{font-size:2.0625rem;line-height:1.35;margin-bottom:1.0625rem}.page-head p{font-size:0.75rem;line-height:1.9}.head-no{right:0.625rem;opacity:.6;font-size:10rem;bottom:-3.125rem}.breadcrumb{font-size:0.5625rem;padding:1.125rem 0 1.75rem}.page-head{padding-bottom:2.5rem}.philosophy{padding:3.125rem 0}.philosophy h2{font-size:1.8125rem}.values-grid{grid-template-columns:1fr;gap:0.625rem}.values-grid article{padding:1.5625rem 0}.values-grid h3{font-size:1.3125rem;margin-top:0.875rem}.values-grid p{font-size:0.75rem}.fields>div{gap:0 1.25rem}.fields>div>span{font-size:0.6875rem}.fields b{font-size:0.5rem;margin-right:0.625rem}.catalog-toolbar{display:block}.catalog-toolbar h2{font-size:1.75rem}.search{width:100%;margin-top:1.5625rem}.search input{padding:0.8125rem 2.8125rem 0.8125rem 0.9375rem;font-size:0.75rem}.filters button{font-size:0.625rem;padding:0.5625rem 0.6875rem}.filters{padding-bottom:1.25rem}.catalog-meta{font-size:0.5rem;gap:0.625rem}.catalog-meta p{font-size:0.5625rem}.demo-note{padding:1.25rem}.demo-note p{font-size:0.625rem}.news-intro{display:block}.news-intro p{font-size:0.6875rem}.news-source{display:block;font-size:0.6875rem}.news-source .text-link{margin-top:0.9375rem}.contact-layout h2{font-size:1.75rem}.contact-item{gap:1.25rem}.contact-item a{font-size:0.75rem}.form-panel{padding:1.5625rem 1.25rem}.form-panel h2{font-size:1.4375rem}.form-row{grid-template-columns:1fr;gap:0}.small{font-size:0.625rem}.form-panel>p{font-size:0.625rem}.source-section h2{font-size:1.6875rem}.source-grid{grid-template-columns:1fr;gap:1.875rem}.source-grid p{font-size:0.6875rem}.dialog-product{grid-template-columns:1fr}.dialog-photo{min-height:13.75rem;height:15.625rem}.dialog-photo img{height:12.5rem;max-width:15rem}.dialog-photo.scene{height:13.75rem;min-height:13.75rem}.dialog-photo.scene img{height:13.75rem;min-height:13.75rem;max-width:none}.dialog-copy{padding:1.875rem 1.5rem}.dialog-copy h2{font-size:1.5625rem}.dialog-close{width:2.1875rem;height:2.1875rem;right:0.625rem;top:0.625rem}.article-detail{padding:3.4375rem 1.5rem 1.875rem}.article-detail h2{font-size:1.5625rem}.article-detail img{height:11.5625rem}.article-detail p{font-size:0.75rem}.result-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal.waiting{opacity:1;transform:none}}

@media(max-width:1000px){html{font-size:18px}}
@media(max-width:650px){html{font-size:16px}}
/* Cập nhật liên hệ và tuyển dụng — 29/10/2026 */
.contact-icon{width:1.05em;height:1.05em;flex-shrink:0;display:inline-block;vertical-align:middle}
.contact-line{display:flex;align-items:center;gap:.55rem;line-height:1.7}
.contact-line span{min-width:0;overflow-wrap:anywhere}
.topbar .wrap{gap:1rem;padding-top:.35rem;padding-bottom:.35rem}
.topbar .quick-contacts{display:flex;align-items:center;gap:1.2rem}
.topbar .contact-line{white-space:nowrap;font-size:.625rem;gap:.4rem}
.topbar .contact-line:hover{color:#fff}
.contact-item a.contact-line{display:flex;align-items:center;margin-bottom:.45rem}
.contact-item .large-link .contact-icon{font-size:.95rem;color:var(--blue)}
.footer-grid a.contact-line:not(:has(img)){display:flex;font-size:.65rem}
.footer-grid p b{color:#c4d8e5;font-weight:600;font-size:.65rem}
.footer-grid .contact-icon{margin-top:.1rem;color:#89b4d0}
.footer-grid{grid-template-columns:1fr .7fr 1fr 1.45fr}
.hero-bg{object-position:65% center}
.hero:after{background:linear-gradient(90deg,rgba(7,31,53,.94) 0%,rgba(11,43,71,.82) 37%,rgba(10,37,60,.06) 87%),linear-gradient(0deg,rgba(8,30,49,.4),transparent 65%)}
.about-visual>img{object-position:65% center}
.career-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:4rem;align-items:center}
.career-visual{min-width:0}.career-visual img{height:31rem;width:100%;object-fit:cover;object-position:65% center}
.career-visual figcaption{font-size:.6rem;color:var(--muted);margin-top:.75rem}
.career-intro h2{margin-bottom:1.5rem}.career-intro>div>p{font-size:.8rem;line-height:2}
.career-notice{display:flex;align-items:flex-start;gap:.9rem;background:var(--pale);padding:1.5rem;margin:1.75rem 0;border-left:2px solid var(--blue)}
.status-dot{width:.45rem;height:.45rem;background:var(--blue);border-radius:50%;flex-shrink:0;margin-top:.5rem}
.career-notice h3{font-size:1rem;margin-bottom:.65rem}.career-notice p{font-size:.7rem}
.career-email{font-size:.75rem;margin-top:1rem;color:var(--blue)}
.career-prep{border-top:1px solid var(--line)}.career-prep .contact-line{font-size:.75rem;color:var(--blue);margin-top:1rem}
@media(max-width:1650px){.header-cta{display:none}.header nav{gap:1.5rem;margin-right:0}.topbar-tagline{display:none}}
@media(max-width:1100px){.header nav{gap:1.1rem}.header-inner{gap:1rem}.header nav a{font-size:.75rem}}
@media(max-width:1000px){.topbar .wrap>span{display:none}.topbar .quick-contacts{width:100%;justify-content:space-between;gap:.7rem}.topbar .contact-line{font-size:.58rem}.header nav a{font-size:.8125rem}.footer-grid{grid-template-columns:1.2fr 1fr}.career-intro{grid-template-columns:1fr;gap:2rem}.career-visual img{height:28rem}.career-intro>div>p{max-width:40rem}.hero:after{background:linear-gradient(90deg,#071f35ef,#0b2b4770),linear-gradient(0deg,#081e3190,transparent)}}
@media(max-width:650px){.topbar .wrap{padding:.55rem 0}.topbar .quick-contacts{gap:.35rem .8rem;flex-wrap:wrap;justify-content:flex-start}.topbar .contact-line{font-size:.68rem;line-height:1.8}.topbar .quick-contacts .contact-line:first-child{flex-basis:100%}.topbar .contact-icon{width:.85rem;height:.85rem}.header nav{gap:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid a.contact-line:not(:has(img)){font-size:.75rem}.footer-grid p b{font-size:.75rem}.contact-item .large-link .contact-icon{font-size:1rem}.hero-bg{object-position:60% center}.career-visual img{height:24rem;object-position:65% center}.career-intro h2{font-size:1.8rem}.career-notice{padding:1.2rem}.career-intro>div>p{font-size:.8rem}.career-notice p{font-size:.75rem}.career-email{font-size:.8rem}.career-prep .contact-line{font-size:.85rem}}


/* ==========================================================================
   WordPress Theme Compatibility & Enhancements (Menu, Widgets, Breadcrumb, CPT)
   ========================================================================== */
.header nav ul.menu,
.header nav .menu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 2.0625rem;
  height: 100%;
}
.header nav ul.menu > li,
.header nav .menu > ul > li {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0;
}
.header nav ul.menu > li > a,
.header nav .menu > ul > li > a {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 0.8125rem;
  font-weight: 600;
}
.header nav ul.menu > li.current-menu-item > a,
.header nav ul.menu > li.current_page_item > a,
.header nav ul.menu > li.current-page-ancestor > a,
.header nav ul.menu > li.current-menu-ancestor > a {
  color: var(--blue);
}
.header nav ul.menu > li.current-menu-item > a:after,
.header nav ul.menu > li.current_page_item > a:after,
.header nav ul.menu > li.current-page-ancestor > a:after,
.header nav ul.menu > li.current-menu-ancestor > a:after {
  width: 100%;
}
/* Sub-menu dropdown support */
.header nav ul.menu ul.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 12rem;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 0.75rem 1.75rem rgba(12, 45, 67, 0.12);
  list-style: none;
  margin: 0;
  padding: 0.5rem 0;
  z-index: 60;
}
.header nav ul.menu > li:hover > ul.sub-menu {
  display: block;
}
.header nav ul.menu ul.sub-menu li a {
  padding: 0.5rem 1rem;
  height: auto;
  font-size: 0.75rem;
  font-weight: 500;
}
.header nav ul.menu ul.sub-menu li a:after {
  display: none;
}

@media(max-width:1650px){
  .header nav ul.menu, .header nav .menu > ul { gap: 1.5rem; }
}
@media(max-width:1100px){
  .header nav ul.menu, .header nav .menu > ul { gap: 1.1rem; }
  .header nav ul.menu > li > a, .header nav .menu > ul > li > a { font-size: .75rem; }
}
@media(max-width:1000px){
  .header nav ul.menu,
  .header nav .menu > ul {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    height: auto;
    width: 100%;
  }
  .header nav ul.menu > li,
  .header nav .menu > ul > li {
    height: auto;
    display: block;
  }
  .header nav ul.menu > li > a,
  .header nav .menu > ul > li > a {
    min-height: 2.9375rem;
    padding: 0.5rem 0.75rem;
    font-size: .8125rem;
  }
  .header nav ul.menu > li.current-menu-item > a:after,
  .header nav ul.menu > li.current_page_item > a:after {
    width: 1.5625rem;
  }
  .header nav ul.menu ul.sub-menu {
    position: static;
    box-shadow: none;
    border: 0;
    padding-left: 1rem;
    display: block;
  }
}

/* Footer Widget Support (Menu Widgets & Custom HTML Widgets) */
.footer-col .widget {
  margin-bottom: 1.25rem;
}
.footer-col .widget:last-child {
  margin-bottom: 0;
}
.footer-grid ul,
.footer-grid ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-grid ul li,
.footer-grid ul.menu li {
  margin: 0;
  padding: 0;
}
.footer-grid .widget-title {
  font-size: 0.75rem;
  color: white;
  margin-bottom: 1.3125rem;
  letter-spacing: 0;
  font-weight: 600;
}

/* Yoast SEO Breadcrumb Styling inside .breadcrumb */
.breadcrumb p,
.breadcrumb #breadcrumbs,
.breadcrumb span {
  margin: 0;
  color: #758a9a;
  font-size: 0.625rem;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}
.breadcrumb a {
  color: #758a9a;
}
.breadcrumb a:hover {
  color: var(--blue);
}
.breadcrumb .breadcrumb_last {
  color: var(--navy);
  font-weight: 600;
}

/* Single Product & Single Post WordPress Content */
.wp-entry-content p {
  margin-bottom: 1.125rem;
  font-size: 0.8125rem;
  line-height: 2;
}
.wp-entry-content h2, .wp-entry-content h3 {
  color: var(--navy);
  margin: 1.75rem 0 0.875rem;
}
.wp-entry-content ul, .wp-entry-content ol {
  color: var(--muted);
  font-size: 0.8125rem;
  line-height: 1.9;
  margin-bottom: 1.25rem;
  padding-left: 1.25rem;
}
.filters a.filter-btn {
  display: inline-flex;
  align-items: center;
  padding: 0.625rem 1rem;
  border: 1px solid var(--line);
  background: white;
  color: #526b7b;
  font-size: 0.6875rem;
  min-height: 2.625rem;
}
.filters a.filter-btn[aria-pressed="true"],
.filters a.filter-btn.active {
  background: var(--navy);
  border-color: var(--navy);
  color: white;
}
.filters a.filter-btn:hover {
  border-color: var(--navy);
}
/*-------------------------------------------- Hotline -----------------------------------------*/
.widget--action--fixed {
	position: fixed;
	bottom: 25px;
	left: 5px;
	width: 50px;
	z-index: 1;
}
.widget--action--fixed>a.widget--action--item {
	width: 44px;
	height: 44px;
	line-height: 44px;
	display: inline-block;
	border: none;
	font-size: 18px;
	color: #fff;
	text-align: center;
	position: relative;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	margin-bottom: 10px;
}
a.widget--action--item.click--hotline {
	background-image: url(../images/widget_icon_click_to_call.svg);
	background-color: #509600;
}
a.widget--action--item.click--zalo {
	background-image: url(../images/widget_icon_zalo.svg);
	background-color: #0068ff;
}
a.widget--action--item.click--messenger {
	background-image: url(../images/widget_icon_messenger.svg);
	background-color: #0084ff;
}
a.widget--action--item.click--wechat {
	background-image: url(../images/wechat.png);
	background-color: #509600;
}
a.widget--action--item.click--line {
	background-image: url(../images/line.png);
	background-color: #509600;
}

.widget--action--fixed>a.widget--action--item:hover {
	box-shadow: 0 0 15px rgb(0 0 0 / 30%);
}
.widget--action--fixed>a.widget--action--item span {
    position: absolute;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    padding: 0px 20px 0 50px;
    right: 113%;
    z-index: -1;
    font-size: 15px;
}
.widget--action--fixed>a.widget--action--item:hover span {
    right: auto;
    left: 0;
}

a.widget--action--item.click--hotline span {
    background-color: #509600;
}
a.widget--action--item.click--zalo span{
    background-color: #0068ff;
}
a.widget--action--item.click--messenger span{
	background-color: #0084ff;
}
/*------------------------------------------------ End Hotline-------------------------------*/