{"id":2291,"date":"2026-06-24T10:31:31","date_gmt":"2026-06-24T03:31:31","guid":{"rendered":"https:\/\/ifuturevietnam.com\/?page_id=2291"},"modified":"2026-07-02T17:50:54","modified_gmt":"2026-07-02T10:50:54","slug":"gravastar","status":"publish","type":"page","link":"https:\/\/ifuturevietnam.com\/vi\/gravastar\/","title":{"rendered":"GRAVASTAR"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GravaStar \u2014 Official Brand | iFuture Vietnam\n   styles.css \u2014 t\u00e1ch t\u1eeb file g\u1ed1c + t\u1ed1i \u01b0u hi\u1ec7u n\u0103ng\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n#gs,#gs *,#gs *::before,#gs *::after{box-sizing:border-box;margin:0;padding:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}\n#gs img{display:block;max-width:100%}\n#gs a{text-decoration:none;color:inherit}\n#gs button{cursor:pointer;font:inherit;border:none;background:none}\n#gs h1,#gs h2,#gs h3,#gs h4{line-height:1.1;letter-spacing:-.025em;font-weight:700}\n#gs p{line-height:1.6}\nhtml{scroll-behavior:smooth}\n\n#gs{\n  --red:#E8192C;\n  --red-dark:#C4111F;\n  --red-light:#FFE5E7;\n  --ink:#111111;\n  --white:#FFFFFF;\n  --off:#F7F8FA;\n  --border:#E5E7EB;\n  --border-dark:#D1D5DB;\n  --ink-muted:#6B7280;\n  --ink-light:#9CA3AF;\n  --max:1280px;\n  --pad:clamp(20px,5vw,72px);\n  --py:clamp(64px,8vw,112px);\n  background:#fff;\n  color:#111;\n  -webkit-font-smoothing:antialiased;\n  line-height:1.6;\n}\n\n\/* \u2500\u2500 TOPBAR \u2500\u2500 *\/\n#gs .topbar{background:#111;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);font-size:12px;color:rgba(255,255,255,.65);gap:16px}\n#gs .topbar-left{display:flex;align-items:center;gap:20px;white-space:nowrap}\n#gs .topbar-left a{color:rgba(255,255,255,.65);transition:color 150ms}\n#gs .topbar-left a:hover{color:#fff}\n#gs .topbar-right{display:flex;align-items:center;gap:4px}\n#gs .lang-btn{height:24px;padding:0 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.5);border:1px solid transparent;transition:all 150ms;cursor:pointer;background:transparent}\n#gs .lang-btn.active{color:#fff;background:var(--red);border-color:var(--red)}\n#gs .lang-btn:hover:not(.active){color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.15)}\n\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\n#gs .ifnav{position:sticky;top:0;z-index:9999;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);height:68px;transition:box-shadow 200ms;will-change:box-shadow}\n#gs .ifnav-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);height:100%;display:flex;align-items:center;gap:32px}\n#gs .ifnav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:auto}\n#gs .ifnav-logo img{height:32px;width:auto}\n#gs .ifnav-logo-text{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.02em}\n#gs .ifnav-links{display:flex;align-items:center;gap:2px}\n#gs .ifnav-links a,#gs .nav-dropdown-trigger{height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#111;border-radius:8px;transition:all 150ms;position:relative;cursor:pointer;white-space:nowrap}\n#gs .ifnav-links a:hover,#gs .nav-dropdown-trigger:hover{color:var(--red);background:rgba(232,25,44,.08)}\n#gs .nav-caret{font-size:10px;opacity:.5}\n#gs .nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--border);border-top:2px solid var(--red);border-radius:8px;padding:8px;min-width:180px;box-shadow:0 8px 32px rgba(0,0,0,.10);opacity:0;pointer-events:none;transform:translateY(-6px);transition:all 200ms ease;z-index:300}\n#gs .nav-dropdown-trigger:hover .nav-dropdown,#gs .nav-dropdown-trigger.dropdown-open .nav-dropdown{opacity:1;pointer-events:all;transform:translateY(0)}\n#gs .nav-dropdown a{display:block;height:36px;padding:0 12px;font-size:12px;font-weight:500;color:var(--ink-muted);border-radius:6px;width:100%;transition:all 140ms;text-transform:none;letter-spacing:normal}\n#gs .nav-dropdown a:hover{background:rgba(232,25,44,.08);color:var(--red)}\n#gs .nav-dropdown a.current{color:var(--red);font-weight:700;background:rgba(232,25,44,.08)}\n#gs .ifnav-right{display:flex;align-items:center;gap:8px}\n#gs .ifnav-cta{height:40px;padding:0 20px;background:var(--red);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:8px;display:inline-flex;align-items:center;transition:all 150ms}\n#gs .ifnav-cta:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(232,25,44,.3)}\n\n\/* \u2500\u2500 UTILS \u2500\u2500 *\/\n#gs .wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}\n#gs section{padding:var(--py) 0;content-visibility:auto;contain-intrinsic-size:1px 900px}\n#gs section#top,#gs section.hero{content-visibility:visible} \/* hero lu\u00f4n render ngay, kh\u00f4ng delay LCP *\/\n#gs section.alt{background:var(--off)}\n#gs .section-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:16px}\n#gs .section-label::before{content:'';display:block;width:20px;height:2px;background:var(--red);border-radius:2px}\n#gs h1{font-size:clamp(48px,7vw,88px);font-weight:900}\n#gs h2{font-size:clamp(32px,4vw,52px);font-weight:800;color:var(--ink)}\n#gs h3{font-size:clamp(18px,2vw,22px);font-weight:700;color:var(--ink)}\n\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n#gs .btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 28px;border-radius:10px;font-size:14px;font-weight:600;transition:background 150ms,transform 150ms,box-shadow 150ms;cursor:pointer;border:none}\n#gs .btn-dark{background:var(--ink);color:#fff}\n#gs .btn-dark:hover{background:#222;transform:translateY(-1px)}\n#gs .btn-red{background:var(--red);color:#fff}\n#gs .btn-red:hover{background:var(--red-dark);transform:translateY(-1px)}\n#gs .btn-outline-white{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)}\n#gs .btn-outline-white:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.05)}\n\n\/* \u2500\u2500 REVEAL (progressive enhancement \u2014 an to\u00e0n khi JS l\u1ed7i) \u2500\u2500\n   M\u1eb7c \u0111\u1ecbnh KH\u00d4NG \u1ea9n n\u1ed9i dung. Ch\u1ec9 \u1ea9n khi th\u1ebb <html> c\u00f3 class \"js\"\n   (\u0111\u01b0\u1ee3c set ngay b\u1eb1ng script ch\u1eb7n trong <head>, ch\u1ea1y tr\u01b0\u1edbc khi\n   render n\u00ean kh\u00f4ng g\u00e2y \"nh\u1ea5p nh\u00e1y\"). N\u1ebfu JS l\u1ed7i\/kh\u00f4ng ch\u1ea1y \u0111\u01b0\u1ee3c,\n   html s\u1ebd kh\u00f4ng c\u00f3 class \"js\" \u2192 n\u1ed9i dung hi\u1ec3n th\u1ecb b\u00ecnh th\u01b0\u1eddng. *\/\n#gs .reveal{opacity:1;transform:none;transition:opacity 600ms ease,transform 600ms ease}\nhtml.js #gs .reveal{opacity:0;transform:translateY(24px)}\nhtml.js #gs .reveal.visible{opacity:1;transform:translateY(0)}\n#gs .reveal-delay-1{transition-delay:80ms}\n#gs .reveal-delay-2{transition-delay:160ms}\n#gs .reveal-delay-3{transition-delay:240ms}\n#gs .reveal-delay-4{transition-delay:320ms}\n\n\/* N\u1ebfu tr\u00ecnh duy\u1ec7t t\u1eaft hi\u1ec7u \u1ee9ng chuy\u1ec3n \u0111\u1ed9ng (accessibility) ho\u1eb7c\n   kh\u00f4ng h\u1ed7 tr\u1ee3 JS: lu\u00f4n hi\u1ec3n th\u1ecb, kh\u00f4ng ch\u1edd animation *\/\n@media (prefers-reduced-motion: reduce){\n  html.js #gs .reveal{opacity:1;transform:none;transition:none}\n  #gs .hero-img-wrap img{animation:none}\n  #gs .product-banner-track{animation:none}\n}\nnoscript ~ #gs .reveal,\nhtml:not(.js) #gs .reveal{opacity:1 !important;transform:none !important}\n\n\/* \u2500\u2500 DATA-LANG \u2500\u2500 *\/\n#gs [data-lang]{display:none}\n#gs.lang-en [data-lang=\"en\"]{display:inline}\n#gs.lang-vi [data-lang=\"vi\"]{display:inline}\n\n\/* \u2550\u2550 HERO \u2550\u2550 *\/\n#gs .hero{min-height:calc(100vh - 104px);background:#111;display:grid;align-items:center;position:relative;overflow:hidden}\n#gs .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 72% 45%,rgba(232,25,44,.22) 0%,transparent 65%),radial-gradient(ellipse 30% 30% at 15% 15%,rgba(232,25,44,.06) 0%,transparent 60%);pointer-events:none}\n#gs .hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}\n#gs .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:2;padding:80px var(--pad);max-width:var(--max);margin:0 auto;width:100%}\n#gs .hero-collab{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px}\n#gs .hero-collab-logo{display:flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.04)}\n#gs .hero-collab-logo span{font-size:11px;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.55);text-transform:uppercase}\n#gs .hero-collab-divider{width:1px;height:28px;background:rgba(255,255,255,.12);flex-shrink:0}\n#gs .hero-collab-gs{display:flex;flex-direction:column;gap:1px}\n#gs .hero-collab-gs strong{font-size:12px;font-weight:800;letter-spacing:.06em;color:#fff;text-transform:uppercase}\n#gs .hero-collab-gs span{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--red);text-transform:uppercase}\n#gs .hero-headline{margin-bottom:20px}\n#gs .hero-headline .line-1{display:block;font-size:clamp(34px,5.2vw,68px);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:.95;white-space:nowrap}\n#gs .hero-headline .line-1 .accent{color:var(--red)}\n#gs .hero-headline .line-2{display:block;font-size:clamp(13px,1.4vw,17px);font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:10px}\n#gs .hero-slogan{font-size:clamp(18px,2.2vw,24px);font-weight:300;color:rgba(255,255,255,.65);margin-bottom:36px;max-width:440px;line-height:1.45}\n#gs .hero-slogan strong{color:#fff;font-weight:700}\n#gs .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px}\n#gs .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.08)}\n#gs .hero-stat{padding:20px 24px;background:rgba(255,255,255,.03)}\n#gs .hero-stat b{display:block;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:4px}\n#gs .hero-stat span{font-size:12px;color:rgba(255,255,255,.4)}\n#gs .hero-visual{display:flex;justify-content:center;align-items:center}\n#gs .hero-img-wrap{position:relative;width:100%;max-width:560px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}\n#gs .hero-img-wrap::before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(232,25,44,.18) 0%,transparent 70%)}\n#gs .hero-img-wrap img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 40px 80px rgba(232,25,44,.28));animation:gs-float 6s ease-in-out infinite;position:relative;z-index:1;will-change:transform}\n#gs .hero-img-wrap img.gs-paused{animation-play-state:paused}\n@keyframes gs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}\n\n\/* \u2550\u2550 BANNER \u2550\u2550 *\/\n#gs .product-banner{border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;height:88px;background:#fff}\n#gs .product-banner-track-wrap{overflow:hidden;height:100%;position:relative}\n#gs .product-banner-track-wrap::before,#gs .product-banner-track-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}\n#gs .product-banner-track-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n#gs .product-banner-track-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n#gs .product-banner-track{display:flex;align-items:stretch;height:100%;width:max-content;animation:gs-banner 22s linear infinite;will-change:transform}\n#gs .product-banner-track.gs-paused{animation-play-state:paused}\n@keyframes gs-banner{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n#gs .pb-zone{display:flex;flex-direction:column;justify-content:center;padding:0 52px;min-width:280px;text-decoration:none;color:inherit;position:relative;overflow:hidden}\n#gs .pb-zone .pb-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}\n#gs .pb-zone::before{content:\"\";position:absolute;inset:0;background:rgba(255,255,255,.3);z-index:1;pointer-events:none;transition:background 200ms}\n#gs .pb-zone:hover::before{background:rgba(255,255,255,.72)}\n#gs .pb-zone>*:not(.pb-bg){position:relative;z-index:2}\n#gs .pb-zone:hover .pb-zone-arrow{opacity:1;transform:translateY(-50%) translateX(4px)}\n#gs .pb-zone-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:3px}\n#gs .pb-zone-name{font-size:17px;font-weight:800;color:#111;letter-spacing:-.02em;line-height:1.1;margin-bottom:3px}\n#gs .pb-zone-sub{font-size:12px;color:var(--ink-muted)}\n#gs .pb-zone-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:14px;height:14px;opacity:0;transition:all 200ms;color:var(--red)}\n#gs .pb-divider{width:1px;background:var(--border);flex-shrink:0;align-self:stretch;margin:20px 0}\n\n\/* \u2550\u2550 ABOUT \u2550\u2550 *\/\n#gs .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}\n#gs .about-img{border-radius:20px;overflow:hidden;aspect-ratio:4\/3;background:var(--off);position:relative}\n#gs .about-img img{width:100%;height:100%;object-fit:cover;transition:transform 600ms ease}\n#gs .about-img:hover img{transform:scale(1.03)}\n#gs .about-tag{position:absolute;top:20px;left:20px;background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:6px}\n#gs .about-copy h2{margin-bottom:20px;color:var(--red)}\n#gs .about-copy p{color:var(--ink-muted);font-size:16px;line-height:1.7;margin-bottom:16px}\n#gs .about-pillars{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}\n#gs .about-pillar{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff5f5;border-radius:12px;border:1px solid rgba(232,25,44,.15);transition:box-shadow 200ms,transform 200ms;cursor:default}\n#gs .about-pillar:hover{box-shadow:0 4px 16px rgba(232,25,44,.1);transform:translateY(-2px)}\n#gs .pillar-icon{width:38px;height:38px;min-width:38px;border-radius:9px;background:#ffe0e3;border:1px solid rgba(232,25,44,.2);display:flex;align-items:center;justify-content:center;font-size:17px}\n#gs .pillar-text h4{font-size:13px;font-weight:700;margin-bottom:3px;color:#111}\n#gs .pillar-text p{font-size:12px;color:var(--ink-muted);line-height:1.4;margin:0}\n\n\/* \u2550\u2550 WHY \u2550\u2550 *\/\n#gs .why-section{background:#111;padding:var(--py) 0;position:relative;overflow:hidden}\n#gs .why-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 100%,rgba(232,25,44,.1) 0%,transparent 70%);pointer-events:none}\n#gs .why-head{text-align:center;margin-bottom:56px;position:relative;z-index:1}\n#gs .why-head .section-label{color:#FF8A93;justify-content:center}\n#gs .why-head .section-label::before{background:#FF8A93}\n#gs .why-head h2{color:#fff;margin-bottom:12px}\n#gs .why-head p{font-size:17px;color:rgba(255,255,255,.4);max-width:480px;margin:0 auto}\n#gs .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:1}\n#gs .why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:28px 24px;transition:background 220ms,border-color 220ms,transform 220ms;cursor:pointer;position:relative;overflow:hidden}\n#gs .why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 300ms ease}\n#gs .why-card:hover{background:rgba(255,255,255,.07);border-color:rgba(232,25,44,.3);transform:translateY(-4px)}\n#gs .why-card:hover::before{transform:scaleX(1)}\n#gs .why-icon{width:56px;height:56px;border-radius:16px;background:rgba(232,25,44,.12);border:1px solid rgba(232,25,44,.2);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px}\n#gs .why-card h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}\n#gs .why-sub{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:10px}\n#gs .why-card p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}\n\n\/* \u2500\u2500 COLLAB STRIP \u2500\u2500 *\/\n#gs .collab-strip{background:#111;border-top:1px solid rgba(255,255,255,.06);padding:20px var(--pad);display:flex;align-items:center;justify-content:center;gap:24px}\n#gs .collab-strip-inner{display:flex;align-items:center;gap:16px}\n#gs .collab-strip-text{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.2)}\n#gs .collab-strip-logos{display:flex;align-items:center;gap:12px}\n#gs .cl-ifuture{font-size:13px;font-weight:800;letter-spacing:.04em;color:rgba(255,255,255,.4);text-transform:uppercase}\n#gs .cl-x{font-size:13px;color:rgba(255,255,255,.2)}\n#gs .cl-gs{font-size:13px;font-weight:900;letter-spacing:.04em;color:rgba(232,25,44,.8);text-transform:uppercase}\n\n\/* \u2550\u2550 KEYBOARDS \u2014 MERCURY ARMORY \u2550\u2550 *\/\n#gs .armory{background:#0c0c0c;position:relative;overflow:hidden;padding:var(--py) 0}\n#gs .armory::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}\n#gs .armory::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 20%,rgba(232,25,44,.16) 0%,transparent 70%);pointer-events:none}\n#gs .armory-inner{position:relative;z-index:1;text-align:center}\n#gs .armory-title{margin-bottom:8px}\n#gs .armory-title .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:10px}\n#gs .armory-title h2{color:#fff;font-size:clamp(30px,4.4vw,52px);margin-bottom:8px}\n#gs .armory-title p{font-size:14px;color:rgba(255,255,255,.4);letter-spacing:.02em}\n\n#gs .archive-layout{display:grid;grid-template-columns:280px 1fr;gap:40px;margin-top:0}\n#gs .archive-sidebar{background:rgba(255,255,255,.06);padding:28px 24px;display:flex;flex-direction:column;gap:22px;border:1px solid rgba(255,255,255,.08);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}\n#gs .sidebar-model{display:flex;align-items:baseline;gap:12px}\n#gs .sidebar-model-name{font-size:40px !important;font-weight:800;color:#fff;line-height:1}\n#gs .sidebar-model-sub{font-size:14px !important;letter-spacing:0.2em;color:var(--red);font-weight:600;text-transform:uppercase}\n#gs .sidebar-section{display:flex;flex-direction:column;gap:10px}\n#gs .sidebar-label{color:rgba(255,255,255,.35);font-size:9px;letter-spacing:0.16em;text-transform:uppercase;font-weight:600}\n#gs .sidebar-options{display:flex;flex-wrap:wrap;gap:6px}\n#gs .opt-btn{padding:6px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.4);font-size:9px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:background 160ms ease,border-color 160ms ease,color 160ms ease;border-radius:6px}\n#gs .opt-btn:hover{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7);background:rgba(255,255,255,.06)}\n#gs .opt-btn.active{border-color:var(--red);color:#fff;background:rgba(232,25,44,.15)}\n#gs .sidebar-colors-text{display:flex;flex-wrap:wrap;gap:4px}\n#gs .color-text-opt{background:transparent;border:none;color:rgba(255,255,255,.35);cursor:pointer;font-size:9px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;padding:4px 10px;transition:color 160ms ease,background 160ms ease;border-radius:4px}\n#gs .color-text-opt:hover{color:rgba(255,255,255,.7);background:rgba(255,255,255,.05)}\n#gs .color-text-opt.active{color:var(--red);background:rgba(232,25,44,.1)}\n#gs .sidebar-price{font-size:32px !important;font-weight:800;color:var(--red)}\n#gs .sidebar-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.06);padding-top:14px;margin-top:auto}\n#gs .sidebar-sku{color:rgba(255,255,255,.3);font-size:8px;letter-spacing:0.05em;text-transform:uppercase;font-family:monospace}\n#gs .sidebar-status{color:#4ade80;font-size:8px;letter-spacing:0.1em;font-weight:700;text-transform:uppercase}\n#gs .sidebar-action{width:100%;background:var(--red);color:#fff;border:none;padding:12px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:background 160ms ease,transform 160ms ease}\n#gs .sidebar-action:hover{background:var(--red-dark);transform:translateY(-1px)}\n\n#gs .archive-gallery-col{background:rgba(255,255,255,.02);display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}\n#gs .archive-gallery{width:100%;max-width:540px;display:flex;flex-direction:column;gap:0;position:relative;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#1a1a1a;padding:16px}\n#gs .gallery-terminal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}\n#gs .gallery-terminal-tag{font-family:monospace;font-size:9px;font-weight:700;letter-spacing:0.14em;color:rgba(255,255,255,.5);text-transform:uppercase;background:rgba(255,255,255,.05);padding:3px 10px;border-radius:4px}\n#gs .gallery-terminal-dots{display:flex;gap:5px}\n#gs .gallery-terminal-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.1)}\n#gs .gallery-wrapper{overflow:hidden;width:100%;border-radius:10px;position:relative;background:#111}\n#gs .gallery-track{display:flex;transition:transform 350ms cubic-bezier(0.16,1,0.3,1)}\n#gs .gallery-slide{flex:0 0 100%;aspect-ratio:1\/1;display:grid;place-items:center;background:transparent;position:relative}\n#gs .gallery-slide img{max-width:90%;height:auto;object-fit:contain;position:relative;z-index:0}\n#gs .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.7);backdrop-filter:blur(8px);color:rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;cursor:pointer;z-index:10;opacity:0;transition:opacity 180ms ease}\n#gs .archive-gallery:hover .gallery-nav{opacity:1}\n#gs .gallery-nav:hover{border-color:var(--red);color:var(--red)}\n#gs .gallery-nav.prev{left:8px}\n#gs .gallery-nav.next{right:8px}\n#gs .gallery-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}\n#gs .gallery-label{color:rgba(255,255,255,.35);font-size:8px;letter-spacing:0.16em;text-transform:uppercase;font-weight:600}\n#gs .gallery-label::before{content:\"UNIT_\";color:var(--red);opacity:0.7}\n#gs .gallery-counter{font-family:monospace;font-size:10px;letter-spacing:0.1em;color:rgba(255,255,255,.4)}\n#gs .gallery-counter .current{color:var(--red);font-weight:700}\n#gs .gallery-counter .separator{color:rgba(255,255,255,.15);margin:0 2px}\n#gs .gallery-progress{height:2px;background:rgba(255,255,255,.06);width:100%;position:relative;margin-top:10px;border-radius:2px}\n#gs .progress-bar{position:absolute;top:0;left:0;height:100%;background:var(--red);width:12.5%;transition:width 350ms cubic-bezier(0.16,1,0.3,1);border-radius:2px}\n\n#gs .armory-model-selector{display:flex;justify-content:flex-start;gap:8px;margin-bottom:24px}\n#gs .armory-model-selector .opt-btn{padding:8px 28px;font-size:14px;font-weight:700;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.4);border-radius:0;cursor:pointer;transition:background 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease}\n#gs .armory-model-selector .opt-btn:hover{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7);background:rgba(255,255,255,.06)}\n#gs .armory-model-selector .opt-btn.active{border-color:var(--red) !important;color:#fff !important;background:var(--red) !important;border-radius:0 !important;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%) !important;box-shadow:0 0 30px rgba(232,25,44,.35) !important}\n\n#gs .unit-types{display:flex;gap:6px}\n#gs .unit-types .opt-btn{padding:6px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.4);font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:background 160ms ease,border-color 160ms ease,color 160ms ease;border-radius:0}\n#gs .unit-types .opt-btn:hover{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}\n#gs .unit-types .opt-btn.active{border-color:var(--red) !important;color:#fff !important;background:var(--red) !important;border-radius:0 !important;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%) !important;box-shadow:0 0 20px rgba(232,25,44,.25) !important}\n\n\/* \u2550\u2550 MOUSE \u2550\u2550 *\/\n#gs .mouse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n#gs .mouse-card{background:var(--off);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:box-shadow 220ms,border-color 220ms,transform 220ms;cursor:pointer}\n#gs .mouse-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(0,0,0,.08);border-color:var(--border-dark)}\n#gs .mouse-card-img{aspect-ratio:4\/3;background:#fff;display:flex;align-items:center;justify-content:center;padding:24px;border-bottom:1px solid var(--border)}\n#gs .mouse-card-body{padding:20px}\n#gs .mouse-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red);background:var(--red-light);padding:3px 10px;border-radius:100px;margin-bottom:8px}\n#gs .mouse-card-body h3{font-size:18px;margin-bottom:6px;color:#111}\n#gs .mouse-card-body p{font-size:13px;color:var(--ink-muted);line-height:1.5}\n\n\/* \u2550\u2550 AUDIO \u2550\u2550 *\/\n#gs .audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}\n#gs .audio-card{border-radius:24px;overflow:hidden;border:1px solid var(--border);background:#fff}\n#gs .audio-hero{aspect-ratio:16\/9;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}\n#gs .audio-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 60% 40%,rgba(232,25,44,.22) 0%,transparent 70%)}\n#gs .audio-hero img{width:160px;height:160px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 40px rgba(232,25,44,.3))}\n#gs .audio-body{padding:24px}\n#gs .audio-cat{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:8px}\n#gs .audio-body h3{font-size:22px;margin-bottom:8px;color:#111}\n#gs .audio-body p{font-size:14px;color:var(--ink-muted);line-height:1.6;margin-bottom:20px}\n#gs .audio-versions{display:flex;gap:8px;margin-bottom:20px}\n#gs .audio-version{flex:1;padding:10px;border:1px solid var(--border);border-radius:10px;text-align:center;font-size:12px;font-weight:600;color:var(--ink-muted);transition:border-color 150ms,color 150ms;cursor:pointer}\n#gs .audio-version:hover{border-color:var(--red);color:var(--red)}\n#gs .audio-version span{display:block;font-size:10px;font-weight:400;color:var(--ink-light);margin-top:2px}\n\n\/* \u2550\u2550 SPECIAL EDITIONS \u2550\u2550 *\/\n#gs .se-intro{text-align:center;margin-bottom:56px}\n#gs .se-intro h2{margin-bottom:12px}\n#gs .se-intro p{font-size:17px;color:var(--ink-muted);max-width:480px;margin:0 auto 24px}\n#gs .se-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\n#gs .se-card{aspect-ratio:3\/4;border-radius:20px;overflow:hidden;position:relative;cursor:pointer;border:1px solid var(--border)}\n#gs .se-card-bg{position:absolute;inset:0;transition:transform 500ms ease}\n#gs .se-card:hover .se-card-bg{transform:scale(1.06)}\n#gs .se-card-bg.no-img{display:flex;align-items:center;justify-content:center;font-size:80px}\n#gs .se-onyx{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%)}\n#gs .se-gunmetal{background:linear-gradient(135deg,#2a3035 0%,#3d4852 100%)}\n#gs .se-chrome{background:linear-gradient(135deg,#c0c5ca 0%,#e8ecf0 100%)}\n#gs .se-special{background:linear-gradient(135deg,#1a0008 0%,#3d0010 100%)}\n#gs .se-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.1) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:0;transition:opacity 300ms}\n#gs .se-card:hover .se-overlay{opacity:1}\n#gs .se-overlay-always{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 100%)}\n#gs .se-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}\n#gs .se-sub{font-size:12px;color:rgba(255,255,255,.65)}\n#gs .se-edition-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red);background:rgba(232,25,44,.2);border:1px solid rgba(232,25,44,.4);padding:3px 10px;border-radius:100px;margin-bottom:8px}\n#gs .se-product-img{width:100%;height:100%;object-fit:contain;padding:20px;position:absolute;inset:0;transition:transform 500ms ease}\n#gs .se-card:hover .se-product-img{transform:scale(1.08) translateY(-4px)}\n\n\/* \u2550\u2550 CTA \u2550\u2550 *\/\n#gs .cta-final{background:#111;padding:var(--py) 0;text-align:center;position:relative;overflow:hidden}\n#gs .cta-final::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(232,25,44,.18) 0%,transparent 70%);pointer-events:none}\n#gs .cta-final::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}\n#gs .cta-final-inner{position:relative;z-index:2}\n#gs .cta-headline{font-size:clamp(40px,6vw,72px);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1;margin-bottom:16px}\n#gs .cta-headline .accent{color:var(--red)}\n#gs .cta-headline .line-dim{color:rgba(255,255,255,.3)}\n#gs .cta-sub{font-size:17px;color:rgba(255,255,255,.45);max-width:520px;margin:0 auto 40px;line-height:1.6}\n#gs .cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}\n#gs .cta-trust{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}\n#gs .trust-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}\n#gs .trust-pill svg{opacity:.6}\n#gs .trust-pill strong{color:rgba(255,255,255,.8);font-weight:600}\n\n\/* \u2550\u2550 FOOTER \u2550\u2550 *\/\n#gs .iffooter{background:#0D0D0D;padding:60px 0 0}\n#gs .iffooter-top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.07)}\n#gs .iffooter-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}\n#gs .iffooter-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:20px}\n#gs .iffooter-contact{display:flex;flex-direction:column;gap:8px}\n#gs .iffooter-contact a{font-size:12px;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:8px;transition:color 150ms}\n#gs .iffooter-contact a:hover{color:rgba(255,255,255,.9)}\n#gs .iffooter-col h4{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:18px}\n#gs .iffooter-col a{display:block;font-size:13px;color:rgba(255,255,255,.55);margin-bottom:12px;transition:color 150ms;text-decoration:none}\n#gs .iffooter-col a:hover{color:rgba(255,255,255,.9)}\n#gs .iffooter-col a.hl{color:var(--red);font-weight:600}\n#gs .iffooter-social{display:flex;gap:8px;margin-top:8px}\n#gs .iffooter-social a{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:13px;transition:all 150ms}\n#gs .iffooter-social a:hover{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.05)}\n#gs .iffooter-bottom{padding:20px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.3);flex-wrap:wrap;gap:12px}\n#gs .iffooter-bottom a{color:rgba(255,255,255,.3);transition:color 150ms;text-decoration:none}\n#gs .iffooter-bottom a:hover{color:rgba(255,255,255,.7)}\n#gs .iffooter-bottom-links{display:flex;gap:20px}\n\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\n@media(max-width:1024px){\n  #gs .why-grid{grid-template-columns:repeat(2,1fr)}\n  #gs .se-grid{grid-template-columns:repeat(2,1fr)}\n  #gs .iffooter-top{grid-template-columns:1fr 1fr}\n}\n@media(max-width:768px){\n  #gs .ifnav-links{display:none}\n  #gs .topbar-left span:not(:first-child){display:none}\n  #gs .hero-grid{grid-template-columns:1fr;padding:48px var(--pad)}\n  #gs .hero-visual{display:none}\n  #gs .hero-stats{grid-template-columns:repeat(2,1fr)}\n  #gs .about-grid,#gs .audio-grid{grid-template-columns:1fr}\n  #gs .mouse-grid{grid-template-columns:1fr}\n  #gs .about-pillars{grid-template-columns:1fr}\n  #gs .iffooter-top{grid-template-columns:1fr;gap:32px}\n  #gs .why-grid{grid-template-columns:1fr 1fr}\n  #gs .product-banner{height:auto}\n  #gs .product-banner-track{flex-direction:column;animation:none;width:100%}\n  #gs .pb-zone{padding:14px var(--pad);min-width:unset;border-bottom:1px solid var(--border)}\n  #gs .pb-divider{display:none}\n  #gs .product-banner-track-wrap::before,#gs .product-banner-track-wrap::after{display:none}\n  #gs .archive-layout{grid-template-columns:1fr}\n  #gs .archive-sidebar{order:2;padding:20px}\n  #gs .archive-gallery-col{order:1;min-height:340px;padding:16px}\n  #gs .sidebar-model-name{font-size:24px}\n  #gs .sidebar-price{font-size:24px}\n}\n@media(max-width:480px){\n  #gs .se-grid{grid-template-columns:1fr 1fr}\n  #gs .why-grid{grid-template-columns:1fr}\n  #gs .cta-trust{flex-direction:column;align-items:center}\n  #gs .archive-sidebar{padding:14px;gap:16px}\n  #gs .sidebar-model-name{font-size:20px}\n  #gs .sidebar-price{font-size:20px}\n  #gs .opt-btn{font-size:8px;padding:4px 10px}\n  #gs .color-text-opt{font-size:8px;padding:3px 8px}\n  #gs .sidebar-sku{font-size:7px}\n  #gs .sidebar-status{font-size:7px}\n  #gs .sidebar-action{font-size:10px;padding:10px}\n  #gs .archive-gallery{padding:12px}\n  #gs .gallery-terminal-tag{font-size:7px;padding:2px 8px}\n  #gs .gallery-nav{width:28px;height:28px}\n  #gs .gallery-nav svg{width:14px;height:14px}\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GravaStar \u2014 Official Brand | iFuture Vietnam\n   script.js \u2014 t\u00e1ch t\u1eeb file g\u1ed1c + t\u1ed1i \u01b0u hi\u1ec7u n\u0103ng\n   L\u01b0u \u00fd quan tr\u1ecdng:\n   - N\u00ean load v\u1edbi thu\u1ed9c t\u00ednh \"defer\" (xem gravastar.html) \u0111\u1ec3 kh\u00f4ng\n     ch\u1eb7n render trong l\u00fac t\u1ea3i, nh\u01b0ng file n\u00e0y KH\u00d4NG PH\u1ee4 THU\u1ed8C v\u00e0o\n     \"defer\" hay v\u1ecb tr\u00ed th\u1ebb <script> n\u1eefa: m\u1ecdi truy c\u1eadp #gs \u0111\u1ec1u n\u1eb1m\n     trong boot(), ch\u1ec9 ch\u1ea1y khi document.readyState \u0111\u00e3 \"interactive\"\n     ho\u1eb7c \"complete\" (t\u1ee9c DOM ch\u1eafc ch\u1eafn t\u1ed3n t\u1ea1i). V\u00ec v\u1eady d\u00f9 ai \u0111\u00f3 v\u00f4\n     t\u00ecnh g\u1ee1 \"defer\" ho\u1eb7c d\u00e1n <script> l\u00ean <head>, trang v\u1eabn ho\u1ea1t\n     \u0111\u1ed9ng \u0111\u00fang thay v\u00ec \u00e2m th\u1ea7m h\u1ecfng h\u1ebft.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function () {\n  'use strict';\n\n  \/* QUAN TR\u1eccNG: KH\u00d4NG query DOM \u1edf \u0111\u00e2y (top-level c\u1ee7a IIFE).\n     D\u00f2ng n\u00e0y ch\u1ea1y NGAY khi tr\u00ecnh duy\u1ec7t th\u1ef1c thi file .js \u2014 t\u1ea1i th\u1eddi\n     \u0111i\u1ec3m \u0111\u00f3 DOM c\u00f3 th\u1ec3 CH\u01afA parse xong n\u1ebfu th\u1ebb <script> m\u1ea5t \"defer\"\n     ho\u1eb7c b\u1ecb \u0111\u1eb7t l\u00ean <head> (r\u1ea5t hay x\u1ea3y ra khi nh\u00fang v\u00e0o WordPress\/\n     page builder). N\u1ebfu query \u1edf \u0111\u00e2y m\u00e0 #gs ch\u01b0a t\u1ed3n t\u1ea1i \u2192 root = null\n     v\u0129nh vi\u1ec5n \u2192 m\u1ecdi t\u00ednh n\u0103ng ch\u1ebft im l\u1eb7ng, k\u1ec3 c\u1ea3 window.setLang.\n     V\u00ec v\u1eady: ch\u1ec9 khai b\u00e1o bi\u1ebfn, vi\u1ec7c g\u00e1n \"root\" d\u1eddi v\u00e0o b\u00ean trong\n     boot() \u2014 n\u01a1i \u0111\u01b0\u1ee3c \u0111\u1ea3m b\u1ea3o ch\u1ea1y sau DOMContentLoaded. *\/\n  var root;\n\n  \/* \u2500\u2500 LANGUAGE \u2500\u2500\n     \u0110\u1ecbnh ngh\u0129a h\u00e0m s\u1edbm \u0111\u1ec3 onclick=\"setLang(...)\" trong HTML lu\u00f4n t\u1ed3n\n     t\u1ea1i ngay t\u1eeb \u0111\u1ea7u, nh\u01b0ng b\u1ea3n th\u00e2n h\u00e0m t\u1ef1 ki\u1ec3m tra \"root\" tr\u01b0\u1edbc khi\n     d\u00f9ng \u2014 n\u1ebfu boot() ch\u01b0a ch\u1ea1y xong (ho\u1eb7c #gs kh\u00f4ng t\u1ed3n t\u1ea1i) th\u00ec\n     tho\u00e1t \u00eam, kh\u00f4ng n\u00e9m l\u1ed7i ra console. *\/\n  window.setLang = function (lang) {\n    if (!root) return;\n    root.className = root.className.replace(\/\\blang-\\w+\\b\/g, '').trim() + ' lang-' + lang;\n    var btnEN = document.getElementById('btnEN');\n    var btnVI = document.getElementById('btnVI');\n    if (btnEN) btnEN.classList.toggle('active', lang === 'en');\n    if (btnVI) btnVI.classList.toggle('active', lang === 'vi');\n    document.documentElement.lang = lang === 'vi' ? 'vi' : 'en';\n    try { localStorage.setItem('ifuture-lang', lang); } catch (e) {}\n  };\n\n  \/* \u2500\u2500 REVEAL ON SCROLL \u2500\u2500\n     C\u00f3 timeout an to\u00e0n: n\u1ebfu v\u00ec l\u00fd do g\u00ec \u0111\u00f3 IntersectionObserver\n     kh\u00f4ng b\u1eafn (tab \u1ea9n l\u00e2u, l\u1ed7i tr\u00ecnh duy\u1ec7t c\u0169...), ph\u1ea7n t\u1eed v\u1eabn\n     t\u1ef1 hi\u1ec7n ra sau 2.5s thay v\u00ec \u1ea9n v\u0129nh vi\u1ec5n. *\/\n  function initReveal() {\n    var els = root.querySelectorAll('.reveal');\n    if (!els.length) return;\n\n    if (!('IntersectionObserver' in window)) {\n      els.forEach(function (el) { el.classList.add('visible'); });\n      return;\n    }\n\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.08, rootMargin: '0px 0px -40px 0px' });\n\n    els.forEach(function (el) {\n      io.observe(el);\n      \/\/ Fallback an to\u00e0n \u2014 kh\u00f4ng \u0111\u1ec3 text b\u1ecb \u1ea9n v\u0129nh vi\u1ec5n\n      setTimeout(function () { el.classList.add('visible'); }, 2500);\n    });\n  }\n\n  \/* \u2500\u2500 PAUSE OFFSCREEN ANIMATIONS (gi\u1ea3m gi\u1eadt\/CPU) \u2500\u2500\n     Marquee c\u1ee7a product-banner v\u00e0 animation n\u1ed5i c\u1ee7a hero image\n     ch\u1ea1y \"infinite\" \u2014 t\u1ea1m d\u1eebng khi ph\u1ea7n t\u1eed ra kh\u1ecfi khung nh\u00ecn\n     ho\u1eb7c khi tab b\u1ecb \u1ea9n, \u0111\u1ec3 kh\u00f4ng t\u1ed1n CPU\/GPU cho hi\u1ec7u \u1ee9ng\n     ng\u01b0\u1eddi d\u00f9ng kh\u00f4ng nh\u00ecn th\u1ea5y. *\/\n  function initOffscreenPause() {\n    if (!('IntersectionObserver' in window)) return;\n\n    var targets = [];\n    var bannerTrack = document.getElementById('bannerTrack');\n    if (bannerTrack) targets.push(bannerTrack);\n    var heroImg = root.querySelector('.hero-img-wrap img');\n    if (heroImg) targets.push(heroImg);\n    if (!targets.length) return;\n\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        entry.target.classList.toggle('gs-paused', !entry.isIntersecting);\n      });\n    }, { threshold: 0 });\n\n    targets.forEach(function (el) { io.observe(el); });\n\n    document.addEventListener('visibilitychange', function () {\n      var paused = document.hidden;\n      targets.forEach(function (el) { el.classList.toggle('gs-paused', paused); });\n    });\n  }\n\n  \/* \u2500\u2500 ARMORY CONTROLS (Keyboard configurator) \u2500\u2500 *\/\n  function initArmoryControls() {\n    var nameEl = document.getElementById('sidebarModel');\n    var subEl = document.getElementById('sidebarSub');\n    var priceEl = document.getElementById('procurementPrice');\n    var skuEl = document.getElementById('sidebarSku');\n    var statusEl = document.getElementById('sidebarStatus');\n    var tagEl = document.getElementById('terminalTag');\n    var labelEl = document.getElementById('galleryLabel');\n    var track = document.getElementById('galleryTrack');\n    var counter = document.getElementById('galleryCounter');\n    var progress = document.getElementById('progressBar');\n\n    if (!nameEl || !priceEl) return;\n\n    var MODEL_DATA = {\n      k1: {\n        lite: { name: 'K1', sub: 'LITE', price: '$89', sku: 'GS-PRF-002-LITE-BK', status: 'Available', tag: 'VISUAL FEED \u00b7 Unit K1', label: 'PRIMARY FRAME' },\n        standard: { name: 'K1', sub: 'STANDARD', price: '$119', sku: 'GS-PRF-002-STD-MBK', status: 'Available', tag: 'VISUAL FEED \u00b7 Unit K1', label: 'PRIMARY FRAME' },\n        pro: { name: 'K1', sub: 'PRO', price: '$159', sku: 'GS-PRF-002-PRO-OBK', status: 'Available', tag: 'VISUAL FEED \u00b7 Unit K1', label: 'PRIMARY FRAME' }\n      },\n      v60: {\n        lite: { name: 'V60', sub: 'LITE', price: '$79', sku: 'GS-PRF-003-LITE-BK', status: 'Available', tag: 'VISUAL FEED \u00b7 Unit V60', label: 'PRIMARY FRAME' },\n        standard: { name: 'V60', sub: 'STANDARD', price: '$99', sku: 'GS-PRF-003-STD-MBK', status: 'Available', tag: 'VISUAL FEED \u00b7 Unit V60', label: 'PRIMARY FRAME' },\n        pro: { name: 'V60', sub: 'PRO', price: '$139', sku: 'GS-PRF-003-PRO-OBK', status: 'Available', tag: 'VISUAL FEED \u00b7 Unit V60', label: 'PRIMARY FRAME' }\n      },\n      v75: {\n        lite: { name: 'V75', sub: 'LITE', price: '$99', sku: 'GS-PRF-004-LITE-BK', status: 'Available', tag: 'VISUAL FEED \u00b7 Unit V75', label: 'PRIMARY FRAME' },\n        standard: { name: 'V75', sub: 'STANDARD', price: '$129', sku: 'GS-PRF-004-STD-MBK', status: 'Available', tag: 'VISUAL FEED \u00b7 Unit V75', label: 'PRIMARY FRAME' },\n        pro: { name: 'V75', sub: 'PRO', price: '$169', sku: 'GS-PRF-004-PRO-OBK', status: 'Available', tag: 'VISUAL FEED \u00b7 Unit V75', label: 'PRIMARY FRAME' }\n      }\n    };\n\n    var currentModel = 'k1';\n    var currentUnit = 'lite';\n\n    function setActiveGroup(btns, activeBtn) {\n      btns.forEach(function (b) { b.classList.remove('active'); });\n      activeBtn.classList.add('active');\n    }\n\n    function updateDisplay() {\n      var data = MODEL_DATA[currentModel] && MODEL_DATA[currentModel][currentUnit];\n      if (!data) return;\n      nameEl.textContent = data.name;\n      subEl.textContent = data.sub;\n      priceEl.textContent = data.price;\n      skuEl.textContent = data.sku;\n      statusEl.textContent = data.status;\n      tagEl.textContent = data.tag;\n      labelEl.textContent = data.label;\n    }\n\n    \/\/ Model buttons (d\u00f9ng class thay v\u00ec set inline style t\u1eebng d\u00f2ng \u2014 nh\u1eb9 h\u01a1n, CSS lo ph\u1ea7n m\u00e0u)\n    var modelBtns = Array.prototype.slice.call(document.querySelectorAll('#armoryModelSelector .opt-btn'));\n    var unitBtns = Array.prototype.slice.call(document.querySelectorAll('#unitTypes .opt-btn'));\n    var liteBtn = document.querySelector('.unit-types .opt-btn[data-unit=\"lite\"]');\n\n    modelBtns.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        setActiveGroup(modelBtns, this);\n        currentModel = this.dataset.model;\n        if (liteBtn) setActiveGroup(unitBtns, liteBtn);\n        currentUnit = 'lite';\n        updateDisplay();\n      });\n    });\n\n    unitBtns.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        setActiveGroup(unitBtns, this);\n        currentUnit = this.dataset.unit;\n        updateDisplay();\n      });\n    });\n\n    \/\/ Finish (color) buttons\n    var finishBtns = Array.prototype.slice.call(document.querySelectorAll('.color-text-opt'));\n    finishBtns.forEach(function (btn) {\n      btn.addEventListener('click', function () { setActiveGroup(finishBtns, this); });\n    });\n\n    \/\/ Gallery navigation\n    \/\/ Tr\u01b0\u1edbc \u0111\u00e2y \"totalSlides\" b\u1ecb code c\u1ee9ng = 8 trong khi DOM ch\u1ec9 c\u00f3\n    \/\/ 1 \u1ea3nh th\u1eadt (.gallery-slide) \u2192 b\u1ea5m next\/prev s\u1ebd tr\u01b0\u1ee3t t\u1edbi c\u00e1c\n    \/\/ slide kh\u00f4ng t\u1ed3n t\u1ea1i, hi\u1ec3n th\u1ecb \u00f4 \u0111en tr\u1ed1ng. Gi\u1edd \u0111\u1ebfm \u0111\u00fang s\u1ed1\n    \/\/ slide th\u1ef1c t\u1ebf \u0111ang c\u00f3 trong DOM.\n    var slideIndex = 0;\n    var slideEls = track ? track.querySelectorAll('.gallery-slide') : [];\n    var totalSlides = slideEls.length || 1;\n    var prevBtn = document.getElementById('galleryPrev');\n    var nextBtn = document.getElementById('galleryNext');\n    var galleryEl = document.getElementById('archiveGallery');\n\n    \/\/ Ch\u1ec9 1 \u1ea3nh: \u1ea9n n\u00fat prev\/next, thanh ti\u1ebfn tr\u00ecnh v\u00e0 b\u1ed9 \u0111\u1ebfm \u2014\n    \/\/ kh\u00f4ng c\u00f2n \"gi\u1edbi h\u1ea1n\" gi\u1ea3 v\u1edd c\u00f3 8 \u1ea3nh n\u1eefa.\n    if (totalSlides <= 1) {\n      if (prevBtn) prevBtn.style.display = 'none';\n      if (nextBtn) nextBtn.style.display = 'none';\n      if (galleryEl) galleryEl.querySelector('.gallery-progress') &#038;&#038;\n        (galleryEl.querySelector('.gallery-progress').style.display = 'none');\n      if (counter) counter.style.display = 'none';\n    }\n\n    function updateGallery() {\n      if (track) track.style.transform = 'translateX(' + (-slideIndex * 100) + '%)';\n      if (counter) {\n        counter.innerHTML =\n          '<span class=\"current\">' + String(slideIndex + 1).padStart(2, '0') + '<\/span>' +\n          '<span class=\"separator\">\/<\/span>' +\n          '<span class=\"total\">' + String(totalSlides).padStart(2, '0') + '<\/span>';\n      }\n      if (progress) progress.style.width = ((slideIndex + 1) \/ totalSlides * 100) + '%';\n    }\n\n    if (prevBtn) {\n      prevBtn.addEventListener('click', function () {\n        slideIndex = (slideIndex - 1 + totalSlides) % totalSlides;\n        updateGallery();\n      });\n    }\n    if (nextBtn) {\n      nextBtn.addEventListener('click', function () {\n        slideIndex = (slideIndex + 1) % totalSlides;\n        updateGallery();\n      });\n    }\n\n    updateDisplay();\n    updateGallery();\n  }\n\n  \/* \u2500\u2500 NAV DROPDOWN \u2500\u2500 *\/\n  function initDropdown() {\n    var triggers = root.querySelectorAll('.nav-dropdown-trigger');\n    if (!triggers.length) return;\n    var canHover = window.matchMedia && window.matchMedia('(hover:hover)').matches;\n    if (canHover) return;\n    triggers.forEach(function (trigger) {\n      trigger.addEventListener('click', function (e) {\n        e.stopPropagation();\n        trigger.classList.toggle('dropdown-open');\n        triggers.forEach(function (t) { if (t !== trigger) t.classList.remove('dropdown-open'); });\n      });\n    });\n    document.addEventListener('click', function () {\n      triggers.forEach(function (t) { t.classList.remove('dropdown-open'); });\n    });\n  }\n\n  \/* \u2500\u2500 ANCHOR SCROLL \u2500\u2500 *\/\n  function initAnchor() {\n    var nav = document.getElementById('ifnav');\n    root.querySelectorAll('a[href^=\"#\"]').forEach(function (a) {\n      a.addEventListener('click', function (e) {\n        var id = this.getAttribute('href');\n        if (!id || id === '#') return;\n        var target = document.querySelector(id);\n        if (!target) return;\n        e.preventDefault();\n        var top = target.getBoundingClientRect().top + window.pageYOffset - (nav ? nav.offsetHeight : 0) - 12;\n        window.scrollTo({ top: top, behavior: 'smooth' });\n        history.pushState(null, '', id);\n      });\n    });\n  }\n\n  \/* \u2500\u2500 BANNER PAUSE ON HOVER \u2500\u2500 *\/\n  function initBanner() {\n    var track = document.getElementById('bannerTrack');\n    if (!track) return;\n    var wrap = track.closest('.product-banner-track-wrap');\n    if (!wrap) return;\n    wrap.addEventListener('mouseenter', function () { track.classList.add('gs-paused'); });\n    wrap.addEventListener('mouseleave', function () {\n      \/\/ ch\u1ec9 b\u1ecf pause n\u1ebfu banner v\u1eabn \u0111ang trong khung nh\u00ecn (IO \u1edf initOffscreenPause lo ph\u1ea7n ngo\u00e0i khung nh\u00ecn)\n      var rect = track.getBoundingClientRect();\n      var inView = rect.bottom > 0 && rect.top < window.innerHeight;\n      if (inView) track.classList.remove('gs-paused');\n    });\n  }\n\n  \/* \u2500\u2500 NAV SHADOW ON SCROLL (throttle b\u1eb1ng requestAnimationFrame) \u2500\u2500\n     Tr\u00e1nh ch\u1ea1y style-write tr\u1ef1c ti\u1ebfp trong s\u1ef1 ki\u1ec7n scroll (c\u00f3 th\u1ec3 b\u1eafn\n     h\u00e0ng ch\u1ee5c l\u1ea7n\/gi\u00e2y) \u2014 g\u1ed9p l\u1ea1i, ch\u1ec9 c\u1eadp nh\u1eadt 1 l\u1ea7n m\u1ed7i khung h\u00ecnh. *\/\n  function initNavShadow() {\n    var nav = document.getElementById('ifnav');\n    if (!nav) return;\n    var ticking = false;\n    function update() {\n      nav.style.boxShadow = window.pageYOffset > 8 ? '0 2px 20px rgba(0,0,0,0.08)' : 'none';\n      ticking = false;\n    }\n    window.addEventListener('scroll', function () {\n      if (!ticking) {\n        window.requestAnimationFrame(update);\n        ticking = true;\n      }\n    }, { passive: true });\n  }\n\n  \/* \u2500\u2500 BOOT \u2500\u2500\n     \u0110\u00e2y l\u00e0 N\u01a0I DUY NH\u1ea4T \u0111\u01b0\u1ee3c ph\u00e9p query \"#gs\" l\u1ea7n \u0111\u1ea7u. \u0110\u01b0\u1ee3c g\u1ecdi qua\n     DOMContentLoaded (ho\u1eb7c ngay l\u1eadp t\u1ee9c n\u1ebfu document \u0111\u00e3 \"interactive\"\/\n     \"complete\" \u2014 t\u1ee9c DOM ch\u1eafc ch\u1eafn \u0111\u00e3 c\u00f3 s\u1eb5n), n\u00ean root lu\u00f4n h\u1ee3p l\u1ec7\n     b\u1ea5t k\u1ec3 th\u1ebb <script> c\u00f3 \"defer\" hay \u0111\u01b0\u1ee3c \u0111\u1eb7t \u1edf \u0111\u00e2u trong trang. *\/\n  function boot() {\n    root = document.getElementById('gs');\n    if (!root) return; \/\/ trang kh\u00f4ng c\u00f3 #gs \u2014 kh\u00f4ng l\u00e0m g\u00ec th\u00eam, kh\u00f4ng l\u1ed7i\n\n    try {\n      var saved = localStorage.getItem('ifuture-lang');\n      window.setLang(saved || 'en');\n    } catch (e) {\n      window.setLang('en');\n    }\n    initReveal();\n    initOffscreenPause();\n    initArmoryControls();\n    initDropdown();\n    initAnchor();\n    initBanner();\n    initNavShadow();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', boot);\n  } else {\n    boot();\n  }\n})();\n<\/script>\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>GravaStar \u2013 Official Brand | iFuture Vietnam<\/title>\n<meta name=\"description\" content=\"GravaStar Vietnam \u2013 Industrial Futurism Meets Gaming Performance. Ch\u00ednh h\u00e3ng t\u1ea1i iFuture Vietnam.\">\n\n<!-- \u0110\u00e1nh d\u1ea5u \"c\u00f3 JS\" NGAY trong <head>, ch\u1ea1y tr\u01b0\u1edbc khi render.\n     \u0110\u00e2y l\u00e0 script ch\u1eb7n (blocking) duy nh\u1ea5t v\u00e0 c\u1ef1c nh\u1ecf \u2014 m\u1ee5c \u0111\u00edch:\n     n\u1ebfu JS ch\u1ea1y \u0111\u01b0\u1ee3c th\u00ec #gs .reveal m\u1edbi \u0111\u01b0\u1ee3c ph\u00e9p \u1ea9n \u0111\u1ec3 ch\u1edd animation;\n     n\u1ebfu JS b\u1ecb l\u1ed7i\/b\u1ecb ch\u1eb7n th\u00ec class \"js\" kh\u00f4ng t\u1ed3n t\u1ea1i v\u00e0 CSS\n     (html:not(.js) #gs .reveal) s\u1ebd gi\u1eef nguy\u00ean n\u1ed9i dung hi\u1ec3n th\u1ecb,\n     kh\u00f4ng bao gi\u1edd \u1ea9n text v\u0129nh vi\u1ec5n. -->\n<script>document.documentElement.classList.add('js');<\/script>\n\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=Inter:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n\n<link rel=\"stylesheet\" href=\"gravastar.css\">\n\n<!-- \"defer\": t\u1ea3i song song v\u1edbi HTML, kh\u00f4ng ch\u1eb7n render, nh\u01b0ng \u0111\u1ea3m b\u1ea3o\n     ch\u1ea1y sau khi parse xong to\u00e0n b\u1ed9 document (\u0111\u00fang th\u1ee9 t\u1ef1, tr\u01b0\u1edbc\n     DOMContentLoaded). \u0110\u1eb7t \u1edf <head> v\u1eabn AN TO\u00c0N v\u00ec gravastar.js ch\u1ec9\n     truy c\u1eadp #gs b\u00ean trong boot() \u2014 kh\u00f4ng c\u00f2n ph\u1ee5 thu\u1ed9c v\u00e0o vi\u1ec7c \u0111\u1eb7t\n     script \u1edf \u0111\u1ea7u hay cu\u1ed1i trang. -->\n<script src=\"gravastar.js\" defer><\/script>\n<\/head>\n<body>\n\n<div id=\"gs\" class=\"lang-en\">\n\n<!-- \u2500\u2500 TOPBAR \u2500\u2500 -->\n<div class=\"topbar\">\n  <div class=\"topbar-left\">\n    <a href=\"tel:+84933070438\">\ud83d\udcde (+84) 933 070 438<\/a>\n    <span>\u2709\ufe0f hello@ifuturevietnam.com<\/span>\n  <\/div>\n  <div class=\"topbar-right\">\n    <button class=\"lang-btn active\" id=\"btnEN\" onclick=\"setLang('en')\">EN<\/button>\n    <span style=\"color:rgba(255,255,255,.2)\">|<\/span>\n    <button class=\"lang-btn\" id=\"btnVI\" onclick=\"setLang('vi')\">VI<\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500 NAV \u2500\u2500 -->\n<header class=\"ifnav\" id=\"ifnav\">\n  <div class=\"ifnav-inner\">\n    <a href=\"https:\/\/ifuturevietnam.com\/\" class=\"ifnav-logo\">\n      <img decoding=\"async\" src=\"https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/Logo.png\" alt=\"iFuture Vietnam\" onerror=\"this.style.display=\" this.nextElementSibling.style.display=\"block\" title=\"GRAVASTAR\">\n      <span class=\"ifnav-logo-text\" style=\"display:none\">iFuture Vietnam<\/span>\n    <\/a>\n    <nav class=\"ifnav-links\">\n      <a href=\"https:\/\/ifuturevietnam.com\/\">HOME<\/a>\n      <a href=\"https:\/\/ifuturevietnam.com\/about-us\/\">ABOUT US<\/a>\n      <a href=\"https:\/\/ifuturevietnam.com\/services\/\">SERVICES<\/a>\n      <div class=\"nav-dropdown-trigger\">\n        BRANDS <span class=\"nav-caret\">\u25be<\/span>\n        <div class=\"nav-dropdown\">\n          <a href=\"https:\/\/arzopavietnam.com\/\" target=\"_blank\">ARZOPA<\/a>\n          <a href=\"https:\/\/aulumu.vn\/\" target=\"_blank\">AULUMU<\/a>\n          <a href=\"https:\/\/ifuturevietnam.com\/gravastar\/\" class=\"current\">GRAVASTAR<\/a>\n          <a href=\"https:\/\/lisen.vn\/\" target=\"_blank\">LISEN<\/a>\n          <a href=\"https:\/\/ldniovietnam.com\/\" target=\"_blank\">LDNIO<\/a>\n          <a href=\"https:\/\/paperlikevn.com\/\" target=\"_blank\">PAPERLIKE<\/a>\n          <a href=\"https:\/\/ifuturevietnam.com\/arc-pulse\/\">ARC PULSE<\/a>\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/ifuturevietnam.com\/news\/\">NEWS<\/a>\n      <a href=\"https:\/\/ifuturevietnam.com\/contact-2\/\">CONTACT<\/a>\n    <\/nav>\n    <div class=\"ifnav-right\">\n      <a href=\"https:\/\/ifuturevietnam.com\/contact-2\/\" class=\"ifnav-cta\">\n        <span data-lang=\"vi\">Li\u00ean h\u1ec7<\/span>\n        <span data-lang=\"en\">CONTACT<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- \u2500\u2500 HERO \u2500\u2500 -->\n<section class=\"hero\" id=\"top\">\n  <div class=\"hero-grid\">\n    <div class=\"hero-copy\">\n      <div class=\"hero-collab reveal\">\n        <div class=\"hero-collab-logo\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 36 36\" fill=\"none\"><circle cx=\"18\" cy=\"18\" r=\"14\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.5\"><\/circle><circle cx=\"18\" cy=\"18\" r=\"5\" fill=\"rgba(255,255,255,0.5)\"><\/circle><\/svg>\n          <span>iFuture Vietnam<\/span>\n        <\/div>\n        <div class=\"hero-collab-divider\"><\/div>\n        <div class=\"hero-collab-gs\">\n          <strong>GravaStar<\/strong>\n          <span>Official Distributor<\/span>\n        <\/div>\n      <\/div>\n      <h1 class=\"hero-headline reveal reveal-delay-1\">\n        <span class=\"line-1\">GRAVA<span class=\"accent\">STA<svg width=\"clamp(26px,3.6vw,42px)\" height=\"clamp(26px,3.6vw,42px)\" viewBox=\"586 28 80 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:inline-block;vertical-align:middle;margin:0 2px\"><polygon points=\"626,32 636,60 666,60 643,77 652,105 626,88 600,105 609,77 586,60 616,60\" fill=\"none\" stroke=\"#E8192C\" stroke-width=\"5\"><\/polygon><polygon points=\"626,38 634,62 660,62 639,76 647,100 626,86 605,100 613,76 592,62 618,62\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1\"><\/polygon><\/svg>R<\/span><\/span>\n        <span class=\"line-2\">Industrial Futurism \u00b7 Gaming Performance<\/span>\n      <\/h1>\n      <p class=\"hero-slogan reveal reveal-delay-2\">\n        <span data-lang=\"vi\">Kh\u00f4ng ch\u1ec9 l\u00e0 thi\u1ebft b\u1ecb gaming \u2014<br><strong>\u0111\u00e2y l\u00e0 t\u00e1c ph\u1ea9m ngh\u1ec7 thu\u1eadt \u0111\u1ec3 chi\u1ebfn \u0111\u1ea5u.<\/strong><\/span>\n        <span data-lang=\"en\">Not just gaming gear \u2014<br><strong>it's a weapon worth displaying.<\/strong><\/span>\n      <\/p>\n      <div class=\"hero-actions reveal reveal-delay-3\">\n        <a href=\"#keyboards\" class=\"btn btn-red\" style=\"height:52px;padding:0 32px;font-size:15px;font-weight:700\">\n          <span data-lang=\"vi\">Kh\u00e1m ph\u00e1 ngay<\/span><span data-lang=\"en\">Explore Now<\/span>\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><\/svg>\n        <\/a>\n        <a href=\"#about\" class=\"btn btn-outline-white\" style=\"height:52px;padding:0 28px;font-size:15px\">\n          <span data-lang=\"vi\">T\u00ecm hi\u1ec3u th\u00eam<\/span><span data-lang=\"en\">Learn More<\/span>\n        <\/a>\n      <\/div>\n      <div class=\"hero-stats reveal reveal-delay-4\">\n        <div class=\"hero-stat\"><b>3<\/b><span data-lang=\"vi\">D\u00f2ng s\u1ea3n ph\u1ea9m<\/span><span data-lang=\"en\">Product Lines<\/span><\/div>\n        <div class=\"hero-stat\"><b>15+<\/b><span data-lang=\"vi\">SKU ch\u00ednh h\u00e3ng<\/span><span data-lang=\"en\">Official SKUs<\/span><\/div>\n        <div class=\"hero-stat\"><b>24M<\/b><span data-lang=\"vi\">B\u1ea3o h\u00e0nh<\/span><span data-lang=\"en\">Warranty<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hero-visual reveal\">\n      <div class=\"hero-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/Gravastar-header-2.png\" alt=\"GravaStar\" loading=\"eager\" onerror=\"this.src=\" title=\"GRAVASTAR\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 SCROLLING BANNER \u2500\u2500 -->\n<div class=\"product-banner\" id=\"ecosystem\">\n  <div class=\"product-banner-track-wrap\">\n    <div class=\"product-banner-track\" id=\"bannerTrack\">\n      <a href=\"#keyboards\" class=\"pb-zone\"><div class=\"pb-bg\" style=\"background-image:url('https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/banner-keyboard-v1.png')\"><\/div><div class=\"pb-zone-label\"><span data-lang=\"vi\">B\u00e0n ph\u00edm<\/span><span data-lang=\"en\">Keyboard<\/span><\/div><div class=\"pb-zone-name\">Mercury Keyboard<\/div><div class=\"pb-zone-sub\">K1 \u00b7 V60 \u00b7 V75 \u2014 9 models<\/div><svg class=\"pb-zone-arrow\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M2 6h8M6 2l4 4-4 4\"><\/path><\/svg><\/a>\n      <div class=\"pb-divider\"><\/div>\n      <a href=\"#mouse\" class=\"pb-zone\"><div class=\"pb-bg\" style=\"background-image:url('https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/baner-mice.png')\"><\/div><div class=\"pb-zone-label\"><span data-lang=\"vi\">Chu\u1ed9t<\/span><span data-lang=\"en\">Mouse<\/span><\/div><div class=\"pb-zone-name\">Mercury Mouse<\/div><div class=\"pb-zone-sub\">PAW3395 \u00b7 8K polling \u00b7 Mecha<\/div><svg class=\"pb-zone-arrow\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M2 6h8M6 2l4 4-4 4\"><\/path><\/svg><\/a>\n      <div class=\"pb-divider\"><\/div>\n      <a href=\"#audio\" class=\"pb-zone\"><div class=\"pb-bg\" style=\"background-image:url('https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/banner-audio-v2.png')\"><\/div><div class=\"pb-zone-label\"><span data-lang=\"vi\">Loa<\/span><span data-lang=\"en\">Speaker<\/span><\/div><div class=\"pb-zone-name\">GravaStar Audio<\/div><div class=\"pb-zone-sub\">Mars Pro \u00b7 Supernova \u00b7 Zinc alloy<\/div><svg class=\"pb-zone-arrow\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M2 6h8M6 2l4 4-4 4\"><\/path><\/svg><\/a>\n      <div class=\"pb-divider\"><\/div>\n      <a href=\"#special-editions\" class=\"pb-zone\"><div class=\"pb-bg\" style=\"background-image:url('https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/banner-signature-v2.png')\"><\/div><div class=\"pb-zone-label\">SIGNATURE<\/div><div class=\"pb-zone-name\">Signature Edition<\/div><div class=\"pb-zone-sub\">Onyx Crystal \u00b7 GunMetal \u00b7 Chrome Silver<\/div><svg class=\"pb-zone-arrow\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M2 6h8M6 2l4 4-4 4\"><\/path><\/svg><\/a>\n      <!-- duplicate cho hi\u1ec7u \u1ee9ng ch\u1ea1y v\u00f4 t\u1eadn -->\n      <div class=\"pb-divider\"><\/div>\n      <a href=\"#keyboards\" class=\"pb-zone\" aria-hidden=\"true\"><div class=\"pb-bg\" style=\"background-image:url('https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/banner-keyboard-v1.png')\"><\/div><div class=\"pb-zone-label\"><span data-lang=\"vi\">B\u00e0n ph\u00edm<\/span><span data-lang=\"en\">Keyboard<\/span><\/div><div class=\"pb-zone-name\">Mercury Keyboard<\/div><div class=\"pb-zone-sub\">K1 \u00b7 V60 \u00b7 V75 \u2014 9 models<\/div><svg class=\"pb-zone-arrow\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M2 6h8M6 2l4 4-4 4\"><\/path><\/svg><\/a>\n      <div class=\"pb-divider\"><\/div>\n      <a href=\"#mouse\" class=\"pb-zone\" aria-hidden=\"true\"><div class=\"pb-bg\" style=\"background-image:url('https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/baner-mice.png')\"><\/div><div class=\"pb-zone-label\"><span data-lang=\"vi\">Chu\u1ed9t<\/span><span data-lang=\"en\">Mouse<\/span><\/div><div class=\"pb-zone-name\">Mercury Mouse<\/div><div class=\"pb-zone-sub\">PAW3395 \u00b7 8K polling \u00b7 Mecha<\/div><svg class=\"pb-zone-arrow\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M2 6h8M6 2l4 4-4 4\"><\/path><\/svg><\/a>\n      <div class=\"pb-divider\"><\/div>\n      <a href=\"#audio\" class=\"pb-zone\" aria-hidden=\"true\"><div class=\"pb-bg\" style=\"background-image:url('https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/banner-audio-v2.png')\"><\/div><div class=\"pb-zone-label\"><span data-lang=\"vi\">Loa<\/span><span data-lang=\"en\">Speaker<\/span><\/div><div class=\"pb-zone-name\">GravaStar Audio<\/div><div class=\"pb-zone-sub\">Mars Pro \u00b7 Supernova \u00b7 Zinc alloy<\/div><svg class=\"pb-zone-arrow\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M2 6h8M6 2l4 4-4 4\"><\/path><\/svg><\/a>\n      <div class=\"pb-divider\"><\/div>\n      <a href=\"#special-editions\" class=\"pb-zone\" aria-hidden=\"true\"><div class=\"pb-bg\" style=\"background-image:url('https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/banner-signature-v2.png')\"><\/div><div class=\"pb-zone-label\">SIGNATURE<\/div><div class=\"pb-zone-name\">Signature Edition<\/div><div class=\"pb-zone-sub\">Onyx Crystal \u00b7 GunMetal \u00b7 Chrome Silver<\/div><svg class=\"pb-zone-arrow\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M2 6h8M6 2l4 4-4 4\"><\/path><\/svg><\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500 ABOUT \u2500\u2500 -->\n<section id=\"about\">\n  <div class=\"wrap\">\n    <div class=\"about-grid\">\n      <div class=\"about-img reveal\">\n        <div class=\"about-tag\">Industrial Futurism<\/div>\n        <img decoding=\"async\" src=\"https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/full-item-v2-.png\" alt=\"GravaStar Industrial Design\" loading=\"lazy\" onerror=\"this.style.opacity=\" title=\"GRAVASTAR\">\n      <\/div>\n      <div class=\"about-copy\">\n        <div class=\"section-label reveal\"><span data-lang=\"vi\">V\u1ec1 GravaStar<\/span><span data-lang=\"en\">About GravaStar<\/span><\/div>\n        <h2 class=\"reveal\"><span data-lang=\"vi\">Kh\u00f4ng ch\u1ec9 l\u00e0 thi\u1ebft b\u1ecb \u2014 \u0111\u00e2y l\u00e0 m\u1ed9t t\u00e1c ph\u1ea9m<\/span><span data-lang=\"en\">Not Just a Device \u2014 It's a Crafted Artifact<\/span><\/h2>\n        <p class=\"reveal\"><span data-lang=\"vi\">GravaStar \u0111\u01b0\u1ee3c th\u00e0nh l\u1eadp v\u1edbi tri\u1ebft l\u00fd r\u1eb1ng thi\u1ebft b\u1ecb gaming c\u00f3 th\u1ec3 v\u1eeba l\u00e0 c\u00f4ng c\u1ee5 hi\u1ec7u n\u0103ng cao, v\u1eeba l\u00e0 v\u1eadt ph\u1ea9m ngh\u1ec7 thu\u1eadt x\u1ee9ng \u0111\u00e1ng \u0111\u01b0\u1ee3c tr\u01b0ng b\u00e0y.<\/span><span data-lang=\"en\">GravaStar was founded on the belief that gaming gear can be both a high-performance tool and a work of art worthy of display.<\/span><\/p>\n        <p class=\"reveal\"><span data-lang=\"vi\">M\u1ed7i s\u1ea3n ph\u1ea9m mang ng\u00f4n ng\u1eef thi\u1ebft k\u1ebf Sci-Fi \u0111\u1eb7c tr\u01b0ng \u2014 t\u1eeb v\u1ecf h\u1ee3p kim k\u1ebdm gia c\u00f4ng CNC \u0111\u1ebfn chi ti\u1ebft c\u01a1 h\u1ecdc l\u1ed9 thi\u00ean.<\/span><span data-lang=\"en\">Every product speaks a distinct Sci-Fi design language \u2014 from CNC-machined zinc alloy shells to exposed mechanical details.<\/span><\/p>\n        <div class=\"about-pillars\">\n          <div class=\"about-pillar reveal\"><div class=\"pillar-icon\">\u2699\ufe0f<\/div><div class=\"pillar-text\"><h4>Industrial Futurism<\/h4><p><span data-lang=\"vi\">Thi\u1ebft k\u1ebf c\u01a1 h\u1ecdc l\u1ed9 thi\u00ean, phong c\u00e1ch Mecha<\/span><span data-lang=\"en\">Exposed mechanical design, Mecha aesthetic<\/span><\/p><\/div><\/div>\n          <div class=\"about-pillar reveal reveal-delay-1\"><div class=\"pillar-icon\">\ud83c\udfae<\/div><div class=\"pillar-text\"><h4>Gaming Performance<\/h4><p><span data-lang=\"vi\">Sensor 8K polling, switch c\u01a1 h\u1ecdc cao c\u1ea5p<\/span><span data-lang=\"en\">8K polling sensor, premium mechanical switches<\/span><\/p><\/div><\/div>\n          <div class=\"about-pillar reveal reveal-delay-2\"><div class=\"pillar-icon\">\ud83d\udc8e<\/div><div class=\"pillar-text\"><h4>Collectible<\/h4><p><span data-lang=\"vi\">Phi\u00ean b\u1ea3n gi\u1edbi h\u1ea1n, gi\u00e1 tr\u1ecb s\u01b0u t\u1ea7m<\/span><span data-lang=\"en\">Limited editions with collectible value<\/span><\/p><\/div><\/div>\n          <div class=\"about-pillar reveal reveal-delay-3\"><div class=\"pillar-icon\">\ud83d\udd0a<\/div><div class=\"pillar-text\"><h4>Desktop Ecosystem<\/h4><p><span data-lang=\"vi\">Keyboard, Mouse, Speaker \u0111\u1ed3ng b\u1ed9<\/span><span data-lang=\"en\">Unified Keyboard, Mouse &amp; Speaker ecosystem<\/span><\/p><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 WHY \u2500\u2500 -->\n<section class=\"why-section\">\n  <div class=\"wrap\">\n    <div class=\"why-head\">\n      <div class=\"section-label reveal\"><span data-lang=\"vi\">T\u1ea1i sao GravaStar?<\/span><span data-lang=\"en\">Why GravaStar?<\/span><\/div>\n      <h2 class=\"reveal\"><span data-lang=\"vi\">Khi m\u1ed7i chi ti\u1ebft \u0111\u1ec1u c\u00f3 l\u00fd do<\/span><span data-lang=\"en\">Every Detail Has a Reason<\/span><\/h2>\n      <p class=\"reveal\"><span data-lang=\"vi\">Kh\u00f4ng ph\u1ea3i gi\u00e1 tr\u1ecb n\u1eb1m \u1edf t\u00ean th\u01b0\u01a1ng hi\u1ec7u \u2014 m\u00e0 \u1edf t\u1eebng milimet v\u1eadt li\u1ec7u v\u00e0 t\u1eebng mili-gi\u00e2y \u0111\u1ed9 tr\u1ec5.<\/span><span data-lang=\"en\">The value isn't in the brand name \u2014 it's in every millimeter of material and every millisecond of latency.<\/span><\/p>\n    <\/div>\n    <div class=\"why-grid\">\n      <div class=\"why-card reveal\"><div class=\"why-icon\">\u2699\ufe0f<\/div><div class=\"why-sub\"><span data-lang=\"vi\">V\u1eadt li\u1ec7u<\/span><span data-lang=\"en\">Material<\/span><\/div><h4><span data-lang=\"vi\">H\u1ee3p kim k\u1ebdm CNC<\/span><span data-lang=\"en\">CNC Zinc Alloy<\/span><\/h4><p><span data-lang=\"vi\">V\u1ecf gia c\u00f4ng nguy\u00ean kh\u1ed1i t\u1eeb h\u1ee3p kim k\u1ebdm. N\u1eb7ng tay, ch\u1eafc ch\u1eafn, kh\u00f4ng u\u1ed1n cong.<\/span><span data-lang=\"en\">Full-block machined zinc alloy shell. Heavy in hand, solid, no flex.<\/span><\/p><\/div>\n      <div class=\"why-card reveal reveal-delay-1\"><div class=\"why-icon\">\ud83d\udd27<\/div><div class=\"why-sub\"><span data-lang=\"vi\">C\u00f4ng ngh\u1ec7<\/span><span data-lang=\"en\">Technology<\/span><\/div><h4><span data-lang=\"vi\">Hot-swap Switch<\/span><span data-lang=\"en\">Hot-swap Switches<\/span><\/h4><p><span data-lang=\"vi\">\u0110\u1ed5i switch kh\u00f4ng c\u1ea7n h\u00e0n thi\u1ebfc \u2014 5 gi\u00e2y \u0111\u1ec3 thay \u0111\u1ed5i ho\u00e0n to\u00e0n c\u1ea3m gi\u00e1c g\u00f5.<\/span><span data-lang=\"en\">Swap switches without soldering \u2014 5 seconds to completely change your typing feel.<\/span><\/p><\/div>\n      <div class=\"why-card reveal reveal-delay-2\"><div class=\"why-icon\">\ud83d\udca1<\/div><div class=\"why-sub\">RGB<\/div><h4><span data-lang=\"vi\">RGB \u0110\u1ed3ng b\u1ed9<\/span><span data-lang=\"en\">Ecosystem RGB<\/span><\/h4><p><span data-lang=\"vi\">RGB \u0111\u1ed3ng b\u1ed9 to\u00e0n b\u1ed9 h\u1ec7 sinh th\u00e1i \u2014 keyboard, mouse, speaker c\u00f9ng m\u1ed9t nh\u1ecbp \u0111\u1eadp.<\/span><span data-lang=\"en\">Synchronized RGB across the whole ecosystem \u2014 keyboard, mouse, speaker pulse together.<\/span><\/p><\/div>\n      <div class=\"why-card reveal reveal-delay-3\"><div class=\"why-icon\">\ud83d\udc8e<\/div><div class=\"why-sub\"><span data-lang=\"vi\">S\u01b0u t\u1ea7m<\/span><span data-lang=\"en\">Collectible<\/span><\/div><h4>Limited Edition<\/h4><p><span data-lang=\"vi\">Onyx Crystal, GunMetal, Chrome Silver \u2014 kh\u00f4ng ph\u1ea3i ai c\u0169ng c\u00f3.<\/span><span data-lang=\"en\">Onyx Crystal, GunMetal, Chrome Silver \u2014 not everyone can own one.<\/span><\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 COLLAB STRIP \u2500\u2500 -->\n<div class=\"collab-strip\">\n  <div class=\"collab-strip-inner\">\n    <span class=\"collab-strip-text\"><span data-lang=\"vi\">Ph\u00e2n ph\u1ed1i ch\u00ednh h\u00e3ng b\u1edfi<\/span><span data-lang=\"en\">Officially distributed by<\/span><\/span>\n    <div class=\"collab-strip-logos\">\n      <span class=\"cl-ifuture\">iFuture Vietnam<\/span>\n      <span class=\"cl-x\">\u00d7<\/span>\n      <span class=\"cl-gs\">GravaStar<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500 KEYBOARDS \u2014 MERCURY ARMORY \u2500\u2500 -->\n<section class=\"armory\" id=\"keyboards\">\n  <div class=\"wrap armory-inner\">\n\n    <div class=\"armory-title reveal\">\n      <span class=\"eyebrow\">Mercury Armory<\/span>\n      <h2><span data-lang=\"vi\">B\u1ed9 s\u01b0u t\u1eadp B\u00e0n ph\u00edm Mercury<\/span><span data-lang=\"en\">Mercury Keyboard Collection<\/span><\/h2>\n      <p><span data-lang=\"vi\">Thi\u1ebft k\u1ebf cho Gamer \u00b7 Creator \u00b7 Collector<\/span><span data-lang=\"en\">Designed for Gamers \u00b7 Creators \u00b7 Collectors<\/span><\/p>\n    <\/div>\n\n    <!-- MODEL SELECTOR -->\n    <div class=\"armory-model-selector\" id=\"armoryModelSelector\">\n      <button class=\"opt-btn active\" data-model=\"k1\">K1<\/button>\n      <button class=\"opt-btn\" data-model=\"v60\">V60<\/button>\n      <button class=\"opt-btn\" data-model=\"v75\">V75<\/button>\n    <\/div>\n\n    <!-- LAYOUT 3\/7 -->\n    <div class=\"archive-layout\">\n\n      <!-- SIDEBAR TR\u00c1I (3) -->\n      <aside class=\"archive-sidebar\">\n\n        <div class=\"sidebar-model\">\n          <div class=\"sidebar-model-name\" id=\"sidebarModel\">K1<\/div>\n          <div class=\"sidebar-model-sub\" id=\"sidebarSub\">LITE<\/div>\n        <\/div>\n\n        <div class=\"sidebar-section\">\n          <div class=\"sidebar-label\">UNIT TYPE<\/div>\n          <div class=\"unit-types\" id=\"unitTypes\">\n            <button class=\"opt-btn active\" data-unit=\"lite\">LITE<\/button>\n            <button class=\"opt-btn\" data-unit=\"standard\">STANDARD<\/button>\n            <button class=\"opt-btn\" data-unit=\"pro\">PRO<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"sidebar-section\">\n          <div class=\"sidebar-label\">DEPLOYMENT FINISH<\/div>\n          <div class=\"sidebar-colors-text\" id=\"archiveColors\">\n            <button class=\"color-text-opt active\" data-finish=\"transparent-black\">TRANSPARENT BLACK<\/button>\n            <button class=\"color-text-opt\" data-finish=\"crystal-aurora\">CRYSTAL AURORA<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"sidebar-section price-section\">\n          <div class=\"sidebar-label\">PROCUREMENT VALUE<\/div>\n          <div class=\"sidebar-price\" id=\"procurementPrice\">$89<\/div>\n        <\/div>\n\n        <div class=\"sidebar-meta\">\n          <div class=\"sidebar-sku\" id=\"sidebarSku\">GS-PRF-002-LITE-BK<\/div>\n          <div class=\"sidebar-status\" id=\"sidebarStatus\">Available<\/div>\n        <\/div>\n\n        <button class=\"btn sidebar-action\" id=\"accessUnitBtn\">ACCESS UNIT<\/button>\n      <\/aside>\n\n      <!-- C\u1ed8T PH\u1ea2I: GALLERY (7) -->\n      <div class=\"archive-gallery-col\">\n        <div class=\"archive-gallery\" id=\"archiveGallery\">\n          <div class=\"gallery-terminal-header\">\n            <span class=\"gallery-terminal-tag\" id=\"terminalTag\">VISUAL FEED \u00b7 Unit K1<\/span>\n            <div class=\"gallery-terminal-dots\">\n              <div class=\"gallery-terminal-dot\"><\/div>\n              <div class=\"gallery-terminal-dot\"><\/div>\n              <div class=\"gallery-terminal-dot\"><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"gallery-wrapper\">\n            <div class=\"gallery-track\" id=\"galleryTrack\">\n              <div class=\"gallery-slide active\">\n                <img decoding=\"async\" src=\"https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/banner-keyboard-v1.png\" alt=\"Mercury Keyboard\" loading=\"lazy\" title=\"GRAVASTAR\">\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <button class=\"gallery-nav prev\" id=\"galleryPrev\" aria-label=\"Previous image\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <button class=\"gallery-nav next\" id=\"galleryNext\" aria-label=\"Next image\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n          <\/button>\n\n          <div class=\"gallery-meta\">\n            <span class=\"gallery-label\" id=\"galleryLabel\">PRIMARY FRAME<\/span>\n            <span class=\"gallery-counter\" id=\"galleryCounter\">\n              <span class=\"current\">01<\/span>\n              <span class=\"separator\">\/<\/span>\n              <span class=\"total\">01<\/span>\n            <\/span>\n          <\/div>\n\n          <div class=\"gallery-progress\">\n            <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/archive-layout -->\n\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 MOUSE \u2500\u2500 -->\n<section class=\"alt\" id=\"mouse\">\n  <div class=\"wrap\">\n    <div class=\"section-label reveal\">Mouse &amp; Accessories<\/div>\n    <h2 class=\"reveal\" style=\"margin-bottom:12px\">Mercury Mouse Series<\/h2>\n    <p class=\"reveal\" style=\"color:var(--ink-muted);font-size:16px;margin-bottom:48px;max-width:480px\"><span data-lang=\"vi\">C\u1ea3m bi\u1ebfn 8K polling rate, thi\u1ebft k\u1ebf Mecha l\u1ed9 thi\u00ean \u0111\u1eb7c tr\u01b0ng c\u1ee7a GravaStar.<\/span><span data-lang=\"en\">8K polling rate sensor, GravaStar's signature exposed Mecha design.<\/span><\/p>\n    <div class=\"mouse-grid\">\n      <div class=\"mouse-card reveal\"><div class=\"mouse-card-img\"><\/div><div class=\"mouse-card-body\"><div class=\"mouse-badge\">Mouse<\/div><h3>Mercury M1 Pro<\/h3><p><span data-lang=\"vi\">C\u1ea3m bi\u1ebfn PAW3395, polling rate 8000Hz, thi\u1ebft k\u1ebf c\u01a1 h\u1ecdc v\u1edbi \u0111\u00e8n RGB h\u00ecnh c\u1ea7u<\/span><span data-lang=\"en\">PAW3395 sensor, 8000Hz polling rate, mechanical design with spherical RGB lighting<\/span><\/p><\/div><\/div>\n      <div class=\"mouse-card reveal reveal-delay-1\"><div class=\"mouse-card-img\"><\/div><div class=\"mouse-card-body\"><div class=\"mouse-badge\">Mouse<\/div><h3>Mercury M2<\/h3><p><span data-lang=\"vi\">Phi\u00ean b\u1ea3n n\u00e2ng c\u1ea5p \u2014 wireless trimode, v\u1ecf h\u1ee3p kim, thi\u1ebft k\u1ebf \u0111\u1ed1i x\u1ee9ng<\/span><span data-lang=\"en\">Upgraded edition \u2014 trimode wireless, alloy shell, symmetrical design<\/span><\/p><\/div><\/div>\n      <div class=\"mouse-card reveal reveal-delay-2\"><div class=\"mouse-card-img\" style=\"background:var(--off)\"><svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" style=\"margin:auto\"><rect x=\"10\" y=\"20\" width=\"60\" height=\"40\" rx=\"8\" fill=\"none\" stroke=\"#E8192C\" stroke-width=\"2\"><\/rect><circle cx=\"40\" cy=\"40\" r=\"10\" fill=\"#E8192C\" opacity=\".3\"><\/circle><circle cx=\"40\" cy=\"40\" r=\"4\" fill=\"#E8192C\"><\/circle><line x1=\"4\" y1=\"40\" x2=\"10\" y2=\"40\" stroke=\"#E8192C\" stroke-width=\"2\" stroke-linecap=\"round\"><\/line><line x1=\"70\" y1=\"40\" x2=\"76\" y2=\"40\" stroke=\"#E8192C\" stroke-width=\"2\" stroke-linecap=\"round\"><\/line><\/svg><\/div><div class=\"mouse-card-body\"><div class=\"mouse-badge\">Accessory<\/div><h3>4K Wireless Dongle<\/h3><p><span data-lang=\"vi\">USB dongle 4K polling rate, t\u01b0\u01a1ng th\u00edch to\u00e0n b\u1ed9 d\u00f2ng Mercury Mouse, \u0111\u1ed9 tr\u1ec5 c\u1ef1c th\u1ea5p<\/span><span data-lang=\"en\">4K polling rate USB dongle, compatible with all Mercury Mouse series, ultra-low latency<\/span><\/p><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 AUDIO \u2500\u2500 -->\n<section id=\"audio\">\n  <div class=\"wrap\">\n    <div class=\"section-label reveal\">Audio Series<\/div>\n    <h2 class=\"reveal\" style=\"color:var(--red);margin-bottom:48px\"><span data-lang=\"vi\">GravaStar Audio \u2014 \u00c2m thanh g\u1eb7p ngh\u1ec7 thu\u1eadt<\/span><span data-lang=\"en\">GravaStar Audio \u2014 Where Sound Meets Art<\/span><\/h2>\n    <div class=\"audio-grid\">\n      <div class=\"audio-card reveal\">\n        <div class=\"audio-hero\"><img decoding=\"async\" src=\"https:\/\/www.gravastar.com\/cdn\/shop\/files\/gravastarmarsprobluetoothspeakerbestdesign.webp?v=1776237811&#038;width=400\" alt=\"Mars Pro\" loading=\"lazy\" onerror=\"this.style.display=\" title=\"GRAVASTAR\"><\/div>\n        <div class=\"audio-body\"><div class=\"audio-cat\">Portable Audio<\/div><h3>Mars Pro<\/h3><p><span data-lang=\"vi\">Loa Bluetooth di \u0111\u1ed9ng v\u1edbi v\u1ecf h\u1ee3p kim k\u1ebdm, \u0111\u00e8n RGB plasma, ch\u00e2n robot c\u00f3 th\u1ec3 g\u1eadp \u2014 bi\u1ec3u t\u01b0\u1ee3ng c\u1ee7a GravaStar.<\/span><span data-lang=\"en\">Portable Bluetooth speaker with zinc alloy shell, plasma RGB lighting, and foldable robot legs \u2014 the icon of GravaStar.<\/span><\/p><div class=\"audio-versions\"><div class=\"audio-version\">Normal<span>Classic finish<\/span><\/div><div class=\"audio-version\">Special<span>Limited edition<\/span><\/div><\/div><a href=\"#\" class=\"btn btn-dark\" style=\"width:100%;justify-content:center\"><span data-lang=\"vi\">Xem Mars Pro<\/span><span data-lang=\"en\">View Mars Pro<\/span><\/a><\/div>\n      <\/div>\n      <div class=\"audio-card reveal reveal-delay-1\">\n        <div class=\"audio-hero\" style=\"background:linear-gradient(135deg,#0a0a1a,#1a0a2e,#3d0010)\"><img decoding=\"async\" src=\"https:\/\/www.gravastar.com\/cdn\/shop\/files\/supernova.webp\" alt=\"Supernova\" loading=\"lazy\" onerror=\"this.style.display=\" title=\"GRAVASTAR\"><\/div>\n        <div class=\"audio-body\"><div class=\"audio-cat\">Desktop Sound Platform<\/div><h3>Supernova<\/h3><p><span data-lang=\"vi\">Loa desktop 2.0 cao c\u1ea5p v\u1edbi thi\u1ebft k\u1ebf h\u00ecnh c\u1ea7u plasma, \u00e1nh s\u00e1ng RGB k\u00e9p, \u00e2m thanh stereo m\u1ea1nh m\u1ebd.<\/span><span data-lang=\"en\">Premium 2.0 desktop speaker with plasma sphere design, dual RGB lighting, and powerful stereo sound.<\/span><\/p><div class=\"audio-versions\"><div class=\"audio-version\">Normal<span>Classic finish<\/span><\/div><div class=\"audio-version\">Special<span>Limited edition<\/span><\/div><\/div><a href=\"#\" class=\"btn btn-dark\" style=\"width:100%;justify-content:center\"><span data-lang=\"vi\">Xem Supernova<\/span><span data-lang=\"en\">View Supernova<\/span><\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 SPECIAL EDITIONS \u2500\u2500 -->\n<section class=\"alt\" id=\"special-editions\">\n  <div class=\"wrap\">\n    <div class=\"se-intro reveal\">\n      <div class=\"section-label\" style=\"margin:0 auto 16px;justify-content:center\">Special Editions<\/div>\n      <h2><span data-lang=\"vi\">Nh\u1eefng phi\u00ean b\u1ea3n \u0111\u00e1ng s\u01b0u t\u1ea7m<\/span><span data-lang=\"en\">The Editions Worth Collecting<\/span><\/h2>\n      <p><span data-lang=\"vi\">M\u1ed7i Special Edition l\u00e0 m\u1ed9t t\u00e1c ph\u1ea9m ngh\u1ec7 thu\u1eadt \u2014 s\u1ed1 l\u01b0\u1ee3ng c\u00f3 h\u1ea1n, thi\u1ebft k\u1ebf \u0111\u1ed9c b\u1ea3n.<\/span><span data-lang=\"en\">Each Special Edition is a work of art \u2014 limited quantities, exclusive design.<\/span><\/p>\n    <\/div>\n    <div class=\"se-grid\">\n      <div class=\"se-card reveal\"><div class=\"se-card-bg se-onyx no-img\"><span style=\"color:rgba(255,255,255,.06);font-size:100px;position:absolute;bottom:-10px;right:-10px\">\u25c6<\/span><\/div><img decoding=\"async\" class=\"se-product-img\" src=\"https:\/\/www.gravastar.com\/cdn\/shop\/files\/gravastarmarsprobluetoothspeakerbestdesign.webp?v=1776237811&#038;width=300\" alt=\"Onyx Crystal\" loading=\"lazy\" onerror=\"this.style.display=\" title=\"GRAVASTAR\"><div class=\"se-overlay-always\"><div class=\"se-edition-tag\">Special Edition<\/div><div class=\"se-name\">Onyx Crystal<\/div><div class=\"se-sub\"><span data-lang=\"vi\">\u0110en huy\u1ec1n b\u00ed \u00b7 V\u1ecf crystal<\/span><span data-lang=\"en\">Mysterious black \u00b7 Crystal shell<\/span><\/div><\/div><div class=\"se-overlay\"><div class=\"se-edition-tag\">Special Edition<\/div><div class=\"se-name\">Onyx Crystal<\/div><div class=\"se-sub\" style=\"margin-bottom:12px\"><span data-lang=\"vi\">\u0110en huy\u1ec1n b\u00ed \u00b7 V\u1ecf crystal transparent<\/span><span data-lang=\"en\">Mysterious black \u00b7 Transparent crystal shell<\/span><\/div><a href=\"#\" class=\"btn btn-red\" style=\"width:100%;justify-content:center;height:40px;font-size:13px\"><span data-lang=\"vi\">Xem chi ti\u1ebft<\/span><span data-lang=\"en\">View Details<\/span><\/a><\/div><\/div>\n      <div class=\"se-card reveal reveal-delay-1\"><div class=\"se-card-bg se-gunmetal no-img\"><span style=\"color:rgba(255,255,255,.05);font-size:100px;position:absolute;bottom:-10px;right:-10px\">\u2b21<\/span><\/div><img decoding=\"async\" class=\"se-product-img\" src=\"https:\/\/www.gravastar.com\/cdn\/shop\/files\/gravastarmarsprobluetoothspeakerbestdesign.webp?v=1776237811&#038;width=300\" alt=\"GunMetal\" loading=\"lazy\" style=\"filter:hue-rotate(180deg) saturate(.3) brightness(.7)\" onerror=\"this.style.display=\" title=\"GRAVASTAR\"><div class=\"se-overlay-always\"><div class=\"se-edition-tag\">Special Edition<\/div><div class=\"se-name\">GunMetal<\/div><div class=\"se-sub\"><span data-lang=\"vi\">X\u00e1m th\u00e9p \u00b7 Tactical finish<\/span><span data-lang=\"en\">Steel grey \u00b7 Tactical finish<\/span><\/div><\/div><div class=\"se-overlay\"><div class=\"se-edition-tag\">Special Edition<\/div><div class=\"se-name\">GunMetal<\/div><div class=\"se-sub\" style=\"margin-bottom:12px\"><span data-lang=\"vi\">X\u00e1m th\u00e9p \u0111\u1eb7c tr\u01b0ng \u00b7 B\u1ec1 m\u1eb7t tactical<\/span><span data-lang=\"en\">Signature steel grey \u00b7 Tactical surface<\/span><\/div><a href=\"#\" class=\"btn btn-red\" style=\"width:100%;justify-content:center;height:40px;font-size:13px\"><span data-lang=\"vi\">Xem chi ti\u1ebft<\/span><span data-lang=\"en\">View Details<\/span><\/a><\/div><\/div>\n      <div class=\"se-card reveal reveal-delay-2\"><div class=\"se-card-bg se-chrome no-img\"><span style=\"color:rgba(0,0,0,.06);font-size:100px;position:absolute;bottom:-10px;right:-10px\">\u2726<\/span><\/div><img decoding=\"async\" class=\"se-product-img\" src=\"https:\/\/www.gravastar.com\/cdn\/shop\/files\/gravastarmarsprobluetoothspeakerbestdesign.webp?v=1776237811&#038;width=300\" alt=\"Chrome Silver\" loading=\"lazy\" style=\"filter:saturate(0) brightness(1.4)\" onerror=\"this.style.display=\" title=\"GRAVASTAR\"><div class=\"se-overlay-always\"><div class=\"se-edition-tag\">Special Edition<\/div><div class=\"se-name\">Chrome Silver<\/div><div class=\"se-sub\"><span data-lang=\"vi\">B\u1ea1c chrome \u00b7 Mirror finish<\/span><span data-lang=\"en\">Chrome silver \u00b7 Mirror finish<\/span><\/div><\/div><div class=\"se-overlay\"><div class=\"se-edition-tag\">Special Edition<\/div><div class=\"se-name\">Chrome Silver<\/div><div class=\"se-sub\" style=\"margin-bottom:12px\"><span data-lang=\"vi\">B\u1ec1 m\u1eb7t chrome \u00b7 Ph\u1ea3n chi\u1ebfu g\u01b0\u01a1ng<\/span><span data-lang=\"en\">Chrome surface \u00b7 Mirror reflection<\/span><\/div><a href=\"#\" class=\"btn btn-red\" style=\"width:100%;justify-content:center;height:40px;font-size:13px\"><span data-lang=\"vi\">Xem chi ti\u1ebft<\/span><span data-lang=\"en\">View Details<\/span><\/a><\/div><\/div>\n      <div class=\"se-card reveal reveal-delay-3\"><div class=\"se-card-bg se-special no-img\"><span style=\"color:rgba(232,25,44,.12);font-size:100px;position:absolute;bottom:-10px;right:-10px\">\u2b1f<\/span><\/div><img decoding=\"async\" class=\"se-product-img\" src=\"https:\/\/www.gravastar.com\/cdn\/shop\/files\/gravastarmarsprobluetoothspeakerbestdesign.webp?v=1776237811&#038;width=300\" alt=\"Limited\" loading=\"lazy\" style=\"filter:hue-rotate(320deg) saturate(1.3)\" onerror=\"this.style.display=\" title=\"GRAVASTAR\"><div class=\"se-overlay-always\"><div class=\"se-edition-tag\">Limited<\/div><div class=\"se-name\"><span data-lang=\"vi\">C\u00e1c phi\u00ean b\u1ea3n kh\u00e1c<\/span><span data-lang=\"en\">More Editions<\/span><\/div><div class=\"se-sub\"><span data-lang=\"vi\">C\u1eadp nh\u1eadt li\u00ean t\u1ee5c \u00b7 S\u1ed1 l\u01b0\u1ee3ng gi\u1edbi h\u1ea1n<\/span><span data-lang=\"en\">Updated regularly \u00b7 Limited quantities<\/span><\/div><\/div><div class=\"se-overlay\"><div class=\"se-edition-tag\">Limited<\/div><div class=\"se-name\"><span data-lang=\"vi\">Xem t\u1ea5t c\u1ea3 Special Editions<\/span><span data-lang=\"en\">View All Special Editions<\/span><\/div><div class=\"se-sub\" style=\"margin-bottom:12px\"><span data-lang=\"vi\">S\u1ed1 l\u01b0\u1ee3ng gi\u1edbi h\u1ea1n, c\u1eadp nh\u1eadt li\u00ean t\u1ee5c<\/span><span data-lang=\"en\">Limited quantities, updated regularly<\/span><\/div><a href=\"#\" class=\"btn btn-red\" style=\"width:100%;justify-content:center;height:40px;font-size:13px\"><span data-lang=\"vi\">Xem t\u1ea5t c\u1ea3<\/span><span data-lang=\"en\">View All<\/span><\/a><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 CTA \u2500\u2500 -->\n<section class=\"cta-final\" id=\"cta\">\n  <div class=\"wrap cta-final-inner\">\n    <div class=\"section-label reveal\" style=\"justify-content:center;color:#FF8A93\">GravaStar \u00d7 iFuture Vietnam<\/div>\n    <h2 class=\"cta-headline reveal\">Build Your<br><span class=\"accent\">Future<\/span> <span class=\"line-dim\">Setup.<\/span><\/h2>\n    <p class=\"cta-sub reveal\"><span data-lang=\"vi\">H\u1ec7 sinh th\u00e1i GravaStar ch\u00ednh h\u00e3ng t\u1ea1i Vi\u1ec7t Nam. Keyboard \u00b7 Mouse \u00b7 Speaker \u2014 \u0111\u1ed3ng b\u1ed9 ho\u00e0n h\u1ea3o cho battle station c\u1ee7a b\u1ea1n.<\/span><span data-lang=\"en\">The complete GravaStar ecosystem \u2014 officially in Vietnam. Keyboard \u00b7 Mouse \u00b7 Speaker \u2014 perfectly synced for your battle station.<\/span><\/p>\n    <div class=\"cta-actions reveal\">\n      <a href=\"https:\/\/ifuturevietnam.com\/gravastar\/\" class=\"btn btn-red\" style=\"height:56px;padding:0 40px;font-size:16px;font-weight:700\"><span data-lang=\"vi\">Xem to\u00e0n b\u1ed9 s\u1ea3n ph\u1ea9m<\/span><span data-lang=\"en\">Shop All GravaStar<\/span><svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M3.5 9h11M10 4.5l4.5 4.5-4.5 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><\/svg><\/a>\n      <a href=\"https:\/\/ifuturevietnam.com\/contact-2\/\" class=\"btn btn-outline-white\" style=\"height:56px;padding:0 36px;font-size:16px\"><span data-lang=\"vi\">T\u01b0 v\u1ea5n ngay<\/span><span data-lang=\"en\">Get Advice<\/span><\/a>\n    <\/div>\n    <div class=\"cta-trust reveal\">\n      <div class=\"trust-pill\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M7 1l1.5 4h4l-3 2.5 1 4L7 9l-3.5 2.5 1-4L1.5 5h4z\" stroke=\"#E8192C\" stroke-width=\"1.2\" fill=\"none\"><\/path><\/svg><span data-lang=\"vi\"><strong>100%<\/strong> Ch\u00ednh h\u00e3ng<\/span><span data-lang=\"en\"><strong>100%<\/strong> Genuine<\/span><\/div>\n      <div class=\"trust-pill\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"2\" y=\"4\" width=\"10\" height=\"8\" rx=\"2\" stroke=\"#E8192C\" stroke-width=\"1.2\" fill=\"none\"><\/rect><path d=\"M5 4V3a2 2 0 014 0v1\" stroke=\"#E8192C\" stroke-width=\"1.2\" stroke-linecap=\"round\"><\/path><\/svg><span data-lang=\"vi\"><strong>24 th\u00e1ng<\/strong> B\u1ea3o h\u00e0nh<\/span><span data-lang=\"en\"><strong>24-month<\/strong> Warranty<\/span><\/div>\n      <div class=\"trust-pill\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"5.5\" stroke=\"#E8192C\" stroke-width=\"1.2\" fill=\"none\"><\/circle><path d=\"M7 4v3l2 1.5\" stroke=\"#E8192C\" stroke-width=\"1.2\" stroke-linecap=\"round\"><\/path><\/svg><span data-lang=\"vi\"><strong>H\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt<\/strong> to\u00e0n di\u1ec7n<\/span><span data-lang=\"en\"><strong>Full<\/strong> Technical Support<\/span><\/div>\n      <div class=\"trust-pill\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7l3.5 3.5 6.5-7\" stroke=\"#E8192C\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"><\/path><\/svg><span data-lang=\"vi\"><strong>Giao h\u00e0ng<\/strong> to\u00e0n qu\u1ed1c<\/span><span data-lang=\"en\"><strong>Nationwide<\/strong> Delivery<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 FOOTER \u2500\u2500 -->\n<footer class=\"iffooter\">\n  <div class=\"wrap\">\n    <div class=\"iffooter-top\">\n      <div>\n        <div class=\"iffooter-brand\"><img decoding=\"async\" src=\"https:\/\/ifuturevietnam.com\/wp-content\/uploads\/2026\/06\/Logo.png\" alt=\"iFuture Vietnam\" style=\"height:36px;filter:brightness(0) invert(1)\" onerror=\"this.style.display=\" title=\"GRAVASTAR\"><\/div>\n        <p class=\"iffooter-desc\"><span data-lang=\"vi\">Nh\u00e0 ph\u00e2n ph\u1ed1i h\u00e0ng \u0111\u1ea7u v\u1ec1 ph\u1ee5 ki\u1ec7n c\u00f4ng ngh\u1ec7 cao c\u1ea5p t\u1ea1i Vi\u1ec7t Nam &amp; \u0110\u00f4ng Nam \u00c1.<\/span><span data-lang=\"en\">The Leading Distributor of Premium Tech Accessories in Vietnam &amp; Southeast Asia.<\/span><\/p>\n        <div class=\"iffooter-contact\">\n          <a href=\"https:\/\/maps.google.com\/?q=60+Street+72+Cat+Lai+Thu+Duc+HCMC\" target=\"_blank\">\ud83d\udccd 60 Street No.72, Cat Lai Ward, Thu Duc City, HCMC<\/a>\n          <a href=\"tel:+84933070438\">\ud83d\udcde (+84) 933 070 438 \/ (+84) 961 261 739<\/a>\n          <a href=\"mailto:hello@ifuturevietnam.com\">\u2709\ufe0f hello@ifuturevietnam.com<\/a>\n        <\/div>\n        <div class=\"iffooter-social\" style=\"margin-top:20px\">\n          <a href=\"https:\/\/www.facebook.com\/ifuturevietnam\" target=\"_blank\">f<\/a>\n          <a href=\"#\">in<\/a><a href=\"#\">ig<\/a><a href=\"#\">tt<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"iffooter-col\">\n        <h4><span data-lang=\"vi\">Li\u00ean k\u1ebft nhanh<\/span><span data-lang=\"en\">Quick Links<\/span><\/h4>\n        <a href=\"https:\/\/ifuturevietnam.com\/\">Home<\/a>\n        <a href=\"https:\/\/ifuturevietnam.com\/about-us\/\"><span data-lang=\"vi\">V\u1ec1 ch\u00fang t\u00f4i<\/span><span data-lang=\"en\">About Us<\/span><\/a>\n        <a href=\"https:\/\/ifuturevietnam.com\/services\/\">Services<\/a>\n        <a href=\"https:\/\/ifuturevietnam.com\/news\/\">News<\/a>\n        <a href=\"https:\/\/ifuturevietnam.com\/contact-2\/\">Contact<\/a>\n      <\/div>\n      <div class=\"iffooter-col\">\n        <h4><span data-lang=\"vi\">Th\u01b0\u01a1ng hi\u1ec7u<\/span><span data-lang=\"en\">Our Brands<\/span><\/h4>\n        <a href=\"https:\/\/arzopavietnam.com\/\" target=\"_blank\">Arzopa<\/a>\n        <a href=\"https:\/\/aulumu.vn\/\" target=\"_blank\">Aulumu<\/a>\n        <a href=\"https:\/\/ifuturevietnam.com\/gravastar\/\" class=\"hl\">GravaStar<\/a>\n        <a href=\"https:\/\/lisen.vn\/\" target=\"_blank\">Lisen<\/a>\n        <a href=\"https:\/\/ldniovietnam.com\/\" target=\"_blank\">LDNIO<\/a>\n        <a href=\"https:\/\/paperlikevn.com\/\" target=\"_blank\">Paperlike<\/a>\n        <a href=\"https:\/\/ifuturevietnam.com\/arc-pulse\/\">Arc Pulse<\/a>\n      <\/div>\n      <div class=\"iffooter-col\">\n        <h4>GravaStar<\/h4>\n        <a href=\"#keyboards\"><span data-lang=\"vi\">B\u00e0n ph\u00edm<\/span><span data-lang=\"en\">Keyboards<\/span><\/a>\n        <a href=\"#mouse\">Mouse &amp; Accessories<\/a>\n        <a href=\"#audio\"><span data-lang=\"vi\">Loa<\/span><span data-lang=\"en\">Speakers<\/span><\/a>\n        <a href=\"#special-editions\">Special Editions<\/a>\n        <a href=\"https:\/\/ifuturevietnam.com\/contact-2\/\"><span data-lang=\"vi\">Tr\u1edf th\u00e0nh \u0111\u1ed1i t\u00e1c<\/span><span data-lang=\"en\">Become a Partner<\/span><\/a>\n      <\/div>\n    <\/div>\n    <div class=\"iffooter-bottom\">\n      <span>\u00a9 2026 iFuture Vietnam. All rights reserved.<\/span>\n      <div class=\"iffooter-bottom-links\">\n        <a href=\"#\"><span data-lang=\"vi\">Ch\u00ednh s\u00e1ch b\u1ea3o m\u1eadt<\/span><span data-lang=\"en\">Privacy Policy<\/span><\/a>\n        <a href=\"#\"><span data-lang=\"vi\">\u0110i\u1ec1u kho\u1ea3n s\u1eed d\u1ee5ng<\/span><span data-lang=\"en\">Terms &amp; Conditions<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<\/div><!-- \/#gs -->\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>GravaStar \u2013 Official Brand | iFuture Vietnam \ud83d\udcde (+84) 933 070 438 \u2709\ufe0f hello@ifuturevietnam.com EN | VI iFuture Vietnam HOME ABOUT US SERVICES BRANDS \u25be ARZOPA AULUMU GRAVASTAR LISEN LDNIO PAPERLIKE ARC PULSE NEWS CONTACT Li\u00ean h\u1ec7 CONTACT iFuture Vietnam GravaStar Official Distributor GRAVASTAR Industrial Futurism \u00b7 Gaming Performance Kh\u00f4ng ch\u1ec9 l\u00e0 thi\u1ebft b\u1ecb gaming [&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-2291","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":"GravaStar \u2013 Official Brand | iFuture Vietnam \ud83d\udcde (+84) 933 070 438 \u2709\ufe0f hello@ifuturevietnam.com EN | VI iFuture Vietnam HOME ABOUT US SERVICES BRANDS \u25be ARZOPA AULUMU GRAVASTAR LISEN LDNIO PAPERLIKE ARC PULSE NEWS CONTACT Li\u00ean h\u1ec7 CONTACT iFuture Vietnam GravaStar Official Distributor GRAVASTAR Industrial Futurism \u00b7 Gaming Performance Kh\u00f4ng ch\u1ec9 l\u00e0 thi\u1ebft b\u1ecb gaming&hellip;","_links":{"self":[{"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/pages\/2291","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=2291"}],"version-history":[{"count":122,"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/pages\/2291\/revisions"}],"predecessor-version":[{"id":3237,"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/pages\/2291\/revisions\/3237"}],"wp:attachment":[{"href":"https:\/\/ifuturevietnam.com\/vi\/wp-json\/wp\/v2\/media?parent=2291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}