:root{--navy:#062f59;--navy2:#001f3d;--orange:#f5a000;--orange2:#ffb627;--text:#142333;--muted:#687789;--line:#dfe6ee;--bg:#f5f8fb;--white:#fff;--radius:12px;--shadow:0 12px 35px rgba(3,38,73,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Be Vietnam Pro',Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1320px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy2);color:#d8e5f2;font-size:12px}.topbar-inner{height:34px;display:flex;justify-content:space-between;align-items:center}.header-main{min-height:94px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:270px}.brand-mark{width:54px;height:54px;background:linear-gradient(145deg,var(--navy),var(--orange));clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%);display:grid;place-items:center;color:#fff;font-weight:800}.brand strong{font-size:22px;line-height:1;color:var(--navy)}.brand small{display:block;color:var(--orange);font-size:8px;font-weight:700;margin-top:6px}.custom-logo{max-height:76px;width:auto}.header-search{display:flex;flex:1;max-width:500px;border:1px solid #ccd5df;border-radius:6px;overflow:hidden}.header-search input{width:100%;padding:14px 16px;border:0;outline:0}.header-search button{width:52px;border:0;background:var(--navy);color:#fff;font-size:24px}.header-contact{display:flex;gap:28px}.header-contact a{display:flex;flex-direction:column;font-size:12px}.header-contact strong{color:var(--orange);font-size:15px}.menu-toggle{display:none;border:0;background:var(--navy);color:#fff;border-radius:6px;font-size:22px;padding:9px 12px}.main-nav{background:var(--navy)}.nav-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px}.nav-menu li a{display:block;color:#fff;padding:17px 24px;font-size:14px;font-weight:700;text-transform:uppercase}.nav-menu li a:hover{background:var(--orange)}.hero{position:relative;min-height:560px;background:linear-gradient(105deg,#001d39 0%,#063e72 60%,#0a2d51 100%);overflow:hidden;color:#fff}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}.hero-grid{position:relative;z-index:2;min-height:560px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px}.eyebrow{color:var(--orange2);font-weight:800;letter-spacing:.5px}.hero h1{font-size:44px;line-height:1.22;margin:12px 0 16px;max-width:760px}.hero-text{color:#cbd9e8;max-width:650px}.hero-checks{list-style:none;padding:0;line-height:2;color:#eef5fb}.hero-checks li::first-letter{color:var(--orange)}.hero-actions{display:flex;gap:14px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:5px;font-weight:800;text-transform:uppercase;font-size:13px}.btn-primary{background:var(--orange);color:#06294c}.btn-primary:hover{background:var(--orange2)}.btn-outline{border:1px solid #fff;color:#fff}.hero-visual{position:relative;height:480px}.instrument{position:absolute;bottom:20px;border-radius:45% 45% 16% 16%;background:linear-gradient(160deg,#d9e1e7,#738392);box-shadow:0 30px 40px rgba(0,0,0,.35);display:grid;place-items:center;color:#0b3158;font-weight:900}.instrument:before{content:"";position:absolute;top:32%;width:45%;height:22%;border-radius:50%;background:radial-gradient(circle,#263a4a 0 25%,#6db0db 28% 38%,#0a1118 42% 100%);border:8px solid #425563}.instrument:after{content:"";position:absolute;bottom:-90px;width:12px;height:100px;background:#343f47;box-shadow:-58px 28px 0 -3px #343f47,58px 28px 0 -3px #343f47}.instrument-a{width:200px;height:280px;left:15%;background:linear-gradient(160deg,#edf1f1,#b3d3bf)}.instrument-b{width:190px;height:260px;left:48%;background:linear-gradient(160deg,#e6aa39,#756044)}.instrument span{position:absolute;top:16px;font-size:13px}.expert-card{position:absolute;right:0;bottom:20px;width:190px;padding:18px;background:rgba(0,25,50,.78);border:1px solid rgba(255,255,255,.2);border-radius:10px;text-align:center}.expert-avatar{width:86px;height:86px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--orange),#fff);color:var(--navy);font-size:26px;font-weight:900}.expert-card small{display:block;color:#dce8f3;margin-top:6px}.trust-strip{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 16px rgba(9,44,78,.06)}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr)}.trust-grid>div{padding:25px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.trust-grid b{color:var(--navy);font-size:13px}.trust-grid span{color:var(--muted);font-size:12px}.section{padding:70px 0}.products-section{background:#fff}.shop-layout{display:grid;grid-template-columns:230px 1fr 230px;gap:24px}.category-card,.commit-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;align-self:start;background:#fff}.category-card h3,.commit-card h3{margin:0;padding:18px;background:var(--navy);color:#fff;font-size:15px}.category-card a{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line);font-size:13px}.category-card a:hover{color:var(--orange);padding-left:19px}.commit-card>div{padding:17px;border-bottom:1px solid var(--line)}.commit-card b,.commit-card span{display:block}.commit-card b{font-size:13px;color:var(--navy)}.commit-card span{font-size:11px;color:var(--muted);margin-top:5px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-title span{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:1.2px}.section-title h2{margin:5px 0 0;color:var(--navy);text-transform:uppercase;font-size:25px}.section-title>a{color:var(--navy);font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.product-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;transition:.25s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-image{position:relative;aspect-ratio:1.1;background:#f5f7f9}.product-image img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:10px;top:10px;background:var(--orange);color:#082b4e;font-size:10px;font-weight:800;padding:5px 7px;border-radius:3px}.product-body{padding:15px}.product-body h3{font-size:14px;margin:0 0 7px}.product-body p{font-size:11px;color:var(--muted);min-height:34px}.product-body strong{display:block;color:#e31e24;font-size:14px}.product-link{display:block;margin-top:12px;padding:9px;text-align:center;background:#eef4f8;color:var(--navy);font-size:11px;font-weight:800;border-radius:4px}.services{background:var(--bg)}.centered{text-align:center;justify-content:center}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-grid article{background:#fff;padding:28px;border-radius:var(--radius);box-shadow:0 8px 24px rgba(8,47,86,.07)}.service-grid i{font-style:normal;color:var(--orange);font-size:30px;font-weight:900}.service-grid h3{color:var(--navy)}.service-grid p{color:var(--muted);font-size:13px;line-height:1.7}.cta{background:linear-gradient(100deg,var(--navy2),var(--navy));color:#fff;padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta span{color:var(--orange);font-size:12px;font-weight:800}.cta h2{font-size:30px;margin:8px 0}.cta p{color:#c4d4e3}.site-footer{background:#071b2e;color:#d5e0eb;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:40px}.site-footer h3,.site-footer h4{color:#fff}.site-footer p,.site-footer li{font-size:13px;line-height:1.8}.site-footer ul{list-style:none;padding:0}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:18px;font-size:12px}.floating-contact{position:fixed;right:20px;z-index:20;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.25)}.floating-contact.phone{bottom:86px;background:#e64a31}.floating-contact.zalo{bottom:25px;background:#0878d1;font-size:12px}.content-area{padding:60px 0}.content-card{max-width:900px;margin:auto}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:1150px){.header-contact{display:none}.shop-layout{grid-template-columns:210px 1fr}.commit-card{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:36px}.trust-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.container{width:min(100% - 28px,1320px)}.topbar{display:none}.header-main{min-height:76px}.brand{min-width:auto}.brand strong{font-size:18px}.brand small{display:none}.header-search{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none}.main-nav.open{display:block}.nav-menu{display:block}.nav-menu li a{padding:14px 20px;border-top:1px solid rgba(255,255,255,.08)}.hero,.hero-grid{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:60px 0}.hero h1{font-size:31px}.hero-visual{height:360px}.instrument-a{left:5%;transform:scale(.8)}.instrument-b{left:37%;transform:scale(.8)}.expert-card{right:0}.trust-grid{grid-template-columns:1fr 1fr}.shop-layout{grid-template-columns:1fr}.category-card{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:520px){.hero-copy h1{font-size:26px}.hero-actions{flex-direction:column}.hero-visual{display:none}.trust-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.section-title h2{font-size:21px}.section-title>a{display:none}.cta h2{font-size:24px}.footer-grid{grid-template-columns:1fr}.floating-contact{right:12px}}