{"product_id":"akko-hatsune-miku-5108-v5-mechanical-keyboard","title":"Akko Hatsune Miku 5108 V5 Mechanical Keyboard","description":"\u003c!-- ============================================================\n     HATSUNE MIKU 5108 V5 — PRODUCT DESCRIPTION (Enhanced Build)\n     Scoped under .hm5108v5 to avoid theme collisions.\n     Font stack: Nunito (headings) + Inter (body)\n============================================================ --\u003e\n\u003cdiv class=\"hm5108v5\"\u003e\n\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@700;800;900\u0026amp;family=Inter:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   ROOT VARIABLES — scoped to .hm5108v5 only\n============================================================ *\/\n.hm5108v5{\n  --hm-purple: #6f5cae;\n  --hm-purple-dark: #574689;\n  --hm-purple-light: #a794e0;\n  --hm-lilac-bg: #f0edfb;\n  --hm-teal: #39c5bb;\n  --hm-teal-dark: #0d6e6a;\n  --hm-ink: #1a1a2e;\n  --hm-body: #52506b;\n  --hm-muted: #8985a3;\n  --hm-radius-lg: 26px;\n  --hm-radius-md: 18px;\n  --hm-shadow-soft: 0 10px 30px rgba(111,92,174,0.10);\n  --hm-shadow-hover: 0 18px 44px rgba(111,92,174,0.18);\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  color: var(--hm-body);\n  background:#fff;\n  overflow-x:hidden;\n}\n.hm5108v5 *{ box-sizing:border-box; }\n.hm5108v5 h1, .hm5108v5 h2, .hm5108v5 h3{ font-family:'Nunito', -apple-system, BlinkMacSystemFont, sans-serif; color: var(--hm-ink); }\n.hm5108v5 img{ max-width:100%; display:block; }\n.hm5108v5 .hm-section{ max-width:1080px; margin:0 auto; padding:34px 24px; }\n.hm5108v5 .hm-section.tight{ padding:16px 24px; }\n\n\/* ============================================================\n   SCROLL REVEAL SYSTEM\n============================================================ *\/\n.hm5108v5 .hm-reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.22,.9,.35,1), transform .7s cubic-bezier(.22,.9,.35,1); }\n.hm5108v5 .hm-reveal.hm-in{ opacity:1; transform:translateY(0); }\n.hm5108v5 .hm-reveal.hm-left{ transform:translateX(-32px); }\n.hm5108v5 .hm-reveal.hm-left.hm-in{ transform:translateX(0); }\n.hm5108v5 .hm-reveal.hm-right{ transform:translateX(32px); }\n.hm5108v5 .hm-reveal.hm-right.hm-in{ transform:translateX(0); }\n.hm5108v5 .hm-reveal.hm-scale{ transform:scale(.94); }\n.hm5108v5 .hm-reveal.hm-scale.hm-in{ transform:scale(1); }\n.hm5108v5 .hm-d1{ transition-delay:.08s; }\n.hm5108v5 .hm-d2{ transition-delay:.16s; }\n.hm5108v5 .hm-d3{ transition-delay:.24s; }\n.hm5108v5 .hm-d4{ transition-delay:.32s; }\n.hm5108v5 .hm-d5{ transition-delay:.4s; }\n.hm5108v5 .hm-d6{ transition-delay:.48s; }\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n.hm5108v5 .hm-hero{\n  position:relative; border-radius:var(--hm-radius-lg); overflow:hidden;\n  background: linear-gradient(155deg, #efe9fb 0%, #f9f6fd 45%, #eafcfb 100%);\n  padding:52px 40px; isolation:isolate;\n}\n.hm5108v5 .hm-hero::before, .hm5108v5 .hm-hero::after{ content:''; position:absolute; border-radius:50%; z-index:-1; filter:blur(2px); }\n.hm5108v5 .hm-hero::before{ width:380px;height:380px; background:radial-gradient(circle, rgba(111,92,174,.16), transparent 70%); top:-140px; right:-100px; animation:hm-drift-a 10s ease-in-out infinite; }\n.hm5108v5 .hm-hero::after{ width:300px;height:300px; background:radial-gradient(circle, rgba(57,197,187,.16), transparent 70%); bottom:-120px; left:-80px; animation:hm-drift-b 12s ease-in-out infinite; }\n@keyframes hm-drift-a{ 0%,100%{transform:translate(0,0)} 50%{transform:translate(-24px,28px)} }\n@keyframes hm-drift-b{ 0%,100%{transform:translate(0,0)} 50%{transform:translate(20px,-22px)} }\n.hm5108v5 .hm-hero-grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:48px; align-items:center; position:relative; }\n.hm5108v5 .hm-eyebrow{\n  display:inline-flex; align-items:center; gap:8px; background:var(--hm-ink); color:#fff;\n  font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase;\n  padding:7px 16px; border-radius:999px; margin-bottom:18px;\n  animation:hm-pop .6s cubic-bezier(.34,1.56,.64,1) both;\n}\n@keyframes hm-pop{ from{opacity:0; transform:scale(.7)} to{opacity:1; transform:scale(1)} }\n.hm5108v5 .hm-hero h1{ font-size:clamp(1.9rem,3.6vw,2.7rem); font-weight:900; line-height:1.12; margin:0 0 16px; }\n.hm5108v5 .hm-hero h1 em{\n  font-style:normal;\n  background: linear-gradient(120deg, var(--hm-purple), var(--hm-teal) 65%, #21b8ac);\n  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;\n}\n.hm5108v5 .hm-hero p{ font-size:1.05rem; line-height:1.7; max-width:480px; margin:0 0 26px; }\n.hm5108v5 .hm-hero-chip-row{ display:flex; flex-wrap:wrap; gap:10px; }\n.hm5108v5 .hm-hero-chip{\n  display:flex; align-items:center; gap:7px;\n  background:rgba(255,255,255,.75); backdrop-filter:blur(6px);\n  border:1px solid rgba(111,92,174,0.16); padding:8px 14px; border-radius:999px;\n  font-size:.8rem; font-weight:700; color:var(--hm-purple-dark);\n}\n.hm5108v5 .hm-hero-chip svg{ width:15px; height:15px; stroke:var(--hm-purple); flex-shrink:0; }\n.hm5108v5 .hm-hero-visual{ position:relative; border-radius:var(--hm-radius-md); overflow:hidden; box-shadow:var(--hm-shadow-soft); }\n.hm5108v5 .hm-hero-visual img{ width:100%; transition:transform .6s ease; }\n.hm5108v5 .hm-hero-visual:hover img{ transform:scale(1.045); }\n\n@media(max-width:860px){\n  .hm5108v5 .hm-hero{ padding:36px 22px; }\n  .hm5108v5 .hm-hero-grid{ grid-template-columns:1fr; gap:28px; }\n  .hm5108v5 .hm-hero p{ max-width:none; }\n}\n\n\/* ============================================================\n   WHAT'S NEW — CENTERED CARD GRID\n============================================================ *\/\n.hm5108v5 .hm-whatsnew-wrap{\n  border-radius:var(--hm-radius-lg);\n  background: linear-gradient(155deg, #efe9fb 0%, #f9f6fd 50%, #eafcfb 100%);\n  padding:44px 34px;\n}\n.hm5108v5 .hm-whatsnew-title{ text-align:center; margin-bottom:30px; }\n.hm5108v5 .hm-whatsnew-title .hm-tag{\n  display:inline-block; background:var(--hm-purple); color:#fff;\n  font-size:.7rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase;\n  padding:6px 18px; border-radius:999px; margin-bottom:12px;\n}\n.hm5108v5 .hm-whatsnew-title h2{ font-size:clamp(1.4rem,2.8vw,1.9rem); margin:0; }\n.hm5108v5 .hm-whatsnew-grid{\n  display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:20px;\n}\n.hm5108v5 .hm-badge-card{\n  flex:0 1 220px; max-width:220px;\n  background:#fff; border-radius:20px; padding:28px 20px 24px;\n  text-align:center; box-shadow:0 6px 20px rgba(111,92,174,.08);\n  border:1px solid rgba(111,92,174,0.06);\n  transition:transform .25s ease, box-shadow .25s ease;\n}\n.hm5108v5 .hm-badge-card:hover{ transform:translateY(-5px); box-shadow:var(--hm-shadow-hover); }\n.hm5108v5 .hm-badge-ico{\n  width:56px; height:56px; border-radius:50%; background:var(--hm-lilac-bg);\n  display:flex; align-items:center; justify-content:center; margin:0 auto 16px;\n}\n.hm5108v5 .hm-badge-ico svg{ width:24px; height:24px; stroke:var(--hm-purple); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\n.hm5108v5 .hm-badge-card h3{ font-size:.95rem; font-weight:800; margin:0; line-height:1.35; }\n\n@media(max-width:640px){\n  .hm5108v5 .hm-whatsnew-wrap{ padding:30px 20px; }\n  .hm5108v5 .hm-badge-card{ flex:0 1 46%; max-width:46%; padding:22px 12px 18px; }\n  .hm5108v5 .hm-badge-card h3{ font-size:.85rem; }\n}\n\n\/* ============================================================\n   FULL-WIDTH BANNER\n============================================================ *\/\n.hm5108v5 .hm-fullbanner{ border-radius:var(--hm-radius-lg); overflow:hidden; margin:26px 0; position:relative; }\n.hm5108v5 .hm-fullbanner img{ width:100%; transition:transform .8s ease; }\n.hm5108v5 .hm-fullbanner:hover img{ transform:scale(1.02); }\n\n\/* ============================================================\n   FEATURE ICON GRID\n============================================================ *\/\n.hm5108v5 .hm-feat-header{ text-align:center; margin-bottom:34px; }\n.hm5108v5 .hm-feat-header h2{\n  font-size:clamp(2rem,4vw,2.7rem); font-weight:900; margin:0;\n  background: linear-gradient(120deg, var(--hm-purple) 0%, var(--hm-teal) 100%);\n  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;\n}\n.hm5108v5 .hm-featgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }\n.hm5108v5 .hm-featcard{\n  background:#fff; border-radius:20px; padding:26px 12px 20px;\n  display:flex; flex-direction:column; align-items:center; text-align:center;\n  box-shadow:0 6px 20px rgba(0,0,0,.06); transition:transform .25s ease, box-shadow .25s ease;\n}\n@media(hover:hover){ .hm5108v5 .hm-featcard:hover{ transform:translateY(-6px); box-shadow:var(--hm-shadow-hover); } }\n.hm5108v5 .hm-featcard .hm-icobox{ width:76px; height:76px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }\n.hm5108v5 .hm-featcard .hm-icobox img{ max-width:100%; max-height:100%; }\n.hm5108v5 .hm-featcard h3{ font-size:.86rem; font-weight:800; margin:0; line-height:1.3; }\n\n@media(max-width:1024px){ .hm5108v5 .hm-featgrid{ grid-template-columns:repeat(2,1fr); } }\n@media(max-width:600px){\n  .hm5108v5 .hm-featgrid{ grid-template-columns:repeat(2,1fr); gap:10px; }\n  .hm5108v5 .hm-featcard{ padding:18px 8px; }\n  .hm5108v5 .hm-featcard .hm-icobox{ width:56px; height:56px; margin-bottom:12px; }\n  .hm5108v5 .hm-featcard h3{ font-size:.72rem; }\n}\n\n\/* ============================================================\n   SOUND TEST — CENTERED CARD\n============================================================ *\/\n.hm5108v5 .hm-sound-card{\n  max-width:720px; margin:0 auto;\n  background:#fff; border-radius:24px; padding:36px 40px;\n  box-shadow:var(--hm-shadow-soft);\n  text-align:center;\n  position:relative; overflow:hidden;\n}\n.hm5108v5 .hm-sound-card::before{\n  content:''; position:absolute; top:-60%; right:-20%; width:260px; height:260px; border-radius:50%;\n  background:radial-gradient(circle, rgba(57,197,187,.10), transparent 70%); pointer-events:none;\n}\n.hm5108v5 .hm-sound-ico{\n  width:64px; height:64px; border-radius:50%; margin:0 auto 18px;\n  background: linear-gradient(135deg, var(--hm-purple), var(--hm-teal));\n  display:flex; align-items:center; justify-content:center;\n  box-shadow:0 8px 20px rgba(111,92,174,.28);\n}\n.hm5108v5 .hm-sound-ico svg{ width:28px; height:28px; stroke:#fff; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\n.hm5108v5 .hm-sound-card h3{ font-size:1.3rem; font-weight:800; margin:0 0 8px; }\n.hm5108v5 .hm-sound-card p{ font-size:.94rem; line-height:1.65; color:var(--hm-muted); margin:0 0 24px; max-width:480px; margin-left:auto; margin-right:auto; }\n.hm5108v5 .hm-sound-player{\n  background:var(--hm-lilac-bg); border-radius:16px; padding:14px 18px;\n}\n.hm5108v5 .hm-sound-player audio{ width:100%; display:block; accent-color:var(--hm-purple); border-radius:10px; }\n.hm5108v5 .hm-sound-player audio::-webkit-media-controls-panel{ background-color:#fff; border-radius:10px; }\n\n@media(max-width:640px){\n  .hm5108v5 .hm-sound-card{ padding:28px 22px; }\n}\n\n\/* ============================================================\n   ALTERNATING IMAGE \/ TEXT MODULE\n============================================================ *\/\n.hm5108v5 .hm-module{ background:#fff; border-radius:var(--hm-radius-lg); overflow:hidden; box-shadow:var(--hm-shadow-soft); margin:18px 0; }\n.hm5108v5 .hm-module-grid{ display:grid; grid-template-columns:1fr 1fr; align-items:stretch; min-height:340px; }\n.hm5108v5 .hm-module-grid.hm-reverse{ direction:rtl; }\n.hm5108v5 .hm-module-grid.hm-reverse \u003e *{ direction:ltr; }\n.hm5108v5 .hm-module-img{ position:relative; overflow:hidden; min-height:280px; }\n.hm5108v5 .hm-module-img img{ width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }\n.hm5108v5 .hm-module:hover .hm-module-img img{ transform:scale(1.05); }\n.hm5108v5 .hm-module-text{ padding:44px 46px; display:flex; flex-direction:column; justify-content:center; }\n.hm5108v5 .hm-module-kicker{\n  display:inline-flex; align-items:center; gap:6px; font-size:.7rem; font-weight:800;\n  letter-spacing:.1em; text-transform:uppercase; color:var(--hm-purple); margin-bottom:10px;\n}\n.hm5108v5 .hm-module-kicker::before{ content:''; width:20px; height:2px; background:var(--hm-teal); border-radius:2px; }\n.hm5108v5 .hm-module-text h2{ font-size:clamp(1.3rem,2.4vw,1.7rem); font-weight:900; margin:0 0 14px; }\n.hm5108v5 .hm-module-text p{ font-size:1.02rem; line-height:1.72; margin:0; }\n.hm5108v5 .hm-module-text small{ display:block; margin-top:14px; font-size:.8rem; color:var(--hm-muted); line-height:1.5; }\n\n@media(max-width:820px){\n  .hm5108v5 .hm-module-grid, .hm5108v5 .hm-module-grid.hm-reverse{ grid-template-columns:1fr; direction:ltr; }\n  .hm5108v5 .hm-module-img{ min-height:240px; order:1; }\n  .hm5108v5 .hm-module-text{ padding:30px 26px; text-align:center; order:2; }\n  .hm5108v5 .hm-module-kicker{ justify-content:center; }\n  .hm5108v5 .hm-module-kicker::before{ display:none; }\n}\n\n\/* ============================================================\n   TWO-UP CARD ROW\n============================================================ *\/\n.hm5108v5 .hm-duo{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }\n.hm5108v5 .hm-duo-card{\n  background:#fff; border-radius:22px; border:1px solid rgba(0,0,0,.05); box-shadow:var(--hm-shadow-soft);\n  padding:30px 26px 40px; text-align:center; transition:transform .3s ease, box-shadow .3s ease;\n}\n.hm5108v5 .hm-duo-card:hover{ transform:translateY(-6px); box-shadow:var(--hm-shadow-hover); }\n.hm5108v5 .hm-duo-card h3{ font-size:1.4rem; font-weight:800; margin:0 0 10px; }\n.hm5108v5 .hm-duo-card p{ font-size:.95rem; line-height:1.6; margin:0 0 22px; }\n.hm5108v5 .hm-duo-card .hm-duo-img{ border-radius:16px; overflow:hidden; box-shadow:0 12px 30px rgba(0,0,0,.1); }\n.hm5108v5 .hm-duo-card .hm-duo-img img{ width:100%; transition:transform .5s ease; }\n.hm5108v5 .hm-duo-card:hover .hm-duo-img img{ transform:scale(1.04); }\n\n@media(max-width:820px){ .hm5108v5 .hm-duo{ grid-template-columns:1fr; } }\n\n\/* ============================================================\n   MIKU-THEMED CHAPTER DIVIDER (teal, notes, streaks)\n============================================================ *\/\n.hm5108v5 .hm-divider{\n  position:relative; border-radius:32px; overflow:hidden; aspect-ratio:7\/1;\n  background: linear-gradient(135deg, #d0f5f2 0%, #a8ece7 40%, #c2f2ee 70%, #d8f8f5 100%);\n  display:flex; align-items:center; justify-content:center;\n  border:2px solid rgba(57,197,187,0.4); box-shadow:0 4px 24px rgba(57,197,187,0.15);\n  margin:26px 0;\n}\n.hm5108v5 .hm-divider::before{\n  content:''; position:absolute; inset:0;\n  background-image: linear-gradient(rgba(57,197,187,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(57,197,187,.12) 1px, transparent 1px);\n  background-size:32px 32px; pointer-events:none; z-index:0;\n}\n.hm5108v5 .hm-divider::after{\n  content:''; position:absolute; top:-40%; left:20%; width:60%; height:180%;\n  background:radial-gradient(ellipse, rgba(255,255,255,.55) 0%, transparent 65%);\n  pointer-events:none; z-index:1; animation:hm-glow 4s ease-in-out infinite;\n}\n@keyframes hm-glow{ 0%,100%{opacity:.7; transform:scaleX(1);} 50%{opacity:1; transform:scaleX(1.1);} }\n.hm5108v5 .hm-note{ position:absolute; color:rgba(57,197,187,.55); pointer-events:none; z-index:2; animation:hm-twinkle 3s ease-in-out infinite; line-height:1; }\n.hm5108v5 .hm-note:nth-of-type(1){ top:20%; left:6%; font-size:22px; animation-delay:0s; }\n.hm5108v5 .hm-note:nth-of-type(2){ top:55%; left:13%; font-size:15px; animation-delay:.6s; color:rgba(57,197,187,.35); }\n.hm5108v5 .hm-note:nth-of-type(3){ top:18%; right:6%; font-size:18px; animation-delay:1.2s; }\n.hm5108v5 .hm-note:nth-of-type(4){ top:58%; right:13%; font-size:13px; animation-delay:1.8s; color:rgba(57,197,187,.3); }\n@keyframes hm-twinkle{ 0%,100%{opacity:.3; transform:scale(.85) rotate(-5deg);} 50%{opacity:.9; transform:scale(1.1) rotate(5deg);} }\n.hm5108v5 .hm-streak{ position:absolute; height:1px; background:linear-gradient(90deg, transparent, rgba(57,197,187,.5), transparent); pointer-events:none; z-index:2; }\n.hm5108v5 .hm-streak:nth-of-type(1){ top:35%; left:0; width:30%; animation:hm-streak-l 5s linear infinite; }\n.hm5108v5 .hm-streak:nth-of-type(2){ top:65%; right:0; width:25%; animation:hm-streak-r 7s linear infinite 1s; }\n@keyframes hm-streak-l{ 0%{transform:translateX(-100%); opacity:0;} 20%{opacity:1;} 80%{opacity:1;} 100%{transform:translateX(400%); opacity:0;} }\n@keyframes hm-streak-r{ 0%{transform:translateX(100%); opacity:0;} 20%{opacity:1;} 80%{opacity:1;} 100%{transform:translateX(-400%); opacity:0;} }\n.hm5108v5 .hm-divider-content{ position:relative; z-index:3; text-align:center; padding:0 26px; }\n.hm5108v5 .hm-divider-content .hm-divider-tag{\n  display:inline-block; background:var(--hm-teal); color:#fff; font-size:.65rem; font-weight:800;\n  letter-spacing:.15em; text-transform:uppercase; padding:4px 16px; border-radius:999px; margin-bottom:6px;\n  box-shadow:0 3px 10px rgba(57,197,187,.3);\n}\n.hm5108v5 .hm-divider-content h2{ font-size:clamp(1.05rem,2.3vw,1.7rem); font-weight:900; color:var(--hm-teal-dark); margin:0; letter-spacing:.03em; text-shadow:0 2px 0 rgba(255,255,255,.8); }\n\n@media(max-width:600px){\n  .hm5108v5 .hm-divider{ aspect-ratio:4\/1; border-radius:20px; }\n  .hm5108v5 .hm-divider-content h2{ font-size:1rem; }\n  .hm5108v5 .hm-note:nth-of-type(2), .hm5108v5 .hm-note:nth-of-type(4){ display:none; }\n}\n\n\/* ============================================================\n   SNAP KEY \/ MOD-TAP DEMO\n============================================================ *\/\n.hm5108v5 .hm-demo-section{\n  position:relative; border-radius:var(--hm-radius-lg); overflow:hidden; padding:30px 5%;\n  background:#fff; box-shadow:var(--hm-shadow-soft); margin:18px 0;\n}\n.hm5108v5 .hm-demo-section::before, .hm5108v5 .hm-demo-section::after{ content:''; position:absolute; border-radius:50%; pointer-events:none; }\n.hm5108v5 .hm-demo-section::before{ top:-30%; right:-8%; width:340px; height:340px; background:radial-gradient(circle, rgba(111,92,174,.06), transparent 70%); animation:hm-drift-a 9s ease-in-out infinite; }\n.hm5108v5 .hm-demo-section::after{ bottom:-25%; left:-6%; width:280px; height:280px; background:radial-gradient(circle, rgba(57,197,187,.06), transparent 70%); animation:hm-drift-b 11s ease-in-out infinite reverse; }\n.hm5108v5 .hm-demo-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px; position:relative; z-index:1; }\n.hm5108v5 .hm-demo-card{ background:var(--hm-lilac-bg); border-radius:20px; overflow:hidden; border:1px solid #eee; }\n.hm5108v5 .hm-demo-gif{ height:320px; background:#f1f0f9; display:flex; align-items:center; justify-content:center; padding:0 10px; }\n.hm5108v5 .hm-demo-body{ padding:26px 22px 24px; position:relative; }\n.hm5108v5 .hm-demo-num{ position:absolute; top:-18px; right:18px; width:40px; height:40px; background:var(--hm-purple); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.95rem; }\n.hm5108v5 .hm-demo-body h3{ font-size:1.3rem; font-weight:800; margin:0 0 12px; }\n.hm5108v5 .hm-demo-body p{ font-size:.92rem; line-height:1.6; margin:0; color:var(--hm-body); }\n.hm5108v5 .hm-demo-key{\n  width:58px; height:58px; background:#fff; border:2px solid #ddd; border-radius:12px;\n  display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:800; color:#333;\n  box-shadow:0 4px 0 #ccc; transition:all .2s ease;\n}\n.hm5108v5 .hm-demo-key.hm-active{ background:var(--hm-purple); border-color:var(--hm-purple); color:#fff; }\n.hm5108v5 .hm-demo-key.hm-pressed{ transform:translateY(4px); box-shadow:0 0 0 var(--hm-purple); }\n.hm5108v5 .hm-snap-demo{ display:flex; align-items:center; justify-content:center; gap:12px; padding:16px 5px; }\n.hm5108v5 .hm-snap-section{ display:flex; flex-direction:column; align-items:center; gap:10px; flex:1; }\n.hm5108v5 .hm-snap-title{ font-size:13px; font-weight:800; font-style:italic; color:#7c7794; text-align:center; }\n.hm5108v5 .hm-snap-scene{ display:flex; align-items:center; justify-content:center; min-height:56px; }\n.hm5108v5 .hm-snap-runner{ width:38px; height:38px; position:relative; display:inline-block; transition:transform .4s ease; }\n.hm5108v5 .hm-snap-runner svg{ width:100%; height:100%; fill:var(--hm-purple); filter:drop-shadow(0 2px 4px rgba(0,0,0,.1)); }\n.hm5108v5 .hm-snap-runner.hm-run-left{ animation:hm-run-l .5s ease forwards; }\n.hm5108v5 .hm-snap-runner.hm-run-right{ animation:hm-run-r .5s ease forwards; }\n@keyframes hm-run-l{ 0%{transform:translateX(0) scaleX(1)} 100%{transform:translateX(-12px) scaleX(1)} }\n@keyframes hm-run-r{ 0%{transform:translateX(0) scaleX(-1)} 100%{transform:translateX(12px) scaleX(-1)} }\n.hm5108v5 .hm-snap-keys{ display:flex; gap:5px; align-items:center; }\n.hm5108v5 .hm-snap-keys .hm-demo-key{ width:36px; height:36px; font-size:13px; }\n.hm5108v5 .hm-snap-keys .hm-key-plus{ font-size:13px; color:#999; font-weight:800; }\n.hm5108v5 .hm-snap-divider{ width:1px; height:110px; background:#ddd; }\n.hm5108v5 .hm-modtap-demo{ display:flex; flex-direction:column; align-items:center; gap:18px; padding:26px 10px; }\n.hm5108v5 .hm-modtap-actions{ display:flex; gap:14px; margin-top:8px; }\n.hm5108v5 .hm-modtap-result{\n  width:56px; height:42px; background:#fff; border:2px solid #ddd; border-radius:8px;\n  display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; color:#333;\n  margin-bottom:6px; transition:all .3s ease;\n}\n.hm5108v5 .hm-modtap-result.hm-show{ background:var(--hm-purple); border-color:var(--hm-purple); color:#fff; transform:scale(1.1); }\n.hm5108v5 .hm-modtap-label{ font-size:13px; color:#8985a3; text-align:center; }\n\n@media(max-width:768px){\n  .hm5108v5 .hm-demo-section{ padding:22px 5%; }\n  .hm5108v5 .hm-demo-grid{ grid-template-columns:1fr; gap:22px; }\n  .hm5108v5 .hm-demo-gif{ height:auto; min-height:200px; padding:20px 10px; }\n  .hm5108v5 .hm-snap-demo{ flex-direction:column; }\n  .hm5108v5 .hm-snap-divider{ width:80%; height:1px; }\n}\n\n\/* ============================================================\n   SWITCH SPEC CARD\n============================================================ *\/\n.hm5108v5 .hm-switch{ border-radius:var(--hm-radius-lg); background:#fff; box-shadow:var(--hm-shadow-soft); padding:32px; margin:18px 0; }\n.hm5108v5 .hm-switch-badge{ display:inline-block; background:var(--hm-purple); color:#fff; padding:7px 18px; border-radius:999px; font-size:.78rem; font-weight:800; letter-spacing:.03em; margin-bottom:14px; }\n.hm5108v5 .hm-switch-title{ font-size:1.5rem; font-weight:900; margin:0 0 22px; }\n.hm5108v5 .hm-switch-body{ display:flex; gap:32px; align-items:center; }\n.hm5108v5 .hm-switch-left{ flex:1; display:flex; flex-direction:column; }\n.hm5108v5 .hm-switch-item{ display:flex; justify-content:space-between; align-items:center; padding:13px 0; border-bottom:1px solid #f0edf9; }\n.hm5108v5 .hm-switch-item:last-child{ border-bottom:none; }\n.hm5108v5 .hm-switch-item span:first-child{ color:#6b7280; font-weight:700; text-transform:uppercase; font-size:.72rem; letter-spacing:.05em; }\n.hm5108v5 .hm-switch-item span:last-child{ color:var(--hm-purple); font-weight:800; font-size:.95rem; }\n.hm5108v5 .hm-switch-right{ flex:0 0 380px; height:380px; border-radius:20px; overflow:hidden; background:var(--hm-lilac-bg); }\n.hm5108v5 .hm-switch-right img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }\n.hm5108v5 .hm-switch:hover .hm-switch-right img{ transform:scale(1.05); }\n\n@media(max-width:768px){\n  .hm5108v5 .hm-switch-body{ flex-direction:column-reverse; }\n  .hm5108v5 .hm-switch-right{ flex:0 0 auto; width:100%; height:auto; aspect-ratio:1\/1; }\n  .hm5108v5 .hm-switch{ padding:22px; }\n}\n\n\/* ============================================================\n   FULL SPECS + TOGGLE\n============================================================ *\/\n.hm5108v5 .hm-specs{ padding:26px 0; }\n.hm5108v5 .hm-specs-grid{ display:grid; grid-template-columns:300px 1fr; gap:56px; align-items:start; }\n.hm5108v5 .hm-specs-head .hm-tag{ font-size:1.05rem; font-weight:700; color:var(--hm-purple); margin:0 0 6px; }\n.hm5108v5 .hm-specs-head h2{ font-size:clamp(1.8rem,3.6vw,2.4rem); font-weight:900; margin:0 0 14px; }\n.hm5108v5 .hm-specs-head p{ font-size:.98rem; line-height:1.65; max-width:300px; margin:0 0 20px; }\n.hm5108v5 .hm-specs-btn{\n  display:inline-block; background:var(--hm-purple); color:#fff !important; font-size:.92rem; font-weight:800;\n  padding:12px 26px; border-radius:50px; text-decoration:none; box-shadow:0 6px 15px rgba(111,92,174,.3); transition:.25s;\n}\n.hm5108v5 .hm-specs-btn:hover{ background:var(--hm-purple-dark); box-shadow:0 8px 20px rgba(111,92,174,.4); transform:translateY(-1px); }\n.hm5108v5 .hm-spec-row{ display:flex; gap:36px; padding:16px 0; border-bottom:1px solid #e8e8e8; }\n.hm5108v5 .hm-spec-row:first-child{ border-top:1px solid #e8e8e8; }\n.hm5108v5 .hm-spec-row .hm-spec-label{ font-size:.92rem; font-weight:800; color:var(--hm-ink); min-width:170px; flex-shrink:0; }\n.hm5108v5 .hm-spec-row .hm-spec-value{ font-size:.92rem; color:var(--hm-muted); line-height:1.6; }\n.hm5108v5 .hm-spec-row.hm-hidden{ display:none; }\n.hm5108v5 .hm-spec-toggle{ display:flex; justify-content:center; margin-top:6px; }\n.hm5108v5 .hm-spec-toggle button{ background:none; border:none; font-size:.92rem; font-weight:700; color:var(--hm-ink); cursor:pointer; display:flex; align-items:center; gap:8px; padding:10px 16px; }\n.hm5108v5 .hm-toggle-icon{ width:26px; height:26px; border-radius:50%; background:var(--hm-lilac-bg); display:flex; align-items:center; justify-content:center; font-size:.8rem; transition:transform .3s; }\n.hm5108v5 .hm-spec-toggle button.hm-expanded .hm-toggle-icon{ transform:rotate(180deg); }\n\n@media(max-width:768px){\n  .hm5108v5 .hm-specs-grid{ grid-template-columns:1fr; gap:24px; }\n  .hm5108v5 .hm-specs-head p{ max-width:none; }\n  .hm5108v5 .hm-spec-row .hm-spec-label{ min-width:130px; }\n}\n@media(max-width:480px){ .hm5108v5 .hm-spec-row{ gap:14px; flex-direction:column; } }\n\n\/* ============================================================\n   FAQ ACCORDION\n============================================================ *\/\n.hm5108v5 .hm-faq{ margin:18px 0; }\n.hm5108v5 .hm-faq-head{ text-align:center; margin-bottom:28px; }\n.hm5108v5 .hm-faq-head h2{ font-size:clamp(1.6rem,3vw,2.1rem); font-weight:900; margin:0; }\n.hm5108v5 .hm-faq-item{ background:#fff; border-radius:16px; box-shadow:var(--hm-shadow-soft); margin-bottom:12px; overflow:hidden; }\n.hm5108v5 .hm-faq-q{ display:flex; justify-content:space-between; align-items:center; padding:18px 22px; cursor:pointer; font-weight:800; font-size:.98rem; color:var(--hm-ink); }\n.hm5108v5 .hm-faq-q .hm-faq-plus{\n  width:26px; height:26px; border-radius:50%; background:var(--hm-lilac-bg); display:flex; align-items:center;\n  justify-content:center; flex-shrink:0; margin-left:14px; transition:transform .35s ease; color:var(--hm-purple); font-weight:800;\n}\n.hm5108v5 .hm-faq-item.hm-open .hm-faq-plus{ transform:rotate(135deg); }\n.hm5108v5 .hm-faq-a{ max-height:0; opacity:0; overflow:hidden; transition:max-height .45s cubic-bezier(.22,.9,.35,1), opacity .35s ease, padding .35s ease; padding:0 22px; font-size:.92rem; line-height:1.7; color:var(--hm-body); }\n.hm5108v5 .hm-faq-item.hm-open .hm-faq-a{ padding:0 22px 20px; opacity:1; }\n\n\/* ============================================================\n   CTA BUTTON — matches reference screenshot\n============================================================ *\/\n.hm5108v5 .hm-cta-wrap{ display:flex; justify-content:center; padding:14px 0 0; }\n.hm5108v5 .hm-cta-btn{\n  display:inline-flex; align-items:center; gap:10px;\n  background:var(--hm-purple); color:#fff !important;\n  font-family:'Nunito', sans-serif; font-weight:800;\n  padding:14px 28px; border-radius:20px; text-decoration:none;\n  font-size:1.05rem; box-shadow:0 10px 22px rgba(111,92,174,.3); transition:.25s;\n}\n.hm5108v5 .hm-cta-btn:visited{ color:#fff !important; }\n.hm5108v5 .hm-cta-btn:hover{ background:var(--hm-purple-dark); box-shadow:0 12px 26px rgba(111,92,174,.38); transform:translateY(-2px); }\n.hm5108v5 .hm-cta-btn svg{ width:18px; height:18px; flex-shrink:0; }\n\n\/* ============================================================\n   STRIP TEXT + BANNER\n============================================================ *\/\n.hm5108v5 .hm-strip-text{ text-align:center; max-width:640px; margin:0 auto 16px; }\n.hm5108v5 .hm-strip-text h2{ font-size:clamp(1.5rem,3vw,2rem); font-weight:900; margin:0 0 12px; }\n.hm5108v5 .hm-strip-text p{ font-size:1rem; line-height:1.7; margin:0; }\n.hm5108v5 .hm-strip-banner{ border-radius:var(--hm-radius-lg); overflow:hidden; box-shadow:var(--hm-shadow-soft); }\n.hm5108v5 .hm-strip-banner img{ width:100%; transition:transform .6s ease; }\n.hm5108v5 .hm-strip-banner:hover img{ transform:scale(1.03); }\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     HERO\n============================================================ --\u003e\n\u003cdiv class=\"hm-section tight\"\u003e\n  \u003cdiv class=\"hm-hero hm-reveal hm-in\"\u003e\n    \u003cdiv class=\"hm-hero-grid\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"hm-eyebrow\"\u003eV5 Upgrade · Hatsune Miku\u003c\/span\u003e\n        \u003ch1\u003eAkko 5108 V5 — the \u003cem\u003eHatsune Miku\u003c\/em\u003e edition, upgraded top to bottom\u003c\/h1\u003e\n        \u003cp\u003eFull-body idol-themed artwork, dual 8KHz polling in wired and 2.4G mode, and a 10,000mAh battery — the 5108 V5 turns your desk into a stage.\u003c\/p\u003e\n        \u003cdiv class=\"hm-hero-chip-row\"\u003e\n          \u003cdiv class=\"hm-hero-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Dual 8KHz Polling\u003c\/div\u003e\n          \u003cdiv class=\"hm-hero-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"1\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"23\" x2=\"23\" y1=\"10\" y2=\"14\"\u003e\u003c\/line\u003e\u003c\/svg\u003e 10,000mAh Battery\u003c\/div\u003e\n          \u003cdiv class=\"hm-hero-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 3v18M3 12h18\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Tri-Mode Connection\u003c\/div\u003e\n          \u003cdiv class=\"hm-hero-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 12h16M4 6h16M4 18h16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Gasket-Mounted\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-hero-visual\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-Q.avif\" alt=\"Hatsune Miku 5108 V5 Mechanical Keyboard\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     WHAT'S NEW — CENTERED CARD GRID\n============================================================ --\u003e\n\u003cdiv class=\"hm-section\"\u003e\n  \u003cdiv class=\"hm-whatsnew-wrap hm-reveal hm-scale\"\u003e\n    \u003cdiv class=\"hm-whatsnew-title\"\u003e\n      \u003cspan class=\"hm-tag\"\u003eV5 Upgrade\u003c\/span\u003e\n      \u003ch2\u003eWhat's New in the 5108 V5?\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hm-whatsnew-grid\"\u003e\n      \u003cdiv class=\"hm-badge-card\"\u003e\n        \u003cdiv class=\"hm-badge-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003ch3\u003eWired \u0026amp; 2.4G Wireless · 8KHz\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-badge-card\"\u003e\n        \u003cdiv class=\"hm-badge-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"16 12 12 8 8 12\"\u003e\u003c\/polyline\u003e\u003cline x1=\"12\" x2=\"12\" y1=\"16\" y2=\"8\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003ch3\u003eUpgraded Switch — Creamy Yellow U1\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-badge-card\"\u003e\n        \u003cdiv class=\"hm-badge-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect height=\"10\" rx=\"2\" ry=\"2\" width=\"16\" x=\"2\" y=\"7\"\u003e\u003c\/rect\u003e\u003cline x1=\"22\" x2=\"22\" y1=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" x2=\"5\" y1=\"10\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"9\" x2=\"9\" y1=\"10\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"13\" x2=\"13\" y1=\"10\" y2=\"14\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003ch3\u003e10,000mAh Long-Lasting Battery\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-badge-card\"\u003e\n        \u003cdiv class=\"hm-badge-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a10 10 0 0 1 10 10c0 5.523-4.477 10-10 10S2 17.523 2 12\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003ch3\u003eBottom Case Art — Aesthetic Unity\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-badge-card\"\u003e\n        \u003cdiv class=\"hm-badge-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect height=\"4\" rx=\"1.5\" width=\"20\" x=\"2\" y=\"3\"\u003e\u003c\/rect\u003e\u003crect height=\"4\" rx=\"1.5\" width=\"16\" x=\"4\" y=\"10\"\u003e\u003c\/rect\u003e\u003crect height=\"4\" rx=\"1.5\" width=\"20\" x=\"2\" y=\"17\"\u003e\u003c\/rect\u003e\u003cline x1=\"7\" x2=\"6\" y1=\"7\" y2=\"10\"\u003e\u003c\/line\u003e\u003cline x1=\"17\" x2=\"18\" y1=\"7\" y2=\"10\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003ch3\u003eUltra-Narrow Gasket Structure\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-badge-card\"\u003e\n        \u003cdiv class=\"hm-badge-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect height=\"8\" rx=\"2\" width=\"10\" x=\"1\" y=\"8\"\u003e\u003c\/rect\u003e\u003crect height=\"8\" rx=\"2\" width=\"10\" x=\"13\" y=\"8\"\u003e\u003c\/rect\u003e\u003cline x1=\"11\" x2=\"13\" y1=\"10\" y2=\"10\"\u003e\u003c\/line\u003e\u003cline x1=\"11\" x2=\"13\" y1=\"14\" y2=\"14\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003ch3\u003eDual-Section Split PC Plate\u003c\/h3\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     FEATURE ICON GRID\n============================================================ --\u003e\n\u003cdiv class=\"hm-section\"\u003e\n  \u003cdiv class=\"hm-feat-header hm-reveal\"\u003e\n    \u003ch2\u003ePro Gaming Features\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hm-featgrid\"\u003e\n    \u003cdiv class=\"hm-featcard hm-reveal hm-scale hm-d1\"\u003e\n      \u003cdiv class=\"hm-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-100-Layout.avif\" alt=\"100% Layout\"\u003e\u003c\/div\u003e\n      \u003ch3\u003e100% Layout\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hm-featcard hm-reveal hm-scale hm-d2\"\u003e\n      \u003cdiv class=\"hm-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-100-8K.avif\" alt=\"Dual 8KHz Polling Rate\"\u003e\u003c\/div\u003e\n      \u003ch3\u003eDual 8KHz Polling Rate\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hm-featcard hm-reveal hm-scale hm-d3\"\u003e\n      \u003cdiv class=\"hm-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Per-Key-Flex-Cut.avif\" alt=\"Per-Key Flex-Cut\"\u003e\u003c\/div\u003e\n      \u003ch3\u003ePer-Key Flex-Cut\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hm-featcard hm-reveal hm-scale hm-d4\"\u003e\n      \u003cdiv class=\"hm-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Gasket-Mount.avif\" alt=\"Gasket Mount\"\u003e\u003c\/div\u003e\n      \u003ch3\u003eGasket Mount\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hm-featcard hm-reveal hm-scale hm-d1\"\u003e\n      \u003cdiv class=\"hm-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Hot-Swappable.avif\" alt=\"Hot-Swappable\"\u003e\u003c\/div\u003e\n      \u003ch3\u003eHot-Swappable\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hm-featcard hm-reveal hm-scale hm-d2\"\u003e\n      \u003cdiv class=\"hm-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-RGB.avif\" alt=\"RGB Backlit\"\u003e\u003c\/div\u003e\n      \u003ch3\u003eRGB Backlit\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hm-featcard hm-reveal hm-scale hm-d3\"\u003e\n      \u003cdiv class=\"hm-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-PBT-Dye-Sub.avif\" alt=\"PBT Dye-Sub\"\u003e\u003c\/div\u003e\n      \u003ch3\u003ePBT Dye-Sub\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hm-featcard hm-reveal hm-scale hm-d4\"\u003e\n      \u003cdiv class=\"hm-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Multi-mode.avif\" alt=\"Multi-mode\"\u003e\u003c\/div\u003e\n      \u003ch3\u003eMulti-mode\u003c\/h3\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     SOUND TEST — centered card, placed early (not the first section)\n============================================================ --\u003e\n\u003cdiv class=\"hm-section\"\u003e\n  \u003cdiv class=\"hm-sound-card hm-reveal hm-scale\"\u003e\n    \u003cdiv class=\"hm-sound-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n    \u003ch3\u003eSound Test: Akko Creamy Yellow U1\u003c\/h3\u003e\n    \u003cp\u003eListen to the typing sound of the Hatsune Miku 5108 V5 with Akko Creamy Yellow U1 switches.\u003c\/p\u003e\n    \u003cdiv class=\"hm-sound-player\"\u003e\n      \u003caudio controls preload=\"none\"\u003e\n        \u003csource src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/05\/Akko-Creamy-Yellow-U1-Switch-Sound-Test.mp3\" type=\"audio\/mpeg\"\u003e\n        Your browser does not support the audio element.\n      \u003c\/source\u003e\u003c\/audio\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: Full-Body Themed Design (image right)\n============================================================ --\u003e\n\u003cdiv class=\"hm-section tight\"\u003e\n  \u003cdiv class=\"hm-module hm-reveal\"\u003e\n    \u003cdiv class=\"hm-module-grid\"\u003e\n      \u003cdiv class=\"hm-module-text\"\u003e\n        \u003cspan class=\"hm-module-kicker\"\u003eFull-Body Aesthetic\u003c\/span\u003e\n        \u003ch2\u003eFull-Body Themed Design\u003c\/h2\u003e\n        \u003cp\u003eThe keyboard features Hatsune Miku theme artwork across the top case and the entire back panel. Paired with the matching themed keycaps, it presents a perfectly cohesive full-body design from every angle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-CT-BM.avif\" alt=\"Full-Body Themed Aesthetic\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: Dual 8kHz Polling Rate (image left, reversed)\n============================================================ --\u003e\n\u003cdiv class=\"hm-section tight\"\u003e\n  \u003cdiv class=\"hm-module hm-reveal\"\u003e\n    \u003cdiv class=\"hm-module-grid hm-reverse\"\u003e\n      \u003cdiv class=\"hm-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-CT-8Kz.avif\" alt=\"Dual 8kHz Polling Rate\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-module-text\"\u003e\n        \u003cspan class=\"hm-module-kicker\"\u003eResponsiveness\u003c\/span\u003e\n        \u003ch2\u003eDual 8kHz Polling Rate\u003c\/h2\u003e\n        \u003cp\u003eFeaturing 8000Hz polling rate in both wired and 2.4G mode, this keyboard sends operational data 8 times per second, delivering near-zero latency, ultra-responsive performance, and precise control for both gaming and typing.\u003c\/p\u003e\n        \u003csmall\u003e*When testing 8K polling rate with Keyboard Inspector, please ensure your computer is in Safe Mode for accurate results.\u003c\/small\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     CHAPTER DIVIDER: MEET THE NEW 5108 V5\n============================================================ --\u003e\n\u003cdiv class=\"hm-section tight\"\u003e\n  \u003cdiv class=\"hm-divider hm-reveal\"\u003e\n    \u003cspan class=\"hm-note\"\u003e♪\u003c\/span\u003e\n    \u003cspan class=\"hm-note\"\u003e♩\u003c\/span\u003e\n    \u003cspan class=\"hm-note\"\u003e♫\u003c\/span\u003e\n    \u003cspan class=\"hm-note\"\u003e♬\u003c\/span\u003e\n    \u003cdiv class=\"hm-streak\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hm-streak\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hm-divider-content\"\u003e\n      \u003cspan class=\"hm-divider-tag\"\u003eHatsune Miku\u003c\/span\u003e\n      \u003ch2\u003eMeet the New 5108 V5\u003c\/h2\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: ARGB Backlight (image right)\n============================================================ --\u003e\n\u003cdiv class=\"hm-section tight\"\u003e\n  \u003cdiv class=\"hm-module hm-reveal\"\u003e\n    \u003cdiv class=\"hm-module-grid\"\u003e\n      \u003cdiv class=\"hm-module-text\"\u003e\n        \u003cspan class=\"hm-module-kicker\"\u003eIllumination\u003c\/span\u003e\n        \u003ch2\u003eARGB Backlight\u003c\/h2\u003e\n        \u003cp\u003eFeaturing ARGB (addressable RGB) with individually controlled LEDs for smooth, flicker-free lighting, customizable through the Akko Cloud Driver to add a striking glow to your setup.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-CT-RGB.avif\" alt=\"ARGB Backlight\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: Side-Integrated Controls (image left)\n============================================================ --\u003e\n\u003cdiv class=\"hm-section tight\"\u003e\n  \u003cdiv class=\"hm-module hm-reveal\"\u003e\n    \u003cdiv class=\"hm-module-grid hm-reverse\"\u003e\n      \u003cdiv class=\"hm-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-CT-Type-C.avif\" alt=\"Side-Integrated Controls\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-module-text\"\u003e\n        \u003cspan class=\"hm-module-kicker\"\u003eConvenience\u003c\/span\u003e\n        \u003ch2\u003eSide-Integrated Controls\u003c\/h2\u003e\n        \u003cp\u003eThe multi-device switch and USB-C port are seamlessly integrated into the keyboard's side for easy access and a cleaner look. Quickly toggle between Mac, Windows, USB, 2.4G, and Bluetooth.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: Dual-Section Split PC Plate (image right)\n============================================================ --\u003e\n\u003cdiv class=\"hm-section tight\"\u003e\n  \u003cdiv class=\"hm-module hm-reveal\"\u003e\n    \u003cdiv class=\"hm-module-grid\"\u003e\n      \u003cdiv class=\"hm-module-text\"\u003e\n        \u003cspan class=\"hm-module-kicker\"\u003eTyping Feel\u003c\/span\u003e\n        \u003ch2\u003eDual-Section Split PC Plate\u003c\/h2\u003e\n        \u003cp\u003eSide-mounted silicone pads resolve the conflict between narrow bezel and soft typing structure, enabling an ultra-slim frame. The dual-section split PC plate enhances typing elasticity and soft bounce.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-CT-Dual-Section.avif\" alt=\"Dual-Section Split PC Plate\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     TWO-UP CARDS: Hot-swap + Ultra-Slim\n============================================================ --\u003e\n\u003cdiv class=\"hm-section\"\u003e\n  \u003cdiv class=\"hm-duo\"\u003e\n    \u003cdiv class=\"hm-duo-card hm-reveal hm-left\"\u003e\n      \u003ch3\u003eFlex-Cut Hot-Swappable\u003c\/h3\u003e\n      \u003cp\u003eHot-swappable design for easy customization and upgrades. Flex-cut PCB and dual-section plate for a softer, more responsive feel. Multi-layer dampening for deeper, quieter, more refined sound.\u003c\/p\u003e\n      \u003cdiv class=\"hm-duo-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-XT-Hotswap-Socket.avif\" alt=\"Flex-Cut Hot-Swappable\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hm-duo-card hm-reveal hm-right\"\u003e\n      \u003ch3\u003eUltra-Slim Design\u003c\/h3\u003e\n      \u003cp\u003eMaximize desk space while enjoying a soft and flexible gasket typing feel, enhanced by the clean contrast of polished shine and textured details.\u003c\/p\u003e\n      \u003cdiv class=\"hm-duo-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-XT-CM.avif\" alt=\"Ultra-Slim Design\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     CHAPTER DIVIDER: Get the MOST out of 5108 V5\n============================================================ --\u003e\n\u003cdiv class=\"hm-section tight\"\u003e\n  \u003cdiv class=\"hm-divider hm-reveal\"\u003e\n    \u003cspan class=\"hm-note\"\u003e♪\u003c\/span\u003e\n    \u003cspan class=\"hm-note\"\u003e♩\u003c\/span\u003e\n    \u003cspan class=\"hm-note\"\u003e♫\u003c\/span\u003e\n    \u003cspan class=\"hm-note\"\u003e♬\u003c\/span\u003e\n    \u003cdiv class=\"hm-streak\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hm-streak\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hm-divider-content\"\u003e\n      \u003cspan class=\"hm-divider-tag\"\u003eHatsune Miku\u003c\/span\u003e\n      \u003ch2\u003eGet the MOST out of 5108 V5\u003c\/h2\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: PBT Dye-Sub Keycaps (image left)\n============================================================ --\u003e\n\u003cdiv class=\"hm-section tight\"\u003e\n  \u003cdiv class=\"hm-module hm-reveal\"\u003e\n    \u003cdiv class=\"hm-module-grid hm-reverse\"\u003e\n      \u003cdiv class=\"hm-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-Cherry-Profile.avif\" alt=\"PBT Dye-Sub Keycaps\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-module-text\"\u003e\n        \u003cspan class=\"hm-module-kicker\"\u003eKeycaps\u003c\/span\u003e\n        \u003ch2\u003ePBT Dye-Sub Keycaps\u003c\/h2\u003e\n        \u003cp\u003eMade through a dye-sub process with durable PBT materials that ensure the legends will not fade easily. These keycaps keep their pristine matte look while delivering a comfortable, tactile typing experience.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: 10,000mAh Battery (image right)\n============================================================ --\u003e\n\u003cdiv class=\"hm-section tight\"\u003e\n  \u003cdiv class=\"hm-module hm-reveal\"\u003e\n    \u003cdiv class=\"hm-module-grid\"\u003e\n      \u003cdiv class=\"hm-module-text\"\u003e\n        \u003cspan class=\"hm-module-kicker\"\u003ePower\u003c\/span\u003e\n        \u003ch2\u003e10,000mAh Battery\u003c\/h2\u003e\n        \u003cp\u003eEnjoy uninterrupted typing, gaming, or productivity with a high-capacity 10,000mAh battery, with no need for constant recharging.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-10000mAh.avif\" alt=\"10,000mAh Battery\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MULTI-MODES STRIP\n============================================================ --\u003e\n\u003cdiv class=\"hm-section\"\u003e\n  \u003cdiv class=\"hm-strip-text hm-reveal\"\u003e\n    \u003ch2\u003eMulti-Modes\u003c\/h2\u003e\n    \u003cp\u003eHatsune Miku 5108 V5 supports BT 5.0, multi-host 2.4GHz (with receiver), and wired Type-C connection for seamless device switching.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hm-strip-banner hm-reveal hm-scale\"\u003e\n    \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-SM-K.avif\" alt=\"Multi-Modes\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     WEB \u0026 CLOUD DRIVER STRIP\n============================================================ --\u003e\n\u003cdiv class=\"hm-section\"\u003e\n  \u003cdiv class=\"hm-strip-text hm-reveal\"\u003e\n    \u003ch2\u003eWeb \u0026amp; Cloud Driver\u003c\/h2\u003e\n    \u003cp\u003eFull customization for lighting, keys, and macros. Configure your keyboard anytime, anywhere.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hm-strip-banner hm-reveal hm-scale\"\u003e\n    \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-QD.avif\" alt=\"Hatsune Miku 5108 V5 Web \u0026amp; Cloud Driver\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hm-cta-wrap hm-reveal\"\u003e\n    \u003ca class=\"hm-cta-btn\" href=\"https:\/\/web.akkogear.com\" target=\"_blank\" rel=\"noopener\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\u003e\u003c\/path\u003e\u003cpolyline points=\"15 3 21 3 21 9\"\u003e\u003c\/polyline\u003e\u003cline x1=\"10\" x2=\"21\" y1=\"14\" y2=\"3\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n      Launch Web Driver\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     GASKET-MOUNTED STRIP\n============================================================ --\u003e\n\u003cdiv class=\"hm-section\"\u003e\n  \u003cdiv class=\"hm-strip-text hm-reveal\"\u003e\n    \u003ch2\u003eGasket-Mounted\u003c\/h2\u003e\n    \u003cp\u003eAkko's innovative gasket design effectively eliminates the key-striking resonance common in traditional tray-mount structures.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hm-strip-banner hm-reveal hm-scale\"\u003e\n    \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-CJ.avif\" alt=\"Gasket-Mounted\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     SNAP KEY \/ MOD-TAP DEMO\n============================================================ --\u003e\n\u003cdiv class=\"hm-section\"\u003e\n  \u003cdiv class=\"hm-demo-section hm-reveal\"\u003e\n    \u003cdiv class=\"hm-demo-grid\"\u003e\n      \u003cdiv class=\"hm-demo-card\"\u003e\n        \u003cdiv class=\"hm-demo-gif\"\u003e\n          \u003cdiv class=\"hm-snap-demo\"\u003e\n            \u003cdiv class=\"hm-snap-section\"\u003e\n              \u003cdiv class=\"hm-snap-title\"\u003eAkko Snap Keys\u003cbr\u003eOff\u003c\/div\u003e\n              \u003cdiv class=\"hm-snap-scene\"\u003e\u003cdiv class=\"hm-snap-runner\" id=\"hmSnapOffRunner\"\u003e\u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M13.5 5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n              \u003cdiv class=\"hm-snap-keys\"\u003e\n                \u003cdiv class=\"hm-demo-key\" id=\"hmSnapOffA\"\u003eA\u003c\/div\u003e\n\u003cspan class=\"hm-key-plus\"\u003e+\u003c\/span\u003e\u003cdiv class=\"hm-demo-key\" id=\"hmSnapOffD\"\u003eD\u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"hm-snap-divider\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"hm-snap-section\"\u003e\n              \u003cdiv class=\"hm-snap-title\"\u003eAkko Snap Keys\u003cbr\u003eOn\u003c\/div\u003e\n              \u003cdiv class=\"hm-snap-scene\"\u003e\u003cdiv class=\"hm-snap-runner\" id=\"hmSnapOnRunner\"\u003e\u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M13.5 5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n              \u003cdiv class=\"hm-snap-keys\"\u003e\n                \u003cdiv class=\"hm-demo-key\" id=\"hmSnapOnA\"\u003eA\u003c\/div\u003e\n\u003cspan class=\"hm-key-plus\"\u003e+\u003c\/span\u003e\u003cdiv class=\"hm-demo-key\" id=\"hmSnapOnD\"\u003eD\u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hm-demo-body\"\u003e\n          \u003cdiv class=\"hm-demo-num\"\u003e01\u003c\/div\u003e\n          \u003ch3\u003eSnap Key\u003c\/h3\u003e\n          \u003cp\u003eSnap Key is Akko's implementation of SOCD, prioritizing the most recent keypress for swift directional changes without releasing previous inputs. This ensures fluid, responsive control in FPS games, where quick reactions and precise movement are crucial.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-demo-card\"\u003e\n        \u003cdiv class=\"hm-demo-gif\"\u003e\n          \u003cdiv class=\"hm-modtap-demo\"\u003e\n            \u003cdiv class=\"hm-demo-key\" id=\"hmModtapKey\"\u003eG\u003c\/div\u003e\n            \u003cdiv class=\"hm-modtap-actions\"\u003e\n              \u003cdiv\u003e\n                \u003cdiv class=\"hm-modtap-result\" id=\"hmTapResult\"\u003eG\u003c\/div\u003e\n                \u003cdiv class=\"hm-modtap-label\"\u003eTap\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv\u003e\n                \u003cdiv class=\"hm-modtap-result\" id=\"hmHoldResult\"\u003eF\u003c\/div\u003e\n                \u003cdiv class=\"hm-modtap-label\"\u003eHold\u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hm-demo-body\"\u003e\n          \u003cdiv class=\"hm-demo-num\"\u003e02\u003c\/div\u003e\n          \u003ch3\u003eMod-Tap\u003c\/h3\u003e\n          \u003cp\u003eMod Tap is a design that provides convenience for gaming. It enables the creation of dedicated or dual-functional keys based on key press behavior. A single keypress can achieve two functions: holding down the key for one function, and pressing the key for another, improving efficiency and control.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     SWITCH SPEC CARD\n============================================================ --\u003e\n\u003cdiv class=\"hm-section\"\u003e\n  \u003cdiv class=\"hm-switch hm-reveal\"\u003e\n    \u003cdiv class=\"hm-switch-badge\"\u003eLinear Switch\u003c\/div\u003e\n    \u003cdiv class=\"hm-switch-title\"\u003eAkko Creamy Yellow U1 Switch\u003c\/div\u003e\n    \u003cdiv class=\"hm-switch-body\"\u003e\n      \u003cdiv class=\"hm-switch-left\"\u003e\n        \u003cdiv class=\"hm-switch-item\"\u003e\n\u003cspan\u003eType\u003c\/span\u003e\u003cspan\u003eLinear\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hm-switch-item\"\u003e\n\u003cspan\u003eOperating Force\u003c\/span\u003e\u003cspan\u003e45 ± 8gf\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hm-switch-item\"\u003e\n\u003cspan\u003eTotal Travel\u003c\/span\u003e\u003cspan\u003e3.6 ± 0.4 mm\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hm-switch-item\"\u003e\n\u003cspan\u003ePre Travel\u003c\/span\u003e\u003cspan\u003e2.0 ± 0.4 mm\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hm-switch-item\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cspan\u003ePOM \/ PC \/ PA\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hm-switch-item\"\u003e\n\u003cspan\u003eLED Diffuser\u003c\/span\u003e\u003cspan\u003eYes\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hm-switch-right\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-V5-Creamy-Yellow-Ultra.avif\" alt=\"Akko Creamy Yellow U1 Switch\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     FULL SPECS + TOGGLE\n============================================================ --\u003e\n\u003cdiv class=\"hm-section\"\u003e\n  \u003cdiv class=\"hm-specs hm-reveal\"\u003e\n    \u003cdiv class=\"hm-specs-grid\"\u003e\n      \u003cdiv class=\"hm-specs-head\"\u003e\n        \u003cp class=\"hm-tag\"\u003eHatsune Miku 5108 V5\u003c\/p\u003e\n        \u003ch2\u003eSpecs\u003c\/h2\u003e\n        \u003cp\u003eLearn more about the 5108 V5 such as the hotkeys, system commands, backlight setting, and more in the user manual.\u003c\/p\u003e\n        \u003ca class=\"hm-specs-btn\" href=\"https:\/\/file.akkogear.com\/5108_V5.pdf\" target=\"_blank\" rel=\"noopener\"\u003eUser Manual\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"hm-spec-list\"\u003e\n          \u003cdiv class=\"hm-spec-row\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eStructure:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003eGasket Mount\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eConnection:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003eBluetooth 5.0 \/ 2.4GHz \/ USB Type-C\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eBacklight:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003eARGB Backlit\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eHot Swappable:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003e3-Pin \/ 5-Pin Support\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eN-Key Rollover:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003eSupport\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row hm-hidden\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eBattery Capacity:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003e10,000mAh\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row hm-hidden\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003ePolling Rate:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003e8000Hz in wired and 2.4G mode, 125Hz in Bluetooth mode\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row hm-hidden\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eMacro:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003eAkko Macro V1.0\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row hm-hidden\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eSwitches:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003eAkko Creamy Yellow U1\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row hm-hidden\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eMaterials:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003ePBT Keycaps + ABS Case\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row hm-hidden\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eLegends Printing:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003eDye-Sublimation\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row hm-hidden\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eKeycap Profile:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003eCherry\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row hm-hidden\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eProduct Weight:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003eApproximately 1.41KG\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row hm-hidden\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eDimensions:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003e440.5 × 130 × 30.1mm (excluding keycap height)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row hm-hidden\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003eOperating Systems:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003eWindows \/ macOS \/ iOS \/ Android\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hm-spec-row hm-hidden\"\u003e\n\u003cspan class=\"hm-spec-label\"\u003ePackage List:\u003c\/span\u003e\u003cspan class=\"hm-spec-value\"\u003eKeyboard×1, Manual×1, Cable×1, Receiver×1, Keycap Puller×1, Switch Puller×1, Dust Cover×1, Extra Switches\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hm-spec-toggle\"\u003e\n          \u003cbutton id=\"hmSpecToggleBtn\" type=\"button\"\u003e\n            \u003cspan id=\"hmSpecToggleLabel\"\u003eView all\u003c\/span\u003e\n            \u003cspan class=\"hm-toggle-icon\"\u003e⌄\u003c\/span\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     FAQ\n============================================================ --\u003e\n\u003cdiv class=\"hm-section\"\u003e\n  \u003cdiv class=\"hm-faq hm-reveal\"\u003e\n    \u003cdiv class=\"hm-faq-head\"\u003e\n      \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hm-faq-item\"\u003e\n      \u003cdiv class=\"hm-faq-q\"\u003eIs the 5108 V5 hot-swappable? \u003cspan class=\"hm-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hm-faq-a\"\u003eYes — both 3-pin and 5-pin mechanical switches are supported, so you can freely swap the pre-installed Creamy Yellow U1 switches for any hot-swap compatible switch of your choice.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hm-faq-item\"\u003e\n      \u003cdiv class=\"hm-faq-q\"\u003eWhat does 8KHz polling rate mean for me? \u003cspan class=\"hm-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hm-faq-a\"\u003eThe keyboard reports input up to 8,000 times per second over both wired and 2.4G connections, reducing input latency and giving faster, more precise response — especially valuable in fast-paced games.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hm-faq-item\"\u003e\n      \u003cdiv class=\"hm-faq-q\"\u003eHow long does the battery last? \u003cspan class=\"hm-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hm-faq-a\"\u003eThe 10,000mAh battery is built for long stretches between charges — actual runtime will vary depending on backlight brightness, effect, and which connection mode you're using.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hm-faq-item\"\u003e\n      \u003cdiv class=\"hm-faq-q\"\u003eWhich operating systems are supported? \u003cspan class=\"hm-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hm-faq-a\"\u003eThe 5108 V5 works with Windows, macOS, iOS, and Android across all three connection modes — wired USB-C, 2.4GHz wireless, and Bluetooth 5.0.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hm-faq-item\"\u003e\n      \u003cdiv class=\"hm-faq-q\"\u003eCan I customize the RGB lighting and macros? \u003cspan class=\"hm-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hm-faq-a\"\u003eYes — the Akko Web \u0026amp; Cloud Driver lets you fully customize ARGB lighting effects, remap keys, and program macros directly from your browser, with settings saved to the cloud.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     FINAL BANNER\n============================================================ --\u003e\n\u003cdiv class=\"hm-section tight\"\u003e\n  \u003cdiv class=\"hm-fullbanner hm-reveal hm-scale\"\u003e\n    \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hatsune-Miku-5108-V5-XQ-CC.avif\" alt=\"Hatsune Miku 5108 V5 Mechanical Keyboard\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  var root = document.currentScript.closest('.hm5108v5');\n  if(!root) return;\n\n  \/* ---------- Scroll reveal ---------- *\/\n  var revealEls = root.querySelectorAll('.hm-reveal');\n  if('IntersectionObserver' in window){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){\n          entry.target.classList.add('hm-in');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n    revealEls.forEach(function(el){ io.observe(el); });\n  } else {\n    revealEls.forEach(function(el){ el.classList.add('hm-in'); });\n  }\n\n  \/* ---------- FAQ accordion ---------- *\/\n  var faqItems = root.querySelectorAll('.hm-faq-item');\n  faqItems.forEach(function(item){\n    var q = item.querySelector('.hm-faq-q');\n    var a = item.querySelector('.hm-faq-a');\n    q.addEventListener('click', function(){\n      var isOpen = item.classList.contains('hm-open');\n      faqItems.forEach(function(other){\n        other.classList.remove('hm-open');\n        other.querySelector('.hm-faq-a').style.maxHeight = null;\n      });\n      if(!isOpen){\n        item.classList.add('hm-open');\n        a.style.maxHeight = a.scrollHeight + 40 + 'px';\n      }\n    });\n  });\n\n  \/* ---------- Specs \"View all\" toggle ---------- *\/\n  var toggleBtn = root.querySelector('#hmSpecToggleBtn');\n  var toggleLabel = root.querySelector('#hmSpecToggleLabel');\n  var hiddenRows = root.querySelectorAll('.hm-spec-row.hm-hidden');\n  if(toggleBtn){\n    toggleBtn.addEventListener('click', function(){\n      var expanded = toggleBtn.classList.toggle('hm-expanded');\n      hiddenRows.forEach(function(row){ row.classList.toggle('hm-hidden', !expanded); });\n      toggleLabel.textContent = expanded ? 'View less' : 'View all';\n    });\n  }\n\n  \/* ---------- Snap Key demo animation loop ---------- *\/\n  var snapOffRunner = root.querySelector('#hmSnapOffRunner');\n  var snapOnRunner = root.querySelector('#hmSnapOnRunner');\n  var snapOffA = root.querySelector('#hmSnapOffA');\n  var snapOffD = root.querySelector('#hmSnapOffD');\n  var snapOnD = root.querySelector('#hmSnapOnD');\n\n  function animateSnap(){\n    setTimeout(function(){\n      snapOffA.classList.add('hm-active','hm-pressed');\n      snapOffD.classList.add('hm-active','hm-pressed');\n      snapOffRunner.classList.add('hm-run-left');\n      setTimeout(function(){ snapOffA.classList.remove('hm-pressed'); snapOffD.classList.remove('hm-pressed'); }, 200);\n    }, 500);\n\n    setTimeout(function(){ snapOffRunner.classList.remove('hm-run-left'); snapOffRunner.classList.add('hm-run-right'); }, 1300);\n\n    setTimeout(function(){\n      snapOffA.classList.remove('hm-active'); snapOffD.classList.remove('hm-active');\n      snapOffRunner.classList.remove('hm-run-right'); snapOffRunner.style.transform = '';\n    }, 2800);\n\n    setTimeout(function(){\n      snapOnD.classList.add('hm-active','hm-pressed'); snapOnRunner.classList.add('hm-run-right');\n      setTimeout(function(){ snapOnD.classList.remove('hm-pressed'); }, 200);\n    }, 500);\n\n    setTimeout(function(){ snapOnD.classList.remove('hm-active'); snapOnRunner.classList.remove('hm-run-right'); snapOnRunner.style.transform = ''; }, 2800);\n\n    setTimeout(animateSnap, 4000);\n  }\n  if(snapOffRunner \u0026\u0026 snapOnRunner) animateSnap();\n\n  \/* ---------- Mod-Tap demo animation loop ---------- *\/\n  var modtapKey = root.querySelector('#hmModtapKey');\n  var tapResult = root.querySelector('#hmTapResult');\n  var holdResult = root.querySelector('#hmHoldResult');\n\n  function animateModTap(){\n    setTimeout(function(){\n      modtapKey.classList.add('hm-pressed','hm-active');\n      setTimeout(function(){\n        modtapKey.classList.remove('hm-pressed','hm-active'); tapResult.classList.add('hm-show');\n        setTimeout(function(){ tapResult.classList.remove('hm-show'); }, 800);\n      }, 200);\n    }, 500);\n\n    setTimeout(function(){\n      modtapKey.classList.add('hm-pressed','hm-active');\n      setTimeout(function(){\n        holdResult.classList.add('hm-show');\n        setTimeout(function(){ modtapKey.classList.remove('hm-pressed','hm-active'); holdResult.classList.remove('hm-show'); }, 1000);\n      }, 400);\n    }, 2500);\n\n    setTimeout(animateModTap, 5000);\n  }\n  if(modtapKey) animateModTap();\n\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Akko","offers":[{"title":"Akko Creamy Yellow U1","offer_id":48709561876637,"sku":null,"price":129.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Hatsune-Miku-5108-V5.png?v=1785149763","url":"https:\/\/keyartisan.net\/products\/akko-hatsune-miku-5108-v5-mechanical-keyboard","provider":"KeyArtisan","version":"1.0","type":"link"}