{"product_id":"beat-boy","title":"Beat Boy","description":"\u003cp\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --bg: #f5f5f5;\n  --white: #fff;\n  --ink: #1a1a1a;\n  --muted: #888;\n  --rule: #e0e0e0;\n  --accent: #E8453C;\n}\n\nbody { font-family: 'IBM Plex Sans', sans-serif; background: var(--bg); color: var(--ink); }\nimg { display: block; width: 100%; height: auto; }\n\n\/* ── SLIDER ── *\/\n.slider { position: relative; overflow: hidden; background: #111; aspect-ratio: 16\/9; }\n@media (max-width: 600px) { .slider { aspect-ratio: 4\/3; } }\n.slider__track { display: flex; height: 100%; transition: transform .5s cubic-bezier(.4,0,.2,1); }\n.slider__slide { flex: 0 0 100%; height: 100%; }\n.slider__slide img { width: 100%; height: 100%; object-fit: cover; }\n.slider__btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.2); color: #fff; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; transition: background .2s; z-index: 10; backdrop-filter: blur(4px); }\n.slider__btn:hover { background: rgba(255,255,255,.3); }\n.slider__btn--prev { left: 12px; }\n.slider__btn--next { right: 12px; }\n.slider__dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 10; }\n.slider__dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.4); cursor: pointer; transition: background .2s; }\n.slider__dot.active { background: #fff; }\n\n\/* ── LAYOUT ── *\/\n.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }\n.section { padding: 56px 0; border-bottom: 1px solid var(--rule); }\n.section:last-child { border-bottom: none; }\n\n.section__eyebrow { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: var(--accent); margin-bottom: 12px; }\n.section__title { font-size: clamp(1.4rem, 4vw, 2rem); font-weight: 500; line-height: 1.2; margin-bottom: 20px; }\n.section__body { font-size: 14px; color: var(--muted); line-height: 1.85; max-width: 640px; }\n\n\/* ── HERO ── *\/\n.hero-text { background: var(--white); padding: 40px 20px; border-bottom: 1px solid var(--rule); }\n.hero-text__title { font-family: 'IBM Plex Mono', monospace; font-size: clamp(1.6rem, 5vw, 2.8rem); font-weight: 500; letter-spacing: -.02em; color: var(--ink); margin-bottom: 16px; }\n.hero-text__title span { color: var(--accent); }\n.hero-text__body { font-size: 14px; color: var(--muted); line-height: 1.85; max-width: 720px; }\n\n\/* ── SPLIT ── *\/\n.split { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }\n@media (min-width: 768px) {\n  .split { grid-template-columns: 1fr 1fr; gap: 56px; }\n  .split--reverse .split__img { order: 2; }\n  .split--reverse .split__text { order: 1; }\n}\n.split__img { overflow: hidden; background: #eee; }\n.split__img img { width: 100%; display: block; object-fit: cover; }\n\n\/* ── CARDS ── *\/\n.card { background: var(--white); border: 1px solid var(--rule); margin-bottom: 8px; overflow: hidden; }\n.card__header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--rule); cursor: pointer; user-select: none; }\n.card__header--static { cursor: default; }\n.card__heading { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--ink); }\n.card__close { font-size: 18px; color: var(--muted); line-height: 1; transition: transform .2s; flex-shrink: 0; background: none; border: none; cursor: pointer; }\n.card--collapsed .card__close { transform: rotate(45deg); }\n.card--collapsed .card__body { display: none; }\n.card__body { background: #f0f0f0; padding: 24px 20px; }\n.compat-value { font-size: 13px; color: #666; line-height: 1.7; }\n\n\/* ── SPECS ── *\/\n.specs-body { background: #f0f0f0; padding: 28px 20px; display: grid; grid-template-columns: 1fr; gap: 20px; }\n@media (min-width: 640px) { .specs-body { grid-template-columns: 1fr 1fr; gap: 24px 60px; padding: 32px 28px; } }\n.ts-group__label { font-size: 13px; font-weight: 500; color: var(--ink); margin-bottom: 3px; }\n.ts-group__value { font-size: 13px; color: var(--muted); line-height: 1.7; }\n\u003c\/style\u003e\n\u003c!-- ══ SLIDE 1 ══ --\u003e\n\u003cdiv class=\"slider\" id=\"slider1\"\u003e\n\u003cdiv class=\"slider__track\" id=\"track1\"\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/f0ae76b0-eb1c-4d87-b86f-237668c7fa20\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Beat Boy\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/f8230aa7-f025-4e10-8ae4-9f5a6a4bdd60\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Beat Boy\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"slider__btn slider__btn--prev\" onclick=\"slide('slider1',-1)\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"slider__btn slider__btn--next\" onclick=\"slide('slider1',1)\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"slider__dots\" id=\"dots1\"\u003e\n\u003cdiv class=\"slider__dot active\" onclick=\"goTo('slider1',0)\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__dot\" onclick=\"goTo('slider1',1)\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ HERO TEXT ══ --\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"hero-text__title\"\u003e\u003cspan\u003eBerry Beat Boy\u003c\/span\u003e\u003c\/div\u003e\n\u003cp class=\"hero-text__body\"\u003eA inspiração para este keycap set temático vem da drum machine da Teenage Engineering — a KO II. Quando você digita rápido, os keycaps animados e os keystrokes precisos parecem que você está compondo uma faixa eletrônica. Por isso trouxemos elementos do KO II para o design, transformando o set na sua própria \"beat machine.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ KEYTOK PBT ══ --\u003e\n\u003cdiv class=\"section\" style=\"background: var(--white);\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv class=\"split__text\"\u003e\n\u003cdiv class=\"section__eyebrow\"\u003eMaterial\u003c\/div\u003e\n\u003ch2 class=\"section__title\"\u003eKeyTok PBT Keycaps\u003c\/h2\u003e\n\u003cp class=\"section__body\"\u003eMoldados em PBT, os keycaps NuPhy são altamente resistentes a oleosidade e arranhões, com legends duráveis e cores vivas. O processo dye-sub permite um nível ultrapreciso de detalhes de cor e uma riqueza visual em camadas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split__img\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/b33eebd5-a16c-4136-854a-535c7736a4ef\/-\/resize\/1920x\/\" alt=\"KeyTok PBT Keycaps\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ KEYBOARD COMPATIBILITIES ══ --\u003e\n\u003cdiv class=\"section\" style=\"background: var(--bg);\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"split split--reverse\"\u003e\n\u003cdiv class=\"split__text\"\u003e\n\u003cdiv class=\"section__eyebrow\"\u003eCompatibilidade\u003c\/div\u003e\n\u003ch2 class=\"section__title\"\u003eKeyboard Compatibilities\u003c\/h2\u003e\n\u003cp class=\"section__body\"\u003eO keycap set Berry Beat Boy no perfil Berry inclui 196 teclas no total. Suporta a NuPhy Air Series, Air60 HE, Air75 HE, Kick75 Low-profile e Node 75 Low-profile, além de ser compatível com outros teclados mecânicos compactos low-profile nos layouts: 60 \/ 65 \/ 70 \/ 75 \/ 80 \/ 96 \/ 100.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split__img\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/6731c4cb-00ce-4964-88a8-c942c2217eb2\/-\/format\/auto\/-\/quality\/better\/-\/resize\/1920x\/\" alt=\"Keyboard Compatibilities\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ BERRY PROFILE ══ --\u003e\n\u003cdiv class=\"section\" style=\"background: var(--white);\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv class=\"split__text\"\u003e\n\u003cdiv class=\"section__eyebrow\"\u003ePerfil\u003c\/div\u003e\n\u003ch2 class=\"section__title\"\u003eBerry Profile\u003c\/h2\u003e\n\u003cp class=\"section__body\"\u003eQuer a estética Cherry do seu grupo de gamers sem abrir mão do conforto e portabilidade de um teclado low-profile? O perfil Berry pode ser exatamente o que você procura. Com sua altura otimizada e ajustes cuidadosamente elaborados, o Berry preserva a sensação familiar do Cherry enquanto alcança maior precisão em um teclado low-profile — um diferencial para quem busca performance de alto nível, especialmente em jogos competitivos. Esse equilíbrio único entre inovação e familiaridade oferece uma experiência de digitação e gaming mais fluida e eficiente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split__img\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/c6af8ff5-2c20-4962-9f21-01df3053f102\/-\/format\/auto\/-\/quality\/normal\/\" alt=\"Berry Profile\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ DESIGN INSPIRATION ══ --\u003e\n\u003cdiv class=\"section\" style=\"background: var(--bg);\"\u003e\n\u003cdiv class=\"container\" style=\"margin-bottom: 32px;\"\u003e\n\u003cdiv class=\"section__eyebrow\"\u003eInspiração\u003c\/div\u003e\n\u003ch2 class=\"section__title\"\u003eDesign Inspiration\u003c\/h2\u003e\n\u003cp class=\"section__body\"\u003eDigitar não parece mais uma tarefa — parece improviso. Seja acelerando nas tarefas do dia a dia ou mergulhando em um projeto pessoal, este keycap set temático adiciona um toque de alegria a cada momento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ SLIDE DESIGN INSPIRATION ══ --\u003e\n\u003cdiv class=\"slider\" id=\"slider2\"\u003e\n\u003cdiv class=\"slider__track\" id=\"track2\"\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/21e2feda-6622-4e1d-8419-f6d8e1384ed2\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Beat Boy detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/e8f34e25-4713-49a6-aebb-45aba653fbd9\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Beat Boy detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/aa6fbd0d-b52a-4c4f-8fb7-c6ba9aed5916\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Beat Boy detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/678d9039-8318-4c31-97f6-450186599685\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Beat Boy detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"slider__btn slider__btn--prev\" onclick=\"slide('slider2',-1)\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"slider__btn slider__btn--next\" onclick=\"slide('slider2',1)\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"slider__dots\" id=\"dots2\"\u003e\n\u003cdiv class=\"slider__dot active\" onclick=\"goTo('slider2',0)\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__dot\" onclick=\"goTo('slider2',1)\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__dot\" onclick=\"goTo('slider2',2)\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__dot\" onclick=\"goTo('slider2',3)\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ CARDS COMPAT + SPECS ══ --\u003e\n\u003cdiv style=\"padding: 32px 20px; max-width: 1100px; margin: 0 auto;\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"card__header card__header--static\"\u003e\n\u003cspan class=\"card__heading\"\u003eCompatibilidade para teclados NuPhy\u003c\/span\u003e \u003cspan class=\"card__close\"\u003e×\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card__body\"\u003e\n\u003cdiv class=\"compat-value\"\u003eAir · Kick75 Low-profile · Node Series Low-profile\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"card__header card__header--static\"\u003e\n\u003cspan class=\"card__heading\"\u003eLayouts suportados pelo Beat Boy\u003c\/span\u003e \u003cspan class=\"card__close\"\u003e×\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card__body\"\u003e\n\u003cdiv class=\"compat-value\"\u003e60 \/ 65 \/ 75 \/ 80 \/ 96 \/ 100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\" id=\"specs-main\"\u003e\n\u003cdiv class=\"card__header\" onclick=\"toggleCard('specs-main')\"\u003e\n\u003cspan class=\"card__heading\"\u003eTech Specs\u003c\/span\u003e \u003cbutton class=\"card__close\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specs-body\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003ePerfil do Keycap\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003eBerry\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eSpacebar Incluído\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003e7u · 6.25u · 6u · 3u · 2.75u · 2.25u · 2u · 1u\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003eDye-Sub PBT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eShifts Incluídos\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003e2.75u · 2.25u · 2u · 1.75u · 1.25u · 1u\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eNúmero de Teclas\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003e196\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eFabricante\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003eKeyTok\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eDesigner\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003eKeyTok\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\nconst state = {};\n\nfunction initSlider(id) {\n  const slides = document.querySelectorAll(`#${id} .slider__slide`);\n  state[id] = { current: 0, total: slides.length };\n  autoPlay(id);\n}\n\nfunction slide(id, dir) {\n  const s = state[id];\n  s.current = (s.current + dir + s.total) % s.total;\n  update(id);\n}\n\nfunction goTo(id, idx) {\n  state[id].current = idx;\n  update(id);\n}\n\nfunction update(id) {\n  const s = state[id];\n  const n = id.slice(-1);\n  document.getElementById('track' + n).style.transform = `translateX(-${s.current * 100}%)`;\n  document.querySelectorAll(`#dots${n} .slider__dot`).forEach((d, i) =\u003e {\n    d.classList.toggle('active', i === s.current);\n  });\n}\n\nfunction autoPlay(id) {\n  setInterval(() =\u003e slide(id, 1), 4000);\n}\n\nfunction toggleCard(id) {\n  document.getElementById(id).classList.toggle('card--collapsed');\n}\n\ninitSlider('slider1');\ninitSlider('slider2');\n\u003c\/script\u003e","brand":"NuPhy® x KeyTok","offers":[{"title":"All in One","offer_id":51093026832688,"sku":"0101061","price":589.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0966\/0507\/7808\/files\/251020-01.jpg?v=1774304196","url":"https:\/\/nuphybrasil.com.br\/products\/beat-boy","provider":"Nuphy Brasil","version":"1.0","type":"link"}