{"product_id":"supernote-nomad-a6x2","title":"Supernote Nomad A6X2","description":"\u003csection class=\"nomad-hero\"\u003e\n\u003cdiv class=\"hero-inner\"\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003ch1\u003eSupernote Nomad A6 X2\u003c\/h1\u003e\n\u003cp\u003eGọn nhẹ, tinh tế và mạnh mẽ — người bạn đồng hành lý tưởng cho sáng tạo, ghi chú và tư duy tự do mọi lúc, mọi nơi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/2025-10-09_21-30-08.png?v=1760070231\" alt=\"Supernote Nomad A6X2 Hero\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* ======= NOMAD A6X2 LANDING ======= *\/\n.nomad-hero, .nomad-feature {\n  font-family: 'Inter', sans-serif;\n  background: #f5f4f1;\n  color: #111;\n  overflow: hidden;\n}\n\n.nomad-hero {\n  padding: clamp(60px, 10vw, 120px) 20px;\n  text-align: center;\n}\n.nomad-hero .hero-inner {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n.hero-text h1 {\n  font-size: clamp(36px, 5vw, 60px);\n  font-weight: 800;\n  margin-bottom: 20px;\n}\n.hero-text p {\n  font-size: clamp(18px, 2vw, 22px);\n  color: #333;\n  margin-bottom: 40px;\n}\n.hero-media img {\n  width: 100%;\n  height: auto;\n  border-radius: 20px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n\/* ======= FEATURES ======= *\/\n.nomad-feature {\n  padding: clamp(60px, 8vw, 120px) 20px;\n}\n.feature-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 60px;\n  max-width: 1280px;\n  margin: 0 auto;\n  flex-wrap: wrap;\n}\n.feature-inner.reverse {\n  flex-direction: row-reverse;\n}\n.feature-text {\n  flex: 1 1 400px;\n}\n.feature-text .tag {\n  display: inline-block;\n  background: #111;\n  color: #fff;\n  padding: 6px 16px;\n  border-radius: 20px;\n  font-size: 14px;\n  margin-bottom: 16px;\n}\n.feature-text h2 {\n  font-size: clamp(30px, 4vw, 46px);\n  font-weight: 700;\n  margin-bottom: 18px;\n}\n.feature-text p {\n  font-size: 18px;\n  color: #333;\n  line-height: 1.6;\n}\n.feature-media {\n  flex: 1 1 480px;\n}\n.feature-media img {\n  width: 100%;\n  height: auto;\n  border-radius: 20px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n\/* Giảm khoảng cách giữa 2 ảnh *\/\n.feature-media + .feature-media {\n  margin-top: 10px; \/* Khoảng cách giữa 2 ảnh - có thể điều chỉnh *\/\n}\n\n\/* ======= RESPONSIVE ======= *\/\n@media (max-width: 900px) {\n  .feature-inner,\n  .feature-inner.reverse {\n    flex-direction: column;\n    text-align: center;\n  }\n  .feature-media img {\n    max-width: 100%;\n  }\n  \/* Giảm khoảng cách trên mobile *\/\n  .feature-media + .feature-media {\n    margin-top: 10px;\n  }\n}\n\u003c\/style\u003e\n\u003c!-- ===== PHẦN 2 — MODULARITY \u0026 LONGEVITY ===== --\u003e\n\u003csection class=\"nomad-feature nomad-modularity\"\u003e\n\u003cdiv class=\"feature-inner reverse\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003cspan class=\"tag\"\u003eTính Bền Vững \u0026amp; Dễ Nâng Cấp\u003c\/span\u003e\n\u003ch2\u003eCông nghệ được tạo ra để đồng hành cùng bạn\u003c\/h2\u003e\n\u003cp\u003eBạn có cảm thấy thất vọng khi hầu hết các thiết bị công nghệ đều có vòng đời quá ngắn — mua, hỏng, thay, rồi lại lặp lại?\u003c\/p\u003e\n\u003cp\u003eHãy tưởng tượng một thế giới nơi điều đó không còn tồn tại. Một thế giới nơi công nghệ không bị thiết kế để lỗi thời, mà hướng đến \u003cstrong\u003eđộ bền và khả năng thích ứng\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eNomad A6 X2 được thiết kế để phát triển cùng bạn. Với \u003cstrong\u003epin có thể thay thế\u003c\/strong\u003e và \u003cstrong\u003ekhe cắm thẻ SD\u003c\/strong\u003e, bạn hoàn toàn làm chủ thiết bị của mình — lưu trữ linh hoạt, dễ nâng cấp và kéo dài tuổi thọ sản phẩm.\u003c\/p\u003e\n\u003cp\u003eMọi dữ liệu của bạn được bảo vệ và nằm trong quyền kiểm soát tuyệt đối. Nâng cấp dễ dàng, kéo dài tuổi thọ, và \u003cstrong\u003ethật sự sở hữu thiết bị của chính bạn.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/nomad_modula.png?v=1760070567\" alt=\"Nomad Modular Design\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/repair2_06d38e79-a928-4494-9c80-5dd3d0d5e17f.jpg?v=1700728392\" alt=\"Nomad Modular Design\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ===== SUB FEATURE GRID ===== --\u003e\n\u003csection class=\"nomad-subgrid\"\u003e\n\u003cdiv class=\"subgrid-container\"\u003e\n\u003cdiv class=\"subgrid-item\"\u003e\n\u003ch3\u003eThích ứng với cách bạn sử dụng\u003c\/h3\u003e\n\u003cp\u003eNhờ chức năng \u003cstrong\u003exoay màn hình tự động\u003c\/strong\u003e và \u003cstrong\u003ethanh công cụ kép\u003c\/strong\u003e, bạn thuận tay trái hay tay phải đều thao tác dễ dàng, linh hoạt.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/bento_2_2.png?v=1700447479\" alt=\"Auto Rotate Dual Sidebar\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"subgrid-item\"\u003e\n\u003ch3\u003eBảo vệ hành tinh\u003c\/h3\u003e\n\u003cp\u003eNomad A6 X2 sử dụng \u003cstrong\u003evật liệu thân thiện môi trường\u003c\/strong\u003e từ lớp vỏ đến bao bì. Giảm rác thải điện tử, tăng tuổi thọ, và hướng đến một thế giới bền vững hơn.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/help_earth_2.png?v=1700812774\" alt=\"Eco Friendly Materials\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"subgrid-item\"\u003e\n\u003ch3\u003eSở hữu thật sự\u003c\/h3\u003e\n\u003cp\u003eKhông tài khoản ràng buộc. Không quảng cáo. Không theo dõi. Supernote Nomad tôn trọng quyền riêng tư, cho bạn quyền kiểm soát trọn vẹn dữ liệu và trải nghiệm.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/supportApps_7fb854b3-01e1-4db3-b797-c7187a6663c4.png?v=1730706008\u0026amp;width=2048\" alt=\"True Ownership\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* ===== PHẦN 2 ===== *\/\n.nomad-modularity img {\n  width: 100%;\n  border-radius: 20px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n.nomad-modularity .feature-text p {\n  margin-bottom: 14px;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.6;\n}\n.nomad-modularity strong { color: #000; }\n\n\/* ===== GRID 3 SUB FEATURES ===== *\/\n.nomad-subgrid {\n  background: #f5f4f1;\n  padding: 80px 20px;\n}\n.subgrid-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n}\n.subgrid-item {\n  background: #fff;\n  border-radius: 20px;\n  padding: 30px;\n  text-align: center;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.08);\n}\n.subgrid-item h3 {\n  font-size: 22px;\n  font-weight: 700;\n  margin-bottom: 14px;\n}\n.subgrid-item p {\n  color: #444;\n  font-size: 16px;\n  line-height: 1.6;\n  margin-bottom: 16px;\n}\n.subgrid-item img {\n  width: 100%;\n  border-radius: 14px;\n  object-fit: cover;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n}\n\n\/* Responsive *\/\n@media (max-width: 960px) {\n  .subgrid-container {\n    grid-template-columns: 1fr;\n  }\n  .subgrid-item {\n    padding: 24px;\n  }\n}\n\u003c\/style\u003e\n\u003c!-- ===== PHẦN 3 — PHẦN MỀM MỚI ===== --\u003e\n\u003csection class=\"nomad-feature nomad-software\"\u003e\n\u003cdiv class=\"software-header\"\u003e\n\u003ch2\u003ePhần Mềm Mới\u003c\/h2\u003e\n\u003cp\u003eXưởng sáng tạo di động của riêng bạn\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"software-wrapper\"\u003e\n\u003cdiv class=\"software-left\"\u003e\n\u003ch3 data-pf-type=\"Heading2\" class=\"sc-bhqpXc bptxD pf-150_ pf-heading-1-h3\"\u003ePortable Atelier\u003c\/h3\u003e\n\u003cp\u003eGiới thiệu phần mềm vẽ chuyên nghiệp mới được tích hợp sẵn, với kho công cụ bút phong phú giúp bạn phác thảo, vẽ, và sáng tạo ở bất cứ đâu.\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\" class=\"software-image\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/nomad_atelier.png?v=1760073682\" alt=\"Nomad Software Interface\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n.nomad-software {\n  background: #efefee;\n  padding: 100px 20px;\n  color: #111;\n  text-align: left;\n}\n\n.software-header {\n  text-align: center;\n  margin-bottom: 60px;\n}\n.software-header h2 {\n  font-family: 'Georgia', serif;\n  font-size: clamp(40px, 6vw, 72px);\n  font-weight: 600;\n  color: #111;\n}\n.software-header p {\n  font-size: 22px;\n  color: #333;\n  margin-top: 10px;\n  font-weight: 500;\n}\n\n.software-wrapper {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 60px;\n  max-width: 1300px;\n  margin: 0 auto;\n  flex-wrap: wrap;\n}\n\n.software-left {\n  flex: 1.2;\n}\n.software-left h3 {\n  font-size: 28px;\n  font-weight: 700;\n  margin-bottom: 10px;\n}\n.software-left p {\n  font-size: 18px;\n  color: #333;\n  margin-bottom: 26px;\n  line-height: 1.6;\n}\n\n.software-image img {\n  width: 100%;\n  border-radius: 14px;\n  box-shadow: 0 8px 25px rgba(0,0,0,0.08);\n}\n\n.software-right {\n  flex: 0.8;\n}\n.software-tools {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px 40px;\n}\n.software-tools li {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: #fff;\n  border-radius: 12px;\n  padding: 14px 18px;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.05);\n}\n.software-tools img {\n  width: 28px;\n  height: 28px;\n  object-fit: contain;\n}\n.software-tools span {\n  font-size: 17px;\n  color: #222;\n  font-weight: 500;\n}\n\n\/* Mobile *\/\n@media (max-width: 960px) {\n  .software-wrapper {\n    flex-direction: column;\n    align-items: center;\n    gap: 40px;\n  }\n  .software-right {\n    width: 100%;\n  }\n  .software-tools {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\u003c\/style\u003e\n\u003c!-- ===== PHẦN 4 — TRẢI NGHIỆM \u0026 TUỲ CHỈNH ===== --\u003e\n\u003csection class=\"nomad-feature nomad-system\"\u003e\n\u003cdiv class=\"system-grid\"\u003e\n\u003c!-- Bên trái: Navigate --\u003e\n\u003cdiv class=\"system-item wide\"\u003e\n\u003ch3\u003eĐiều Hướng Hiệu Quả Hơn\u003c\/h3\u003e\n\u003cp\u003eHai thanh thao tác mới với các cử chỉ giúp bạn tương tác nhanh hơn, thuận tiện hơn.\u003c\/p\u003e\n\u003cimg alt=\"Dual Sidebar Gestures\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/nomad_gesture.png?v=1760074644\"\u003e\n\u003c\/div\u003e\n\u003c!-- Bên phải: Customize --\u003e\n\u003cdiv class=\"system-item small\"\u003e\n\u003ch3\u003eTùy Biến Hệ Thống\u003c\/h3\u003e\n\u003cp\u003eHệ điều hành dựa trên Linux sẽ được mở trong tương lai, cho phép cộng đồng tinh chỉnh và phát triển các tính năng tùy chỉnh.\u003c\/p\u003e\n\u003cimg alt=\"Linux System\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/Linux_Tux.png?v=1700471289\"\u003e\n\u003cp class=\"note\"\u003e*Không tích hợp sẵn trên thiết bị.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Landscape Note --\u003e\n\u003cdiv class=\"landscape-block\"\u003e\n\u003ch3\u003eGhi Chú Ngang Màn Hình\u003c\/h3\u003e\n\u003cp\u003eTrải nghiệm viết và ghi chú theo chiều ngang với các mẫu bố cục có sẵn được thiết kế cho sự thoải mái tối đa.\u003c\/p\u003e\n\u003cimg alt=\"Landscape Notes\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/Horizontal_2.png?v=1700647974\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n.nomad-system {\n  background: #efefee;\n  padding: 100px 20px 80px;\n}\n.system-grid {\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  gap: 40px;\n  max-width: 1280px;\n  margin: 0 auto 60px;\n}\n.system-item {\n  background: #fff;\n  border-radius: 16px;\n  padding: 36px;\n  box-shadow: 0 6px 24px rgba(0,0,0,0.08);\n}\n.system-item h3 {\n  font-size: 26px;\n  font-weight: 700;\n  margin-bottom: 10px;\n}\n.system-item p {\n  font-size: 17px;\n  color: #333;\n  line-height: 1.6;\n  margin-bottom: 16px;\n}\n.system-item img {\n  width: 100%;\n  border-radius: 12px;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.05);\n  margin-top: 10px;\n}\n.system-item .note {\n  font-size: 14px;\n  color: #666;\n  margin-top: 8px;\n}\n\n\/* Landscape section *\/\n.landscape-block {\n  background: #e7e6e5;\n  border-radius: 20px;\n  padding: 60px 30px;\n  max-width: 1180px;\n  margin: 0 auto;\n  text-align: center;\n  box-shadow: 0 6px 18px rgba(0,0,0,0.06);\n}\n.landscape-block h3 {\n  font-size: 28px;\n  font-weight: 700;\n  margin-bottom: 14px;\n}\n.landscape-block p {\n  font-size: 17px;\n  color: #333;\n  margin-bottom: 30px;\n}\n.landscape-block img {\n  width: 100%;\n  border-radius: 16px;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.08);\n}\n\n\/* Responsive *\/\n@media (max-width: 960px) {\n  .system-grid {\n    grid-template-columns: 1fr;\n  }\n  .system-item {\n    padding: 24px;\n  }\n  .landscape-block {\n    padding: 40px 20px;\n  }\n}\n\u003c\/style\u003e\n\u003c!-- SECTION 6 – Viết Tự Nhiên (label + text ngoài video + video card) --\u003e\n\u003csection class=\"m6-section\" id=\"m6-write\"\u003e\u003c!-- Label --\u003e\n\u003cdiv class=\"m6-label\"\u003eKế Thừa Sự Độc Đáo Của Supernote\u003c\/div\u003e\n\u003c!-- Text (ngoài video) --\u003e\n\u003cdiv class=\"m6-text\"\u003e\n\u003ch2 class=\"m6-title\"\u003eViết Tự Nhiên\u003c\/h2\u003e\n\u003cp class=\"m6-desc\"\u003eCông nghệ \u003cstrong\u003eFeelWrite 2\u003c\/strong\u003e với lớp phim mềm tự phục hồi – cho trải nghiệm viết chân thật, tự nhiên và thoải mái nhất.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Video card (không đụng watermark, không overlay) --\u003e\n\u003cdiv class=\"m6-video\"\u003e\n\u003cdiv class=\"m6-iframe-wrap\"\u003e\u003ciframe title=\"FeelWrite 2\" src=\"https:\/\/www.youtube.com\/embed\/v3767K6mdFw?autoplay=1\u0026amp;mute=1\u0026amp;loop=1\u0026amp;controls=0\u0026amp;playlist=v3767K6mdFw\u0026amp;modestbranding=1\u0026amp;showinfo=0\" class=\"m6-iframe\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* ===== Font \u0026 smoothing đồng bộ cho toàn section ===== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800\u0026display=swap');\n\n.m6-section,\n.m6-section *{\n  font-family:'Inter',system-ui,-apple-system,\"Segoe UI\",Roboto,\"Noto Sans\",Arial,sans-serif !important;\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n  text-rendering:optimizeLegibility;\n}\n\n\/* ===== Section nền ===== *\/\n.m6-section{\n  padding:100px 20px;\n  background:linear-gradient(to bottom,#f0f3f5,#f9fafa);\n  text-align:center;\n}\n\n\/* ===== Label ===== *\/\n.m6-label{\n  display:inline-block;\n  background:#111827; color:#fff;\n  font-size:16px; font-weight:600;\n  padding:8px 18px; border-radius:12px;\n  margin-bottom:28px;\n}\n\n\/* ===== Text ngoài video ===== *\/\n.m6-text{ max-width:800px; margin:0 auto 40px; }\n.m6-title{\n  margin:0 0 12px;\n  font-weight:800;\n  font-size:clamp(32px,4vw,48px);\n  line-height:1.2;\n  color:#222;\n  letter-spacing:0; \/* tránh bị giãn chữ lạ *\/\n}\n.m6-desc{\n  margin:0;\n  font-size:20px;\n  line-height:1.6;\n  color:#444;\n}\n\n\/* ===== Video card ===== *\/\n.m6-video{ max-width:1100px; margin:0 auto; }\n.m6-iframe-wrap{\n  position:relative; width:100%;\n  border-radius:16px; overflow:hidden;\n  box-shadow:0 12px 40px rgba(0,0,0,.18);\n  background:#000; \/* phòng khi video chưa load *\/\n}\n\/* Giữ tỉ lệ 16:9 (fallback + aspect-ratio) *\/\n.m6-iframe-wrap::before{ content:\"\"; display:block; padding-bottom:56.25%; }\n@supports (aspect-ratio:16\/9){\n  .m6-iframe-wrap{ aspect-ratio:16\/9; }\n  .m6-iframe-wrap::before{ display:none; }\n}\n\/* Iframe fill khung, không nhận click *\/\n.m6-iframe{\n  position:absolute; inset:0;\n  width:100%; height:100%;\n  border:0; pointer-events:none;\n  border-radius:16px;\n}\n\n\/* ===== Responsive ===== *\/\n@media (max-width:768px){\n  .m6-video{ max-width:92vw; }\n}\n\u003c\/style\u003e\n\u003c!-- Slider (mobil\u003c!-- ================= SECTION 7 ================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Slider (mobil\u003c!-- ================= SECTION 7 ================= --\u003e\n\u003csection class=\"feature-section s7-section\"\u003e\n\u003cdiv class=\"s7-heading\"\u003e\n\u003ch2 class=\"s7-title\"\u003eNgòi Bút Ceramic NeverReplace\u003cbr\u003e\u003cspan\u003e– chính xác nhất thế giới! –\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Toggle buttons (desktop only) --\u003e\n\u003cdiv class=\"s7-toggle-container desktop-only\"\u003e\n\u003cbutton class=\"s7-toggle-btn active\" data-target=\"durability\"\u003eĐộ Bền\u003c\/button\u003e \u003cbutton class=\"s7-toggle-btn\" data-target=\"precision\"\u003eĐộ Chính Xác\u003c\/button\u003e \u003cbutton class=\"s7-toggle-btn\" data-target=\"battery\"\u003ePin\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Content wrapper (desktop only) --\u003e\n\u003cdiv class=\"s7-wrapper desktop-only\"\u003e\n\u003c!-- Durability --\u003e\n\u003cdiv class=\"s7-block active\" data-type=\"durability\"\u003e\n\u003cdiv class=\"s7-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/nibs.webp?v=1759322315\" alt=\"Độ Bền\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Precision --\u003e\n\u003cdiv class=\"s7-block\" data-type=\"precision\"\u003e\n\u003cdiv class=\"s7-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/Precision.webp?v=1759322393\" alt=\"Độ Chính Xác\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Battery --\u003e\n\u003cdiv class=\"s7-block\" data-type=\"battery\"\u003e\n\u003cdiv class=\"s7-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/battery.webp?v=1759322351\" alt=\"Pin\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Slider (mobile only) --\u003e\n\u003cdiv class=\"s7-slider mobile-only\"\u003e\n\u003cdiv class=\"s7-track\"\u003e\n\u003cdiv class=\"s7-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/nibs.webp?v=1759322315\" alt=\"Độ Bền\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"s7-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/Precision.webp?v=1759322393\" alt=\"Độ Chính Xác\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"s7-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/battery.webp?v=1759322351\" alt=\"Pin\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"s7-prev\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"s7-next\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"s7-dots\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* ===== Base ===== *\/\n.s7-section{\n  background: linear-gradient(to bottom,#efefea,#f5f5f0);\n  padding:80px 20px;\n  text-align:center;\n}\n.s7-title{\n  font-family:'Inter',sans-serif;\n  font-size:clamp(28px,4vw,42px);\n  font-weight:700;\n  margin-bottom:30px;\n  color:#111;\n}\n.s7-title span{\n  display:block;\n  font-size:18px;\n  font-weight:400;\n  color:#444;\n  margin-top:8px;\n}\n\n\/* ===== Desktop Toggle ===== *\/\n.desktop-only{display:block;}\n.mobile-only{display:none;}\n\n.s7-toggle-container{\n  display:flex;\n  justify-content:center;\n  gap:30px;\n  margin-bottom:40px;\n}\n.s7-toggle-btn{\n  min-width:200px;\n  padding:14px 32px;\n  border:1.5px solid rgba(0,0,0,.2);\n  background:rgba(255,255,255,.7);\n  font-size:17px;\n  font-weight:600;\n  border-radius:30px;\n  cursor:pointer;\n  transition:all .3s ease;\n}\n.s7-toggle-btn.active{\n  background:#fff;\n  color:#000;\n  box-shadow:0 6px 20px rgba(0,0,0,.12);\n}\n.s7-wrapper{\n  position:relative;\n  max-width:1000px;\n  margin:0 auto;\n}\n.s7-block{\n  display:none;\n  opacity:0;\n  transition:opacity .6s ease;\n}\n.s7-block.active{\n  display:block;\n  opacity:1;\n}\n.s7-img img{\n  max-height:70vh;\n  width:auto;\n  object-fit:contain;\n  display:block;\n  margin:0 auto;\n}\n\n\/* ===== Mobile Slider ===== *\/\n@media (max-width:768px){\n  .desktop-only{display:none;}\n  .mobile-only{display:block;}\n\n  .s7-slider{\n    position:relative;\n    width:100%;\n    max-width:100%;\n    overflow:hidden;\n    margin:0 auto;\n  }\n  .s7-track{\n    display:flex;\n    transition:transform .45s ease;\n    will-change:transform;\n    width:100%;\n  }\n  .s7-slide{\n    flex:0 0 100%;\n    width:100%;\n  }\n  .s7-slide img{\n    width:100%;\n    height:auto;\n    object-fit:contain;\n    display:block;\n  }\n  .s7-prev,.s7-next{\n    position:absolute;\n    top:50%;\n    transform:translateY(-50%);\n    background:rgba(0,0,0,0.4);\n    color:#fff;\n    border:none;\n    padding:10px 14px;\n    border-radius:50%;\n    cursor:pointer;\n    z-index:10;\n  }\n  .s7-prev{left:10px;}\n  .s7-next{right:10px;}\n  .s7-dots{\n    display:flex;\n    justify-content:center;\n    margin-top:12px;\n    gap:8px;\n  }\n  .s7-dots button{\n    width:10px;height:10px;\n    border-radius:50%;\n    border:none;\n    background:#ccc;\n  }\n  .s7-dots button.active{background:#333;}\n}\n\u003c\/style\u003e\n\u003cp\u003e\u003cscript\u003e\n\/* ===== Desktop Toggle ===== *\/\ndocument.querySelectorAll('.s7-toggle-btn').forEach(btn=\u003e{\n  btn.addEventListener('click',()=\u003e{\n    document.querySelectorAll('.s7-toggle-btn').forEach(b=\u003eb.classList.remove('active'));\n    btn.classList.add('active');\n    let type=btn.dataset.target;\n    document.querySelectorAll('.s7-block').forEach(b=\u003e{\n      b.classList.remove('active');\n      if(b.dataset.type===type) b.classList.add('active');\n    });\n  });\n});\n\n\/* ===== Mobile Slider ===== *\/\n(function(){\n  const slider=document.querySelector('.s7-slider');\n  if(!slider) return;\n  const track=slider.querySelector('.s7-track');\n  const slides=slider.querySelectorAll('.s7-slide');\n  const prev=slider.querySelector('.s7-prev');\n  const next=slider.querySelector('.s7-next');\n  const dotsC=slider.querySelector('.s7-dots');\n  let index=0, vw=window.innerWidth;\n\n  \/\/ dots\n  slides.forEach((_,i)=\u003e{\n    let d=document.createElement('button');\n    if(i===0) d.classList.add('active');\n    d.addEventListener('click',()=\u003ego(i));\n    dotsC.appendChild(d);\n  });\n  const dots=dotsC.querySelectorAll('button');\n\n  function updateDots(i){\n    dots.forEach((d,di)=\u003ed.classList.toggle('active',di===i));\n  }\n  function go(i){\n    index=(i+slides.length)%slides.length;\n    track.style.transform=`translateX(-${index*vw}px)`;\n    updateDots(index);\n  }\n\n  prev.addEventListener('click',()=\u003ego(index-1));\n  next.addEventListener('click',()=\u003ego(index+1));\n\n  \/\/ swipe\n  let startX=0,dx=0;\n  track.addEventListener('touchstart',e=\u003e{startX=e.touches[0].clientX;});\n  track.addEventListener('touchmove',e=\u003e{dx=e.touches[0].clientX-startX;});\n  track.addEventListener('touchend',()=\u003e{\n    if(Math.abs(dx)\u003e50){\n      if(dx\u003c0) go(index+1); else go(index-1);\n    }\n    dx=0;\n  });\n\n  window.addEventListener('resize',()=\u003e{vw=window.innerWidth;go(index);});\n})();\n\u003c\/script\u003e \u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", () =\u003e {\n  const track = document.querySelector(\".s7-track\");\n  const slides = document.querySelectorAll(\".s7-slide\");\n  const prevBtn = document.querySelector(\".s7-prev\");\n  const nextBtn = document.querySelector(\".s7-next\");\n  const dots = document.querySelectorAll(\".s7-dots button\");\n  let index = 0;\n  let autoSlideInterval;\n  let isPaused = false;\n\n  function showSlide(i) {\n    index = (i + slides.length) % slides.length;\n    track.style.transform = `translateX(-${index * 100}%)`;\n    dots.forEach(d =\u003e d.classList.remove(\"active\"));\n    dots[index].classList.add(\"active\");\n  }\n\n  function nextSlide() { showSlide(index + 1); }\n  function prevSlide() { showSlide(index - 1); }\n\n  nextBtn?.addEventListener(\"click\", () =\u003e {\n    nextSlide();\n    resetAutoSlide();\n  });\n  prevBtn?.addEventListener(\"click\", () =\u003e {\n    prevSlide();\n    resetAutoSlide();\n  });\n  dots.forEach((dot, i) =\u003e {\n    dot.addEventListener(\"click\", () =\u003e {\n      showSlide(i);\n      resetAutoSlide();\n    });\n  });\n\n  \/\/ 👉 Auto slide\n  function startAutoSlide() {\n    autoSlideInterval = setInterval(() =\u003e {\n      if (!isPaused) nextSlide();\n    }, 3000);\n  }\n  function resetAutoSlide() {\n    clearInterval(autoSlideInterval);\n    startAutoSlide();\n  }\n\n  \/\/ Swipe support\n  let startX = 0;\n  track.addEventListener(\"touchstart\", e =\u003e {\n    startX = e.touches[0].clientX;\n    isPaused = true; \/\/ dừng khi đang chạm giữ\n  });\n  track.addEventListener(\"touchend\", e =\u003e {\n    let endX = e.changedTouches[0].clientX;\n    if (endX - startX \u003e 50) prevSlide();\n    else if (startX - endX \u003e 50) nextSlide();\n    isPaused = false; \/\/ thả tay thì chạy lại\n    resetAutoSlide();\n  });\n\n  \/\/ Pause khi hover (desktop chỉ đề phòng)\n  track.addEventListener(\"mouseenter\", () =\u003e { isPaused = true; });\n  track.addEventListener(\"mouseleave\", () =\u003e { isPaused = false; });\n\n  showSlide(0);\n  startAutoSlide();\n});\n\u003c\/script\u003e\u003c\/p\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"section-8\"\u003e\n\u003ch2 class=\"s8-heading\"\u003eKhoảng Cách Ngòi Bút Tới Mực Tối Thiểu\u003c\/h2\u003e\n\u003cdiv class=\"s8-img-wrapper\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/nibs_to_ink.webp?v=1759324172\" alt=\"Minimal nib-to-ink distance\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"s8-img-wrapper\"\u003e\n\u003ch2 class=\"s8-heading\"\u003eFrontlight Free\u003cbr\u003ehiển thị tự nhiên như giấy trong ánh sáng thật.\u003c\/h2\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/Screenshot_2025-11-03_at_20.55.03.png?v=1762178113\" alt=\"Frontlight Free\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n.section-8 {\n  background: #f3f4f3;\n  padding: 80px 20px;\n  text-align: center;\n}\n\n.s8-heading {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(28px, 4vw, 40px);\n  font-weight: 700;\n  margin-bottom: 30px;\n  color: #111;\n}\n\n.s8-img-wrapper {\n  position: relative;\n  margin: 0 auto 50px;\n  max-width: 1000px; \/* Giới hạn chiều rộng tối đa *\/\n}\n\n.s8-img-wrapper img {\n  width: 100%;\n  max-width: 900px; \/* Giới hạn kích thước ảnh *\/\n  height: auto;\n  display: block;\n  margin: 0 auto; \/* Căn giữa ảnh *\/\n  border-radius: 12px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08); \/* Thêm shadow như ảnh trên *\/\n}\n\n.s8-label {\n  position: absolute;\n  top: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  font-size: 18px;\n  font-weight: 600;\n  color: #111;\n}\n\n\/* --- Mobile fix --- *\/\n@media (max-width: 768px) {\n  .s8-img-wrapper {\n    max-width: 100%;\n  }\n  \n  .s8-img-wrapper img {\n    max-width: 100%; \/* Full width trên mobile *\/\n  }\n  \n  .s8-heading {\n    font-size: 22px;\n    margin-bottom: 16px;\n  }\n\n  .s8-label {\n    position: static !important;\n    transform: none !important;\n    display: block;\n    margin-top: 10px;\n    font-size: 16px;\n    color: #222;\n  }\n}\n\u003c\/style\u003e\n\u003c!-- Section 9 --\u003e\n\u003csection class=\"section-9\"\u003e\n\u003ch2 class=\"s9-heading\"\u003eTổ Chức Thông Minh\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e\u003c!-- Desktop Grid --\u003e\n\u003cdiv class=\"s9-grid desktop-only\"\u003e\n\u003c!-- Cột 1 --\u003e\n\u003cdiv class=\"s9-col\"\u003e\n\u003cdiv class=\"s9-label\"\u003e\n\u003cspan class=\"s9-icon\"\u003eH\u003c\/span\u003e Structure via headings\u003c\/div\u003e\n\u003cimg alt=\"Structure via headings\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/Heading_screen_2.webp?v=1759325342\"\u003e\n\u003c\/div\u003e\n\u003c!-- Cột 2 --\u003e\n\u003cdiv class=\"s9-col\"\u003e\n\u003cdiv class=\"s9-label\"\u003e\n\u003cspan class=\"s9-icon\"\u003eK\u003c\/span\u003e Index via keywords\u003c\/div\u003e\n\u003cimg alt=\"Index via keywords\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/Keywords_Screen_Shot_5f7dc080-df82-40af-8735-3e82723aa68d.webp?v=1759325337\"\u003e\n\u003c\/div\u003e\n\u003c!-- Cột 3 --\u003e\n\u003cdiv class=\"s9-col\"\u003e\n\u003cdiv class=\"s9-label\"\u003e\n\u003cspan class=\"s9-icon\"\u003e🔗\u003c\/span\u003e Connect via links\u003c\/div\u003e\n\u003cimg alt=\"Connect via links\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/Index_template_created_by_u_Abhamr_d5de0fa7-6cd1-496f-b0bf-5c34efc754dd.webp?v=1759325337\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Mobile Slider --\u003e\n\u003cdiv class=\"s9-slider mobile-only\"\u003e\n\u003cdiv class=\"s9-track\"\u003e\n\u003cdiv class=\"s9-slide active\"\u003e\n\u003cdiv class=\"s9-label\"\u003e\n\u003cspan class=\"s9-icon\"\u003eH\u003c\/span\u003e Structure via headings\u003c\/div\u003e\n\u003cimg alt=\"Structure via headings\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/Heading_screen_2.webp?v=1759325342\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"s9-slide\"\u003e\n\u003cdiv class=\"s9-label\"\u003e\n\u003cspan class=\"s9-icon\"\u003eK\u003c\/span\u003e Index via keywords\u003c\/div\u003e\n\u003cimg alt=\"Index via keywords\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/Keywords_Screen_Shot_5f7dc080-df82-40af-8735-3e82723aa68d.webp?v=1759325337\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"s9-slide\"\u003e\n\u003cdiv class=\"s9-label\"\u003e\n\u003cspan class=\"s9-icon\"\u003e🔗\u003c\/span\u003e Connect via links\u003c\/div\u003e\n\u003cimg alt=\"Connect via links\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/Index_template_created_by_u_Abhamr_d5de0fa7-6cd1-496f-b0bf-5c34efc754dd.webp?v=1759325337\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Nút điều hướng --\u003e \u003cbutton class=\"s9-prev\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"s9-next\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n.section-9 {\n  background: #f3f4f3;\n  padding: 80px 20px;\n  text-align: center;\n}\n\n.s9-heading {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(28px, 4vw, 42px);\n  font-weight: 700;\n  margin-bottom: 50px;\n  color: #111;\n}\n\n\/* === Desktop Grid === *\/\n.s9-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n  max-width: 1400px;\n  margin: 0 auto;\n}\n.s9-col { display: flex; flex-direction: column; align-items: center; }\n.s9-label {\n  font-size: 18px; font-weight: 600; color: #333;\n  margin-bottom: 16px; display: flex; align-items: center; gap: 8px;\n}\n.s9-icon {\n  border: 2px solid #111; padding: 2px 8px; border-radius: 6px;\n  font-weight: 700; font-size: 16px; background: #fff;\n}\n.s9-col img { width: 100%; height: auto; border-radius: 8px; }\n\n\/* === Mobile Slider === *\/\n.s9-slider {\n  position: relative;\n  max-width: 95%;\n  margin: 0 auto;\n  overflow: hidden;\n}\n.s9-track {\n  position: relative;\n  width: 100%;\n}\n.s9-slide {\n  display: none;\n  flex-direction: column;\n  align-items: center;\n}\n.s9-slide.active { display: flex; }\n.s9-slide img {\n  width: 100%;\n  height: auto;\n  border-radius: 8px;\n  margin-top: 10px;\n}\n.s9-prev, .s9-next {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: rgba(0,0,0,0.5);\n  color: #fff;\n  border: none;\n  font-size: 24px;\n  padding: 8px 14px;\n  cursor: pointer;\n  border-radius: 50%;\n  z-index: 10;\n  transition: background 0.3s ease;\n}\n.s9-prev:hover, .s9-next:hover {\n  background: rgba(0,0,0,0.7);\n}\n.s9-prev { left: 10px; }\n.s9-next { right: 10px; }\n\n\/* === Responsive Toggle === *\/\n.desktop-only { display: block; }\n.mobile-only { display: none; }\n\n\/* Desktop\/Laptop (\u003e= 901px) =\u003e bật grid 3 cột, tắt slider *\/\n@media (min-width: 901px){\n  .section-9 .desktop-only { display: block !important; }\n  .section-9 .mobile-only  { display: none  !important; }\n\n  .section-9 .s9-grid{\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 30px !important;\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n  .section-9 .s9-col{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  .section-9 .s9-col img{\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 8px;\n  }\n}\n\n\/* Mobile\/Tablet nhỏ (\u003c= 900px) =\u003e tắt grid, bật slider *\/\n@media (max-width: 900px){\n  .section-9 .desktop-only { display: none  !important; }\n  .section-9 .mobile-only  { display: block !important; }\n}\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 🔹 SECTION 10 --\u003e\n\u003csection class=\"offline-section\"\u003e\n\u003cdiv class=\"offline-wrapper\"\u003e\n\u003c!-- Heading --\u003e\n\u003ch2 class=\"offline-heading\"\u003eHỗ Trợ Ngoại Tuyến Linh Hoạt\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e\u003c!-- Block 1 --\u003e\n\u003cdiv class=\"offline-block\"\u003e\n\u003cp class=\"offline-label\"\u003eChia sẻ files qua USB hoặc Wi-Fi trong mạng nội bộ.\u003c\/p\u003e\n\u003cdiv class=\"offline-img\"\u003e\u003cimg alt=\"Offline file transfer\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/USB4.png?v=1731997700\u0026amp;width=2048\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\u003c!-- Block 2 --\u003e\n\u003cdiv class=\"offline-block\"\u003e\n\u003cp class=\"offline-label\"\u003eNhận dạng chữ viết tay thời gian thực không cần kết nối mạng\u003c\/p\u003e\n\u003cdiv class=\"offline-img\"\u003e\u003cimg alt=\"Handwriting recognition\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/handwritten_conversion_1b4bebc8-f50b-4f22-8b50-6e62c1ab66cd.gif?v=1694144421\u0026amp;width=2048\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* SECTION 10 *\/\n.offline-section {\n  background: #f5f6f3; \/* cùng màu với section 9 *\/\n  padding: 100px 20px;\n  text-align: center;\n  font-family: 'Inter', sans-serif;\n}\n\n.offline-heading {\n  font-family: 'Inter', sans-serif;  \/* ✅ đồng bộ font *\/\n  font-size: clamp(32px, 4vw, 46px);\n  font-weight: 800; \/* ✅ giữ consistent với các heading khác *\/\n  color: #111;\n  margin-bottom: 60px;\n}\n\n\/* Label + image block *\/\n.offline-block {\n  margin-bottom: 60px;\n}\n\n.offline-label {\n  font-family: 'Inter', sans-serif; \/* ✅ đồng bộ font *\/\n  font-size: 20px;\n  font-weight: 600;\n  color: #333;\n  margin-bottom: 20px;\n}\n\n.offline-img img {\n  max-width: 900px;\n  width: 100%;\n  height: auto;\n  display: block;\n  margin: 0 auto;\n  border-radius: 12px;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .offline-label { font-size: 18px; }\n  .offline-img img { max-width: 100%; }\n}\n\u003c\/style\u003e\n\u003c!-- ===== PHẦN 5 — TÍCH HỢP CÔNG VIỆC ===== --\u003e\n\u003csection class=\"nomad-feature nomad-workflow\"\u003e\n\u003cdiv class=\"workflow-header\"\u003e\n\u003ch2\u003eTích Hợp Quy Trình Làm Việc\u003c\/h2\u003e\n\u003cp\u003eKết nối, chia sẻ và làm việc liền mạch giữa Nomad và các nền tảng quen thuộc.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"workflow-grid\"\u003e\n\u003c!-- Item 1 --\u003e\n\u003cdiv class=\"workflow-item\"\u003e\n\u003ch3\u003eĐồng bộ tập tin trên nhiều nền tảng\u003c\/h3\u003e\n\u003cimg alt=\"Sync Files Across Devices\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/Sync_2_60a3b77f-64ca-4208-8651-cb3565d3cade.png?v=1714548380\"\u003e\n\u003cdiv class=\"workflow-icons\"\u003e\u003cimg alt=\"OneDrive\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/drivers_c283164c-e6bb-4902-9bb3-e6e46b37e647.png?v=1714548592\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Item 2 --\u003e\n\u003cdiv class=\"workflow-item\"\u003e\n\u003ch3\u003eĐồng bộ sự kiện với Lịch Google \/ Outlook\u003c\/h3\u003e\n\u003cimg alt=\"Calendar Sync\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/mail_integration.jpg?v=1714543341\"\u003e\n\u003c\/div\u003e\n\u003c!-- Item 3 --\u003e\n\u003cdiv class=\"workflow-item\"\u003e\n\u003ch3\u003eChia sẻ màn hình qua Zoom \/ Google Meet\u003c\/h3\u003e\n\u003cimg alt=\"Zoom Share Screen\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/screen_mirror_0c9f6fac-8f45-4015-864d-30bd0cf8845d.jpg?v=1700537761\"\u003e\n\u003c\/div\u003e\n\u003c!-- Item 4 --\u003e\n\u003cdiv class=\"workflow-item\"\u003e\n\u003ch3\u003eĐăng nhập Gmail \/ Outlook \u0026amp; gửi email viết tay\u003c\/h3\u003e\n\u003cimg alt=\"Handwritten Email\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/handwritten.png?v=1739755654\"\u003e\n\u003c\/div\u003e\n\u003c!-- Item 5 --\u003e\n\u003cdiv class=\"workflow-item full\"\u003e\n\u003ch3\u003eHiệu đính tài liệu Word bằng ký hiệu trực tiếp\u003c\/h3\u003e\n\u003cdiv class=\"proof-grid\"\u003e\n\u003cimg alt=\"Proofreading Example 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/proofreading.gif?v=1693985638\"\u003e \u003cimg alt=\"Proofreading Example 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/proofreading_1.gif?v=1693985371\"\u003e \u003cimg alt=\"Proofreading Example 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/proofreading_2.gif?v=1693985486\"\u003e \u003cimg alt=\"Proofreading Example 4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/proofreading_4.gif?v=1693985516\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n.nomad-workflow {\n  background: #efefee;\n  padding: 100px 20px;\n  text-align: center;\n}\n\n.workflow-header {\n  margin-bottom: 60px;\n}\n.workflow-header h2 {\n  font-family: 'Georgia', serif;\n  font-size: clamp(40px, 6vw, 72px);\n  color: #111;\n  margin-bottom: 10px;\n}\n.workflow-header p {\n  font-size: 20px;\n  color: #444;\n}\n\n.workflow-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 36px;\n  max-width: 1300px;\n  margin: 0 auto;\n}\n.workflow-item {\n  background: #f3f3f3;\n  border-radius: 18px;\n  padding: 30px;\n  text-align: left;\n  box-shadow: 0 4px 18px rgba(0,0,0,0.06);\n}\n.workflow-item.full {\n  grid-column: 1 \/ -1;\n}\n.workflow-item h3 {\n  font-size: 22px;\n  font-weight: 700;\n  margin-bottom: 16px;\n}\n.workflow-item img {\n  width: 100%;\n  border-radius: 12px;\n  object-fit: contain;\n  margin-bottom: 16px;\n}\n.workflow-icons {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  align-items: center;\n}\n.workflow-icons img {\n  width: 42px;\n  height: 42px;\n  object-fit: contain;\n}\n\/* Proofreading grid *\/\n.proof-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 20px;\n  margin-top: 20px;\n}\n.proof-grid img {\n  width: 100%;\n  border-radius: 10px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n}\n\/* Responsive *\/\n@media (max-width: 960px) {\n  .workflow-grid {\n    grid-template-columns: 1fr;\n  }\n  .workflow-item {\n    text-align: center;\n  }\n}\n\u003c\/style\u003e\n\u003c!-- ===== PHẦN 6 — SLIDE ẢNH #NomadLife (OPTIMIZED) ===== --\u003e\n\u003csection class=\"nomadlife-section\"\u003e\n\u003ch2\u003e#NomadLife\u003c\/h2\u003e\n\u003cdiv class=\"nomadlife-slider\" id=\"nomadlifeSlider\"\u003e\n\u003cdiv class=\"slide-track\"\u003e\n\u003c!-- Set 1 --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/5_fbe19dd2-9f95-426c-90f2-3396cb9cb5d5.jpg?v=1725007851\u0026amp;width=800\" alt=\"Nomad photo 1\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/7_8e3b7fda-dca4-44a5-894c-4bbff087c1e5.jpg?v=1725007851\u0026amp;width=800\" alt=\"Nomad photo 2\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/2_b49a41aa-abc6-47ff-977e-f638cae3b13e.jpg?v=1725007851\u0026amp;width=800\" alt=\"Nomad photo 3\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/2_3119db4b-698d-4b07-ad95-eb4edd7acdb3.jpg?v=1725010504\u0026amp;width=800\" alt=\"Nomad photo 4\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/edit.jpg?v=1725010504\u0026amp;width=800\" alt=\"Nomad photo 5\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/3_0e753739-03e4-4f47-b527-c0d2bca4216b.jpg?v=1725010504\u0026amp;width=800\" alt=\"Nomad photo 6\" loading=\"lazy\"\u003e \u003c!-- Set 2 - Duplicate for seamless loop --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/5_fbe19dd2-9f95-426c-90f2-3396cb9cb5d5.jpg?v=1725007851\u0026amp;width=800\" alt=\"Nomad photo 1\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/7_8e3b7fda-dca4-44a5-894c-4bbff087c1e5.jpg?v=1725007851\u0026amp;width=800\" alt=\"Nomad photo 2\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/2_b49a41aa-abc6-47ff-977e-f638cae3b13e.jpg?v=1725007851\u0026amp;width=800\" alt=\"Nomad photo 3\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/2_3119db4b-698d-4b07-ad95-eb4edd7acdb3.jpg?v=1725010504\u0026amp;width=800\" alt=\"Nomad photo 4\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/edit.jpg?v=1725010504\u0026amp;width=800\" alt=\"Nomad photo 5\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0565\/1945\/9007\/files\/3_0e753739-03e4-4f47-b527-c0d2bca4216b.jpg?v=1725010504\u0026amp;width=800\" alt=\"Nomad photo 6\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n.nomadlife-section {\n  background: #efefee;\n  padding: 80px 20px;\n  text-align: left;\n  overflow: hidden;\n}\n.nomadlife-section h2 {\n  font-size: 40px;\n  font-weight: 800;\n  margin-bottom: 40px;\n  padding-left: 20px;\n  color: #111;\n}\n\n\/* Slider Container *\/\n.nomadlife-slider {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n}\n.slide-track {\n  display: flex;\n  gap: 20px;\n  animation: scroll 30s linear infinite;\n  will-change: transform;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-perspective: 1000;\n  perspective: 1000;\n}\n.slide-track img {\n  flex: 0 0 auto;\n  width: 380px;\n  height: 540px;\n  object-fit: cover;\n  border-radius: 20px;\n  box-shadow: 0 6px 18px rgba(0,0,0,0.1);\n  transition: transform 0.3s ease;\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n}\n.slide-track img:hover {\n  transform: scale(1.03) translateZ(0);\n}\n\n\/* Animation chạy liên tục *\/\n@keyframes scroll {\n  0% { transform: translate3d(0, 0, 0); }\n  100% { transform: translate3d(-50%, 0, 0); }\n}\n\n\/* Responsive - Mobile Optimization *\/\n@media (max-width: 960px) {\n  .nomadlife-section {\n    padding: 60px 15px;\n  }\n  .slide-track {\n    animation: scroll 20s linear infinite;\n    gap: 15px;\n  }\n  .slide-track img {\n    width: 260px;\n    height: 360px;\n  }\n  .nomadlife-section h2 {\n    font-size: 32px;\n    text-align: center;\n    padding-left: 0;\n  }\n  \/* Pause animation on touch for better mobile UX *\/\n  .nomadlife-slider:active .slide-track {\n    animation-play-state: paused;\n  }\n}\n\n@media (max-width: 480px) {\n  .slide-track img {\n    width: 220px;\n    height: 300px;\n  }\n}\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Ratta Supernote","offers":[{"title":"White","offer_id":43075546185811,"sku":"SN-A6 X2-W","price":11490000.0,"currency_code":"VND","in_stock":true},{"title":"Crystal","offer_id":43075546218579,"sku":"SN-A6 X2-C","price":12490000.0,"currency_code":"VND","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0652\/3725\/4227\/files\/NOMAD_-_NIPPON.png?v=1785391577","url":"https:\/\/elifestore.vn\/products\/supernote-nomad-a6x2","provider":"eLife Store","version":"1.0","type":"link"}