{"product_id":"cinnamoroll-5108-v5-mechanical-keyboard","title":"Cinnamoroll 5108 V5 Mechanical Keyboard","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cmeta name=\"description\" content=\"Akko Cinnamoroll 5108 V5 mechanical keyboard — Gasket Mount construction, 8K Hz wired \u0026amp; 2.4G wireless, ARGB lighting, 10,000mAh battery and full Sanrio Cinnamoroll theme.\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@500;600;700;800\u0026amp;family=Manrope:wght@400;500;600;700;800\u0026amp;family=JetBrains+Mono:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n\/* ==========================================================================\n   DESIGN TOKENS — Cinnamoroll palette\n   Sky blue:    #7ECEF4  (Cinnamoroll's iconic sky\/cloud blue)\n   Deep blue:   #2E86C8  (accent \/ headings)\n   Pale sky:    #F0F9FF  (background tint)\n   Soft blue:   #D6EFFC  (card backgrounds)\n   Cream white: #FFFFFF\n   Ink navy:    #1A2A3A  (text)\n   Ink soft:    #4A6070  (body text)\n   Line:        #B8DDF5  (borders)\n   Star gold:   #FFD700  (star accents)\n   ========================================================================== *\/\n:root {\n  --cb:        #7ECEF4;\n  --cb-deep:   #2E86C8;\n  --cb-pale:   #F0F9FF;\n  --cb-soft:   #D6EFFC;\n  --cb-dark:   #1A4A6E;\n  --star:      #FFD700;\n  --white:     #FFFFFF;\n  --ink:       #1A2A3A;\n  --ink-soft:  #4A6070;\n  --line:      #B8DDF5;\n  --cream:     #F8FCFF;\n\n  --font-display: 'Baloo 2', 'Manrope', sans-serif;\n  --font-body:    'Manrope', sans-serif;\n  --font-mono:    'JetBrains Mono', monospace;\n\n  --radius-lg: 28px;\n  --radius-md: 18px;\n\n  --shadow-soft: 0 20px 45px -25px rgba(46,134,200,0.35);\n  --shadow-card: 0 12px 30px -18px rgba(26,42,58,0.18);\n\n  --container: 1180px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.001ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.001ms !important;\n  }\n}\n\n*, *::before, *::after { box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\n\nbody {\n  margin: 0;\n  background: var(--cream);\n  color: var(--ink);\n  font-family: var(--font-body);\n  font-size: 17px;\n  line-height: 1.65;\n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\nimg { max-width: 100%; display: block; }\na { color: inherit; }\n\n.cn-wrap {\n  width: 100%;\n  max-width: var(--container);\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\nh1, h2, h3 {\n  font-family: var(--font-display);\n  color: var(--ink);\n  margin: 0 0 14px;\n  line-height: 1.15;\n}\nh1 { font-size: clamp(2.2rem, 4.5vw, 3.4rem); font-weight: 800; }\nh2 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 700; }\nh3 { font-size: 1.25rem; font-weight: 700; }\np  { margin: 0 0 12px; color: var(--ink-soft); font-size: 1.08rem; line-height: 1.7; }\n\n\/* ── CLOUD DIVIDER ───────────────────────────────────── *\/\n.cn-div {\n  width: 100%; height: 34px;\n  background: radial-gradient(circle at 18px 0, transparent 17px, var(--t, var(--cream)) 18px)\n              top \/ 36px 34px repeat-x;\n}\n.cn-div.to-blue  { --t: var(--cb-soft); }\n.cn-div.to-cream { --t: var(--cream); }\n.cn-div.flip     { transform: rotate(180deg); }\n\n\/* ── TOP STRIP ───────────────────────────────────────── *\/\n.cn-top-strip {\n  background: var(--cb-dark);\n  color: var(--star);\n  text-align: center;\n  font-family: var(--font-mono);\n  font-size: 0.78rem;\n  letter-spacing: 0.06em;\n  padding: 9px 12px;\n}\n\n\/* ── BRAND HEADER ────────────────────────────────────── *\/\n.cn-brand-header {\n  padding: 22px 0 16px;\n  text-align: center;\n}\n.cn-eyebrow-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--cb-soft);\n  color: var(--cb-deep);\n  font-family: var(--font-mono);\n  font-weight: 600;\n  font-size: 0.8rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  padding: 7px 20px;\n  border-radius: 999px;\n  border: 1px solid var(--line);\n  margin-bottom: 18px;\n}\n.cn-brand-header h1 { margin-bottom: 12px; }\n.cn-brand-header .cn-sub {\n  max-width: 700px;\n  margin: 0 auto 26px;\n  color: var(--ink-soft);\n  font-size: 1.15rem;\n}\n\n\/* ── CTA BUTTON ──────────────────────────────────────── *\/\n.cn-cta-wrap { display: flex; justify-content: center; margin: 4px 0; }\n.cn-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: linear-gradient(135deg, var(--cb), var(--cb-deep), #1565A8);\n  background-size: 200% 200%;\n  animation: cnGrad 3s ease infinite;\n  color: #fff !important;\n  font-family: var(--font-display);\n  font-weight: 700;\n  font-size: 1.1rem;\n  text-decoration: none;\n  padding: 17px 40px;\n  border-radius: 999px;\n  border: none;\n  cursor: pointer;\n  box-shadow: 0 8px 28px -8px rgba(46,134,200,0.55);\n  transition: transform 0.2s, box-shadow 0.2s;\n}\n.cn-cta-btn:hover { transform: translateY(-3px); box-shadow: 0 14px 36px -8px rgba(46,134,200,0.65); }\n.cn-cta-icon {\n  display: flex; align-items: center; justify-content: center;\n  width: 36px; height: 36px;\n  background: rgba(255,255,255,0.22);\n  border-radius: 50%; flex-shrink: 0;\n}\n.cn-cta-icon svg { width: 18px; height: 18px; }\n@keyframes cnGrad {\n  0%   { background-position: 0% 50%; }\n  50%  { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n\/* ── HERO ────────────────────────────────────────────── *\/\n.cn-hero {\n  background: linear-gradient(180deg, var(--cb-soft) 0%, var(--cb) 100%);\n  padding: 10px 0 0;\n}\n.cn-hero-frame {\n  position: relative;\n  max-width: 1400px;\n  margin: 0 auto;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-soft);\n}\n.cn-hero-frame img { width: 100%; height: auto; }\n.cn-hero-cap {\n  position: absolute; left: 0; right: 0; bottom: 0;\n  padding: 28px 32px;\n  background: linear-gradient(0deg, rgba(26,42,58,0.55) 0%, transparent 60%);\n  color: #fff; text-align: center;\n}\n.cn-hero-cap span { font-family: var(--font-mono); font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.85; }\n.cn-hero-cap strong { display: block; font-family: var(--font-display); font-size: clamp(1.3rem, 3vw, 1.9rem); }\n\n\/* ── BADGE ROW ───────────────────────────────────────── *\/\n.cn-badge-sec { padding: 26px 0 12px; text-align: center; }\n.cn-badge-pill {\n  display: inline-block;\n  background: var(--cb-deep);\n  color: #fff;\n  font-family: var(--font-mono);\n  font-size: 0.75rem; font-weight: 600;\n  letter-spacing: 0.08em; text-transform: uppercase;\n  padding: 6px 18px; border-radius: 999px; margin-bottom: 14px;\n}\n.cn-badge-row {\n  display: flex; flex-wrap: wrap;\n  justify-content: center; gap: 12px; margin-top: 4px;\n}\n.cn-chip {\n  display: flex; align-items: center; gap: 8px;\n  background: var(--white);\n  border: 1.5px solid var(--line);\n  color: var(--cb-deep);\n  font-weight: 700; font-size: 0.98rem;\n  padding: 13px 24px; border-radius: 999px;\n  box-shadow: var(--shadow-card);\n  transition: transform 0.2s, box-shadow 0.2s;\n}\n.cn-chip:hover { transform: translateY(-3px); box-shadow: 0 16px 28px -18px rgba(46,134,200,0.35); }\n\n\/* ── FEATURE ICON GRID ───────────────────────────────── *\/\n.cn-icon-grid-sec { padding: 34px 0; text-align: center; }\n.cn-icon-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n.cn-icon-card {\n  background: var(--white);\n  border-radius: var(--radius-md);\n  padding: 30px 16px 26px;\n  text-align: center;\n  border: 1px solid var(--line);\n  transition: transform 0.25s, box-shadow 0.25s;\n}\n.cn-icon-card:hover { transform: translateY(-6px) rotate(-0.5deg); box-shadow: var(--shadow-card); }\n.cn-icon-wrap {\n  width: 74px; height: 74px;\n  margin: 0 auto 16px;\n  border-radius: 50%;\n  background: var(--cb-soft);\n  display: flex; align-items: center; justify-content: center;\n  overflow: hidden;\n}\n.cn-icon-wrap img { width: 60%; height: 60%; object-fit: contain; }\n.cn-icon-card h3 { font-size: 1.05rem; margin: 0; }\n\n\/* ── EYEBROW TAG ─────────────────────────────────────── *\/\n.cn-tag {\n  display: inline-block;\n  font-family: var(--font-mono); font-size: 0.78rem; font-weight: 600;\n  letter-spacing: 0.1em; text-transform: uppercase;\n  color: var(--cb-deep); background: var(--cb-soft);\n  padding: 5px 16px; border-radius: 999px; margin-bottom: 16px;\n}\n\n\/* ── ALTERNATING MODULES ─────────────────────────────── *\/\n.cn-mod { padding: 36px 0; }\n.cn-mod.on-blue { background: var(--cb-pale); }\n.cn-mod-grid {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 40px; align-items: center;\n}\n.cn-mod-grid.rev .cn-tc { order: 2; }\n.cn-mod-grid.rev .cn-ic { order: 1; }\n.cn-tc h2 { margin-bottom: 18px; }\n.cn-tc p  { font-size: 1.1rem; line-height: 1.72; }\n.cn-tc .fine { font-family: var(--font-mono); font-size: 0.83rem; color: var(--ink-soft); opacity: 0.8; margin-top: 14px; }\n.cn-ic { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-card); border: 1px solid var(--line); }\n.cn-ic img { width: 100%; height: 100%; object-fit: cover; }\n\n\/* ── TRANSITION BANNER (cloud-themed) ───────────────── *\/\n.cn-trans-wrap { padding: 10px 0 20px; }\n.cn-trans {\n  position: relative;\n  margin: 0 auto; max-width: 900px;\n  padding: 36px 34px;\n  text-align: center;\n  background: var(--cb-dark);\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n}\n\/* Floating cloud blobs in background *\/\n.cn-trans::before {\n  content: \"\";\n  position: absolute;\n  width: 220px; height: 120px; border-radius: 60px;\n  background: rgba(126,206,244,0.2);\n  top: -40px; left: -50px;\n  box-shadow: 60px 0 0 20px rgba(126,206,244,0.12), -30px 20px 0 30px rgba(126,206,244,0.10);\n}\n.cn-trans::after {\n  content: \"\";\n  position: absolute;\n  width: 180px; height: 100px; border-radius: 50px;\n  background: rgba(126,206,244,0.18);\n  bottom: -30px; right: -40px;\n  box-shadow: -50px 0 0 15px rgba(126,206,244,0.1);\n}\n.cn-trans-stars {\n  position: absolute; inset: 0; pointer-events: none;\n  font-size: 1.1rem; color: rgba(255,215,0,0.3);\n  display: flex; justify-content: space-between; padding: 18px 32px;\n}\n.cn-trans-tag {\n  display: inline-block; position: relative;\n  font-family: var(--font-mono); font-size: 0.75rem;\n  letter-spacing: 0.16em; text-transform: uppercase;\n  color: var(--cb); border: 1px solid rgba(126,206,244,0.45);\n  padding: 5px 20px; border-radius: 999px; margin-bottom: 14px;\n}\n.cn-trans h2 { color: #fff; position: relative; margin: 0; }\n\n\/* ── GAMING HEADER ───────────────────────────────────── *\/\n.cn-gaming-hdr { text-align: center; padding: 34px 0 8px; }\n.cn-gaming-hdr h2 { margin-top: 10px; }\n\n\/* ── DEMO CARDS ──────────────────────────────────────── *\/\n.cn-demo-sec { padding: 14px 0 36px; }\n.cn-demo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n.cn-demo-card {\n  background: var(--white);\n  border: 1px solid var(--line);\n  border-radius: var(--radius-lg);\n  padding: 32px;\n  box-shadow: var(--shadow-card);\n  text-align: center;\n}\n.cn-demo-visual {\n  background: #E8F7FC;\n  border-radius: var(--radius-md);\n  padding: 30px 18px;\n  margin: 14px 0 24px;\n  display: flex; align-items: center; justify-content: center;\n}\n.cn-demo-num {\n  font-family: var(--font-mono); font-weight: 700;\n  font-size: 0.88rem; color: var(--cb-deep); opacity: 0.65;\n  margin-bottom: 6px;\n}\n.cn-demo-card h3 { font-size: 1.25rem; margin: 0 0 12px; }\n.cn-demo-card p  { font-size: 1.05rem; text-align: left; line-height: 1.65; }\n\n\/* ── SNAP KEY DEMO ───────────────────────────────────── *\/\n.snap-demo { display: flex; align-items: center; gap: 24px; width: 100%; }\n.snap-block { flex: 1; text-align: center; }\n.snap-lbl {\n  font-family: var(--font-mono); font-size: 0.75rem;\n  color: var(--ink-soft); margin-bottom: 12px; min-height: 32px; line-height: 1.4;\n}\n.snap-track {\n  position: relative; height: 36px;\n  background: var(--white); border-radius: 999px;\n  border: 1px solid var(--line); overflow: hidden; margin-bottom: 14px;\n}\n.snap-dot {\n  position: absolute; top: 6px;\n  width: 24px; height: 24px; border-radius: 50%;\n}\n.snap-dot.off { background: #4CAF50; left: 6px; }\n.snap-dot.on  { background: #2196A8; left: 6px; }\n.snap-keys { display: flex; justify-content: center; gap: 10px; align-items: center; }\n.skey {\n  width: 36px; height: 36px; border-radius: 8px;\n  background: var(--white); border: 1.5px solid var(--line);\n  display: flex; align-items: center; justify-content: center;\n  font-family: var(--font-mono); font-size: 0.88rem; font-weight: 700; color: var(--ink-soft);\n}\n.skey.aoff { background: #388E3C; color: #fff; border-color: #388E3C; }\n.skey.aon  { background: #1B7A82; color: #fff; border-color: #1B7A82; }\n.skey-plus { color: var(--ink-soft); font-weight: 700; }\n.snap-line { width: 65%; height: 3px; background: #F5A623; border-radius: 2px; margin: 10px auto 0; }\n\n\/* ── MOD-TAP DEMO ────────────────────────────────────── *\/\n.modtap-demo { display: flex; align-items: center; justify-content: center; gap: 32px; }\n.mt-key {\n  width: 60px; height: 60px; border-radius: 14px;\n  background: #388E3C; color: #fff;\n  font-family: var(--font-mono); font-weight: 700; font-size: 1.2rem;\n  display: flex; align-items: center; justify-content: center;\n}\n.mt-actions { display: flex; gap: 20px; }\n.mt-action { text-align: center; }\n.mt-result {\n  width: 46px; height: 46px; border-radius: 10px;\n  background: var(--white); border: 1.5px solid var(--line);\n  font-family: var(--font-mono); font-weight: 700; font-size: 1rem;\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 8px; color: var(--ink);\n}\n.mt-action span { font-family: var(--font-mono); font-size: 0.76rem; color: var(--ink-soft); }\n\n\/* ── DARK DUAL CARDS ─────────────────────────────────── *\/\n.cn-dark-sec { padding: 36px 0; background: var(--ink); }\n.cn-dark-lead { text-align: center; max-width: 640px; margin: 0 auto 40px; }\n.cn-dark-lead h2 { color: #fff; }\n.cn-dark-lead p  { color: var(--cb-soft); font-size: 1.1rem; }\n.cn-dark-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n.cn-dark-card {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(126,206,244,0.25);\n  border-radius: var(--radius-lg);\n  padding: 30px; text-align: center;\n}\n.cn-dark-card h3 { color: #fff; font-size: 1.25rem; }\n.cn-dark-card p  { color: rgba(240,249,255,0.8); font-size: 1.05rem; }\n.cn-dark-img {\n  position: relative; border-radius: var(--radius-md);\n  overflow: hidden; margin-top: 18px;\n}\n.cn-dark-img::before {\n  content: \"\"; position: absolute; inset: 0; z-index: 1;\n  background: radial-gradient(circle at 30% 20%, rgba(126,206,244,0.22), transparent 60%);\n}\n.cn-dark-img img { position: relative; z-index: 0; width: 100%; }\n\n\/* ── INFO ROWS ───────────────────────────────────────── *\/\n.cn-info { padding: 30px 0; }\n.cn-info-inner {\n  display: grid;\n  grid-template-columns: 1fr 1.55fr;\n  gap: 48px; align-items: center;\n}\n.cn-info-text { text-align: left; }\n.cn-info-text h3 {\n  font-family: var(--font-display);\n  font-size: 1.6rem; font-weight: 700;\n  color: var(--cb-deep); margin-bottom: 12px;\n}\n.cn-info-text p { font-size: 1.12rem; line-height: 1.72; }\n.cn-info-img {\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-card);\n  border: 1px solid var(--line);\n}\n.cn-info-img img { width: 100%; display: block; }\n.cn-launch {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--cb-deep); color: #fff !important;\n  font-weight: 700; text-decoration: none; font-size: 1.05rem;\n  padding: 14px 30px; border-radius: 999px; margin-top: 16px;\n  transition: transform 0.2s, background 0.2s;\n}\n.cn-launch:hover { background: var(--cb-dark); transform: translateY(-2px); }\n\n\/* ── SWITCH CARD ─────────────────────────────────────── *\/\n.cn-sw-sec { padding: 34px 0; }\n.cn-sw-card {\n  background: var(--cb-pale);\n  border: 1px solid var(--line);\n  border-radius: var(--radius-lg);\n  padding: 44px;\n  display: grid; grid-template-columns: 1.1fr 0.9fr;\n  gap: 40px; align-items: center;\n}\n.cn-sw-badge {\n  display: inline-block;\n  background: var(--cb-deep); color: #fff;\n  font-family: var(--font-mono); font-size: 0.75rem; font-weight: 700;\n  letter-spacing: 0.06em; text-transform: uppercase;\n  padding: 5px 16px; border-radius: 999px; margin-bottom: 14px;\n}\n.cn-sw-title { font-family: var(--font-display); font-size: 1.65rem; font-weight: 700; margin-bottom: 24px; }\n.cn-sw-row {\n  display: flex; justify-content: space-between;\n  padding: 12px 0; border-bottom: 1px dashed var(--line); font-size: 1rem;\n}\n.cn-sw-row span:first-child { color: var(--ink-soft); }\n.cn-sw-row span:last-child  { font-family: var(--font-mono); font-weight: 600; color: var(--ink); }\n.cn-sw-img {\n  border-radius: var(--radius-md); overflow: hidden;\n  background: var(--white); border: 1px solid var(--line);\n  min-height: 220px; display: flex; align-items: center; justify-content: center;\n}\n.cn-sw-img img { width: 100%; }\n\n\/* ── SPECS ───────────────────────────────────────────── *\/\n.cn-specs-sec { padding: 34px 0 40px; }\n.cn-specs-panel {\n  background: var(--white); border: 1px solid var(--line);\n  border-radius: var(--radius-lg); padding: 48px;\n  box-shadow: var(--shadow-card);\n}\n.cn-specs-lbl {\n  font-family: var(--font-mono); font-size: 0.78rem;\n  letter-spacing: 0.08em; text-transform: uppercase; color: var(--cb-deep); margin-bottom: 6px;\n}\n.cn-specs-panel h2 { margin-bottom: 8px; }\n.cn-specs-panel \u003e p { max-width: 560px; font-size: 1.05rem; }\n.cn-manual {\n  display: inline-flex; align-items: center; gap: 6px;\n  border: 1.5px solid var(--cb-deep); color: var(--cb-deep) !important;\n  text-decoration: none; font-weight: 700; font-size: 0.96rem;\n  padding: 10px 22px; border-radius: 999px; margin-top: 10px;\n  transition: background 0.2s, color 0.2s;\n}\n.cn-manual:hover { background: var(--cb-deep); color: #fff !important; }\n.cn-specs-list { margin-top: 24px; }\n.cn-spec-row {\n  display: grid; grid-template-columns: 240px 1fr;\n  gap: 12px; padding: 15px 0; border-bottom: 1px solid var(--line);\n}\n.cn-spec-row:last-child { border-bottom: none; }\n.cn-spec-row.cn-hid { display: none; }\n.cn-slbl { font-weight: 700; color: var(--ink); font-size: 1.02rem; }\n.cn-sval { font-family: var(--font-mono); color: var(--ink-soft); font-size: 0.97rem; }\n.cn-specs-tog { text-align: center; margin-top: 28px; }\n#cn-tog {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--cb-soft); border: 1px solid var(--line);\n  color: var(--cb-deep); font-weight: 700;\n  font-family: var(--font-body); font-size: 0.96rem;\n  padding: 12px 30px; border-radius: 999px; cursor: pointer;\n  transition: background 0.2s;\n}\n#cn-tog:hover { background: var(--cb); color: #fff; }\n.cn-tog-icon { display: inline-block; transition: transform 0.25s; }\n#cn-tog.open .cn-tog-icon { transform: rotate(180deg); }\n\n\/* ── PACKAGE ─────────────────────────────────────────── *\/\n.cn-pkg-sec { padding: 8px 0 34px; }\n.cn-pkg-panel {\n  background: var(--cb-soft);\n  border-radius: var(--radius-lg); padding: 38px 48px;\n  display: grid; grid-template-columns: 1fr 2fr;\n  gap: 32px; align-items: center; text-align: center;\n}\n.cn-pkg-panel h3 { font-size: 1.3rem; margin-bottom: 6px; }\n.cn-pkg-list {\n  list-style: none; margin: 0; padding: 0;\n  display: grid; grid-template-columns: repeat(3,1fr); gap: 12px 20px;\n  text-align: left;\n}\n.cn-pkg-list li {\n  display: flex; align-items: center; gap: 10px;\n  font-size: 1rem; color: var(--ink-soft);\n}\n.cn-pkg-list li::before {\n  content: \"\"; width: 9px; height: 9px;\n  border-radius: 50%; background: var(--cb-deep); flex-shrink: 0;\n}\n\n\/* ── FOOTER BANNER ───────────────────────────────────── *\/\n.cn-footer-img {\n  position: relative; max-width: 1400px;\n  margin: 0 auto 40px; border-radius: var(--radius-lg);\n  overflow: hidden; box-shadow: var(--shadow-soft);\n}\n.cn-footer-img img { width: 100%; }\n.cn-footer-note {\n  text-align: center; padding-bottom: 36px;\n  color: var(--ink-soft); font-size: 0.88rem; line-height: 1.7;\n}\n.cn-footer-note strong { color: var(--cb-deep); }\n\n\/* ── END CTA ─────────────────────────────────────────── *\/\n.cn-end-cta { padding: 18px 0 50px; }\n.cn-end-inner {\n  position: relative;\n  background: var(--ink); border-radius: var(--radius-lg);\n  padding: 56px 40px 60px; text-align: center; overflow: hidden;\n}\n.cn-end-inner::before {\n  content: \"\"; position: absolute;\n  width: 300px; height: 160px; border-radius: 80px;\n  background: rgba(126,206,244,0.18);\n  top: -50px; left: -60px; pointer-events: none;\n  box-shadow: 80px 10px 0 30px rgba(126,206,244,0.1);\n}\n.cn-end-inner::after {\n  content: \"\"; position: absolute;\n  width: 240px; height: 130px; border-radius: 65px;\n  background: rgba(126,206,244,0.14);\n  bottom: -40px; right: -50px; pointer-events: none;\n  box-shadow: -60px 0 0 20px rgba(126,206,244,0.08);\n}\n.cn-end-stars {\n  position: absolute; inset: 0; pointer-events: none;\n  font-size: 1rem; color: rgba(255,215,0,0.25);\n  display: flex; justify-content: space-between; padding: 18px 32px;\n}\n.cn-end-tag {\n  display: inline-block; position: relative;\n  font-family: var(--font-mono); font-size: 0.76rem;\n  letter-spacing: 0.16em; text-transform: uppercase;\n  color: var(--cb); border: 1px solid rgba(126,206,244,0.4);\n  padding: 5px 20px; border-radius: 999px; margin-bottom: 18px;\n}\n.cn-end-title { color: #fff; font-size: clamp(1.9rem, 3.5vw, 2.9rem); margin-bottom: 12px; position: relative; }\n.cn-end-sub {\n  color: rgba(214,239,252,0.8); font-family: var(--font-mono);\n  font-size: 0.92rem; letter-spacing: 0.04em; margin-bottom: 36px; position: relative;\n}\n.cn-end-btn {\n  display: inline-flex; align-items: center; gap: 14px;\n  background: linear-gradient(135deg, var(--cb), var(--cb-deep), #1565A8);\n  background-size: 200% 200%;\n  animation: cnGrad 3.5s ease infinite;\n  color: #fff; font-family: var(--font-display); font-weight: 800;\n  font-size: 1.25rem; border: none; cursor: pointer;\n  padding: 22px 56px; border-radius: 999px;\n  box-shadow: 0 10px 40px -10px rgba(46,134,200,0.65);\n  transition: transform 0.2s, box-shadow 0.2s; position: relative;\n}\n.cn-end-btn:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 18px 48px -10px rgba(46,134,200,0.75); }\n.cn-end-btn-ico {\n  display: flex; align-items: center; justify-content: center;\n  width: 40px; height: 40px; background: rgba(255,255,255,0.2);\n  border-radius: 50%; flex-shrink: 0;\n}\n.cn-end-btn-ico svg { width: 20px; height: 20px; }\n\n\/* ── ATC GLOW ────────────────────────────────────────── *\/\n@keyframes cnAtcGlow {\n  0%   { box-shadow: 0 0 0 0 rgba(255,255,255,0); }\n  25%  { box-shadow: 0 0 24px 10px rgba(255,255,255,0.6), 0 0 44px 20px rgba(126,206,244,0.4); }\n  60%  { box-shadow: 0 0 14px 5px rgba(214,239,252,0.5), 0 0 28px 10px rgba(46,134,200,0.2); }\n  100% { box-shadow: 0 0 0 0 rgba(46,134,200,0); }\n}\n.cn-atc-glow { animation: cnAtcGlow 2s ease-in-out 3 !important; }\n\n\/* ── RESPONSIVE ──────────────────────────────────────── *\/\n@media (max-width: 980px) {\n  .cn-icon-grid  { grid-template-columns: repeat(3,1fr); }\n  .cn-mod-grid   { grid-template-columns: 1fr; gap: 26px; }\n  .cn-mod-grid.rev .cn-tc { order: 1; }\n  .cn-mod-grid.rev .cn-ic { order: 2; }\n  .cn-demo-grid  { grid-template-columns: 1fr; }\n  .cn-dark-grid  { grid-template-columns: 1fr; }\n  .cn-sw-card    { grid-template-columns: 1fr; }\n  .cn-pkg-panel  { grid-template-columns: 1fr; }\n  .cn-pkg-list   { grid-template-columns: repeat(2,1fr); text-align: left; }\n  .cn-info-inner { grid-template-columns: 1fr; gap: 24px; }\n  .cn-info-text  { text-align: center; }\n  .cn-launch     { margin: 16px auto 0; display: inline-flex; }\n}\n\n@media (max-width: 620px) {\n  .cn-wrap  { padding: 0 16px; }\n  h1 { font-size: 2rem; }\n  h2 { font-size: 1.55rem; }\n  .cn-icon-grid { grid-template-columns: repeat(2,1fr); gap: 14px; }\n  .cn-icon-card { padding: 20px 10px 16px; }\n  .cn-icon-wrap { width: 58px; height: 58px; }\n  .cn-icon-card h3 { font-size: 0.9rem; }\n  .cn-badge-row { flex-direction: column; align-items: stretch; }\n  .cn-chip { justify-content: center; }\n  .cn-trans { padding: 34px 18px; }\n  .cn-specs-panel { padding: 28px 20px; }\n  .cn-spec-row { grid-template-columns: 1fr; gap: 3px; }\n  .cn-pkg-list { grid-template-columns: 1fr; }\n  .cn-sw-card { padding: 26px; }\n  .cn-end-inner { padding: 42px 20px 46px; }\n  .cn-end-btn { font-size: 1.08rem; padding: 18px 36px; }\n  .cn-info-inner { gap: 18px; }\n}\n\u003c\/style\u003e\n\n\u003c!-- TOP STRIP --\u003e\n\u003cdiv class=\"cn-top-strip\"\u003eSANRIO LICENSED DESIGN · AKKO 5108 V5 SERIES · LIMITED COLLECTION\u003c\/div\u003e\n\n\u003c!-- BRAND HEADER --\u003e\n\u003cheader class=\"cn-brand-header\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cspan class=\"cn-eyebrow-pill\"\u003e\n      \u003c!-- Standard 5-point star — universally recognised badge\/upgrade icon --\u003e\n      \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      V5 Upgrade · Cinnamoroll Series\n    \u003c\/span\u003e\n    \u003ch1\u003eAkko Cinnamoroll 5108 V5\u003cbr\u003eMechanical Keyboard\u003c\/h1\u003e\n    \u003cp class=\"cn-sub\"\u003eA 100% layout with Gasket Mount softness and full-body Cinnamoroll theming, front to back. Wired, 2.4GHz, and Bluetooth 5.0 keep you connected with near-zero latency, backed by 8K Hz polling and a 10,000mAh battery.\u003c\/p\u003e\n    \u003cdiv class=\"cn-cta-wrap\"\u003e\n      \u003cbutton class=\"cn-cta-btn\" id=\"cn-jump-top\" type=\"button\"\u003e\n        \u003cspan class=\"cn-cta-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003ccircle cx=\"9\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"20\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M1 1h4l2.68 13.39a2 2 0 001.99 1.61h9.72a2 2 0 001.99-1.61L23 6H6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n        Jump to Add to Cart\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"cn-hero\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cdiv class=\"cn-hero-frame\"\u003e\n      \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-Q.avif\" alt=\"Akko Cinnamoroll 5108 V5 mechanical keyboard overview\"\u003e\n      \u003cdiv class=\"cn-hero-cap\"\u003e\n        \u003cspan\u003eFeatured Image\u003c\/span\u003e\n        \u003cstrong\u003eCinnamoroll artwork across the full body — a dreamy kawaii signature on your desk\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"cn-div to-blue\"\u003e\u003c\/div\u003e\n\n\u003c!-- BADGE ROW --\u003e\n\u003csection class=\"cn-badge-sec\" style=\"background:var(--cb-soft);\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cspan class=\"cn-badge-pill\"\u003eV5 Upgrade\u003c\/span\u003e\n    \u003ch2\u003eWhat's New in the 5108 V5?\u003c\/h2\u003e\n    \u003cdiv class=\"cn-badge-row\"\u003e\n      \u003cdiv class=\"cn-chip\"\u003eWired \u0026amp; 2.4G Wireless · 8K Hz\u003c\/div\u003e\n      \u003cdiv class=\"cn-chip\"\u003eUpgraded ARGB Backlight\u003c\/div\u003e\n      \u003cdiv class=\"cn-chip\"\u003e10,000 mAh · Long-Lasting Battery\u003c\/div\u003e\n      \u003cdiv class=\"cn-chip\"\u003eBottom Case Art · Aesthetic Unity\u003c\/div\u003e\n      \u003cdiv class=\"cn-chip\"\u003eUltra-Narrow Gasket Structure\u003c\/div\u003e\n      \u003cdiv class=\"cn-chip\"\u003eDual-Section Split PC Plate\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"cn-div to-cream flip\"\u003e\u003c\/div\u003e\n\n\u003c!-- FEATURE ICON GRID --\u003e\n\u003csection class=\"cn-icon-grid-sec\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cdiv class=\"cn-icon-grid\"\u003e\n      \u003cdiv class=\"cn-icon-card\"\u003e\n\u003cdiv class=\"cn-icon-wrap\"\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=\"cn-icon-card\"\u003e\n\u003cdiv class=\"cn-icon-wrap\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-100-8K.avif\" alt=\"8K Polling Rate\"\u003e\u003c\/div\u003e\n\u003ch3\u003e8K Polling Rate\u003c\/h3\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"cn-icon-card\"\u003e\n\u003cdiv class=\"cn-icon-wrap\"\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=\"cn-icon-card\"\u003e\n\u003cdiv class=\"cn-icon-wrap\"\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=\"cn-icon-card\"\u003e\n\u003cdiv class=\"cn-icon-wrap\"\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=\"cn-icon-card\"\u003e\n\u003cdiv class=\"cn-icon-wrap\"\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=\"cn-icon-card\"\u003e\n\u003cdiv class=\"cn-icon-wrap\"\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=\"cn-icon-card\"\u003e\n\u003cdiv class=\"cn-icon-wrap\"\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\u003c\/section\u003e\n\n\u003c!-- FULL-BODY THEMED DESIGN --\u003e\n\u003csection class=\"cn-mod\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\u003cdiv class=\"cn-mod-grid\"\u003e\n    \u003cdiv class=\"cn-tc\"\u003e\n      \u003cspan class=\"cn-tag\"\u003eTheme Design\u003c\/span\u003e\n      \u003ch2\u003eFull-Body Themed Design\u003c\/h2\u003e\n      \u003cp\u003eThe keyboard features Cinnamoroll 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=\"cn-ic\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-CT-BM.avif\" alt=\"Cinnamoroll full-body themed design\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- 8K HZ --\u003e\n\u003csection class=\"cn-mod on-blue\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\u003cdiv class=\"cn-mod-grid rev\"\u003e\n    \u003cdiv class=\"cn-tc\"\u003e\n      \u003cspan class=\"cn-tag\"\u003ePerformance\u003c\/span\u003e\n      \u003ch2\u003eDual 8K Hz Polling Rate\u003c\/h2\u003e\n      \u003cp\u003eFeaturing 8,000Hz polling rate in both wired and 2.4G mode, this keyboard sends operational data 8,000 times per second — delivering near-zero latency, ultra-responsive performance, and precise control for gaming and typing alike.\u003c\/p\u003e\n      \u003cp class=\"fine\"\u003e*When testing 8K polling rate with Keyboard Inspector, please ensure your computer is in Safe Mode for accurate results.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cn-ic\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-CT-8Kz.avif\" alt=\"8K Hz polling rate performance\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\n\u003c!-- TRANSITION BANNER 1 --\u003e\n\u003cdiv class=\"cn-wrap cn-trans-wrap\"\u003e\n  \u003cdiv class=\"cn-trans\"\u003e\n    \u003cdiv class=\"cn-trans-stars\"\u003e\n\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cspan class=\"cn-trans-tag\"\u003eCinnamoroll\u003c\/span\u003e\n    \u003ch2\u003eMEET THE NEW 5108 V5\u003c\/h2\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ARGB --\u003e\n\u003csection class=\"cn-mod\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\u003cdiv class=\"cn-mod-grid\"\u003e\n    \u003cdiv class=\"cn-tc\"\u003e\n      \u003cspan class=\"cn-tag\"\u003eLighting\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, customisable through the Akko Cloud Driver to add a striking glow to your setup.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cn-ic\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-CT-RGB.avif\" alt=\"ARGB backlight detail\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SIDE CONTROLS --\u003e\n\u003csection class=\"cn-mod on-blue\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\u003cdiv class=\"cn-mod-grid rev\"\u003e\n    \u003cdiv class=\"cn-tc\"\u003e\n      \u003cspan class=\"cn-tag\"\u003eConnectivity\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 without missing a beat.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cn-ic\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-CT-Type-C.avif\" alt=\"Side-integrated controls and USB-C port\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DUAL PC PLATE --\u003e\n\u003csection class=\"cn-mod\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\u003cdiv class=\"cn-mod-grid\"\u003e\n    \u003cdiv class=\"cn-tc\"\u003e\n      \u003cspan class=\"cn-tag\"\u003eConstruction\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 delivers a satisfying soft bounce.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cn-ic\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-CT-Dual-Section.avif\" alt=\"Dual-section split PC plate\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DARK DUAL CARDS --\u003e\n\u003csection class=\"cn-dark-sec\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cdiv class=\"cn-dark-lead\"\u003e\n      \u003ch2\u003eFlexibility \u0026amp; Slim Profile\u003c\/h2\u003e\n      \u003cp\u003eA socket design that makes personalisation effortless, and an elegant footprint that won't crowd your desk — both in the same keyboard.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cn-dark-grid\"\u003e\n      \u003cdiv class=\"cn-dark-card\"\u003e\n        \u003ch3\u003eFlex-Cut Hot-Swappable\u003c\/h3\u003e\n        \u003cp\u003eHot-swappable design for easy customisation and upgrades. Flex-cut PCB and dual-section plate for a softer, more responsive feel. Multi-layer dampening for a deeper, quieter, more refined sound.\u003c\/p\u003e\n        \u003cdiv class=\"cn-dark-img\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-XT-Hotswap-Socket.avif\" alt=\"Hot-swap socket\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cn-dark-card\"\u003e\n        \u003ch3\u003eUltra-Slim Design\u003c\/h3\u003e\n        \u003cp\u003eMaximise 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=\"cn-dark-img\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-XT-CM.avif\" alt=\"Ultra-slim design\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- TRANSITION BANNER 2 --\u003e\n\u003cdiv class=\"cn-wrap cn-trans-wrap\"\u003e\n  \u003cdiv class=\"cn-trans\"\u003e\n    \u003cdiv class=\"cn-trans-stars\"\u003e\n\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cspan class=\"cn-trans-tag\"\u003eCinnamoroll\u003c\/span\u003e\n    \u003ch2\u003eGET THE MOST FROM YOUR 5108 V5\u003c\/h2\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- PBT DYE-SUB --\u003e\n\u003csection class=\"cn-mod on-blue\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\u003cdiv class=\"cn-mod-grid rev\"\u003e\n    \u003cdiv class=\"cn-tc\"\u003e\n      \u003cspan class=\"cn-tag\"\u003eKeycaps\u003c\/span\u003e\n      \u003ch2\u003ePBT Dye-Sub Keycaps\u003c\/h2\u003e\n      \u003cp\u003eMade through a dye-sublimation 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    \u003cdiv class=\"cn-ic\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-Cherry-Profile.avif\" alt=\"PBT dye-sub Cherry profile keycaps\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- 10,000MAH BATTERY --\u003e\n\u003csection class=\"cn-mod\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\u003cdiv class=\"cn-mod-grid\"\u003e\n    \u003cdiv class=\"cn-tc\"\u003e\n      \u003cspan class=\"cn-tag\"\u003eBattery\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. Keep going for days on a single charge.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cn-ic\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-10000mAh.avif\" alt=\"10,000mAh high-capacity battery\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MULTI-MODE INFO ROW --\u003e\n\u003csection class=\"cn-info\" style=\"background:var(--cb-pale);\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cdiv class=\"cn-info-inner\"\u003e\n      \u003cdiv class=\"cn-info-text\"\u003e\n        \u003cspan class=\"cn-tag\"\u003eConnectivity\u003c\/span\u003e\n        \u003ch3\u003eMulti-mode Connectivity\u003c\/h3\u003e\n        \u003cp\u003eThe Cinnamoroll 5108 V5 supports Bluetooth 5.0, multi-host 2.4GHz (with receiver) and wired Type-C connectivity for seamless switching between all your devices.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cn-info-img\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-SM.avif\" alt=\"Multi-mode connectivity\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- WEB DRIVER INFO ROW --\u003e\n\u003csection class=\"cn-info\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cdiv class=\"cn-info-inner\"\u003e\n      \u003cdiv class=\"cn-info-text\"\u003e\n        \u003cspan class=\"cn-tag\"\u003eSoftware\u003c\/span\u003e\n        \u003ch3\u003eWeb \u0026amp; Cloud Driver\u003c\/h3\u003e\n        \u003cp\u003eFull customisation for lighting, keys and macros. Personalise your keyboard any time, anywhere — no download required.\u003c\/p\u003e\n        \u003ca class=\"cn-launch\" href=\"https:\/\/web.akkogear.com\" rel=\"noopener\" target=\"_blank\"\u003eLaunch Web Driver →\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cn-info-img\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-QD.avif\" alt=\"Akko Web Driver interface\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- GASKET INFO ROW --\u003e\n\u003csection class=\"cn-info\" style=\"background:var(--cb-pale);\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cdiv class=\"cn-info-inner\"\u003e\n      \u003cdiv class=\"cn-info-text\"\u003e\n        \u003cspan class=\"cn-tag\"\u003eConstruction\u003c\/span\u003e\n        \u003ch3\u003eGasket Mount Construction\u003c\/h3\u003e\n        \u003cp\u003eAkko's innovative Gasket design effectively eliminates the keystroke resonance commonly found in traditional tray-mount builds, delivering a softer, more refined typing experience.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cn-info-img\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-CJ.avif\" alt=\"Gasket mount construction\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SWITCH CARD --\u003e\n\u003csection class=\"cn-sw-sec\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cdiv class=\"cn-sw-card\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"cn-sw-badge\"\u003eLinear Switch\u003c\/span\u003e\n        \u003cdiv class=\"cn-sw-title\"\u003eAkko V3 Piano Pro Switch\u003c\/div\u003e\n        \u003cdiv class=\"cn-sw-row\"\u003e\n\u003cspan\u003eType\u003c\/span\u003e\u003cspan\u003eLinear\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-sw-row\"\u003e\n\u003cspan\u003eActuation Force\u003c\/span\u003e\u003cspan\u003e45 ± 5gf\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-sw-row\"\u003e\n\u003cspan\u003eTotal Travel Distance\u003c\/span\u003e\u003cspan\u003e3.1 mm\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-sw-row\"\u003e\n\u003cspan\u003ePre-travel Distance\u003c\/span\u003e\u003cspan\u003e1.9 ± 0.5 mm\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-sw-row\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cspan\u003ePOM \/ PA \/ PA\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-sw-row\"\u003e\n\u003cspan\u003eLED Diffuser\u003c\/span\u003e\u003cspan\u003eYes\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cn-sw-img\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/The-Legend-of-Hei-5108-V5-V3-Piano-Pro-GX.avif\" alt=\"Akko V3 Piano Pro switch\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SPECS --\u003e\n\u003csection class=\"cn-specs-sec\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cdiv class=\"cn-specs-panel\"\u003e\n      \u003cp class=\"cn-specs-lbl\"\u003eCinnamoroll 5108 V5\u003c\/p\u003e\n      \u003ch2\u003eTechnical Specifications\u003c\/h2\u003e\n      \u003cp\u003eCheck the user manual for shortcut keys, system commands, lighting settings and more.\u003c\/p\u003e\n      \u003ca class=\"cn-manual\" href=\"https:\/\/file.akkogear.com\/5108_V5.pdf\" rel=\"noopener\" target=\"_blank\"\u003eUser Manual\u003c\/a\u003e\n      \u003cdiv class=\"cn-specs-list\" id=\"cnSpecsList\"\u003e\n        \u003cdiv class=\"cn-spec-row\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eConstruction:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003eGasket Mount\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eConnectivity:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003eBluetooth 5.0 \/ 2.4GHz \/ USB Type-C\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eLighting:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003eARGB Backlit\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eHot-Swap:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003e3-Pin \/ 5-Pin Compatible\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eN-Key Rollover:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003eSupported\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row cn-hid\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eBattery Capacity:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003e10,000mAh\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row cn-hid\"\u003e\n\u003cspan class=\"cn-slbl\"\u003ePolling Rate:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003e8,000Hz wired \u0026amp; 2.4G · 125Hz Bluetooth\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row cn-hid\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eMacro:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003eAkko Macro V1.0\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row cn-hid\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eSwitches:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003eAkko V3 Piano Pro\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row cn-hid\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eMaterials:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003ePBT Keycap + ABS Case\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row cn-hid\"\u003e\n\u003cspan class=\"cn-slbl\"\u003ePrinting Method:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003eDye-Sublimation\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row cn-hid\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eKeycap Profile:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003eCherry\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row cn-hid\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eProduct Weight:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003eApprox. 1.41 kg\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row cn-hid\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eDimensions:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003e440.5 × 130 × 30.1 mm (excl. keycap height)\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row cn-hid\"\u003e\n\u003cspan class=\"cn-slbl\"\u003eOperating Systems:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003eWindows \/ macOS \/ iOS \/ Android\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"cn-spec-row cn-hid\"\u003e\n\u003cspan class=\"cn-slbl\"\u003ePackage Contents:\u003c\/span\u003e\u003cspan class=\"cn-sval\"\u003eKeyboard ×1 · Manual ×1 · Cable ×1 · Receiver ×1 · Keycap Puller ×1 · Switch Puller ×1 · Dust Cover ×1 · Spare Switches\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cn-specs-tog\"\u003e\n        \u003cbutton id=\"cn-tog\" type=\"button\"\u003e\n          \u003cspan id=\"cn-tog-lbl\"\u003eView All\u003c\/span\u003e\n          \u003cspan class=\"cn-tog-icon\"\u003e⌄\u003c\/span\u003e\n        \u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- PACKAGE --\u003e\n\u003csection class=\"cn-pkg-sec\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cdiv class=\"cn-pkg-panel\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"cn-tag\"\u003eWhat's in the Box\u003c\/span\u003e\n        \u003ch3\u003ePackage Contents\u003c\/h3\u003e\n        \u003cp style=\"margin:0;\"\u003eEverything you need to get started.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cul class=\"cn-pkg-list\"\u003e\n        \u003cli\u003eKeyboard × 1\u003c\/li\u003e\n        \u003cli\u003eUser Manual × 1\u003c\/li\u003e\n        \u003cli\u003eUSB-C Cable × 1\u003c\/li\u003e\n        \u003cli\u003e2.4G Receiver × 1\u003c\/li\u003e\n        \u003cli\u003eKeycap Puller × 1\u003c\/li\u003e\n        \u003cli\u003eSwitch Puller × 1\u003c\/li\u003e\n        \u003cli\u003eDust Cover × 1\u003c\/li\u003e\n        \u003cli\u003eSpare Switches\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FOOTER BANNER --\u003e\n\u003cdiv class=\"cn-wrap\"\u003e\n  \u003cdiv class=\"cn-footer-img\"\u003e\n    \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Cinnamoroll-5108-V5-XQ-CC.avif\" alt=\"Akko Cinnamoroll 5108 V5 closing image\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"cn-footer-note\"\u003eThis product is manufactured by \u003cstrong\u003eAkko\u003c\/strong\u003e and features a \u003cstrong\u003eSanrio Cinnamoroll\u003c\/strong\u003e licensed design. Images are for illustrative purposes; actual product and packaging may differ slightly.\u003c\/p\u003e\n\n\u003c!-- END CTA --\u003e\n\u003csection class=\"cn-end-cta\"\u003e\n  \u003cdiv class=\"cn-wrap\"\u003e\n    \u003cdiv class=\"cn-end-inner\"\u003e\n      \u003cdiv class=\"cn-end-stars\"\u003e\n\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cspan class=\"cn-end-tag\"\u003eCinnamoroll × Akko\u003c\/span\u003e\n      \u003ch2 class=\"cn-end-title\"\u003eReady to Make It Yours?\u003c\/h2\u003e\n      \u003cp class=\"cn-end-sub\"\u003e100% layout · 8K Hz · Gasket Mount · 10,000mAh · Full Cinnamoroll theme\u003c\/p\u003e\n      \u003cdiv style=\"margin-top:20px;\"\u003e\n      \u003cbutton class=\"cn-end-btn\" id=\"cn-jump-end\" type=\"button\"\u003e\n        \u003cspan class=\"cn-end-btn-ico\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003ccircle cx=\"9\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"20\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M1 1h4l2.68 13.39a2 2 0 001.99 1.61h9.72a2 2 0 001.99-1.61L23 6H6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n        Add to Cart\n      \u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cp\u003e \u003c\/p\u003e\n\n\u003cscript\u003e\n(function () {\n  'use strict';\n\n  \/* ── SPECS TOGGLE ──────────────────────────────────── *\/\n  var tog    = document.getElementById('cn-tog');\n  var togLbl = document.getElementById('cn-tog-lbl');\n  var hidRows= document.querySelectorAll('#cnSpecsList .cn-hid');\n  var open   = false;\n\n  if (tog) {\n    tog.addEventListener('click', function () {\n      open = !open;\n      hidRows.forEach(function (r) { r.style.display = open ? 'grid' : 'none'; });\n      togLbl.textContent = open ? 'Show Less' : 'View All';\n      tog.classList.toggle('open', open);\n    });\n  }\n\n  \/* ── FIND \u0026 SCROLL TO ATC ──────────────────────────── *\/\n  var ATC = [\n    '[name=\"add\"]', '.product-form__submit', '.btn--add-to-cart',\n    '.add-to-cart', 'button[data-add-to-cart]',\n    '.product__submit__item button', '#AddToCart', '#add-to-cart',\n    '[data-testid=\"add-to-cart-button\"]'\n  ];\n\n  function findATC() {\n    for (var i = 0; i \u003c ATC.length; i++) {\n      var el = document.querySelector(ATC[i]);\n      if (el) return el;\n    }\n    return null;\n  }\n\n  function jumpToATC() {\n    var btn = findATC();\n    if (btn) {\n      btn.scrollIntoView({ behavior: 'smooth', block: 'center' });\n      setTimeout(function () {\n        btn.classList.add('cn-atc-glow');\n        btn.addEventListener('animationend', function h() {\n          btn.classList.remove('cn-atc-glow');\n          btn.removeEventListener('animationend', h);\n        });\n      }, 700);\n    } else {\n      var form = document.querySelector('form[action*=\"\/cart\/add\"]');\n      if (form) form.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }\n\n  var jTop = document.getElementById('cn-jump-top');\n  var jEnd = document.getElementById('cn-jump-end');\n  if (jTop) jTop.addEventListener('click', jumpToATC);\n  if (jEnd) jEnd.addEventListener('click', jumpToATC);\n\n})();\n\u003c\/script\u003e","brand":"Akko","offers":[{"title":"Akko V3 Piano Pro","offer_id":48747196514461,"sku":null,"price":154.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cinnamoroll-5108-v5-mechanical-keyboard-7155244.png?v=1786369686","url":"https:\/\/keyartisan.net\/products\/cinnamoroll-5108-v5-mechanical-keyboard","provider":"KeyArtisan","version":"1.0","type":"link"}