*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#10213d;background:#f7f9fc}a{color:inherit}.wrap{width:min(1180px,92%);margin:auto}.topbar{background:#061225;color:#dfe9f7;font-size:13px}.topbar-inner{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.topbar a{text-decoration:none;color:#fff}.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e7edf5}.nav-inner{min-height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:24px;color:#0d3d88}.brand small{display:block;font-size:9px;letter-spacing:1.4px;color:#70809a}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0a66ff,#00a5ff);color:#fff}.links{display:flex;gap:6px;margin-left:auto}.links a{text-decoration:none;padding:10px 12px;border-radius:9px;font-weight:700;font-size:14px}.links a:hover{background:#edf4ff;color:#0a66ff}.hotline{background:#0a66ff;color:white;text-decoration:none;padding:11px 16px;border-radius:10px;font-weight:800}.menu-btn{display:none}.hero{background:radial-gradient(circle at 80% 20%,#173f78 0,#0c2750 38%,#07162c 100%);color:#fff;padding:78px 0 64px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#74b7ff}.eyebrow.dark{color:#0a66ff}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;margin:12px 0 22px}.hero h1 span{color:#69b8ff}.hero p{font-size:18px;line-height:1.7;color:#c9d7ea;max-width:760px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:13px 18px;border-radius:11px;font-weight:900}.btn.primary{background:#0a66ff;color:#fff}.btn.ghost{border:1px solid #54749c;color:#fff}.btn.light{background:#fff;color:#0a4dad}.btn.orange{background:#ff7a00;color:#fff}.trust{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#afc1d8}.hero-card{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.hero-device{height:180px;border-radius:18px;background:linear-gradient(135deg,#0a66ff,#01b7d8);display:grid;place-items:center;font-size:42px;font-weight:1000;letter-spacing:3px;margin-bottom:18px}.stat{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}.stat b{font-size:22px;min-width:55px}.stat span{color:#c9d7ea;font-size:13px}.section{padding:68px 0}.section-head{margin-bottom:28px}.section-head.split{display:flex;align-items:end;justify-content:space-between;gap:20px}.section h2,.contact h2{font-size:36px;margin:8px 0}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat-card{border:1px solid #e2e9f2;background:#fff;border-radius:18px;padding:22px;text-align:left;cursor:pointer;transition:.2s}.cat-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(18,55,100,.1);border-color:#c7daf5}.cat-card span{font-size:30px;display:block;margin-bottom:14px}.cat-card b{font-size:18px;display:block;margin-bottom:6px}.cat-card small{color:#738198}.products{background:#eef4fb}.controls{display:flex;gap:10px}.controls input,.controls select{border:1px solid #d6e0ec;background:#fff;padding:12px 14px;border-radius:10px;min-width:210px;outline:none}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid #dfe7f0;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(20,58,105,.05);transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(20,58,105,.12)}.product-image{aspect-ratio:4/3;background:#f2f5f9;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-body{padding:16px}.badge{display:inline-block;font-size:11px;font-weight:900;background:#eaf3ff;color:#0a66ff;padding:6px 8px;border-radius:999px}.product-body h3{font-size:17px;line-height:1.4;margin:10px 0 6px}.muted{color:#748299;font-size:13px}.price{font-size:20px;font-weight:1000;color:#e15400;margin:12px 0}.old-price{font-size:13px;text-decoration:line-through;color:#9ba6b6;margin-left:6px}.product-actions{display:flex;gap:8px}.product-actions a{flex:1;text-align:center;text-decoration:none;padding:10px;border-radius:9px;font-weight:800;font-size:13px}.view{background:#0a66ff;color:#fff}.zalo{background:#eef4fb;color:#0a4dad}.empty{text-align:center;padding:40px;color:#748299}.services{background:#07162c;color:#fff}.services h2{color:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-grid article{padding:24px;border-radius:18px;border:1px solid #203956;background:#0b1d38}.service-grid span{color:#62b2ff;font-weight:900}.service-grid h3{font-size:19px}.service-grid p{color:#aec0d8;line-height:1.6;font-size:14px}.contact{background:linear-gradient(135deg,#0a66ff,#0349a5);color:#fff;padding:52px 0}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p{color:#dcecff}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}footer{background:#040d1b;color:#9fb0c6;padding:34px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}footer b{color:#fff}footer a{text-decoration:none;color:#fff}.float-call,.float-zalo{position:fixed;right:18px;z-index:40;text-decoration:none;color:#fff;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.22)}.float-call{bottom:76px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#15a64a}.float-zalo{bottom:20px;background:#0878ff;padding:13px 15px;border-radius:999px}.detail-card{display:grid;grid-template-columns:1fr 1fr;gap:34px;background:#fff;border:1px solid #e2e9f2;border-radius:24px;padding:28px}.detail-image{background:#f3f6fa;border-radius:18px;overflow:hidden;min-height:380px}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-content h1{font-size:34px;margin:10px 0}.detail-content .desc{line-height:1.75;color:#5f6d82}.specs{margin:20px 0;border-top:1px solid #e5ebf2}.spec-row{display:grid;grid-template-columns:140px 1fr;padding:10px 0;border-bottom:1px solid #e5ebf2;font-size:14px}.spec-row b{color:#34445d}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}@media(max-width:900px){.links{display:none}.menu-btn{display:block;margin-left:auto;border:0;background:#eef4fb;padding:9px 12px;border-radius:9px}.hotline{display:none}.hero-grid,.detail-card{grid-template-columns:1fr}.cat-grid,.product-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.section-head.split,.contact-grid{align-items:flex-start;flex-direction:column}.controls{width:100%;flex-direction:column}.controls input,.controls select{width:100%}}@media(max-width:560px){.topbar-inner{flex-direction:column;gap:2px}.hero{padding:54px 0}.hero h1{font-size:44px}.cat-grid,.product-grid,.service-grid,.footer-grid{grid-template-columns:1fr}.section{padding:48px 0}.section h2,.contact h2{font-size:30px}.hero-card{display:none}.trust{gap:9px}.detail-card{padding:16px}.detail-image{min-height:260px}.spec-row{grid-template-columns:110px 1fr}}

/* Product image gallery */
.gallery{position:relative;display:grid;place-items:center}
.gallery-main{width:100%;height:100%;object-fit:contain;background:#f3f6fa}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:rgba(6,18,37,.72);color:#fff;font-size:34px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.18);transition:.2s}
.gallery-arrow:hover{background:#0a66ff;transform:translateY(-50%) scale(1.06)}
.gallery-prev{left:14px}.gallery-next{right:14px}
.gallery-count{position:absolute;right:14px;bottom:14px;background:rgba(6,18,37,.72);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
@media(max-width:560px){.gallery-arrow{width:40px;height:40px;font-size:30px}.gallery-prev{left:8px}.gallery-next{right:8px}.gallery-count{right:8px;bottom:8px}}

/* Product gallery video */
.gallery-stage{width:100%;height:100%;min-height:inherit;display:grid;place-items:center}
.gallery-video{width:100%;height:100%;max-height:620px;object-fit:contain;background:#000}