{"id":93,"date":"2026-05-14T16:23:39","date_gmt":"2026-05-14T09:23:39","guid":{"rendered":"https:\/\/ifuturevietnam.com\/?page_id=93"},"modified":"2026-06-04T11:36:47","modified_gmt":"2026-06-04T04:36:47","slug":"arzopa","status":"publish","type":"page","link":"https:\/\/ifuturevietnam.com\/vi\/arzopa\/","title":{"rendered":"ARZOPA"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ============================================================\n   TOKENS & THEMES (RED EDITION)\n   ============================================================ *\/\n:root {\n  --bg:      #080204;   \/* Premium deep red-black background *\/\n  --bg2:     #0F0508;\n  --bg3:     #170A0E;\n  --bg4:     #201015;\n  --c:       #FF2E4D;   \/* Vibrant primary red *\/\n  --c-rgb:   255, 46, 77;\n  --c2:      #B30E26;   \/* Rich deep crimson *\/\n  --c2-rgb:  179, 14, 38;\n  --v:       #FF8E3C;   \/* Warm amber accent *\/\n  --v-rgb:   255, 142, 60;\n  --g:       #00E87A;   \/* Green trust (remains for confirmation indicators) *\/\n  --gold:    #F5C542;\n  --w:       #FFEBF0;   \/* Light warm text color *\/\n  --w2:      #D9BFC5;\n  --w3:      #8A606A;\n  --line:    rgba(var(--c-rgb), 0.10);\n  --linef:   rgba(var(--c-rgb), 0.06);\n  --glow:    rgba(var(--c-rgb), 0.20);\n}\n\n\/* WHITE MODE (LIGHT RED EDITION) *\/\nbody.wm {\n  --bg:      #FFF2F4;   \/* Soft pinkish white *\/\n  --bg2:     #FDE5E9;\n  --bg3:     #FAD8DE;\n  --bg4:     #F7CBD3;\n  --c:       #D31A38;   \/* Bold dark red *\/\n  --c-rgb:   211, 26, 56;\n  --c2:      #990B23;   \/* Rich maroon *\/\n  --c2-rgb:  153, 11, 35;\n  --v:       #E06000;   \/* Burnt orange accent *\/\n  --v-rgb:   224, 96, 0;\n  --g:       #00AA50;\n  --gold:    #D49B00;\n  --w:       #1E080C;   \/* Deep brown-red text *\/\n  --w2:      #5A3A40;\n  --w3:      #8A666C;\n  --line:    rgba(var(--c-rgb), 0.10);\n  --linef:   rgba(var(--c-rgb), 0.07);\n  --glow:    rgba(var(--c-rgb), 0.20);\n}\n\n\/* NEON MODE (CYBERPUNK RED EDITION) *\/\nbody.nm {\n  --bg:      #080002;   \/* Pure pitch black with slight red undertone *\/\n  --bg2:     #140005;\n  --bg3:     #1F0008;\n  --bg4:     #2A000B;\n  --c:       #FF003C;   \/* Neon hot red *\/\n  --c-rgb:   255, 0, 60;\n  --c2:      #B00028;   \/* Cyberpunk deep red *\/\n  --c2-rgb:  176, 0, 40;\n  --v:       #FF0088;   \/* Hot pink accent *\/\n  --v-rgb:   255, 0, 136;\n  --g:       #00FF88;   \/* Neon green *\/\n  --gold:    #FFD700;\n  --w:       #FFEBF0;\n  --w2:      #E5AAB7;\n  --w3:      #9E3A4F;\n  --line:    rgba(var(--c-rgb), 0.10);\n  --linef:   rgba(var(--c-rgb), 0.07);\n  --glow:    rgba(var(--c-rgb), 0.20);\n}\n\n\/* ============================================================\n   RESET & BASE\n   ============================================================ *\/\n*, *::before, *::after {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  font-size: 16px;\n}\n\nbody {\n  background: var(--bg);\n  color: var(--w);\n  font-family: 'DM Sans', sans-serif;\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n  transition: background 0.4s ease, color 0.4s ease;\n}\n\nimg {\n  display: block;\n  max-width: 100%;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n  border: none;\n  background: none;\n  color: inherit;\n}\n\n::-webkit-scrollbar {\n  width: 4px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--bg);\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--c);\n  border-radius: 4px;\n}\n\n\/* ============================================================\n   CURSOR\n   ============================================================ *\/\n#cu-dot {\n  position: fixed;\n  width: 7px;\n  height: 7px;\n  background: var(--c);\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: 9999;\n  transform: translate(-50%, -50%);\n  transition: width 0.15s, height 0.15s, background-color 0.3s;\n}\n\n#cu-ring {\n  position: fixed;\n  width: 34px;\n  height: 34px;\n  border: 1px solid var(--c);\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: 9998;\n  transform: translate(-50%, -50%);\n  transition: width 0.25s, height 0.25s, border-color 0.25s;\n}\n\n#cu-ring.hovered {\n  width: 52px;\n  height: 52px;\n  background: rgba(var(--c-rgb), 0.05);\n  border-color: var(--v);\n}\n\n@media (hover: none) {\n  #cu-dot, #cu-ring {\n    display: none;\n  }\n}\n\n\/* ============================================================\n   SHARED TYPOGRAPHY & UTILITIES\n   ============================================================ *\/\n.eyebrow {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 8.5px;\n  letter-spacing: 5px;\n  text-transform: uppercase;\n  color: var(--c);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 20px;\n}\n\n.eyebrow::before {\n  content: '';\n  width: 22px;\n  height: 1px;\n  background: var(--c);\n  flex-shrink: 0;\n}\n\n.display {\n  font-family: 'Bebas Neue', sans-serif;\n  letter-spacing: 1px;\n  line-height: 0.95;\n}\n\n.body-sm {\n  font-size: 13px;\n  line-height: 1.85;\n  color: var(--w2);\n  font-weight: 300;\n}\n\n.body-md {\n  font-size: 15px;\n  line-height: 1.85;\n  color: var(--w2);\n  font-weight: 300;\n}\n\n\/* REVEAL ON SCROLL *\/\n.rv {\n  opacity: 0;\n  transform: translateY(44px);\n  transition: opacity 0.85s cubic-bezier(.16, 1, .3, 1), transform 0.85s cubic-bezier(.16, 1, .3, 1);\n}\n\n.rv.on {\n  opacity: 1;\n  transform: none;\n}\n\n.rv.d1 { transition-delay: 0.08s; }\n.rv.d2 { transition-delay: 0.16s; }\n.rv.d3 { transition-delay: 0.24s; }\n.rv.d4 { transition-delay: 0.32s; }\n.rv.d5 { transition-delay: 0.40s; }\n.rv.d6 { transition-delay: 0.48s; }\n\n.rvl {\n  opacity: 0;\n  transform: translateX(-32px);\n  transition: opacity 0.85s cubic-bezier(.16, 1, .3, 1), transform 0.85s cubic-bezier(.16, 1, .3, 1);\n}\n\n.rvl.on {\n  opacity: 1;\n  transform: none;\n}\n\n\/* BUTTONS *\/\n.btn-solid {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 32px;\n  background: linear-gradient(135deg, var(--c2), var(--c));\n  color: #fff;\n  border-radius: 3px;\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  transition: all 0.3s;\n  box-shadow: 0 0 36px var(--glow);\n}\n\n.btn-solid:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 48px var(--glow);\n}\n\n.btn-outline {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 32px;\n  border: 1px solid rgba(var(--c-rgb), 0.35);\n  color: var(--c);\n  border-radius: 3px;\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  transition: all 0.3s;\n}\n\n.btn-outline:hover {\n  background: rgba(var(--c-rgb), 0.06);\n  border-color: var(--c);\n  transform: translateY(-2px);\n}\n\n\/* SECTION WRAPPER *\/\n.sec {\n  padding: 110px 64px;\n  position: relative;\n  overflow: hidden;\n}\n\n@media (max-width: 900px) {\n  .sec {\n    padding: 80px 24px;\n  }\n}\n\n\/* Background grid styling *\/\n.grid-bg {\n  position: absolute;\n  inset: 0;\n  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);\n  background-size: 56px 56px;\n  pointer-events: none;\n}\n\n.grid-bg-mask {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse 80% 70% at 50% 50%, transparent 30%, var(--bg2) 80%);\n  pointer-events: none;\n}\n\n\/* ============================================================\n   NAVBAR\n   ============================================================ *\/\n#nav {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 900;\n  padding: 0 64px;\n  height: 70px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition: background 0.5s, border 0.5s, backdrop-filter 0.5s;\n}\n\n#nav.scrolled {\n  background: rgba(8, 2, 4, 0.88);\n  border-bottom: 1px solid var(--linef);\n  backdrop-filter: blur(28px) saturate(160%);\n}\n\nbody.wm #nav.scrolled {\n  background: rgba(255, 242, 244, 0.9);\n}\n\n.nav-logo-wrap {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.nav-logo {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 20px;\n  font-weight: 900;\n  letter-spacing: 5px;\n  background: linear-gradient(90deg, var(--w) 20%, var(--c));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.nav-badge {\n  padding: 3px 9px;\n  background: rgba(var(--c-rgb), 0.1);\n  border: 1px solid rgba(var(--c-rgb), 0.3);\n  border-radius: 2px;\n  font-family: 'Orbitron', sans-serif;\n  font-size: 7px;\n  letter-spacing: 2.5px;\n  color: var(--c);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n.nav-links {\n  display: flex;\n  gap: 34px;\n  list-style: none;\n}\n\n.nav-links a {\n  font-size: 12px;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--w3);\n  transition: color 0.25s;\n}\n\n.nav-links a:hover {\n  color: var(--w);\n}\n\n.nav-cta {\n  padding: 9px 22px;\n  background: transparent;\n  border: 1px solid var(--c);\n  color: var(--c);\n  border-radius: 2px;\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  transition: all 0.25s;\n}\n\n.nav-cta:hover {\n  background: var(--c);\n  color: var(--bg);\n}\n\n@media (max-width: 900px) {\n  #nav {\n    padding: 0 24px;\n  }\n  .nav-links {\n    display: none;\n  }\n}\n\n\/* ============================================================\n   HERO\n   ============================================================ *\/\n#hero {\n  min-height: 100vh;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  overflow: hidden;\n  padding-top: 70px;\n  padding-bottom: 240px;\n}\n\n.scanlines {\n  position: absolute;\n  inset: 0;\n  background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 0, 0, 0.06) 3px, rgba(0, 0, 0, 0.06) 4px);\n  pointer-events: none;\n  opacity: 0.6;\n}\n\n.hero-grid {\n  position: absolute;\n  inset: 0;\n  background-image: linear-gradient(rgba(var(--c-rgb), 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--c-rgb), 0.04) 1px, transparent 1px);\n  background-size: 60px 60px;\n  animation: gridMove 24s linear infinite;\n  pointer-events: none;\n}\n\n.hero-grid-fade {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse 85% 65% at 50% 50%, transparent 25%, var(--bg) 78%);\n  pointer-events: none;\n}\n\n@keyframes gridMove {\n  from { background-position: 0 0; }\n  to { background-position: 60px 60px; }\n}\n\n\/* Background orbs *\/\n.orb {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(110px);\n  pointer-events: none;\n  animation: ob 9s ease-in-out infinite;\n}\n\n.ob1 {\n  width: 800px;\n  height: 800px;\n  background: radial-gradient(circle, rgba(var(--c2-rgb), 0.13), transparent 65%);\n  top: -300px;\n  left: -300px;\n  animation-delay: -4s;\n}\n\n.ob2 {\n  width: 600px;\n  height: 600px;\n  background: radial-gradient(circle, rgba(var(--v-rgb), 0.09), transparent 65%);\n  bottom: -200px;\n  right: -200px;\n}\n\n.ob3 {\n  width: 280px;\n  height: 280px;\n  background: radial-gradient(circle, rgba(var(--c-rgb), 0.07), transparent 65%);\n  top: 35%;\n  right: 12%;\n}\n\n@keyframes ob {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.18); }\n}\n\n\/* Authority bar *\/\n.auth-bar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 8px 20px;\n  background: rgba(var(--c-rgb), 0.06);\n  border: 1px solid rgba(var(--c-rgb), 0.22);\n  border-radius: 100px;\n  font-family: 'Orbitron', sans-serif;\n  font-size: 8px;\n  letter-spacing: 3.5px;\n  color: var(--c);\n  text-transform: uppercase;\n  margin-bottom: 32px;\n  backdrop-filter: blur(8px);\n  opacity: 0;\n  animation: fuA 0.8s 0.2s forwards;\n}\n\n.auth-bar-dot {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--g);\n  box-shadow: 0 0 8px var(--g);\n  animation: blink 2s ease-in-out infinite;\n  flex-shrink: 0;\n}\n\n@keyframes blink {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.2; }\n}\n\n\/* Hero Title *\/\n.hero-title {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: clamp(64px, 12vw, 148px);\n  letter-spacing: 2px;\n  line-height: 0.88;\n  margin-bottom: 0;\n  opacity: 0;\n  animation: fuA 0.95s 0.45s forwards;\n}\n\n.ht-l1 {\n  display: block;\n  background: linear-gradient(180deg, #fff 40%, rgba(255, 255, 255, 0.45));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\nbody.wm .ht-l1 {\n  background: linear-gradient(180deg, var(--w) 40%, rgba(30, 8, 12, 0.45));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.ht-l2 {\n  display: block;\n  background: linear-gradient(135deg, var(--c), var(--c2));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.ht-l3 {\n  display: block;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.12));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\nbody.wm .ht-l3 {\n  background: linear-gradient(180deg, rgba(30, 8, 12, 0.38), rgba(30, 8, 12, 0.12));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.hero-sub {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 15px;\n  color: var(--w2);\n  font-weight: 300;\n  line-height: 1.85;\n  max-width: 480px;\n  margin: 28px auto 40px;\n  opacity: 0;\n  animation: fuA 0.8s 0.7s forwards;\n  letter-spacing: 0.2px;\n}\n\n.hero-btns {\n  display: flex;\n  gap: 14px;\n  justify-content: center;\n  opacity: 0;\n  animation: fuA 0.8s 0.9s forwards;\n}\n\n\/* Trust bar *\/\n.trust-bar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  margin-top: 48px;\n  padding-top: 32px;\n  border-top: 1px solid var(--linef);\n  opacity: 0;\n  animation: fuA 0.8s 1.1s forwards;\n}\n\n.tb-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0 32px;\n  border-right: 1px solid var(--linef);\n  font-size: 12px;\n  color: var(--w2);\n}\n\n.tb-item:last-child {\n  border-right: none;\n}\n\n.tb-icon {\n  color: var(--g);\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n@media (max-width: 700px) {\n  .trust-bar {\n    flex-direction: column;\n    gap: 16px;\n  }\n  .tb-item {\n    border: none;\n    padding: 0;\n  }\n}\n\n\/* Floating product mockup *\/\n.hero-prod {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 660px;\n  pointer-events: none;\n  opacity: 0;\n  animation: prodUp 1.5s 0.7s cubic-bezier(.16, 1, .3, 1) forwards;\n  z-index: 2;\n}\n\n.hero-prod img {\n  width: 100%;\n  filter: drop-shadow(0 40px 100px rgba(var(--c-rgb), 0.26));\n  animation: fpFloat 6s ease-in-out infinite;\n}\n\n@keyframes fpFloat {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-18px); }\n}\n\n.hero-prod-glow {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 480px;\n  height: 60px;\n  background: radial-gradient(ellipse, rgba(var(--c-rgb), 0.38) 0%, transparent 70%);\n  filter: blur(22px);\n  animation: gPulse 4s ease-in-out infinite;\n}\n\n@keyframes gPulse {\n  0%, 100% { opacity: 0.55; transform: translateX(-50%) scaleX(1); }\n  50% { opacity: 1; transform: translateX(-50%) scaleX(1.2); }\n}\n\n\/* Data Pills *\/\n.fpill {\n  position: absolute;\n  z-index: 4;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 14px;\n  background: rgba(15, 5, 8, 0.85);\n  border: 1px solid rgba(var(--c-rgb), 0.2);\n  border-radius: 7px;\n  backdrop-filter: blur(14px);\n  font-family: 'Orbitron', sans-serif;\n  font-size: 8.5px;\n  letter-spacing: 1.5px;\n  white-space: nowrap;\n  opacity: 0;\n  animation: pillIn 0.6s ease forwards;\n}\n\n.fp1 { left: 8%; top: 38%; animation-delay: 1.3s; }\n.fp2 { right: 7%; top: 42%; animation-delay: 1.5s; }\n.fp3 { left: 11%; bottom: 34%; animation-delay: 1.7s; }\n.fp4 { right: 10%; bottom: 32%; animation-delay: 1.9s; }\n\n@keyframes pillIn {\n  from { opacity: 0; transform: translateY(8px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.pd {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.pd-c { background: var(--c); box-shadow: 0 0 8px var(--c); }\n.pd-v { background: var(--v); box-shadow: 0 0 8px var(--v); }\n.pd-g { background: var(--g); box-shadow: 0 0 8px var(--g); }\n.pd-o { background: var(--gold); box-shadow: 0 0 8px var(--gold); }\n.pv  { color: var(--c); }\n.pvv { color: var(--v); }\n.pvg { color: var(--g); }\n.pvo { color: var(--gold); }\n\n\/* Scroll Hint *\/\n.scroll-hint {\n  position: absolute;\n  bottom: 28px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 9px;\n  z-index: 3;\n  opacity: 0.5;\n}\n\n.sh-line {\n  width: 1px;\n  height: 52px;\n  background: linear-gradient(to bottom, var(--c), transparent);\n  overflow: hidden;\n  position: relative;\n}\n\n.sh-line::after {\n  content: '';\n  position: absolute;\n  top: -100%;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(to bottom, transparent, rgba(var(--c-rgb), 0.9), transparent);\n  animation: shd 1.9s ease-in-out infinite;\n}\n\n@keyframes shd {\n  from { top: -100%; }\n  to { top: 200%; }\n}\n\n.sh-text {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 6.5px;\n  letter-spacing: 4px;\n  color: var(--w3);\n  text-transform: uppercase;\n}\n\n@keyframes fuA {\n  from { opacity: 0; transform: translateY(32px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes prodUp {\n  from { opacity: 0; transform: translateX(-50%) translateY(70px); }\n  to { opacity: 1; transform: translateX(-50%) translateY(0); }\n}\n\n@media (max-width: 900px) {\n  #hero {\n    padding-bottom: 160px;\n  }\n  .hero-prod {\n    width: 380px;\n  }\n  .fp1, .fp2, .fp3, .fp4 {\n    display: none;\n  }\n}\n\n\/* ============================================================\n   MARQUEE\n   ============================================================ *\/\n.marquee {\n  padding: 22px 0;\n  background: var(--bg2);\n  border-top: 1px solid var(--linef);\n  border-bottom: 1px solid var(--linef);\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.mq-inner {\n  display: inline-flex;\n  animation: mq 22s linear infinite;\n}\n\n.mq-inner:hover {\n  animation-play-state: paused;\n}\n\n.mq-set {\n  display: inline-flex;\n  align-items: center;\n  gap: 40px;\n  padding-right: 40px;\n}\n\n.mq-t {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 9px;\n  letter-spacing: 3.5px;\n  text-transform: uppercase;\n  color: var(--w3);\n}\n\n.mq-sep {\n  color: var(--c);\n  font-size: 14px;\n  opacity: 0.5;\n}\n\n@keyframes mq {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n\/* ============================================================\n   PRODUCTS GRID\n   ============================================================ *\/\n#products {\n  background: var(--bg2);\n}\n\n.pg-top {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 40px;\n  margin-bottom: 56px;\n  flex-wrap: wrap;\n}\n\n.pg-filters {\n  display: flex;\n  gap: 6px;\n}\n\n.pfb {\n  padding: 7px 18px;\n  border: 1px solid rgba(var(--c-rgb), 0.14);\n  border-radius: 100px;\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  color: var(--w3);\n  transition: all 0.25s;\n  cursor: pointer;\n}\n\n.pfb.on, .pfb:hover {\n  border-color: var(--c);\n  color: var(--c);\n  background: rgba(var(--c-rgb), 0.07);\n}\n\n\/* Magazine layout (12 col grid) *\/\n.pgrid {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  gap: 14px;\n}\n\n.pc {\n  position: relative;\n  background: var(--bg3);\n  border: 1px solid rgba(var(--c-rgb), 0.07);\n  border-radius: 10px;\n  overflow: hidden;\n  cursor: pointer;\n  transition: border-color 0.4s, transform 0.45s cubic-bezier(.16, 1, .3, 1), box-shadow 0.45s;\n}\n\n.pc:hover {\n  border-color: rgba(var(--c-rgb), 0.38);\n  transform: translateY(-7px) scale(1.01);\n  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55), 0 0 40px rgba(var(--c-rgb), 0.1);\n}\n\n.pc::before {\n  content: '';\n  position: absolute;\n  inset: 0 0 auto;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, var(--c), transparent);\n  transform: scaleX(0);\n  transition: transform 0.5s;\n  z-index: 8;\n}\n\n.pc:hover::before {\n  transform: scaleX(1);\n}\n\n\/* Card sizes *\/\n.pc.hero-card {\n  grid-column: span 5;\n  grid-row: span 2;\n  min-height: 480px;\n}\n\n.pc.wide {\n  grid-column: span 7;\n  min-height: 240px;\n}\n\n.pc.std {\n  grid-column: span 4;\n  min-height: 240px;\n}\n\n.pc.half {\n  grid-column: span 6;\n  min-height: 240px;\n}\n\n.pc-img {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  bottom: 80px; \/* leave space for info *\/\n}\n\n.pc-img img {\n  max-width: 80%;\n  max-height: 80%;\n  object-fit: contain;\n  transition: transform 0.55s cubic-bezier(.16, 1, .3, 1);\n  filter: drop-shadow(0 10px 40px rgba(var(--c-rgb), 0.18));\n}\n\n.pc:hover .pc-img img {\n  transform: scale(1.08) translateY(-7px);\n}\n\n.pc-glass {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 35%, rgba(15, 5, 8, 0.97) 100%);\n  pointer-events: none;\n}\n\n.pc-info {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 20px 22px;\n  transform: translateY(10px);\n  transition: transform 0.4s cubic-bezier(.16, 1, .3, 1);\n}\n\n.pc:hover .pc-info {\n  transform: translateY(0);\n}\n\n.pc-badge-row {\n  display: flex;\n  gap: 6px;\n  margin-bottom: 8px;\n}\n\n.pcb {\n  padding: 3px 9px;\n  border-radius: 2px;\n  font-family: 'Orbitron', sans-serif;\n  font-size: 7px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.pcb-hot {\n  background: rgba(var(--c-rgb), 0.12);\n  border: 1px solid rgba(var(--c-rgb), 0.35);\n  color: var(--c);\n}\n\n.pcb-new {\n  background: rgba(0, 232, 122, 0.08);\n  border: 1px solid rgba(0, 232, 122, 0.3);\n  color: var(--g);\n}\n\n.pcb-label {\n  background: rgba(245, 197, 66, 0.08);\n  border: 1px solid rgba(245, 197, 66, 0.25);\n  color: var(--gold);\n}\n\n.pc-cat {\n  font-size: 9px;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  color: rgba(var(--c-rgb), 0.6);\n  margin-bottom: 5px;\n}\n\n.pc-name {\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1.2;\n  margin-bottom: 4px;\n}\n\n.hero-card .pc-name {\n  font-size: 26px;\n}\n\n.pc-target {\n  font-size: 11px;\n  color: var(--w3);\n  margin-bottom: 10px;\n  font-style: italic;\n}\n\n.pc-pills {\n  display: flex;\n  gap: 5px;\n  flex-wrap: wrap;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity 0.3s 0.08s, transform 0.3s 0.08s;\n}\n\n.pc:hover .pc-pills {\n  opacity: 1;\n  transform: none;\n}\n\n.pcp {\n  padding: 4px 10px;\n  border: 1px solid rgba(var(--c-rgb), 0.28);\n  border-radius: 100px;\n  font-family: 'Orbitron', sans-serif;\n  font-size: 7.5px;\n  letter-spacing: 1.5px;\n  color: var(--c);\n}\n\n@media (max-width: 900px) {\n  .pgrid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .pc.hero-card, .pc.wide, .pc.std, .pc.half {\n    grid-column: span 2;\n    min-height: 260px;\n  }\n}\n\n@media (max-width: 600px) {\n  .pgrid {\n    grid-template-columns: 1fr;\n  }\n  .pc.hero-card, .pc.wide, .pc.std, .pc.half {\n    grid-column: span 1;\n    min-height: 260px;\n  }\n}\n\n\/* ============================================================\n   ROLE \/ IFUTURE\n   ============================================================ *\/\n#role {\n  background: var(--bg);\n}\n\n.role-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  margin-top: 64px;\n  align-items: center;\n}\n\n.role-visual {\n  position: relative;\n}\n\n.role-frame {\n  background: linear-gradient(135deg, var(--bg3), var(--bg2));\n  border: 1px solid var(--line);\n  border-radius: 14px;\n  padding: 40px 36px;\n  position: relative;\n  overflow: hidden;\n}\n\n.role-frame::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(var(--c-rgb), 0.04) 0%, transparent 60%);\n  pointer-events: none;\n}\n\n.role-logo-big {\n  font-family: 'Orbitron', sans-serif;\n  font-size: clamp(32px, 5vw, 52px);\n  font-weight: 900;\n  letter-spacing: 6px;\n  background: linear-gradient(135deg, var(--c), var(--v));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  margin-bottom: 6px;\n}\n\n.role-sub-logo {\n  font-size: 11px;\n  color: var(--w3);\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 32px;\n}\n\n.role-divider {\n  height: 1px;\n  background: var(--linef);\n  margin-bottom: 28px;\n}\n\n.role-list {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.rl-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.rl-icon {\n  width: 32px;\n  height: 32px;\n  border-radius: 7px;\n  background: rgba(var(--c-rgb), 0.07);\n  border: 1px solid rgba(var(--c-rgb), 0.15);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n.rl-icon svg {\n  width: 16px;\n  height: 16px;\n  stroke: var(--c);\n  fill: none;\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.rl-t {\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 2px;\n}\n\n.rl-d {\n  font-size: 12px;\n  color: var(--w3);\n  line-height: 1.6;\n}\n\n\/* Authority Badge *\/\n.auth-cert {\n  margin-top: 24px;\n  padding: 16px 20px;\n  background: rgba(0, 232, 122, 0.05);\n  border: 1px solid rgba(0, 232, 122, 0.2);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.ac-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--g);\n  box-shadow: 0 0 10px var(--g);\n  flex-shrink: 0;\n  animation: blink 2s ease-in-out infinite;\n}\n\n.ac-text {\n  font-size: 12px;\n  color: var(--g);\n  font-weight: 500;\n  letter-spacing: 0.3px;\n}\n\n\/* Stats *\/\n.role-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  margin-top: 32px;\n}\n\n.rst {\n  background: var(--bg3);\n  border: 1px solid var(--linef);\n  border-radius: 10px;\n  padding: 20px 16px;\n  text-align: center;\n}\n\n.rst-n {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 28px;\n  font-weight: 900;\n  color: var(--c);\n  display: block;\n  line-height: 1;\n}\n\n.rst-l {\n  font-size: 10px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--w3);\n  display: block;\n  margin-top: 6px;\n}\n\n.authority-punch {\n  margin-top: 28px;\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--w2);\n  line-height: 1.5;\n  padding-left: 16px;\n  border-left: 2px solid var(--c);\n}\n\n@media (max-width: 900px) {\n  .role-layout {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n}\n\n\/* ============================================================\n   B2B \u2014 PARTNER\n   ============================================================ *\/\n#b2b {\n  background: var(--bg2);\n}\n\n.b2b-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  margin-top: 64px;\n}\n\n.b2b-card {\n  background: var(--bg3);\n  border: 1px solid rgba(var(--c-rgb), 0.08);\n  border-radius: 14px;\n  padding: 36px 28px;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: border-color 0.4s, transform 0.4s cubic-bezier(.16, 1, .3, 1), box-shadow 0.4s;\n}\n\n.b2b-card:hover {\n  border-color: rgba(var(--c-rgb), 0.3);\n  transform: translateY(-6px);\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 30px rgba(var(--c-rgb), 0.07);\n}\n\n.b2b-card::before {\n  content: '';\n  position: absolute;\n  inset: 0 0 auto;\n  height: 2px;\n  transition: background 0.4s;\n}\n\n.b2b-card:hover::before {\n  background: linear-gradient(90deg, transparent, var(--c), transparent);\n}\n\n.b2b-num {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 52px;\n  font-weight: 900;\n  color: rgba(var(--c-rgb), 0.05);\n  position: absolute;\n  top: 12px;\n  right: 16px;\n  line-height: 1;\n}\n\n.b2b-icon {\n  width: 52px;\n  height: 52px;\n  background: rgba(var(--c-rgb), 0.07);\n  border: 1px solid rgba(var(--c-rgb), 0.18);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n  transition: all 0.4s;\n}\n\n.b2b-card:hover .b2b-icon {\n  background: rgba(var(--c-rgb), 0.14);\n  box-shadow: 0 0 24px rgba(var(--c-rgb), 0.15);\n}\n\n.b2b-icon svg {\n  width: 26px;\n  height: 26px;\n  stroke: var(--c);\n  fill: none;\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.b2b-tier {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 8px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: var(--c);\n  margin-bottom: 6px;\n}\n\n.b2b-title {\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 22px;\n  font-weight: 800;\n  margin-bottom: 10px;\n}\n\n.b2b-target {\n  font-size: 12px;\n  color: var(--w3);\n  margin-bottom: 24px;\n  font-style: italic;\n}\n\n.b2b-list {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n  margin-bottom: 28px;\n}\n\n.b2b-list li {\n  font-size: 13px;\n  color: var(--w2);\n  padding-left: 16px;\n  position: relative;\n  line-height: 1.5;\n}\n\n.b2b-list li::before {\n  content: '\u2192';\n  position: absolute;\n  left: 0;\n  color: var(--c);\n  font-size: 11px;\n}\n\n.b2b-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--c);\n  transition: gap 0.25s;\n}\n\n.b2b-link:hover {\n  gap: 12px;\n}\n\n.b2b-cta {\n  margin-top: 56px;\n  background: linear-gradient(135deg, rgba(var(--c-rgb), 0.06) 0%, rgba(var(--c2-rgb), 0.06) 100%);\n  border: 1px solid rgba(var(--c-rgb), 0.18);\n  border-radius: 14px;\n  padding: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  flex-wrap: wrap;\n}\n\n.b2b-cta-t {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: clamp(28px, 4vw, 46px);\n  letter-spacing: 1px;\n  line-height: 1;\n  margin-bottom: 8px;\n}\n\n.b2b-cta-s {\n  font-size: 14px;\n  color: var(--w2);\n  font-weight: 300;\n}\n\n@media (max-width: 900px) {\n  .b2b-grid {\n    grid-template-columns: 1fr;\n  }\n  .b2b-card {\n    padding: 28px 22px;\n  }\n  .b2b-cta {\n    padding: 32px;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n\/* ============================================================\n   WHY \/ FEATURES\n   ============================================================ *\/\n#why {\n  background: var(--bg);\n}\n\n.why-inner {\n  display: grid;\n  grid-template-columns: 1fr 1.5fr;\n  gap: 72px;\n  margin-top: 64px;\n  align-items: start;\n}\n\n.why-sticky {\n  position: sticky;\n  top: 100px;\n}\n\n.spec-box {\n  background: var(--bg2);\n  border: 1px solid var(--line);\n  border-radius: 12px;\n  padding: 28px;\n  margin-top: 36px;\n}\n\n.sb-label {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 7px;\n  letter-spacing: 4px;\n  color: var(--w3);\n  text-transform: uppercase;\n  margin-bottom: 20px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.sb-label::before {\n  content: '';\n  width: 16px;\n  height: 1px;\n  background: var(--w3);\n}\n\n.sb-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n.sbg-item p:first-child {\n  font-size: 9px;\n  color: var(--w3);\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 4px;\n}\n\n.sbg-val {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--c);\n}\n\n.sbg-val.v2 { color: var(--v); }\n.sbg-val.vg { color: var(--g); }\n.sbg-val.vo { color: var(--gold); }\n\n.why-features {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.wf {\n  background: var(--bg2);\n  border: 1px solid var(--linef);\n  padding: 32px 28px;\n  position: relative;\n  overflow: hidden;\n  transition: background 0.35s, border-color 0.35s;\n  cursor: default;\n}\n\n.wf::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: linear-gradient(to bottom, var(--c), var(--v));\n  transform: scaleY(0);\n  transform-origin: top;\n  transition: transform 0.5s cubic-bezier(.16, 1, .3, 1);\n}\n\n.wf:hover {\n  background: rgba(26, 10, 15, 0.95);\n  border-color: rgba(var(--c-rgb), 0.12);\n}\n\n.wf:hover::after {\n  transform: scaleY(1);\n}\n\n.wf-n {\n  position: absolute;\n  top: 14px;\n  right: 18px;\n  font-family: 'Orbitron', sans-serif;\n  font-size: 48px;\n  font-weight: 900;\n  color: rgba(var(--c-rgb), 0.04);\n  pointer-events: none;\n  line-height: 1;\n}\n\n.wf-ico {\n  width: 44px;\n  height: 44px;\n  background: rgba(var(--c-rgb), 0.06);\n  border: 1px solid rgba(var(--c-rgb), 0.15);\n  border-radius: 9px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 18px;\n  transition: all 0.35s;\n}\n\n.wf:hover .wf-ico {\n  background: rgba(var(--c-rgb), 0.12);\n  border-color: rgba(var(--c-rgb), 0.32);\n  box-shadow: 0 0 18px rgba(var(--c-rgb), 0.12);\n}\n\n.wf-ico svg {\n  width: 20px;\n  height: 20px;\n  stroke: var(--c);\n  fill: none;\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.wf-t {\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 20px;\n  font-weight: 800;\n  margin-bottom: 8px;\n}\n\n.wf-d {\n  font-size: 13px;\n  color: var(--w3);\n  line-height: 1.8;\n  font-weight: 300;\n}\n\n.wf-stat {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 32px;\n  font-weight: 900;\n  color: var(--c);\n  display: block;\n  margin-top: 14px;\n  letter-spacing: -1px;\n}\n\n@media (max-width: 900px) {\n  .why-inner {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n  .why-sticky {\n    position: static;\n  }\n}\n\n\/* ============================================================\n   USE CASES\n   ============================================================ *\/\n#usecases {\n  background: var(--bg2);\n}\n\n.uc-layout {\n  display: grid;\n  grid-template-columns: 240px 1fr;\n  gap: 32px;\n  margin-top: 64px;\n}\n\n.uc-nav {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.ucbt {\n  padding: 20px 18px;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  text-align: left;\n  transition: all 0.3s;\n  position: relative;\n  overflow: hidden;\n}\n\n.ucbt.on {\n  background: rgba(var(--c-rgb), 0.05);\n  border-color: rgba(var(--c-rgb), 0.15);\n}\n\n.ucbt::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: var(--c);\n  transform: scaleY(0);\n  transition: transform 0.4s cubic-bezier(.16, 1, .3, 1);\n}\n\n.ucbt.on::before {\n  transform: scaleY(1);\n}\n\n.ucbt-em {\n  font-size: 26px;\n  display: block;\n  margin-bottom: 7px;\n}\n\n.ucbt-t {\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  display: block;\n  margin-bottom: 3px;\n}\n\n.ucbt-s {\n  font-size: 11px;\n  color: var(--w3);\n  display: block;\n}\n\n.uc-panel {\n  display: none;\n  animation: ucIn 0.45s cubic-bezier(.16, 1, .3, 1);\n}\n\n.uc-panel.on {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n@keyframes ucIn {\n  from { opacity: 0; transform: translateX(20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n.uc-vis {\n  border-radius: 14px;\n  overflow: hidden;\n  background: var(--bg3);\n  border: 1px solid var(--linef);\n  min-height: 380px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.uc-mon {\n  max-width: 52%;\n  animation: fpFloat 5s ease-in-out infinite;\n  position: relative;\n  z-index: 2;\n}\n\n.uc-scene-lbl {\n  position: absolute;\n  bottom: 14px;\n  left: 16px;\n  font-family: 'Orbitron', sans-serif;\n  font-size: 7px;\n  letter-spacing: 4px;\n  color: rgba(255, 255, 255, 0.28);\n  text-transform: uppercase;\n}\n\n.uc-bottom {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n\n.uc-ft {\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 22px;\n  font-weight: 800;\n  margin-bottom: 8px;\n}\n\n.uc-fd {\n  font-size: 13px;\n  color: var(--w2);\n  line-height: 1.8;\n  font-weight: 300;\n  max-width: 500px;\n}\n\n.uc-tags {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n}\n\n.uct {\n  padding: 5px 12px;\n  border: 1px solid rgba(var(--c-rgb), 0.2);\n  border-radius: 100px;\n  font-family: 'Orbitron', sans-serif;\n  font-size: 8px;\n  letter-spacing: 1.5px;\n  color: var(--c);\n}\n\n@media (max-width: 900px) {\n  .uc-layout {\n    grid-template-columns: 1fr;\n  }\n  .uc-nav {\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 6px;\n  }\n  .ucbt {\n    flex: 1 1 140px;\n    min-width: 140px;\n  }\n  .uc-vis {\n    min-height: 280px;\n  }\n  .uc-mon {\n    max-width: 70%;\n  }\n}\n\n\/* ============================================================\n   TRUST \/ SOCIAL PROOF\n   ============================================================ *\/\n#trust {\n  background: var(--bg);\n}\n\n.trust-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 16px;\n  margin-top: 64px;\n}\n\n.trust-stat {\n  background: var(--bg2);\n  border: 1px solid var(--linef);\n  border-radius: 12px;\n  padding: 36px 28px;\n  text-align: center;\n  transition: border-color 0.3s, transform 0.3s;\n}\n\n.trust-stat:hover {\n  border-color: rgba(var(--c-rgb), 0.28);\n  transform: translateY(-4px);\n}\n\n.ts-n {\n  font-family: 'Orbitron', sans-serif;\n  font-size: clamp(36px, 5vw, 54px);\n  font-weight: 900;\n  color: var(--c);\n  display: block;\n  line-height: 1;\n  margin-bottom: 6px;\n}\n\n.ts-l {\n  font-size: 12px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--w3);\n}\n\n.trust-reviews {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n  margin-top: 14px;\n}\n\n.tr-card {\n  background: var(--bg2);\n  border: 1px solid var(--linef);\n  border-radius: 12px;\n  padding: 28px 24px;\n  transition: border-color 0.3s;\n}\n\n.tr-card:hover {\n  border-color: rgba(var(--c-rgb), 0.2);\n}\n\n.tr-stars {\n  color: var(--gold);\n  font-size: 14px;\n  margin-bottom: 14px;\n  letter-spacing: 2px;\n}\n\n.tr-text {\n  font-size: 13px;\n  color: var(--w2);\n  line-height: 1.75;\n  font-style: italic;\n  margin-bottom: 16px;\n  font-weight: 300;\n}\n\n.tr-author {\n  font-size: 11px;\n  color: var(--w3);\n  letter-spacing: 1px;\n}\n\n.trust-markets {\n  margin-top: 14px;\n  background: var(--bg2);\n  border: 1px solid var(--linef);\n  border-radius: 12px;\n  padding: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 20px;\n}\n\n.tm-label {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 8px;\n  letter-spacing: 3px;\n  color: var(--w3);\n  text-transform: uppercase;\n}\n\n.tm-flags {\n  display: flex;\n  gap: 24px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.tm-flag {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: var(--w2);\n}\n\n.tm-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--g);\n}\n\n@media (max-width: 900px) {\n  .trust-grid {\n    grid-template-columns: 1fr;\n  }\n  .trust-reviews {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* ============================================================\n   SPECS\n   ============================================================ *\/\n#specs {\n  background: var(--bg2);\n}\n\n.sp-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  margin-top: 64px;\n  align-items: center;\n}\n\n.sp-wrap {\n  background: var(--bg3);\n  border: 1px solid var(--line);\n  border-radius: 14px;\n  overflow: hidden;\n  position: relative;\n}\n\n.sp-img {\n  padding: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 280px;\n}\n\n.sp-img img {\n  max-width: 85%;\n  filter: drop-shadow(0 18px 60px rgba(var(--c-rgb), 0.22));\n  transition: transform 0.5s;\n}\n\n.sp-img:hover img {\n  transform: scale(1.04);\n}\n\n.sp-badges-row {\n  display: flex;\n  border-top: 1px solid var(--linef);\n}\n\n.spb {\n  flex: 1;\n  padding: 16px;\n  text-align: center;\n  border-right: 1px solid var(--linef);\n}\n\n.spb:last-child {\n  border-right: none;\n}\n\n.spb-v {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 18px;\n  font-weight: 900;\n  color: var(--c);\n  display: block;\n}\n\n.spb-l {\n  font-size: 8.5px;\n  letter-spacing: 2px;\n  color: var(--w3);\n  text-transform: uppercase;\n}\n\n.sp-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n\n.spi {\n  display: grid;\n  grid-template-columns: 40px 1fr 80px;\n  gap: 14px;\n  align-items: center;\n  padding: 18px 0;\n  border-bottom: 1px solid rgba(var(--c-rgb), 0.06);\n  transition: border-color 0.3s;\n}\n\n.spi:hover {\n  border-color: rgba(var(--c-rgb), 0.18);\n}\n\n.spi-ico {\n  width: 40px;\n  height: 40px;\n  background: rgba(var(--c-rgb), 0.05);\n  border: 1px solid rgba(var(--c-rgb), 0.12);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.spi-ico svg {\n  width: 17px;\n  height: 17px;\n  stroke: var(--c);\n  fill: none;\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.spi-n {\n  font-size: 11px;\n  color: var(--w3);\n  margin-bottom: 3px;\n  letter-spacing: 0.4px;\n}\n\n.spi-v {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--w);\n}\n\n.spi-bar {\n  height: 2px;\n  background: rgba(var(--c-rgb), 0.08);\n  border-radius: 2px;\n  margin-top: 5px;\n}\n\n.spi-fill {\n  height: 100%;\n  background: linear-gradient(90deg, var(--c2), var(--c));\n  border-radius: 2px;\n  width: 0;\n  transition: width 1.2s cubic-bezier(.16, 1, .3, 1);\n}\n\n.spi-u {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 8.5px;\n  letter-spacing: 1.5px;\n  color: var(--w3);\n  text-align: right;\n}\n\n@media (max-width: 900px) {\n  .sp-layout {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n}\n\n\/* ============================================================\n   COMPARE\n   ============================================================ *\/\n#compare {\n  background: var(--bg);\n}\n\n.cmp-wrap {\n  overflow-x: auto;\n  margin-top: 64px;\n  border: 1px solid var(--linef);\n  border-radius: 12px;\n}\n\n.cmp {\n  width: 100%;\n  min-width: 800px;\n  border-collapse: collapse;\n}\n\n.cmp-row {\n  display: grid;\n  grid-template-columns: 200px repeat(3, 1fr);\n}\n\n.cmp-head-row {\n  background: rgba(23, 10, 14, 0.6);\n}\n\n.ch {\n  padding: 22px 18px;\n  text-align: center;\n  border-right: 1px solid var(--linef);\n  border-bottom: 1px solid var(--linef);\n}\n\n.ch:last-child {\n  border-right: none;\n}\n\n.ch.hl {\n  border-top: 2px solid var(--c);\n  background: rgba(var(--c-rgb), 0.05);\n}\n\n.ch-b {\n  font-family: 'Cabinet Grotesk', sans-serif;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n.ch-b.hl {\n  color: var(--c);\n}\n\n.ch-s {\n  font-size: 10px;\n  color: var(--w3);\n  margin-top: 4px;\n}\n\n.cmp-row:not(.cmp-head-row):hover .cc {\n  background: rgba(var(--c-rgb), 0.015);\n}\n\n.cmp-row:not(.cmp-head-row) {\n  border-bottom: 1px solid var(--linef);\n}\n\n.cmp-row:last-child {\n  border-bottom: none;\n}\n\n.cc {\n  padding: 16px 18px;\n  text-align: center;\n  border-right: 1px solid var(--linef);\n  font-size: 12px;\n  transition: background 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.cc:last-child {\n  border-right: none;\n}\n\n.cc.lbl {\n  justify-content: flex-start;\n  text-align: left;\n  font-size: 10.5px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  color: var(--w3);\n  background: rgba(23, 10, 14, 0.4);\n}\n\n.cc.hl {\n  background: rgba(var(--c-rgb), 0.035);\n}\n\n.ck {\n  color: var(--g);\n  font-size: 15px;\n}\n\n.cx {\n  color: var(--w3);\n  font-size: 15px;\n  opacity: 0.4;\n}\n\n.cv {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 11.5px;\n  color: var(--c);\n  letter-spacing: 0.5px;\n}\n\n\/* ============================================================\n   BRAND STORY\n   ============================================================ *\/\n#story {\n  background: linear-gradient(180deg, var(--bg2) 0%, var(--bg) 100%);\n  min-height: 75vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 140px 64px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.story-rings {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n}\n\n.sring {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(var(--c-rgb), 0);\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  animation: rpulse 6s ease-out infinite;\n}\n\n.sring:nth-child(1) { width: 320px; height: 320px; }\n.sring:nth-child(2) { width: 560px; height: 560px; animation-delay: 1.5s; }\n.sring:nth-child(3) { width: 800px; height: 800px; animation-delay: 3s; }\n\n@keyframes rpulse {\n  0% { border-color: rgba(var(--c-rgb), 0.3); transform: translate(-50%, -50%) scale(0.85); }\n  100% { border-color: rgba(var(--c-rgb), 0); transform: translate(-50%, -50%) scale(1.15); }\n}\n\n.story-canvas {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.story-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 840px;\n}\n\n.sq {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: clamp(40px, 7vw, 86px);\n  letter-spacing: 1.5px;\n  line-height: 1;\n  margin-bottom: 32px;\n}\n\n.sq em {\n  font-style: normal;\n  -webkit-text-fill-color: transparent;\n  background: linear-gradient(135deg, var(--c), var(--v));\n  -webkit-background-clip: text;\n}\n\n.story-body {\n  font-size: 16px;\n  color: var(--w2);\n  line-height: 2;\n  font-weight: 300;\n  max-width: 560px;\n  margin: 0 auto 48px;\n}\n\n\/* ============================================================\n   CTA FINAL\n   ============================================================ *\/\n#cta {\n  background: var(--bg);\n  min-height: 90vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 80px 64px;\n  position: relative;\n  overflow: hidden;\n}\n\n.cta-orb {\n  position: absolute;\n  width: 700px;\n  height: 700px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(var(--c2-rgb), 0.12), transparent 65%);\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -60%);\n  filter: blur(60px);\n  pointer-events: none;\n}\n\n.cta-prod-bg {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 850px;\n  opacity: 0.06;\n  filter: blur(3px) saturate(0);\n  pointer-events: none;\n}\n\n.cta-glow {\n  position: absolute;\n  bottom: -40px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 600px;\n  height: 180px;\n  background: radial-gradient(ellipse, rgba(var(--c-rgb), 0.18), transparent 65%);\n  filter: blur(40px);\n  pointer-events: none;\n}\n\n.cta-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 720px;\n  width: 100%;\n}\n\n.cta-ey {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 8px;\n  letter-spacing: 6px;\n  color: var(--c);\n  text-transform: uppercase;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin-bottom: 28px;\n}\n\n.cta-ey::before, .cta-ey::after {\n  content: '';\n  flex: 0 0 28px;\n  height: 1px;\n  background: rgba(var(--c-rgb), 0.35);\n}\n\n.cta-h {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: clamp(52px, 10vw, 120px);\n  letter-spacing: 2px;\n  line-height: 0.9;\n  margin-bottom: 28px;\n}\n\n.cta-h .c1 {\n  display: block;\n  background: linear-gradient(180deg, #fff 45%, rgba(255, 255, 255, 0.38));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\nbody.wm .cta-h .c1 {\n  background: linear-gradient(180deg, var(--w) 45%, rgba(30, 8, 12, 0.38));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.cta-h .c2 {\n  display: block;\n  background: linear-gradient(135deg, var(--c), var(--c2));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.cta-d {\n  font-size: 15px;\n  color: var(--w2);\n  line-height: 1.85;\n  max-width: 480px;\n  margin: 0 auto 40px;\n  font-weight: 300;\n}\n\n\/* Contact form custom *\/\n.cta-form-wrap {\n  max-width: 500px;\n  margin: 0 auto 36px;\n  background: rgba(23, 10, 14, 0.5);\n  border: 1px solid var(--line);\n  padding: 32px;\n  border-radius: 12px;\n  backdrop-filter: blur(20px);\n}\n\n.cta-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  text-align: left;\n}\n\n.form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.form-group label {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 8px;\n  letter-spacing: 2px;\n  color: var(--w3);\n  text-transform: uppercase;\n}\n\n.form-group input, .form-group select, .form-group textarea {\n  background: var(--bg);\n  border: 1px solid var(--linef);\n  padding: 12px 16px;\n  color: var(--w);\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 13px;\n  transition: all 0.3s;\n}\n\n.form-group input:focus, .form-group select:focus, .form-group textarea:focus {\n  outline: none;\n  border-color: var(--c);\n  box-shadow: 0 0 12px rgba(var(--c-rgb), 0.15);\n}\n\n.form-group option {\n  background: var(--bg);\n  color: var(--w);\n}\n\n.form-submit {\n  margin-top: 10px;\n  text-align: center;\n}\n\n.form-submit button {\n  width: 100%;\n}\n\n.form-msg {\n  font-size: 13px;\n  margin-top: 12px;\n  text-align: center;\n  display: none;\n}\n\n.form-msg.success {\n  color: var(--g);\n  display: block;\n}\n\n.form-msg.error {\n  color: #ff4d4d;\n  display: block;\n}\n\n.cta-btns {\n  display: flex;\n  gap: 14px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n@media (max-width: 900px) {\n  #cta {\n    padding: 80px 24px;\n  }\n}\n\n\/* ============================================================\n   FOOTER\n   ============================================================ *\/\nfooter {\n  background: var(--bg);\n  border-top: 1px solid var(--linef);\n  padding: 48px 64px 32px;\n}\n\n.foot-top {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr 1fr;\n  gap: 40px;\n  margin-bottom: 40px;\n  padding-bottom: 40px;\n  border-bottom: 1px solid var(--linef);\n}\n\n.foot-brand .fl {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 22px;\n  font-weight: 900;\n  letter-spacing: 5px;\n  background: linear-gradient(90deg, var(--w), var(--c));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  display: block;\n  margin-bottom: 6px;\n}\n\n.foot-brand .fs {\n  font-size: 11px;\n  color: var(--w3);\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n}\n\n.foot-brand .fe {\n  font-size: 11px;\n  color: var(--g);\n  padding: 4px 10px;\n  background: rgba(0, 232, 122, 0.06);\n  border: 1px solid rgba(0, 232, 122, 0.2);\n  border-radius: 3px;\n  display: inline-block;\n  letter-spacing: 1px;\n}\n\n.foot-col-title {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 8px;\n  letter-spacing: 3.5px;\n  text-transform: uppercase;\n  color: var(--w3);\n  margin-bottom: 16px;\n  display: block;\n}\n\n.foot-links {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.foot-links a {\n  font-size: 13px;\n  color: var(--w3);\n  transition: color 0.25s;\n}\n\n.foot-links a:hover {\n  color: var(--w);\n}\n\n.foot-contact {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.fc-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 12px;\n  color: var(--w3);\n}\n\n.fc-row svg {\n  width: 14px;\n  height: 14px;\n  stroke: var(--c);\n  fill: none;\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  flex-shrink: 0;\n}\n\n.foot-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n.fb-copy {\n  font-size: 11px;\n  color: var(--w3);\n}\n\n.fb-entity {\n  font-size: 11px;\n  color: var(--w3);\n  font-style: italic;\n}\n\n.fb-logo {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 10px;\n  letter-spacing: 3px;\n  color: rgba(var(--c-rgb), 0.4);\n}\n\n@media (max-width: 900px) {\n  .foot-top {\n    grid-template-columns: 1fr;\n  }\n  .foot-bottom {\n    flex-direction: column;\n    text-align: center;\n    gap: 12px;\n  }\n  footer {\n    padding: 40px 24px 28px;\n  }\n}\n\n\/* ============================================================\n   MODE SWITCHER\n   ============================================================ *\/\n.mode-sw {\n  position: fixed;\n  bottom: 28px;\n  right: 28px;\n  z-index: 800;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  align-items: center;\n  background: rgba(15, 5, 8, 0.88);\n  border: 1px solid var(--linef);\n  border-radius: 100px;\n  padding: 8px 6px;\n  backdrop-filter: blur(20px);\n}\n\n.msw-lbl {\n  font-family: 'Orbitron', sans-serif;\n  font-size: 5.5px;\n  letter-spacing: 2.5px;\n  color: var(--w3);\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  margin-bottom: 4px;\n  text-transform: uppercase;\n}\n\n.msb {\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  border: 1px solid transparent;\n  transition: all 0.3s;\n  cursor: pointer;\n}\n\n.msb.on, .msb:hover {\n  border-color: var(--c);\n  background: rgba(var(--c-rgb), 0.1);\n}\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n  \/* ============================================================\n     1. CUSTOM CURSOR\n     ============================================================ *\/\n  const cuDot = document.getElementById('cu-dot');\n  const cuRing = document.getElementById('cu-ring');\n\n  if (cuDot && cuRing) {\n    let mouseX = 0, mouseY = 0;\n    let ringX = 0, ringY = 0;\n\n    window.addEventListener('mousemove', (e) => {\n      mouseX = e.clientX;\n      mouseY = e.clientY;\n      \/\/ Dot moves instantly\n      cuDot.style.left = `${mouseX}px`;\n      cuDot.style.top = `${mouseY}px`;\n    });\n\n    \/\/ Smooth ring animation\n    const animateRing = () => {\n      ringX += (mouseX - ringX) * 0.15;\n      ringY += (mouseY - ringY) * 0.15;\n      cuRing.style.left = `${ringX}px`;\n      cuRing.style.top = `${ringY}px`;\n      requestAnimationFrame(animateRing);\n    };\n    animateRing();\n\n    \/\/ Hover effect on links\/buttons\n    const hoverables = document.querySelectorAll('a, button, input, select, textarea, .pc, .b2b-card, .wf, .ucbt');\n    hoverables.forEach(el => {\n      el.addEventListener('mouseenter', () => {\n        cuRing.classList.add('hovered');\n      });\n      el.addEventListener('mouseleave', () => {\n        cuRing.classList.remove('hovered');\n      });\n    });\n  }\n\n  \/* ============================================================\n     2. THEME SWITCHER (DARK \/ LIGHT \/ NEON)\n     ============================================================ *\/\n  const modeButtons = document.querySelectorAll('.msb');\n  const body = document.body;\n\n  \/\/ Restore saved theme\n  const savedTheme = localStorage.getItem('arzopa-theme') || '';\n  if (savedTheme) {\n    body.className = savedTheme;\n    modeButtons.forEach(btn => {\n      if (btn.getAttribute('data-m') === savedTheme) {\n        btn.classList.add('on');\n      } else {\n        btn.classList.remove('on');\n      }\n    });\n  }\n\n  modeButtons.forEach(btn => {\n    btn.addEventListener('click', () => {\n      const mode = btn.getAttribute('data-m'); \/\/ '', 'wm', or 'nm'\n      \n      \/\/ Update active state\n      modeButtons.forEach(b => b.classList.remove('on'));\n      btn.classList.add('on');\n\n      \/\/ Update body class\n      body.className = mode;\n      localStorage.setItem('arzopa-theme', mode);\n    });\n  });\n\n  \/* ============================================================\n     3. SCROLL EFFECTS & NAVBAR STYLING\n     ============================================================ *\/\n  const nav = document.getElementById('nav');\n  const handleScroll = () => {\n    if (window.scrollY > 50) {\n      nav.classList.add('scrolled');\n    } else {\n      nav.classList.remove('scrolled');\n    }\n  };\n  window.addEventListener('scroll', handleScroll);\n  handleScroll(); \/\/ Initial check\n\n  \/* ============================================================\n     4. REVEAL ON SCROLL (INTERSECTION OBSERVER)\n     ============================================================ *\/\n  const revealElements = document.querySelectorAll('.rv, .rvl');\n  const revealObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('on');\n        revealObserver.unobserve(entry.target); \/\/ Reveal once\n      }\n    });\n  }, {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  });\n\n  revealElements.forEach(el => {\n    revealObserver.observe(el);\n  });\n\n  \/* ============================================================\n     5. DYNAMIC PRODUCT CATEGORY FILTER\n     ============================================================ *\/\n  const filterButtons = document.querySelectorAll('.pfb');\n  const productCards = document.querySelectorAll('.pc');\n\n  filterButtons.forEach(btn => {\n    btn.addEventListener('click', () => {\n      \/\/ Toggle button active state\n      filterButtons.forEach(b => b.classList.remove('on'));\n      btn.classList.add('on');\n\n      const category = btn.getAttribute('data-cat');\n\n      productCards.forEach(card => {\n        const cardCat = card.getAttribute('data-cat');\n        if (category === 'all' || cardCat === category) {\n          card.style.display = 'block';\n          \/\/ Force reflow and add animation\n          setTimeout(() => {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0) scale(1)';\n          }, 50);\n        } else {\n          card.style.opacity = '0';\n          card.style.transform = 'translateY(20px) scale(0.95)';\n          setTimeout(() => {\n            card.style.display = 'none';\n          }, 300);\n        }\n      });\n    });\n  });\n\n  \/* ============================================================\n     6. USE CASES TAB SYSTEM\n     ============================================================ *\/\n  const useCaseButtons = document.querySelectorAll('.ucbt');\n  const useCasePanels = document.querySelectorAll('.uc-panel');\n\n  useCaseButtons.forEach(btn => {\n    btn.addEventListener('click', () => {\n      \/\/ Switch active button\n      useCaseButtons.forEach(b => b.classList.remove('on'));\n      btn.classList.add('on');\n\n      const targetId = btn.getAttribute('data-tab');\n\n      \/\/ Switch active panel\n      useCasePanels.forEach(panel => {\n        if (panel.id === targetId) {\n          panel.classList.add('on');\n        } else {\n          panel.classList.remove('on');\n        }\n      });\n    });\n  });\n\n  \/* ============================================================\n     7. SPECS PROGRESS BARS FILL ON LOAD\/SCROLL\n     ============================================================ *\/\n  const specsSection = document.getElementById('specs');\n  const specFills = document.querySelectorAll('.spi-fill');\n\n  if (specsSection && specFills.length > 0) {\n    const specsObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          specFills.forEach(fill => {\n            const targetWidth = fill.getAttribute('data-w') || '0%';\n            fill.style.width = targetWidth;\n          });\n          specsObserver.unobserve(entry.target);\n        }\n      });\n    }, {\n      threshold: 0.15\n    });\n\n    specsObserver.observe(specsSection);\n  }\n\n  \/* ============================================================\n     8. B2B FORM SUBMISSION & VALIDATION\n     ============================================================ *\/\n  const contactForm = document.getElementById('b2b-form');\n  const formMessage = document.getElementById('form-msg');\n\n  if (contactForm && formMessage) {\n    contactForm.addEventListener('submit', (e) => {\n      e.preventDefault();\n\n      \/\/ Basic Validation\n      const company = document.getElementById('company').value.trim();\n      const name = document.getElementById('contact-name').value.trim();\n      const email = document.getElementById('contact-email').value.trim();\n      const phone = document.getElementById('contact-phone').value.trim();\n      const program = document.getElementById('program-type').value;\n\n      if (!company || !name || !email || !phone || !program) {\n        formMessage.textContent = 'Vui l\u00f2ng \u0111i\u1ec1n \u0111\u1ea7y \u0111\u1ee7 t\u1ea5t c\u1ea3 c\u00e1c th\u00f4ng tin y\u00eau c\u1ea7u.';\n        formMessage.className = 'form-msg error';\n        return;\n      }\n\n      \/\/ Email validation\n      const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n      if (!emailRegex.test(email)) {\n        formMessage.textContent = '\u0110\u1ecbnh d\u1ea1ng email kh\u00f4ng h\u1ee3p l\u1ec7. Vui l\u00f2ng ki\u1ec3m tra l\u1ea1i.';\n        formMessage.className = 'form-msg error';\n        return;\n      }\n\n      \/\/ Phone validation (simple Vietnam phone check)\n      const phoneRegex = \/^(0|84)[3|5|7|8|9][0-9]{8}$\/;\n      if (!phoneRegex.test(phone.replace(\/[\\s\\-\\.]\/g, ''))) {\n        formMessage.textContent = 'S\u1ed1 \u0111i\u1ec7n tho\u1ea1i kh\u00f4ng h\u1ee3p l\u1ec7. Vui l\u00f2ng nh\u1eadp s\u1ed1 Vi\u1ec7t Nam \u0111\u00fang \u0111\u1ecbnh d\u1ea1ng (v\u00ed d\u1ee5: 0912345678).';\n        formMessage.className = 'form-msg error';\n        return;\n      }\n\n      \/\/ Simulate successful submit\n      formMessage.textContent = 'Y\u00eau c\u1ea7u c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c g\u1eedi \u0111i th\u00e0nh c\u00f4ng! \u0110\u1ed9i ng\u0169 B2B c\u1ee7a iFuture s\u1ebd li\u00ean h\u1ec7 l\u1ea1i v\u1edbi b\u1ea1n trong v\u00f2ng 24 gi\u1edd l\u00e0m vi\u1ec7c.';\n      formMessage.className = 'form-msg success';\n      \n      \/\/ Reset form\n      contactForm.reset();\n    });\n  }\n});\n<\/script>\n\n<meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>ARZOPA Vietnam \u2014 Nh\u00e0 Ph\u00e2n Ph\u1ed1i Ch\u00ednh Th\u1ee9c B\u1edfi iFuture<\/title>\n  <meta name=\"description\" content=\"Kh\u00e1m ph\u00e1 d\u00f2ng m\u00e0n h\u00ecnh di \u0111\u1ed9ng v\u00e0 khung \u1ea3nh k\u1ef9 thu\u1eadt s\u1ed1 ARZOPA ch\u00ednh h\u00e3ng t\u1ea1i Vi\u1ec7t Nam. \u0110\u01b0\u1ee3c ph\u00e2n ph\u1ed1i v\u00e0 b\u1ea3o h\u00e0nh ch\u00ednh th\u1ee9c b\u1edfi iFuture Vietnam.\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&amp;family=Cabinet+Grotesk:wght@300;400;500;700;800&amp;family=Orbitron:wght@400;700;900&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&amp;display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"index.css\">\n\n\n\n  <!-- CUSTOM INTERACTIVE CURSOR -->\n  <div id=\"cu-dot\"><\/div>\n  <div id=\"cu-ring\"><\/div>\n\n  <!-- NAVIGATION BAR -->\n  <nav id=\"nav\">\n    <div class=\"nav-logo-wrap\">\n      <span class=\"nav-logo\">ARZOPA<\/span>\n      <span class=\"nav-badge\">iFuture VN<\/span>\n    <\/div>\n    <ul class=\"nav-links\">\n      <li><a href=\"#products\">S\u1ea3n Ph\u1ea9m<\/a><\/li>\n      <li><a href=\"#role\">V\u1ec1 iFuture<\/a><\/li>\n      <li><a href=\"#b2b\">H\u1ee3p T\u00e1c<\/a><\/li>\n      <li><a href=\"#usecases\">\u1ee8ng D\u1ee5ng<\/a><\/li>\n      <li><a href=\"#specs\">Th\u00f4ng S\u1ed1<\/a><\/li>\n      <li><a href=\"#compare\">So S\u00e1nh<\/a><\/li>\n    <\/ul>\n    <button class=\"nav-cta\" onclick=\"document.getElementById('cta').scrollIntoView({behavior:'smooth'})\">Li\u00ean H\u1ec7 \u0110\u1ea1i L\u00fd<\/button>\n  <\/nav>\n\n  <!-- MODE SWITCHER -->\n  <div class=\"mode-sw\">\n    <span class=\"msw-lbl\">Ch\u1ebf \u0111\u1ed9<\/span>\n    <button class=\"msb on\" data-m=\"\" title=\"T\u1ed1i (M\u1eb7c \u0111\u1ecbnh)\">\ud83c\udf19<\/button>\n    <button class=\"msb\" data-m=\"wm\" title=\"S\u00e1ng\">\u2600\ufe0f<\/button>\n    <button class=\"msb\" data-m=\"nm\" title=\"Neon\">\u26a1<\/button>\n  <\/div>\n\n  <!-- ================================================================\n       HERO SECTION\n       ================================================================ -->\n  <section id=\"hero\">\n    <div class=\"hero-grid\"><\/div>\n    <div class=\"hero-grid-fade\"><\/div>\n    <div class=\"orb ob1\"><\/div>\n    <div class=\"orb ob2\"><\/div>\n    <div class=\"orb ob3\"><\/div>\n    <div class=\"scanlines\"><\/div>\n\n    <!-- Authority line -->\n    <div class=\"auth-bar\">\n      <span class=\"auth-bar-dot\"><\/span>\n      ARZOPA Authorized Distributor \u2014 iFuture Vietnam\n    <\/div>\n\n    <!-- Headline -->\n    <h1 class=\"hero-title\">\n      <span class=\"ht-l1\">WORK.<\/span>\n      <span class=\"ht-l2\">PLAY.<\/span>\n      <span class=\"ht-l3\">ANYWHERE.<\/span>\n    <\/h1>\n\n    <p class=\"hero-sub\">M\u00e0n h\u00ecnh di \u0111\u1ed9ng th\u1ebf h\u1ec7 m\u1edbi cho l\u1ed1i s\u1ed1ng d\u1ecbch chuy\u1ec3n. Ph\u00e2n ph\u1ed1i ch\u00ednh h\u00e3ng t\u1ea1i Vi\u1ec7t Nam \u2014 H\u1ed7 tr\u1ee3 \u0111\u1ea1i l\u00fd, b\u00e1n s\u1ec9 v\u00e0 d\u1ef1 \u00e1n doanh nghi\u1ec7p v\u1edbi \u01b0u \u0111\u00e3i t\u1ed1t nh\u1ea5t.<\/p>\n\n    <div class=\"hero-btns\">\n      <a href=\"#products\" class=\"btn-solid\">Xem S\u1ea3n Ph\u1ea9m<\/a>\n      <a href=\"#cta\" class=\"btn-outline\">\u0110\u0103ng K\u00fd \u0110\u1ea1i L\u00fd<\/a>\n    <\/div>\n\n    <!-- Trust bar -->\n    <div class=\"trust-bar\">\n      <div class=\"tb-item\"><span class=\"tb-icon\">\u2714<\/span> Ph\u00e2n Ph\u1ed1i Ch\u00ednh H\u00e3ng Vi\u1ec7t Nam<\/div>\n      <div class=\"tb-item\"><span class=\"tb-icon\">\u2714<\/span> D\u1ecbch V\u1ee5 B\u1ea3o H\u00e0nh 24 Th\u00e1ng<\/div>\n      <div class=\"tb-item\"><span class=\"tb-icon\">\u2714<\/span> Ch\u00ednh S\u00e1ch B2B Chi\u1ebft Kh\u1ea5u Cao<\/div>\n    <\/div>\n\n    <!-- Floating product -->\n    <div class=\"hero-prod\">\n      <div class=\"hero-prod-glow\"><\/div>\n      <img decoding=\"async\" src=\"https:\/\/www.arzopa.com\/cdn\/shop\/files\/z3fc_0e8db93e-35e3-4043-be5a-ca9ee57eb529.png?v=1770019762&amp;width=1200\" alt=\"ARZOPA Z3FC\" title=\"ARZOPA\">\n    <\/div>\n\n    <!-- Data pills -->\n    <div class=\"fpill fp1\"><span class=\"pd pd-c\"><\/span><span class=\"pv\">180Hz<\/span>&nbsp;REFRESH<\/div>\n    <div class=\"fpill fp2\"><span class=\"pd pd-v\"><\/span><span class=\"pvv\">2.5K<\/span>&nbsp;QHD<\/div>\n    <div class=\"fpill fp3\"><span class=\"pd pd-g\"><\/span><span class=\"pvg\">iFuture<\/span>&nbsp;DIST.<\/div>\n    <div class=\"fpill fp4\"><span class=\"pd pd-o\"><\/span>USB-C&nbsp;<span class=\"pvo\">PD<\/span><\/div>\n\n    <div class=\"scroll-hint\">\n      <div class=\"sh-line\"><\/div>\n      <span class=\"sh-text\">cu\u1ed9n xu\u1ed1ng<\/span>\n    <\/div>\n  <\/section>\n\n  <!-- MARQUEE TEXT STRIP -->\n  <div class=\"marquee\">\n    <div class=\"mq-inner\">\n      <div class=\"mq-set\"><span class=\"mq-t\">Official Distributor<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">Portable Monitor<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">2.5K QHD<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">180Hz Refresh<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">USB-C Plug&amp;Play<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">Retail &amp; B2B<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">100% sRGB<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">Digital Photo Frame<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">iFuture Vietnam Authorized<\/span><span class=\"mq-sep\">\u2726<\/span><\/div>\n      <div class=\"mq-set\"><span class=\"mq-t\">Official Distributor<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">Portable Monitor<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">2.5K QHD<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">180Hz Refresh<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">USB-C Plug&amp;Play<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">Retail &amp; B2B<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">100% sRGB<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">Digital Photo Frame<\/span><span class=\"mq-sep\">\u2726<\/span><span class=\"mq-t\">iFuture Vietnam Authorized<\/span><span class=\"mq-sep\">\u2726<\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ================================================================\n       PRODUCTS SECTION\n       ================================================================ -->\n  <section id=\"products\" class=\"sec\">\n    <div class=\"grid-bg\"><\/div>\n    <div class=\"grid-bg-mask\"><\/div>\n\n    <div class=\"pg-top rv\">\n      <div>\n        <p class=\"eyebrow\">Danh m\u1ee5c thi\u1ebft b\u1ecb<\/p>\n        <h2 class=\"display\" style=\"font-size:clamp(44px,6vw,76px)\">Ki\u1ebfn t\u1ea1o m\u1ecdi kh\u00f4ng gian<\/h2>\n        <p class=\"body-md\" style=\"margin-top:14px;max-width:520px\">T\u1eeb m\u00e0n h\u00ecnh ch\u01a1i game, l\u00e0m vi\u1ec7c di \u0111\u1ed9ng t\u1ed1c \u0111\u1ed9 cao cho t\u1edbi c\u00e1c khung \u1ea3nh k\u1ef9 thu\u1eadt s\u1ed1 th\u00f4ng minh trang tr\u00ed kh\u00f4ng gian s\u1ed1ng.<\/p>\n      <\/div>\n      <div>\n        <div class=\"pg-filters\">\n          <button class=\"pfb on\" data-cat=\"all\">T\u1ea5t c\u1ea3<\/button>\n          <button class=\"pfb\" data-cat=\"monitor\">M\u00e0n h\u00ecnh di \u0111\u1ed9ng<\/button>\n          <button class=\"pfb\" data-cat=\"frame\">Khung \u1ea3nh s\u1ed1<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"pgrid\">\n      <!-- HERO CARD: Z3FC -->\n      <div class=\"pc hero-card rv\" data-cat=\"monitor\" onclick=\"document.getElementById('specs').scrollIntoView({behavior:'smooth'})\">\n        <div class=\"pc-img\"><img decoding=\"async\" src=\"https:\/\/www.arzopa.com\/cdn\/shop\/files\/z3fc_0e8db93e-35e3-4043-be5a-ca9ee57eb529.png?v=1770019762&amp;width=1200\" alt=\"Z3FC\" loading=\"lazy\" title=\"ARZOPA\"><\/div>\n        <div class=\"pc-glass\"><\/div>\n        <div class=\"pc-info\">\n          <div class=\"pc-badge-row\"><span class=\"pcb pcb-hot\">B\u00e1n Ch\u1ea1y Nh\u1ea5t<\/span><span class=\"pcb pcb-label\">Cao C\u1ea5p<\/span><\/div>\n          <p class=\"pc-cat\">M\u00e0n h\u00ecnh di \u0111\u1ed9ng<\/p>\n          <p class=\"pc-name\">ARZOPA Z3FC Grey<\/p>\n          <p class=\"pc-target\">D\u00e0nh cho: Nh\u00e0 s\u00e1ng t\u1ea1o, Designer, Game th\u1ee7<\/p>\n          <div class=\"pc-pills\"><span class=\"pcp\">16.1&#8243;<\/span><span class=\"pcp\">2.5K<\/span><span class=\"pcp\">180Hz<\/span><span class=\"pcp\">100% sRGB<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Z1FC Grey -->\n      <div class=\"pc wide rv d1\" data-cat=\"monitor\" onclick=\"document.getElementById('specs').scrollIntoView({behavior:'smooth'})\">\n        <div class=\"pc-img\"><img decoding=\"async\" src=\"https:\/\/www.arzopa.com\/cdn\/shop\/files\/z1fc-grey.png?v=1770019806&amp;width=1200\" alt=\"Z1FC Grey\" loading=\"lazy\" title=\"ARZOPA\"><\/div>\n        <div class=\"pc-glass\"><\/div>\n        <div class=\"pc-info\">\n          <div class=\"pc-badge-row\"><span class=\"pcb pcb-hot\">Ph\u1ed5 Th\u00f4ng<\/span><span class=\"pcb pcb-label\">144Hz Gaming<\/span><\/div>\n          <p class=\"pc-cat\">M\u00e0n h\u00ecnh di \u0111\u1ed9ng<\/p>\n          <p class=\"pc-name\">ARZOPA Z1FC Grey<\/p>\n          <p class=\"pc-target\">D\u00e0nh cho: H\u1ecdc sinh sinh vi\u00ean, V\u0103n ph\u00f2ng, Game console<\/p>\n          <div class=\"pc-pills\"><span class=\"pcp\">16.1&#8243;<\/span><span class=\"pcp\">FHD<\/span><span class=\"pcp\">144Hz<\/span><span class=\"pcp\">IPS<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Z1FC Dark -->\n      <div class=\"pc std rv d2\" data-cat=\"monitor\" onclick=\"document.getElementById('specs').scrollIntoView({behavior:'smooth'})\">\n        <div class=\"pc-img\"><img decoding=\"async\" src=\"https:\/\/www.arzopa.com\/cdn\/shop\/files\/z1fc_5aeec95e-c662-47c1-a408-33576600390f.png?v=1770019993&amp;width=1000\" alt=\"Z1FC Dark\" loading=\"lazy\" title=\"ARZOPA\"><\/div>\n        <div class=\"pc-glass\"><\/div>\n        <div class=\"pc-info\">\n          <div class=\"pc-badge-row\"><span class=\"pcb pcb-hot\">\u0110\u01b0\u1ee3c Y\u00eau Th\u00edch<\/span><\/div>\n          <p class=\"pc-cat\">M\u00e0n h\u00ecnh di \u0111\u1ed9ng<\/p>\n          <p class=\"pc-name\">ARZOPA Z1FC Dark Edition<\/p>\n          <p class=\"pc-target\">D\u00e0nh cho: Game th\u1ee7 Esport, G\u00f3c setup t\u1ed1i gi\u1ea3n<\/p>\n          <div class=\"pc-pills\"><span class=\"pcp\">16.1&#8243;<\/span><span class=\"pcp\">FHD<\/span><span class=\"pcp\">144Hz<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Z1RC -->\n      <div class=\"pc std rv d1\" data-cat=\"monitor\" onclick=\"document.getElementById('specs').scrollIntoView({behavior:'smooth'})\">\n        <div class=\"pc-img\"><img decoding=\"async\" src=\"https:\/\/www.arzopa.com\/cdn\/shop\/files\/z1rc_9d2c1425-df2c-4ddc-ba5f-fb6906350f04.png?v=1770019850&amp;width=1000\" alt=\"Z1RC\" loading=\"lazy\" title=\"ARZOPA\"><\/div>\n        <div class=\"pc-glass\"><\/div>\n        <div class=\"pc-info\">\n          <div class=\"pc-badge-row\"><span class=\"pcb pcb-label\">Chuy\u00ean \u0110\u1ed3 H\u1ecda<\/span><\/div>\n          <p class=\"pc-cat\">M\u00e0n h\u00ecnh di \u0111\u1ed9ng<\/p>\n          <p class=\"pc-name\">ARZOPA Z1RC QHD<\/p>\n          <p class=\"pc-target\">D\u00e0nh cho: Nhi\u1ebfp \u1ea3nh gia, D\u1ef1ng phim, \u0110\u1ed3 h\u1ecda<\/p>\n          <div class=\"pc-pills\"><span class=\"pcp\">16.0&#8243;<\/span><span class=\"pcp\">2.5K QHD<\/span><span class=\"pcp\">HDR 400<\/span><span class=\"pcp\">16:10<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- D10 Smart Frame -->\n      <div class=\"pc std rv d2\" data-cat=\"frame\" onclick=\"document.getElementById('specs').scrollIntoView({behavior:'smooth'})\">\n        <div class=\"pc-img\"><img decoding=\"async\" src=\"assets\/arzopa_d10.png\" alt=\"ARZOPA D10 Frame\" loading=\"lazy\" title=\"ARZOPA\"><\/div>\n        <div class=\"pc-glass\"><\/div>\n        <div class=\"pc-info\">\n          <div class=\"pc-badge-row\"><span class=\"pcb pcb-new\">S\u1ea3n ph\u1ea9m m\u1edbi<\/span><span class=\"pcb pcb-label\">WiFi Smart<\/span><\/div>\n          <p class=\"pc-cat\">Khung \u1ea3nh s\u1ed1 th\u00f4ng minh<\/p>\n          <p class=\"pc-name\">ARZOPA D10 WiFi Frame<\/p>\n          <p class=\"pc-target\">Qu\u00e0 t\u1eb7ng cao c\u1ea5p, Trang tr\u00ed b\u00e0n l\u00e0m vi\u1ec7c gia \u0111\u00ecnh<\/p>\n          <div class=\"pc-pills\"><span class=\"pcp\">10.1&#8243; IPS<\/span><span class=\"pcp\">B\u1ed9 nh\u1edb 32GB<\/span><span class=\"pcp\">App Share<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- D14 Smart Frame -->\n      <div class=\"pc half rv d3\" data-cat=\"frame\" onclick=\"document.getElementById('specs').scrollIntoView({behavior:'smooth'})\">\n        <div class=\"pc-img\"><img decoding=\"async\" src=\"assets\/arzopa_d14.png\" alt=\"ARZOPA D14 Frame\" loading=\"lazy\" title=\"ARZOPA\"><\/div>\n        <div class=\"pc-glass\"><\/div>\n        <div class=\"pc-info\">\n          <div class=\"pc-badge-row\"><span class=\"pcb pcb-label\">Sang Tr\u1ecdng<\/span><\/div>\n          <p class=\"pc-cat\">Khung \u1ea3nh s\u1ed1 th\u00f4ng minh<\/p>\n          <p class=\"pc-name\">ARZOPA D14 Champagne Gold<\/p>\n          <p class=\"pc-target\">V\u1ecf kim lo\u1ea1i tinh t\u1ebf, Ph\u00f9 h\u1ee3p k\u1ec7 s\u00e1ch v\u00e0 ph\u00f2ng ng\u1ee7<\/p>\n          <div class=\"pc-pills\"><span class=\"pcp\">14.0&#8243;<\/span><span class=\"pcp\">IPS C\u1ea3m \u1ee9ng<\/span><span class=\"pcp\">T\u1ef1 xoay \u1ea3nh<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- D15 Smart Frame -->\n      <div class=\"pc half rv d4\" data-cat=\"frame\" onclick=\"document.getElementById('specs').scrollIntoView({behavior:'smooth'})\">\n        <div class=\"pc-img\"><img decoding=\"async\" src=\"assets\/arzopa_d15.png\" alt=\"ARZOPA D15 Frame\" loading=\"lazy\" title=\"ARZOPA\"><\/div>\n        <div class=\"pc-glass\"><\/div>\n        <div class=\"pc-info\">\n          <div class=\"pc-badge-row\"><span class=\"pcb pcb-new\">C\u1ee1 L\u1edbn<\/span><span class=\"pcb pcb-hot\">B2B L\u1ef1a ch\u1ecdn<\/span><\/div>\n          <p class=\"pc-cat\">Khung \u1ea3nh s\u1ed1 th\u00f4ng minh<\/p>\n          <p class=\"pc-name\">ARZOPA D15 Pro Display<\/p>\n          <p class=\"pc-target\">D\u00e0nh cho: V\u0103n ph\u00f2ng cao c\u1ea5p, Tri\u1ec3n l\u00e3m tranh \u1ea3nh ngh\u1ec7 thu\u1eadt<\/p>\n          <div class=\"pc-pills\"><span class=\"pcp\">15.6&#8243;<\/span><span class=\"pcp\">FHD C\u1ea3m \u1ee9ng<\/span><span class=\"pcp\">\u1ee8ng d\u1ee5ng th\u00f4ng minh<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================================================================\n       IFUTURE DISTRIBUTOR ROLE\n       ================================================================ -->\n  <section id=\"role\" class=\"sec\">\n    <div class=\"role-layout\">\n      <div class=\"role-text rv\">\n        <p class=\"eyebrow\">Nh\u00e0 ph\u00e2n ph\u1ed1i iFuture<\/p>\n        <h2 class=\"display\" style=\"font-size:clamp(40px,5vw,70px);margin-bottom:24px\">Cam k\u1ebft uy t\u00edn t\u1eeb iFuture Vietnam<\/h2>\n        <p class=\"body-md\" style=\"margin-bottom:24px\">V\u1edbi t\u01b0 c\u00e1ch l\u00e0 \u0111\u1ed1i t\u00e1c chi\u1ebfn l\u01b0\u1ee3c v\u00e0 nh\u00e0 ph\u00e2n ph\u1ed1i ch\u00ednh th\u1ee9c c\u1ee7a ARZOPA t\u1ea1i th\u1ecb tr\u01b0\u1eddng Vi\u1ec7t Nam, iFuture lu\u00f4n h\u01b0\u1edbng t\u1edbi vi\u1ec7c \u0111em l\u1ea1i nh\u1eefng s\u1ea3n ph\u1ea9m c\u00f4ng ngh\u1ec7 m\u00e0n h\u00ecnh v\u00e0 tr\u00ecnh chi\u1ebfu ch\u1ea5t l\u01b0\u1ee3ng cao v\u1edbi d\u1ecbch v\u1ee5 ho\u00e0n h\u1ea3o.<\/p>\n        \n        <div class=\"role-divider\"><\/div>\n        \n        <div class=\"role-list\">\n          <div class=\"rl-item\">\n            <div class=\"rl-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"><\/path><\/svg>\n            <\/div>\n            <div>\n              <h4 class=\"rl-t\">Nh\u1eadp kh\u1ea9u 100% ch\u00ednh ng\u1ea1ch<\/h4>\n              <p class=\"rl-d\">To\u00e0n b\u1ed9 h\u00e0ng h\u00f3a \u0111\u1ea7y \u0111\u1ee7 h\u00f3a \u0111\u01a1n VAT, ch\u1ee9ng nh\u1eadn CO\/CQ r\u00f5 r\u00e0ng cho c\u00e1c d\u1ef1 \u00e1n v\u00e0 \u0111\u1ea1i l\u00fd.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"rl-item\">\n            <div class=\"rl-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14M22 4L12 14.01l-3-3\"><\/path><\/svg>\n            <\/div>\n            <div>\n              <h4 class=\"rl-t\">B\u1ea3o h\u00e0nh 24 th\u00e1ng ch\u00ednh h\u00e3ng t\u1ea1i Vi\u1ec7t Nam<\/h4>\n              <p class=\"rl-d\">H\u1ed7 tr\u1ee3 ti\u1ebfp nh\u1eadn th\u00f4ng tin b\u1ea3o h\u00e0nh, ki\u1ec3m tra k\u1ef9 thu\u1eadt v\u00e0 thay th\u1ebf linh ki\u1ec7n ch\u00ednh h\u00e3ng nhanh ch\u00f3ng trong 72 gi\u1edd l\u00e0m vi\u1ec7c.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"role-visual rv d2\">\n        <div class=\"role-frame\">\n          <h3 class=\"role-logo-big\">iFuture<\/h3>\n          <p class=\"role-sub-logo\">Official Partner &amp; Distributor<\/p>\n          \n          <div class=\"role-divider\"><\/div>\n          \n          <div class=\"role-stats\">\n            <div class=\"rst\">\n              <span class=\"rst-n\">24t<\/span>\n              <span class=\"rst-l\">B\u1ea3o h\u00e0nh<\/span>\n            <\/div>\n            <div class=\"rst\">\n              <span class=\"rst-n\">50+<\/span>\n              <span class=\"rst-l\">C\u1eeda h\u00e0ng<\/span>\n            <\/div>\n            <div class=\"rst\">\n              <span class=\"rst-n\">10K+<\/span>\n              <span class=\"rst-l\">Kh\u00e1ch h\u00e0ng<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"authority-punch\">\n            &#8220;iFuture lu\u00f4n \u0111\u1ed3ng h\u00e0nh c\u00f9ng \u0111\u1ea1i l\u00fd t\u1ed1i \u01b0u h\u00f3a l\u1ee3i nhu\u1eadn v\u00e0 h\u1ed7 tr\u1ee3 d\u1ecbch v\u1ee5 k\u1ef9 thu\u1eadt t\u1ed1i \u0111a t\u1ea1i th\u1ecb tr\u01b0\u1eddng Vi\u1ec7t Nam.&#8221;\n          <\/div>\n\n          <div class=\"auth-cert\">\n            <span class=\"ac-dot\"><\/span>\n            <span class=\"ac-text\">Ch\u1ee9ng nh\u1eadn ph\u00e2n ph\u1ed1i ch\u00ednh h\u00e3ng b\u1edfi ARZOPA Global<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================================================================\n       B2B TIER PROGRAM\n       ================================================================ -->\n  <section id=\"b2b\" class=\"sec\">\n    <div class=\"rv\" style=\"text-align:center;max-width:600px;margin:0 auto\">\n      <p class=\"eyebrow\" style=\"justify-content:center\">H\u1ee3p t\u00e1c ph\u00e1t tri\u1ec3n<\/p>\n      <h2 class=\"display\" style=\"font-size:clamp(40px,5vw,70px)\">Ch\u01b0\u01a1ng Tr\u00ecnh \u0110\u1ea1i L\u00fd &amp; B2B<\/h2>\n      <p class=\"body-md\" style=\"margin-top:16px\">iFuture mang \u0111\u1ebfn c\u00e1c g\u00f3i h\u1ee3p t\u00e1c linh ho\u1ea1t ph\u00f9 h\u1ee3p v\u1edbi m\u00f4 h\u00ecnh kinh doanh c\u1ee7a t\u1eebng \u0111\u1ed1i t\u00e1c \u0111\u1ea1i l\u00fd l\u1edbn nh\u1ecf tr\u00ean to\u00e0n qu\u1ed1c.<\/p>\n    <\/div>\n\n    <div class=\"b2b-grid rv d2\">\n      <!-- Tier 1: Gold Retail -->\n      <div class=\"b2b-card\">\n        <span class=\"b2b-num\">01<\/span>\n        <div class=\"b2b-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 8l4 4-4 4M8 12h8\"><\/path><\/svg>\n        <\/div>\n        <p class=\"b2b-tier\">\u0110\u1ea1i l\u00fd b\u00e1n l\u1ebb &#8211; Gold<\/p>\n        <h3 class=\"b2b-title\">Retailer Partner<\/h3>\n        <p class=\"b2b-target\">Ph\u00f9 h\u1ee3p: C\u00e1c c\u1eeda h\u00e0ng m\u00e1y t\u00ednh, showroom c\u00f4ng ngh\u1ec7 v\u00e0 \u0111\u1ea1i l\u00fd b\u00e1n l\u1ebb to\u00e0n qu\u1ed1c.<\/p>\n        <ul class=\"b2b-list\">\n          <li>Chi\u1ebft kh\u1ea5u h\u1ea5p d\u1eabn tr\u1ef1c ti\u1ebfp tr\u00ean \u0111\u01a1n h\u00e0ng.<\/li>\n          <li>H\u1ed7 tr\u1ee3 cung c\u1ea5p POSM, banner v\u00e0 t\u00e0i li\u1ec7u marketing ch\u00ednh h\u00e3ng.<\/li>\n          <li>\u0110\u00e0o t\u1ea1o ki\u1ebfn th\u1ee9c s\u1ea3n ph\u1ea9m v\u00e0 chuy\u1ec3n giao c\u00f4ng ngh\u1ec7.<\/li>\n        <\/ul>\n        <a href=\"#cta\" class=\"b2b-link\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/div>\n\n      <!-- Tier 2: Platinum Enterprise -->\n      <div class=\"b2b-card\">\n        <span class=\"b2b-num\">02<\/span>\n        <div class=\"b2b-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n        <\/div>\n        <p class=\"b2b-tier\">\u0110\u1ed1i t\u00e1c d\u1ef1 \u00e1n &#8211; Platinum<\/p>\n        <h3 class=\"b2b-title\">Enterprise System<\/h3>\n        <p class=\"b2b-target\">Ph\u00f9 h\u1ee3p: Nh\u00e0 th\u1ea7u gi\u1ea3i ph\u00e1p v\u0103n ph\u00f2ng, qu\u00e0 t\u1eb7ng c\u00f4ng ngh\u1ec7 cho doanh nghi\u1ec7p.<\/p>\n        <ul class=\"b2b-list\">\n          <li>Cung c\u1ea5p CO\/CQ, VAT \u0111\u1ea7y \u0111\u1ee7 nhanh ch\u00f3ng.<\/li>\n          <li>Gi\u00e1 \u0111\u1eb7c quy\u1ec1n h\u1ed7 tr\u1ee3 th\u1ea7u d\u1ef1 \u00e1n s\u1ed1 l\u01b0\u1ee3ng l\u1edbn.<\/li>\n          <li>H\u1ed7 tr\u1ee3 t\u00f9y bi\u1ebfn in \u1ea5n logo qu\u00e0 t\u1eb7ng (\u0111\u1ed1i v\u1edbi d\u00f2ng khung \u1ea3nh s\u1ed1).<\/li>\n        <\/ul>\n        <a href=\"#cta\" class=\"b2b-link\">Li\u00ean h\u1ec7 b\u00e1o gi\u00e1<\/a>\n      <\/div>\n\n      <!-- Tier 3: Affiliate & Online -->\n      <div class=\"b2b-card\">\n        <span class=\"b2b-num\">03<\/span>\n        <div class=\"b2b-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n        <\/div>\n        <p class=\"b2b-tier\">\u0110\u1ed1i t\u00e1c Online \/ Dropship<\/p>\n        <h3 class=\"b2b-title\">Digital Merchant<\/h3>\n        <p class=\"b2b-target\">Ph\u00f9 h\u1ee3p: C\u00e1c nh\u00e0 s\u00e1ng t\u1ea1o n\u1ed9i dung, reviewer c\u00f4ng ngh\u1ec7 v\u00e0 c\u1eeda h\u00e0ng b\u00e1n online.<\/p>\n        <ul class=\"b2b-list\">\n          <li>H\u1ed7 tr\u1ee3 Dropshipping &#8211; Kh\u00f4ng lo t\u1ed3n kho v\u00e0 \u0111\u00f3ng g\u00f3i v\u1eadn chuy\u1ec3n.<\/li>\n          <li>Cung c\u1ea5p t\u00e0i nguy\u00ean h\u00ecnh \u1ea3nh, video ch\u1ea5t l\u01b0\u1ee3ng cao \u0111\u1ec3 l\u00e0m truy\u1ec1n th\u00f4ng.<\/li>\n          <li>M\u1ee9c hoa h\u1ed3ng gi\u1edbi thi\u1ec7u s\u1ea3n ph\u1ea9m v\u00f4 c\u00f9ng c\u1ea1nh tranh.<\/li>\n        <\/ul>\n        <a href=\"#cta\" class=\"b2b-link\">H\u1ee3p t\u00e1c ngay<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- B2B CTA Banner -->\n    <div class=\"b2b-cta rv d3\">\n      <div>\n        <h3 class=\"b2b-cta-t\">\u0110\u1ed3ng h\u00e0nh c\u00f9ng iFuture Vietnam<\/h3>\n        <p class=\"b2b-cta-s\">\u0110\u01b0a c\u00e1c s\u1ea3n ph\u1ea9m ARZOPA ti\u1ebfp c\u1eadn h\u00e0ng tri\u1ec7u kh\u00e1ch h\u00e0ng c\u00f4ng ngh\u1ec7 ti\u1ec1m n\u0103ng.<\/p>\n      <\/div>\n      <button class=\"btn-solid\" onclick=\"document.getElementById('cta').scrollIntoView({behavior:'smooth'})\">Y\u00eau c\u1ea7u li\u00ean h\u1ec7 \u0111\u1ea1i l\u00fd<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- ================================================================\n       WHY \/ FEATURES SECTION\n       ================================================================ -->\n  <section id=\"why\" class=\"sec\">\n    <div class=\"why-inner\">\n      <div class=\"why-sticky rv\">\n        <p class=\"eyebrow\">T\u1ea1i sao ch\u1ecdn ARZOPA<\/p>\n        <h2 class=\"display\" style=\"font-size:clamp(44px,5.5vw,76px)\">Ti\u00eau chu\u1ea9n di \u0111\u1ed9ng v\u01b0\u1ee3t gi\u1edbi h\u1ea1n<\/h2>\n        <p class=\"body-md\" style=\"margin-top:20px\">\u0110\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 mang \u0111\u1ebfn s\u1ef1 t\u1ef1 do hi\u1ec3n th\u1ecb t\u1ed1i \u0111a, ARZOPA ph\u00e1 b\u1ecf gi\u1edbi h\u1ea1n c\u1ee7a c\u00e1c d\u00f2ng m\u00e0n h\u00ecnh v\u0103n ph\u00f2ng truy\u1ec1n th\u1ed1ng.<\/p>\n        \n        <div class=\"spec-box\">\n          <span class=\"sb-label\">Hi\u1ec7u n\u0103ng v\u01b0\u1ee3t tr\u1ed9i<\/span>\n          <div class=\"sb-grid\">\n            <div class=\"sbg-item\">\n              <p>T\u1ea7n s\u1ed1 qu\u00e9t<\/p>\n              <span class=\"sbg-val\">180Hz<\/span>\n            <\/div>\n            <div class=\"sbg-item\">\n              <p>M\u00e0u s\u1eafc<\/p>\n              <span class=\"sbg-val v2\">sRGB 100%<\/span>\n            <\/div>\n            <div class=\"sbg-item\">\n              <p>\u0110\u1ed9 d\u00e0y vi\u1ec1n<\/p>\n              <span class=\"sbg-val vg\">0.3 in<\/span>\n            <\/div>\n            <div class=\"sbg-item\">\n              <p>Tr\u1ecdng l\u01b0\u1ee3ng<\/p>\n              <span class=\"sbg-val vo\">&lt; 600g<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"why-features rv d2\">\n        <div class=\"wf\">\n          <span class=\"wf-n\">01<\/span>\n          <div class=\"wf-ico\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\n          <\/div>\n          <h3 class=\"wf-t\">T\u1ea5m n\u1ec1n IPS hi\u1ec3n th\u1ecb s\u1eafc n\u00e9t<\/h3>\n          <p class=\"wf-d\">G\u00f3c nh\u00ecn r\u1ed9ng l\u00ean t\u1edbi 178 \u0111\u1ed9 c\u00f9ng \u0111\u1ed9 ch\u00ednh x\u00e1c m\u00e0u cao sRGB 100%, b\u1ea3o \u0111\u1ea3m ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh \u1ea3nh \u0111\u1ed3ng \u0111\u1ec1u v\u00e0 trung th\u1ef1c \u1edf m\u1ecdi g\u00f3c nh\u00ecn cho d\u00e2n l\u00e0m \u0111\u1ed3 h\u1ecda chuy\u00ean nghi\u1ec7p.<\/p>\n          <span class=\"wf-stat\">178\u00b0 IPS<\/span>\n        <\/div>\n\n        <div class=\"wf\">\n          <span class=\"wf-n\">02<\/span>\n          <div class=\"wf-ico\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0\"><\/path><\/svg>\n          <\/div>\n          <h3 class=\"wf-t\">K\u1ebft n\u1ed1i m\u1ed9t c\u00e1p USB-C ti\u1ec7n l\u1ee3i<\/h3>\n          <p class=\"wf-d\">Kh\u00f4ng c\u1ea7n d\u00e2y ngu\u1ed3n c\u1ed3ng k\u1ec1nh, ch\u1ec9 c\u1ea7n duy nh\u1ea5t m\u1ed9t d\u00e2y c\u00e1p Type-C truy\u1ec1n c\u1ea3 t\u00edn hi\u1ec7u hi\u1ec3n th\u1ecb l\u1eabn c\u1ea5p ngu\u1ed3n t\u1eeb thi\u1ebft b\u1ecb ph\u00e1t (Laptop, \u0111i\u1ec7n tho\u1ea1i c\u00f3 h\u1ed7 tr\u1ee3 DP Alt Mode).<\/p>\n          <span class=\"wf-stat\">Type-C Power &amp; Play<\/span>\n        <\/div>\n\n        <div class=\"wf\">\n          <span class=\"wf-n\">03<\/span>\n          <div class=\"wf-ico\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n          <\/div>\n          <h3 class=\"wf-t\">Tr\u1ecdng l\u01b0\u1ee3ng si\u00eau nh\u1eb9 &amp; b\u1ec1n b\u1ec9<\/h3>\n          <p class=\"wf-d\">Ch\u1ea5t li\u1ec7u v\u1ecf nh\u00f4m CNC nguy\u00ean kh\u1ed1i cao c\u1ea5p gi\u00fap b\u1ea3o v\u1ec7 m\u00e0n h\u00ecnh tr\u01b0\u1edbc c\u00e1c ch\u1ea5n \u0111\u1ed9ng b\u00ean ngo\u00e0i nh\u01b0ng v\u1eabn gi\u1eef tr\u1ecdng l\u01b0\u1ee3ng si\u00eau nh\u1eb9, d\u1ec5 d\u00e0ng b\u1ecf g\u1ecdn v\u00e0o ba l\u00f4 di chuy\u1ec3n h\u00e0ng ng\u00e0y.<\/p>\n          <span class=\"wf-stat\">Khung nh\u00f4m CNC si\u00eau m\u1ecfng<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================================================================\n       USE CASES INTERACTIVE SECTION\n       ================================================================ -->\n  <section id=\"usecases\" class=\"sec\">\n    <div class=\"rv\" style=\"text-align:center;max-width:600px;margin:0 auto\">\n      <p class=\"eyebrow\" style=\"justify-content:center\">Tr\u1ea3i nghi\u1ec7m th\u1ef1c t\u1ebf<\/p>\n      <h2 class=\"display\" style=\"font-size:clamp(40px,5vw,70px)\">Gi\u1ea3i ph\u00e1p hi\u1ec3n th\u1ecb t\u1ed1i \u01b0u<\/h2>\n      <p class=\"body-md\" style=\"margin-top:16px\">Ph\u00f9 h\u1ee3p ho\u00e0n h\u1ea3o cho \u0111a d\u1ea1ng nhu c\u1ea7u c\u1ee7a cu\u1ed9c s\u1ed1ng hi\u1ec7n \u0111\u1ea1i v\u00e0 n\u0103ng \u0111\u1ed9ng.<\/p>\n    <\/div>\n\n    <div class=\"uc-layout rv d2\">\n      <!-- Tabs navigation -->\n      <div class=\"uc-nav\">\n        <button class=\"ucbt on\" data-tab=\"uc-gaming\">\n          <span class=\"ucbt-em\">\ud83c\udfae<\/span>\n          <span class=\"ucbt-t\">Gi\u1ea3i Tr\u00ed &amp; Gaming<\/span>\n          <span class=\"ucbt-s\">K\u1ebft n\u1ed1i Console di \u0111\u1ed9ng<\/span>\n        <\/button>\n        <button class=\"ucbt\" data-tab=\"uc-work\">\n          <span class=\"ucbt-em\">\ud83d\udcbc<\/span>\n          <span class=\"ucbt-t\">L\u00e0m Vi\u1ec7c Di \u0110\u1ed9ng<\/span>\n          <span class=\"ucbt-s\">T\u1ed1i \u01b0u hi\u1ec7u su\u1ea5t 2 m\u00e0n h\u00ecnh<\/span>\n        <\/button>\n        <button class=\"ucbt\" data-tab=\"uc-design\">\n          <span class=\"ucbt-em\">\ud83c\udfa8<\/span>\n          <span class=\"ucbt-t\">S\u00e1ng T\u1ea1o &amp; Ngh\u1ec7 Thu\u1eadt<\/span>\n          <span class=\"ucbt-s\">\u0110\u1ed9 ph\u1ee7 m\u00e0u sRGB tuy\u1ec7t \u0111\u1ed1i<\/span>\n        <\/button>\n        <button class=\"ucbt\" data-tab=\"uc-home\">\n          <span class=\"ucbt-em\">\ud83c\udfe0<\/span>\n          <span class=\"ucbt-t\">Gia \u0110\u00ecnh &amp; Qu\u00e0 T\u1eb7ng<\/span>\n          <span class=\"ucbt-s\">K\u1ebft n\u1ed1i chia s\u1ebb qua App<\/span>\n        <\/button>\n      <\/div>\n\n      <!-- Tab Content Panels -->\n      <div class=\"uc-panels\">\n        <!-- Gaming -->\n        <div class=\"uc-panel on\" id=\"uc-gaming\">\n          <div class=\"uc-vis\">\n            <span class=\"uc-scene-lbl\">Gaming Scene Setup<\/span>\n            <img decoding=\"async\" src=\"https:\/\/www.arzopa.com\/cdn\/shop\/files\/z3fc_0e8db93e-35e3-4043-be5a-ca9ee57eb529.png?v=1770019762&amp;width=1200\" alt=\"ARZOPA Gaming\" class=\"uc-mon\" title=\"ARZOPA\">\n          <\/div>\n          <div class=\"uc-bottom\">\n            <div>\n              <h3 class=\"uc-ft\">Tr\u1ea3i nghi\u1ec7m ch\u01a1i game m\u01b0\u1ee3t m\u00e0 180Hz<\/h3>\n              <p class=\"uc-fd\">K\u1ebft n\u1ed1i tr\u1ef1c ti\u1ebfp thi\u1ebft b\u1ecb Nintendo Switch, Steam Deck, PS5 c\u1ee7a b\u1ea1n \u0111\u1ec3 ch\u01a1i game m\u00e0n h\u00ecnh l\u1edbn s\u1eafc n\u00e9t \u1edf m\u1ecdi n\u01a1i. T\u1ea7n s\u1ed1 qu\u00e9t cao gi\u00fap gi\u1ea3m gi\u1eadt lag v\u00e0 x\u00e9 h\u00ecnh.<\/p>\n            <\/div>\n            <div class=\"uc-tags\">\n              <span class=\"uct\">180Hz<\/span>\n              <span class=\"uct\">G-Sync Ready<\/span>\n              <span class=\"uct\">FHD\/2.5K<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Work -->\n        <div class=\"uc-panel\" id=\"uc-work\">\n          <div class=\"uc-vis\">\n            <span class=\"uc-scene-lbl\">Office &amp; Remote Setup<\/span>\n            <img decoding=\"async\" src=\"https:\/\/www.arzopa.com\/cdn\/shop\/files\/z1fc-grey.png?v=1770019806&amp;width=1200\" alt=\"ARZOPA Work\" class=\"uc-mon\" title=\"ARZOPA\">\n          <\/div>\n          <div class=\"uc-bottom\">\n            <div>\n              <h3 class=\"uc-ft\">T\u0103ng 50% hi\u1ec7u su\u1ea5t l\u00e0m vi\u1ec7c v\u0103n ph\u00f2ng<\/h3>\n              <p class=\"uc-fd\">N\u1edf r\u1ed9ng kh\u00f4ng gian l\u00e0m vi\u1ec7c c\u1ee7a Laptop. So s\u00e1nh b\u1ea3ng t\u00ednh Excel, \u0111\u1ecdc code l\u1eadp tr\u00ecnh ho\u1eb7c h\u1ecdp online zoom song song c\u00f9ng l\u00fac m\u1ed9t c\u00e1ch hi\u1ec7u qu\u1ea3.<\/p>\n            <\/div>\n            <div class=\"uc-tags\">\n              <span class=\"uct\">Dual Screen<\/span>\n              <span class=\"uct\">Plug &amp; Play<\/span>\n              <span class=\"uct\">Tr\u1ecdng l\u01b0\u1ee3ng nh\u1eb9<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Design -->\n        <div class=\"uc-panel\" id=\"uc-design\">\n          <div class=\"uc-vis\">\n            <span class=\"uc-scene-lbl\">Creative Studio Setup<\/span>\n            <img decoding=\"async\" src=\"https:\/\/www.arzopa.com\/cdn\/shop\/files\/z1rc_9d2c1425-df2c-4ddc-ba5f-fb6906350f04.png?v=1770019850&amp;width=1000\" alt=\"ARZOPA Design\" class=\"uc-mon\" title=\"ARZOPA\">\n          <\/div>\n          <div class=\"uc-bottom\">\n            <div>\n              <h3 class=\"uc-ft\">\u0110\u1ed9 ph\u1ee7 m\u00e0u sRGB ch\u00ednh x\u00e1c 100%<\/h3>\n              <p class=\"uc-fd\">D\u00e0nh ri\u00eang cho nhi\u1ebfp \u1ea3nh gia v\u00e0 designer c\u1ea7n hi\u1ec3n th\u1ecb m\u00e0u chu\u1ea9n x\u00e1c. H\u1ed7 tr\u1ee3 xem nhanh h\u00ecnh \u1ea3nh th\u1ef1c \u0111\u1ecba t\u1eeb m\u00e1y \u1ea3nh k\u1ef9 thu\u1eadt s\u1ed1 qua c\u1ed5ng mini-HDMI.<\/p>\n            <\/div>\n            <div class=\"uc-tags\">\n              <span class=\"uct\">100% sRGB<\/span>\n              <span class=\"uct\">IPS QHD<\/span>\n              <span class=\"uct\">HDR 400<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Home Frame -->\n        <div class=\"uc-panel\" id=\"uc-home\">\n          <div class=\"uc-vis\">\n            <span class=\"uc-scene-lbl\">Smart Living Room Setup<\/span>\n            <img decoding=\"async\" src=\"assets\/arzopa_d10.png\" alt=\"ARZOPA Home Frame\" class=\"uc-mon\" title=\"ARZOPA\">\n          <\/div>\n          <div class=\"uc-bottom\">\n            <div>\n              <h3 class=\"uc-ft\">Khung \u1ea3nh s\u1ed1 WiFi Frameo th\u00f4ng minh<\/h3>\n              <p class=\"uc-fd\">G\u1eedi \u1ea3nh tr\u1ef1c ti\u1ebfp t\u1eeb \u0111i\u1ec7n tho\u1ea1i th\u00f4ng minh \u0111\u1ebfn ph\u00f2ng kh\u00e1ch gia \u0111\u00ecnh \u1edf b\u1ea5t k\u1ef3 \u0111\u00e2u tr\u00ean th\u1ebf gi\u1edbi th\u00f4ng qua \u1ee9ng d\u1ee5ng WiFi th\u00f4ng minh. K\u1ebft n\u1ed1i y\u00eau th\u01b0\u01a1ng gi\u1eefa c\u00e1c th\u1ebf h\u1ec7.<\/p>\n            <\/div>\n            <div class=\"uc-tags\">\n              <span class=\"uct\">WiFi Sync<\/span>\n              <span class=\"uct\">IPS C\u1ea3m \u1ee9ng<\/span>\n              <span class=\"uct\">Qu\u00e0 t\u1eb7ng \u0111\u1eb7c bi\u1ec7t<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================================================================\n       TRUST & CUSTOMER REVIEWS\n       ================================================================ -->\n  <section id=\"trust\" class=\"sec\">\n    <div class=\"rv\" style=\"text-align:center;max-width:600px;margin:0 auto\">\n      <p class=\"eyebrow\" style=\"justify-content:center\">S\u1ef1 tin c\u1eady h\u00e0ng \u0111\u1ea7u<\/p>\n      <h2 class=\"display\" style=\"font-size:clamp(40px,5vw,70px)\">\u0110\u01b0\u1ee3c tin d\u00f9ng to\u00e0n c\u1ea7u<\/h2>\n      <p class=\"body-md\" style=\"margin-top:16px\">iFuture mang ch\u1ea5t l\u01b0\u1ee3ng ARZOPA ch\u00ednh h\u00e3ng c\u00f9ng ch\u00ednh s\u00e1ch d\u1ecbch v\u1ee5 \u0111\u1ec9nh cao t\u1edbi ng\u01b0\u1eddi ti\u00eau d\u00f9ng Vi\u1ec7t Nam.<\/p>\n    <\/div>\n\n    <!-- Trust Stats -->\n    <div class=\"trust-grid rv d2\">\n      <div class=\"trust-stat\">\n        <span class=\"ts-n\">100%<\/span>\n        <span class=\"ts-l\">Ch\u00ednh h\u00e3ng nh\u1eadp kh\u1ea9u<\/span>\n      <\/div>\n      <div class=\"trust-stat\">\n        <span class=\"ts-n\">1 Gi\u1edd<\/span>\n        <span class=\"ts-l\">Th\u1eddi gian ph\u1ea3n h\u1ed3i B2B<\/span>\n      <\/div>\n      <div class=\"trust-stat\">\n        <span class=\"ts-n\">24t<\/span>\n        <span class=\"ts-l\">B\u1ea3o h\u00e0nh ch\u00ednh h\u00e3ng VN<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Customer Reviews -->\n    <div class=\"trust-reviews rv d3\">\n      <div class=\"tr-card\">\n        <div class=\"tr-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"tr-text\">&#8220;T\u00f4i th\u01b0\u1eddng xuy\u00ean ph\u1ea3i l\u00e0m vi\u1ec7c t\u1eeb xa t\u1ea1i qu\u00e1n cafe. M\u00e0n h\u00ecnh di \u0111\u1ed9ng Z3FC gi\u00fap t\u00f4i nh\u00e2n \u0111\u00f4i kh\u00f4ng gian l\u00e0m vi\u1ec7c c\u1ee7a Macbook ch\u1ec9 v\u1edbi 1 s\u1ee3i d\u00e2y c\u00e1p. \u0110\u1ed9 ph\u00e2n gi\u1ea3i 2.5K hi\u1ec3n th\u1ecb c\u1ef1c k\u1ef3 m\u1ecbn m\u00e0ng v\u00e0 trung th\u1ef1c.&#8221;<\/p>\n        <p class=\"tr-author\">Anh Minh Ho\u00e0ng \u2014 Freelancer Designer (H\u00e0 N\u1ed9i)<\/p>\n      <\/div>\n\n      <div class=\"tr-card\">\n        <div class=\"tr-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"tr-text\">&#8220;S\u1ea3n ph\u1ea9m \u0111\u01b0\u1ee3c b\u1ea3o h\u00e0nh ch\u00ednh h\u00e3ng 24 th\u00e1ng b\u1edfi iFuture Vi\u1ec7t Nam l\u00e0m t\u00f4i r\u1ea5t y\u00ean t\u00e2m khi nh\u1eadp mua s\u1ed1 l\u01b0\u1ee3ng l\u1edbn l\u00e0m qu\u00e0 t\u1eb7ng \u0111\u1ed1i t\u00e1c doanh nghi\u1ec7p v\u00e0o d\u1ecbp cu\u1ed1i n\u0103m. Khung \u1ea3nh s\u1ed1 D10 ho\u1ea1t \u0111\u1ed9ng r\u1ea5t \u1ed5n \u0111\u1ecbnh, c\u1ea3m \u1ee9ng nh\u1ea1y.&#8221;<\/p>\n        <p class=\"tr-author\">Ch\u1ecb Thu Th\u1ee7y \u2014 Tr\u01b0\u1edfng ph\u00f2ng nh\u00e2n s\u1ef1 c\u00f4ng ty V-Tech (H\u1ed3 Ch\u00ed Minh)<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Trust Markets & Flags -->\n    <div class=\"trust-markets rv d4\">\n      <span class=\"tm-label\">H\u1ec7 th\u1ed1ng ch\u1ea5t l\u01b0\u1ee3ng to\u00e0n c\u1ea7u<\/span>\n      <div class=\"tm-flags\">\n        <div class=\"tm-flag\"><span class=\"tm-dot\"><\/span> Vi\u1ec7t Nam<\/div>\n        <div class=\"tm-flag\"><span class=\"tm-dot\"><\/span> Hoa K\u1ef3 (USA)<\/div>\n        <div class=\"tm-flag\"><span class=\"tm-dot\"><\/span> Ch\u00e2u \u00c2u (EU)<\/div>\n        <div class=\"tm-flag\"><span class=\"tm-dot\"><\/span> Singapore<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================================================================\n       SPECIFICATIONS SECTION\n       ================================================================ -->\n  <section id=\"specs\" class=\"sec\">\n    <div class=\"sp-layout\">\n      <!-- Specs visual -->\n      <div class=\"sp-visual rv\">\n        <div class=\"sp-wrap\">\n          <div class=\"sp-img\">\n            <img decoding=\"async\" src=\"https:\/\/www.arzopa.com\/cdn\/shop\/files\/z3fc_0e8db93e-35e3-4043-be5a-ca9ee57eb529.png?v=1770019762&amp;width=1200\" alt=\"ARZOPA Specs Model\" title=\"ARZOPA\">\n          <\/div>\n          <div class=\"sp-badges-row\">\n            <div class=\"spb\">\n              <span class=\"spb-v\">16.1&#8243;<\/span>\n              <span class=\"spb-l\">K\u00edch th\u01b0\u1edbc<\/span>\n            <\/div>\n            <div class=\"spb\">\n              <span class=\"spb-v\">2.5K<\/span>\n              <span class=\"spb-l\">\u0110\u1ed9 ph\u00e2n gi\u1ea3i<\/span>\n            <\/div>\n            <div class=\"spb\">\n              <span class=\"spb-v\">180Hz<\/span>\n              <span class=\"spb-l\">T\u1ea7n s\u1ed1 qu\u00e9t<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Specs dynamic fill list -->\n      <div class=\"sp-info rv d2\">\n        <p class=\"eyebrow\">Th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt<\/p>\n        <h2 class=\"display\" style=\"font-size:clamp(40px,5vw,70px);margin-bottom:28px\">Hi\u1ec7u n\u0103ng chi ti\u1ebft<\/h2>\n        \n        <div class=\"sp-list\">\n          <div class=\"spi\">\n            <div class=\"spi-ico\">\n              <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg>\n            <\/div>\n            <div>\n              <p class=\"spi-n\">T\u1ea7n s\u1ed1 qu\u00e9t t\u1ed1i \u0111a (Z3FC)<\/p>\n              <p class=\"spi-v\">180 Hz<\/p>\n              <div class=\"spi-bar\"><div class=\"spi-fill\" data-w=\"95%\"><\/div><\/div>\n            <\/div>\n            <span class=\"spi-u\">Flagship<\/span>\n          <\/div>\n\n          <div class=\"spi\">\n            <div class=\"spi-ico\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"><\/path><\/svg>\n            <\/div>\n            <div>\n              <p class=\"spi-n\">Kh\u00f4ng gian m\u00e0u sRGB hi\u1ec3n th\u1ecb<\/p>\n              <p class=\"spi-v\">100 % sRGB<\/p>\n              <div class=\"spi-bar\"><div class=\"spi-fill\" data-w=\"100%\"><\/div><\/div>\n            <\/div>\n            <span class=\"spi-u\">Chu\u1ea9n \u0111\u1ed3 h\u1ecda<\/span>\n          <\/div>\n\n          <div class=\"spi\">\n            <div class=\"spi-ico\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2.18\" ry=\"2.18\"><\/rect><line x1=\"7\" y1=\"2\" x2=\"7\" y2=\"22\"><\/line><line x1=\"17\" y1=\"2\" x2=\"17\" y2=\"22\"><\/line><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><\/svg>\n            <\/div>\n            <div>\n              <p class=\"spi-n\">\u0110\u1ed9 ph\u00e2n gi\u1ea3i m\u00e0n h\u00ecnh<\/p>\n              <p class=\"spi-v\">2560 x 1600 px (2.5K)<\/p>\n              <div class=\"spi-bar\"><div class=\"spi-fill\" data-w=\"90%\"><\/div><\/div>\n            <\/div>\n            <span class=\"spi-u\">S\u1eafc n\u00e9t<\/span>\n          <\/div>\n\n          <div class=\"spi\">\n            <div class=\"spi-ico\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\n            <\/div>\n            <div>\n              <p class=\"spi-n\">Ch\u1ec9 s\u1ed1 m\u1ecfng nh\u1eb9<\/p>\n              <p class=\"spi-v\">M\u1ecfng 0.3&#8243; \/ N\u1eb7ng 600g<\/p>\n              <div class=\"spi-bar\"><div class=\"spi-fill\" data-w=\"92%\"><\/div><\/div>\n            <\/div>\n            <span class=\"spi-u\">C\u1ef1c m\u1ecfng<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================================================================\n       COMPARE MATRIX TABLE\n       ================================================================ -->\n  <section id=\"compare\" class=\"sec\">\n    <div class=\"rv\" style=\"text-align:center;max-width:600px;margin:0 auto\">\n      <p class=\"eyebrow\" style=\"justify-content:center\">So s\u00e1nh d\u00f2ng s\u1ea3n ph\u1ea9m<\/p>\n      <h2 class=\"display\" style=\"font-size:clamp(40px,5vw,70px)\">L\u1ef1a Ch\u1ecdn D\u00f2ng M\u00e0n H\u00ecnh Ph\u00f9 H\u1ee3p<\/h2>\n      <p class=\"body-md\" style=\"margin-top:16px\">So s\u00e1nh tr\u1ef1c ti\u1ebfp c\u00e1c m\u1eabu Flagship hi\u1ec7n c\u00f3 \u0111\u1ec3 t\u00ecm ra s\u1ea3n ph\u1ea9m ph\u00f9 h\u1ee3p nh\u1ea5t v\u1edbi m\u00f4 h\u00ecnh ph\u00e2n ph\u1ed1i c\u1ee7a b\u1ea1n.<\/p>\n    <\/div>\n\n    <div class=\"cmp-wrap rv d2\">\n      <table class=\"cmp\">\n        <thead>\n          <tr class=\"cmp-row cmp-head-row\">\n            <th class=\"ch lbl\">T\u00ednh n\u0103ng ch\u00ednh<\/th>\n            <th class=\"ch hl\">\n              <span class=\"ch-b hl\">ARZOPA Z3FC<\/span>\n              <span class=\"ch-s\">(Cao c\u1ea5p &#8211; Best Seller)<\/span>\n            <\/th>\n            <th class=\"ch\">\n              <span class=\"ch-b\">ARZOPA Z1FC<\/span>\n              <span class=\"ch-s\">(Gaming Ph\u1ed5 th\u00f4ng)<\/span>\n            <\/th>\n            <th class=\"ch\">\n              <span class=\"ch-b\">D10 WiFi Frame<\/span>\n              <span class=\"ch-s\">(Khung \u1ea3nh k\u1ef9 thu\u1eadt s\u1ed1)<\/span>\n            <\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr class=\"cmp-row\">\n            <td class=\"cc lbl\">K\u00edch th\u01b0\u1edbc hi\u1ec3n th\u1ecb<\/td>\n            <td class=\"cc hl cv\">16.1 inch<\/td>\n            <td class=\"cc cv\">16.1 inch<\/td>\n            <td class=\"cc cv\">10.1 inch<\/td>\n          <\/tr>\n          <tr class=\"cmp-row\">\n            <td class=\"cc lbl\">\u0110\u1ed9 ph\u00e2n gi\u1ea3i<\/td>\n            <td class=\"cc hl cv\">2.5K (2560 x 1600)<\/td>\n            <td class=\"cc\">FHD (1920 x 1080)<\/td>\n            <td class=\"cc\">HD (1280 x 800)<\/td>\n          <\/tr>\n          <tr class=\"cmp-row\">\n            <td class=\"cc lbl\">T\u1ea7n s\u1ed1 qu\u00e9t m\u00e0n h\u00ecnh<\/td>\n            <td class=\"cc hl cv\">180 Hz<\/td>\n            <td class=\"cc cv\">144 Hz<\/td>\n            <td class=\"cc\">60 Hz<\/td>\n          <\/tr>\n          <tr class=\"cmp-row\">\n            <td class=\"cc lbl\">T\u1ea5m n\u1ec1n m\u00e0n h\u00ecnh<\/td>\n            <td class=\"cc hl\">IPS 100% sRGB<\/td>\n            <td class=\"cc\">IPS 45% NTSC<\/td>\n            <td class=\"cc\">IPS C\u1ea3m \u1ee9ng<\/td>\n          <\/tr>\n          <tr class=\"cmp-row\">\n            <td class=\"cc lbl\">K\u1ebft n\u1ed1i th\u00f4ng minh<\/td>\n            <td class=\"cc hl\">Type-C * 2, Mini-HDMI<\/td>\n            <td class=\"cc\">Type-C * 2, Mini-HDMI<\/td>\n            <td class=\"cc cv\">WiFi, \u1ee8ng d\u1ee5ng Frameo<\/td>\n          <\/tr>\n          <tr class=\"cmp-row\">\n            <td class=\"cc lbl\">H\u1ed7 tr\u1ee3 loa t\u00edch h\u1ee3p<\/td>\n            <td class=\"cc hl ck\">\u2714 Loa K\u00e9p (Dual Speaker)<\/td>\n            <td class=\"cc ck\">\u2714 Loa K\u00e9p (Dual Speaker)<\/td>\n            <td class=\"cc ck\">\u2714 Loa \u0110\u01a1n<\/td>\n          <\/tr>\n          <tr class=\"cmp-row\">\n            <td class=\"cc lbl\">\u1ee8ng d\u1ee5ng ph\u00f9 h\u1ee3p<\/td>\n            <td class=\"cc hl\">Creator, \u0110\u1ed3 h\u1ecda, Gaming cao c\u1ea5p<\/td>\n            <td class=\"cc\">Ch\u01a1i game console di \u0111\u1ed9ng<\/td>\n            <td class=\"cc\">Trang tr\u00ed nh\u00e0 c\u1eeda, qu\u00e0 t\u1eb7ng<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/section>\n\n  <!-- ================================================================\n       BRAND STORY \/ RINGS\n       ================================================================ -->\n  <section id=\"story\">\n    <div class=\"story-rings\">\n      <div class=\"sring\"><\/div>\n      <div class=\"sring\"><\/div>\n      <div class=\"sring\"><\/div>\n    <\/div>\n    <div class=\"story-inner rv\">\n      <h2 class=\"sq\">M\u1edf r\u1ed9ng t\u1ea7m nh\u00ecn \u2014 <em>B\u1ea5t k\u1ec3 n\u01a1i \u0111\u00e2u<\/em><\/h2>\n      <p class=\"story-body\">ARZOPA kh\u1edfi \u0111\u1ea7u v\u1edbi s\u1ee9 m\u1ec7nh \u0111\u1ecbnh h\u00ecnh l\u1ea1i c\u00e1ch ch\u00fang ta t\u01b0\u01a1ng t\u00e1c v\u1edbi m\u00e0n h\u00ecnh m\u00e1y t\u00ednh. Kh\u00f4ng c\u00f2n b\u1ecb tr\u00f3i bu\u1ed9c t\u1ea1i chi\u1ebfc b\u00e0n l\u00e0m vi\u1ec7c c\u1ed1 \u0111\u1ecbnh, m\u1ed7i thi\u1ebft b\u1ecb ARZOPA \u0111\u1ea1i di\u1ec7n cho s\u1ef1 ph\u00f3ng kho\u00e1ng, d\u1ecbch chuy\u1ec3n v\u00e0 k\u1ebft n\u1ed1i kh\u00f4ng gi\u1edbi h\u1ea1n. \u0110\u1ed3ng h\u00e0nh c\u00f9ng iFuture Vietnam, ch\u00fang t\u00f4i ti\u1ebfp t\u1ee5c mang gi\u00e1 tr\u1ecb \u0111\u00f3 \u0111\u1ebfn t\u1eadn tay ng\u01b0\u1eddi ti\u00eau d\u00f9ng Vi\u1ec7t b\u1eb1ng ni\u1ec1m tin ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 d\u1ecbch v\u1ee5 b\u1ea3o h\u00e0nh t\u1eadn t\u00e2m.<\/p>\n      <button class=\"btn-solid\" onclick=\"document.getElementById('products').scrollIntoView({behavior:'smooth'})\">Kh\u00e1m Ph\u00e1 D\u00f2ng S\u1ea3n Ph\u1ea9m<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- ================================================================\n       CTA FINAL \/ B2B CONTACT FORM\n       ================================================================ -->\n  <section id=\"cta\">\n    <div class=\"cta-orb\"><\/div>\n    <div class=\"cta-glow\"><\/div>\n    <div class=\"cta-inner rv\">\n      <div class=\"cta-ey\">\u0110\u0103ng k\u00fd \u0111\u1ea1i l\u00fd<\/div>\n      \n      <h2 class=\"cta-h\">\n        <span class=\"c1\">\u0110\u1ed2NG H\u00c0NH PH\u00c1T TRI\u1ec2N<\/span>\n        <span class=\"c2\">C\u00d9NG IFUTURE VIETNAM<\/span>\n      <\/h2>\n      \n      <p class=\"cta-d\">G\u1eedi th\u00f4ng tin cho b\u1ed9 ph\u1eadn kinh doanh B2B c\u1ee7a ch\u00fang t\u00f4i \u0111\u1ec3 nh\u1eadn b\u00e1o gi\u00e1 chi\u1ebft kh\u1ea5u \u0111\u1ea1i l\u00fd t\u1ed1t nh\u1ea5t h\u00f4m nay.<\/p>\n      \n      <!-- Interactive Contact Form -->\n      <div class=\"cta-form-wrap\">\n        <form class=\"cta-form\" id=\"b2b-form\">\n          <div class=\"form-group\">\n            <label for=\"company\">T\u00ean \u0110\u01a1n V\u1ecb \/ C\u00f4ng Ty *<\/label>\n            <input type=\"text\" id=\"company\" placeholder=\"V\u00ed d\u1ee5: C\u00f4ng ty TNHH C\u00f4ng Ngh\u1ec7 ABC\" required=\"\">\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"contact-name\">H\u1ecd v\u00e0 T\u00ean Ng\u01b0\u1eddi Li\u00ean H\u1ec7 *<\/label>\n            <input type=\"text\" id=\"contact-name\" placeholder=\"V\u00ed d\u1ee5: Nguy\u1ec5n V\u0103n A\" required=\"\">\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"contact-email\">\u0110\u1ecba Ch\u1ec9 Email *<\/label>\n            <input type=\"email\" id=\"contact-email\" placeholder=\"email@company.com\" required=\"\">\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"contact-phone\">S\u1ed1 \u0110i\u1ec7n Tho\u1ea1i Li\u00ean H\u1ec7 *<\/label>\n            <input type=\"tel\" id=\"contact-phone\" placeholder=\"V\u00ed d\u1ee5: 0912345678\" required=\"\">\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"program-type\">Ch\u01b0\u01a1ng Tr\u00ecnh H\u1ee3p T\u00e1c Mong Mu\u1ed1n *<\/label>\n            <select id=\"program-type\" required=\"\">\n              <option value=\"\" disabled=\"\" selected=\"\">Ch\u1ecdn h\u00ecnh th\u1ee9c h\u1ee3p t\u00e1c<\/option>\n              <option value=\"retail\">\u0110\u1ea1i L\u00fd B\u00e1n L\u1ebb (C\u1eeda H\u00e0ng \/ \u0110\u1ea1i L\u00fd)<\/option>\n              <option value=\"project\">D\u1ef1 \u00c1n Doanh Nghi\u1ec7p (Qu\u00e0 T\u1eb7ng \/ Office Setup)<\/option>\n              <option value=\"dropship\">Affiliate &amp; Dropshipping<\/option>\n              <option value=\"other\">Y\u00eau C\u1ea7u H\u1ee3p T\u00e1c Kh\u00e1c<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"message\">N\u1ed9i Dung Y\u00eau C\u1ea7u Chi Ti\u1ebft<\/label>\n            <textarea id=\"message\" rows=\"4\" placeholder=\"Vui l\u00f2ng \u0111\u1ec3 l\u1ea1i nhu c\u1ea7u c\u1ee5 th\u1ec3 c\u1ee7a b\u1ea1n \u0111\u1ec3 ch\u00fang t\u00f4i chu\u1ea9n b\u1ecb b\u00e1o gi\u00e1 ch\u00ednh x\u00e1c nh\u1ea5t...\"><\/textarea>\n          <\/div>\n          \n          <div class=\"form-submit\">\n            <button type=\"submit\" class=\"btn-solid\">G\u1eedi \u0110\u0103ng K\u00fd \u0110\u1ed1i T\u00e1c<\/button>\n          <\/div>\n        <\/form>\n        <div id=\"form-msg\" class=\"form-msg\"><\/div>\n      <\/div>\n\n      <div class=\"cta-btns\">\n        <a href=\"mailto:b2b@ifuturevietnam.com\" class=\"btn-outline\">G\u1eedi Email Tr\u1ef1c Ti\u1ebfp<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================================================================\n       FOOTER\n       ================================================================ -->\n  <footer>\n    <div class=\"foot-top\">\n      <div class=\"foot-brand\">\n        <span class=\"fl\">ARZOPA<\/span>\n        <p class=\"fs\">Official Vietnam Distributor<\/p>\n        <span class=\"fe\">Nh\u00e0 Ph\u00e2n Ph\u1ed1i Ch\u00ednh Th\u1ee9c \u2014 iFuture<\/span>\n      <\/div>\n      <div>\n        <span class=\"foot-col-title\">Li\u00ean K\u1ebft Nhanh<\/span>\n        <ul class=\"foot-links\">\n          <li><a href=\"#products\">S\u1ea3n ph\u1ea9m ARZOPA<\/a><\/li>\n          <li><a href=\"#role\">V\u1ec1 iFuture Vi\u1ec7t Nam<\/a><\/li>\n          <li><a href=\"#b2b\">Ch\u00ednh s\u00e1ch h\u1ee3p t\u00e1c \u0111\u1ea1i l\u00fd<\/a><\/li>\n          <li><a href=\"#specs\">Th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <span class=\"foot-col-title\">V\u0103n ph\u00f2ng B2B iFuture<\/span>\n        <div class=\"foot-contact\">\n          <div class=\"fc-row\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a8 8 0 0 0-8 8c0 5.25 8 12 8 12s8-6.75 8-12a8 8 0 0 0-8-8z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n            <span>T\u00f2a nh\u00e0 c\u00f4ng ngh\u1ec7 iFuture, C\u1ea7u Gi\u1ea5y, H\u00e0 N\u1ed9i<\/span>\n          <\/div>\n          <div class=\"fc-row\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n            <span>Hotline B2B: 1900 633 986<\/span>\n          <\/div>\n          <div class=\"fc-row\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n            <span>Email: partner@ifuturevietnam.com<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"foot-bottom\">\n      <span class=\"fb-copy\">B\u1ea3n quy\u1ec1n \u00a9 2026 iFuture Vietnam. B\u1ea3o l\u01b0u m\u1ecdi quy\u1ec1n.<\/span>\n      <span class=\"fb-entity\">Ph\u00e2n ph\u1ed1i ch\u00ednh th\u1ee9c th\u01b0\u01a1ng hi\u1ec7u ARZOPA Portable Monitor t\u1ea1i Vi\u1ec7t Nam.<\/span>\n      <span class=\"fb-logo\">DESIGNED BY IFUTURE<\/span>\n    <\/div>\n  <\/footer>\n\n  <script src=\"index.js\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>ARZOPA Vietnam \u2014 Nh\u00e0 Ph\u00e2n Ph\u1ed1i Ch\u00ednh Th\u1ee9c B\u1edfi iFuture ARZOPA iFuture VN S\u1ea3n Ph\u1ea9m V\u1ec1 iFuture H\u1ee3p T\u00e1c \u1ee8ng D\u1ee5ng Th\u00f4ng S\u1ed1 So S\u00e1nh Li\u00ean H\u1ec7 \u0110\u1ea1i L\u00fd Ch\u1ebf \u0111\u1ed9 \ud83c\udf19 \u2600\ufe0f \u26a1 ARZOPA Authorized Distributor \u2014 iFuture Vietnam WORK. PLAY. ANYWHERE. M\u00e0n h\u00ecnh di \u0111\u1ed9ng th\u1ebf h\u1ec7 m\u1edbi cho l\u1ed1i s\u1ed1ng d\u1ecbch chuy\u1ec3n. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"angie-canvas","meta":{"_angie_page":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-93","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/ifuturevietnam.com\/vi\/author\/ifuturevietnam\/"},"uagb_comment_info":0,"uagb_excerpt":"ARZOPA Vietnam \u2014 Nh\u00e0 Ph\u00e2n Ph\u1ed1i Ch\u00ednh Th\u1ee9c B\u1edfi iFuture ARZOPA iFuture VN S\u1ea3n Ph\u1ea9m V\u1ec1 iFuture H\u1ee3p T\u00e1c \u1ee8ng D\u1ee5ng Th\u00f4ng S\u1ed1 So S\u00e1nh Li\u00ean H\u1ec7 \u0110\u1ea1i L\u00fd Ch\u1ebf \u0111\u1ed9 \ud83c\udf19 \u2600\ufe0f \u26a1 ARZOPA Authorized Distributor \u2014 iFuture Vietnam WORK. PLAY. ANYWHERE. M\u00e0n h\u00ecnh di \u0111\u1ed9ng th\u1ebf h\u1ec7 m\u1edbi cho l\u1ed1i s\u1ed1ng d\u1ecbch chuy\u1ec3n.&hellip;","_links":{"self":[{"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/pages\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":63,"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/pages\/93\/revisions"}],"predecessor-version":[{"id":2261,"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/pages\/93\/revisions\/2261"}],"wp:attachment":[{"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/media?parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}