{"product_id":"piifox-eva-unit-01-metallic-style-keycap-set","title":"PIIFOX Eva Unit-01 Metallic Style Keycap Set","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;800;900\u0026family=Inter:wght@400;500;600;700\u0026display=swap');\n\n.eva {\n  --eva-purple:      #6B2FA0;\n  --eva-purple-deep: #3D1260;\n  --eva-purple-soft: #9B6FCC;\n  --eva-green:       #00A86B;\n  --eva-green-soft:  #00CC85;\n  --eva-orange:      #E84A0A;\n  --eva-cream:       #F5F0FF;\n  --eva-cream-2:     #EDE5FF;\n  --eva-paper:       #FAF7FF;\n  --eva-night:       #0D0A1E;\n  --eva-night-2:     #070514;\n  --eva-ink:         #1A0F2E;\n  --eva-text:        #3A2A5E;\n  --eva-muted:       #7060A0;\n  --eva-line:        rgba(107,47,160,0.20);\n  --eva-line-soft:   rgba(107,47,160,0.10);\n  --eva-shadow:      0 20px 52px -20px rgba(13,10,30,0.55);\n  --eva-shadow-sm:   0 10px 26px -12px rgba(13,10,30,0.35);\n  --eva-glow:        0 0 28px rgba(107,47,160,0.45);\n  --eva-glow-g:      0 0 26px rgba(0,168,107,0.40);\n  --eva-display:     'Nunito','Trebuchet MS',Arial,sans-serif;\n  --eva-body:        'Inter',system-ui,-apple-system,sans-serif;\n  --eva-radius:      16px;\n  --eva-radius-lg:   22px;\n  --eva-maxw:        1280px;\n  --eva-gap:         clamp(14px,2.2vw,22px);\n  --eva-section:     clamp(44px,7vw,80px);\n  font-family: var(--eva-body);\n  color: var(--eva-ink);\n  line-height: 1.7;\n  font-size: 18px;\n  max-width: var(--eva-maxw);\n  margin: 0 auto;\n  padding: 0 4px;\n  text-align: center;\n  -webkit-font-smoothing: antialiased;\n  box-sizing: border-box;\n}\n.eva *, .eva *::before, .eva *::after { box-sizing: border-box; }\n.eva p  { margin: 0 0 1em; font-size: clamp(15px,1.6vw,17.5px); }\n.eva p:last-child { margin-bottom: 0; }\n.eva strong { font-weight: 800; }\n.eva h1,.eva h2,.eva h3,.eva h4 { margin: 0; line-height: 1.15; }\n\n\/* PAGE FRAME *\/\n.eva__sheet {\n  position: relative;\n  background: radial-gradient(120% 80% at 50% -10%,rgba(107,47,160,0.12),transparent 55%),\n              linear-gradient(180deg,#FAF7FF 0%,#EDE5FF 50%,#E0D4FF 100%);\n  border: 2px solid rgba(107,47,160,0.18);\n  border-radius: var(--eva-radius-lg);\n  overflow: hidden;\n  box-shadow: var(--eva-shadow);\n}\n.eva__inner { position: relative; z-index: 1; padding: clamp(22px,5vw,56px); }\n\n\/* HERO *\/\n.eva__hero {\n  position: relative; text-align: center;\n  padding: clamp(28px,5.5vw,58px) clamp(10px,3vw,36px) clamp(32px,5.5vw,60px);\n  border-radius: var(--eva-radius);\n  background: radial-gradient(80% 110% at 50% 0%,rgba(107,47,160,0.28),transparent 58%),\n              linear-gradient(160deg,#0D0A1E 0%,#070514 60%,#0D0A1E 100%);\n  color: var(--eva-cream); overflow: hidden;\n  border: 2px solid rgba(107,47,160,0.40);\n  box-shadow: inset 0 0 60px rgba(0,0,0,0.55), var(--eva-shadow);\n}\n.eva__ambience {\n  position: absolute; inset: 0; pointer-events: none;\n  background-image:\n    radial-gradient(1.8px 1.8px at 12% 20%,rgba(155,111,204,0.85),transparent),\n    radial-gradient(1.4px 1.4px at 82% 16%,rgba(0,168,107,0.70),transparent),\n    radial-gradient(1.6px 1.6px at 34% 72%,rgba(107,47,160,0.80),transparent),\n    radial-gradient(1.2px 1.2px at 68% 58%,rgba(0,204,133,0.55),transparent),\n    radial-gradient(1.5px 1.5px at 90% 80%,rgba(155,111,204,0.65),transparent),\n    radial-gradient(1.3px 1.3px at 22% 86%,rgba(0,168,107,0.50),transparent);\n  animation: eva-drift 7s ease-in-out infinite alternate;\n}\n@keyframes eva-drift {\n  0%   { opacity:0.5; transform:translateY(0); }\n  100% { opacity:1;   transform:translateY(-6px); }\n}\n.eva__eyebrow {\n  position: relative; z-index: 2;\n  display: inline-flex; align-items: center; gap: 10px;\n  font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase;\n  font-size: clamp(10px,1.4vw,12px); color: var(--eva-purple-soft);\n  padding: 9px 18px; border: 1px solid rgba(107,47,160,0.50); border-radius: 999px;\n  background: rgba(107,47,160,0.14); margin-bottom: 8px;\n  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;\n}\n.eva__eyebrow:hover { transform: translateY(-2px) scale(1.03); background:rgba(107,47,160,0.24); box-shadow:var(--eva-glow); }\n.eva__title {\n  position: relative; z-index: 2;\n  font-family: var(--eva-display); font-weight: 900; line-height: 1.05;\n  margin: clamp(30px,4.5vw,48px) 0 0;\n  font-size: clamp(28px,5.5vw,58px); color: var(--eva-cream);\n  text-shadow: 0 3px 0 rgba(0,0,0,0.45), 0 0 32px rgba(107,47,160,0.32);\n}\n.eva__title .eva__accent {\n  background: linear-gradient(180deg,#B8A0FF 0%,#9B6FCC 50%,#6B2FA0 100%);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent; color: transparent;\n}\n.eva__title .eva__green {\n  background: linear-gradient(180deg,#00FF9D 0%,#00CC85 50%,#007A50 100%);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent; color: transparent;\n}\n.eva__subtitle {\n  position: relative; z-index: 2; font-style: italic;\n  font-size: clamp(15px,2vw,20px); color: rgba(245,240,255,0.86);\n  max-width: 1200px; margin: clamp(16px,3vw,24px) auto 0;\n}\n.eva__hero-rule {\n  position: relative; z-index: 2;\n  display: flex; align-items: center; justify-content: center; gap: 14px;\n  margin: clamp(22px,4vw,30px) auto 0; max-width: 1200px;\n}\n.eva__hero-rule::before,.eva__hero-rule::after {\n  content: \"\"; height: 1px; flex: 1;\n  background: linear-gradient(90deg,transparent,rgba(107,47,160,0.8),transparent);\n}\n.eva__hero-rule span { font-size: 16px; letter-spacing: 0.15em; }\n.eva__badges {\n  position: relative; z-index: 2;\n  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;\n  margin-top: clamp(22px,4vw,30px);\n}\n.eva__badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-size: clamp(11px,1.4vw,13px); font-weight: 700; color: var(--eva-cream);\n  padding: 10px 16px; border-radius: 999px;\n  border: 1px solid rgba(107,47,160,0.36); background: rgba(245,240,255,0.05);\n  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.eva__badge:hover { transform: translateY(-3px); background:rgba(107,47,160,0.18); border-color:var(--eva-purple); box-shadow:var(--eva-glow); }\n\n\/* SECTION *\/\n.eva__section { margin-top: var(--eva-section); }\n.eva__head { text-align: center; margin-bottom: clamp(28px,4vw,44px); }\n.eva__kicker {\n  display: flex; align-items: center; justify-content: center; gap: 12px;\n  font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase;\n  font-size: clamp(10px,1.4vw,12px); color: var(--eva-purple); margin-bottom: 12px;\n}\n.eva__kicker::before,.eva__kicker::after { content: \"✦\"; color: var(--eva-green); font-size: 10px; }\n.eva__h2 {\n  font-family: var(--eva-display); font-weight: 900; text-align: center;\n  font-size: clamp(25px,4.4vw,42px); line-height: 1.1; margin: 0 auto 12px;\n  color: var(--eva-ink); max-width: 1200px;\n}\n.eva__lead { text-align: center; max-width: 1200px; margin: 0 auto; color: var(--eva-muted); font-size: clamp(15px,1.7vw,18px); }\n.eva__divider {\n  display: flex; align-items: center; justify-content: center; gap: 16px;\n  margin: clamp(16px,3vw,22px) auto 0; max-width: 1200px;\n}\n.eva__divider::before,.eva__divider::after {\n  content: \"\"; height: 1px; flex: 1;\n  background: linear-gradient(90deg,transparent,var(--eva-purple),transparent);\n}\n.eva__divider-dot {\n  width: 8px; height: 8px; border-radius: 50%; background: var(--eva-green);\n  box-shadow: 0 0 0 4px rgba(0,168,107,0.20);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.eva__prose { max-width: 1200px; margin: 0 auto; text-align: center; }\n.eva__prose p { color: var(--eva-text); }\n\n\/* MEDIA *\/\n.eva__media-full {\n  width: 100%; border-radius: var(--eva-radius); overflow: hidden;\n  border: 2px solid rgba(107,47,160,0.18); box-shadow: var(--eva-shadow-sm);\n  line-height: 0; background: var(--eva-paper);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.eva__media-full:hover { transform: translateY(-4px); box-shadow: var(--eva-shadow); }\n.eva__media-full img { width: 100%; display: block; height: auto; }\n\n\/* CINEMATIC — wide landscape crop for the last image *\/\n.eva__media-cinematic {\n  width: 100%; overflow: hidden; border-radius: var(--eva-radius);\n  border: 2px solid rgba(107,47,160,0.18); box-shadow: var(--eva-shadow-sm); line-height: 0;\n  background: var(--eva-paper);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.eva__media-cinematic:hover { transform: translateY(-4px); box-shadow: var(--eva-shadow); }\n.eva__media-cinematic img { width: 100%; height: clamp(220px,32vw,440px); object-fit: cover; object-position: center; display: block; }\n\n\/* GRID *\/\n.eva__grid2 { display: grid; grid-template-columns: repeat(2,1fr); gap: clamp(12px,1.8vw,18px); }\n.eva__grid3 { display: grid; grid-template-columns: repeat(3,1fr); gap: clamp(12px,1.8vw,18px); }\n.eva__grid-img {\n  position: relative; overflow: hidden; border-radius: var(--eva-radius);\n  border: 2px solid rgba(107,47,160,0.16); line-height: 0;\n  background: var(--eva-paper); box-shadow: var(--eva-shadow-sm);\n  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;\n}\n.eva__grid-img:hover { transform: translateY(-5px); box-shadow: var(--eva-shadow); border-color: rgba(107,47,160,0.55); }\n.eva__grid-img img { width: 100%; height: auto; object-fit: unset; display: block; transition: transform 0.6s ease; }\n.eva__grid-img:hover img { transform: scale(1.04); }\n\n\/* FEATURES — flex so orphan cards auto-centre *\/\n.eva__features { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--eva-gap); }\n.eva__feature {\n  position: relative; text-align: center; background: var(--eva-paper);\n  border: 2px solid rgba(107,47,160,0.14); border-radius: var(--eva-radius);\n  padding: clamp(20px,3vw,28px); overflow: hidden;\n  flex: 1 1 240px; max-width: 340px;\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.eva__feature::after {\n  content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n  background: linear-gradient(90deg,var(--eva-purple),var(--eva-green),var(--eva-purple-soft));\n  opacity: 0; transition: opacity 0.35s ease;\n}\n.eva__feature:hover { transform: translateY(-6px); box-shadow: var(--eva-shadow-sm); border-color: rgba(107,47,160,0.45); }\n.eva__feature:hover::after { opacity: 1; }\n.eva__feature-icon {\n  display: flex; align-items: center; justify-content: center;\n  width: 52px; height: 52px; border-radius: 14px; font-size: 24px; margin: 0 auto 14px;\n  background: linear-gradient(145deg,#0D0A1E,#070514);\n  border: 2px solid rgba(107,47,160,0.40);\n  box-shadow: inset 0 0 14px rgba(107,47,160,0.18);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.eva__feature:hover .eva__feature-icon { transform: rotate(-6deg) scale(1.10); box-shadow: inset 0 0 14px rgba(107,47,160,0.30), var(--eva-glow); }\n.eva__feature h3 { font-family: var(--eva-display); font-weight: 800; font-size: clamp(16px,2vw,19px); margin: 0 0 8px; color: var(--eva-ink); }\n.eva__feature p  { margin: 0; font-size: clamp(14px,1.5vw,15.5px); color: var(--eva-muted); line-height: 1.65; }\n\n\/* SPOTLIGHT *\/\n.eva__spotlight {\n  position: relative; text-align: center; border-radius: var(--eva-radius-lg); overflow: hidden;\n  padding: clamp(30px,5vw,58px);\n  background: radial-gradient(80% 120% at 50% 0%,rgba(107,47,160,0.22),transparent 55%),\n              linear-gradient(155deg,#0D0A1E,#070514);\n  color: var(--eva-cream); border: 2px solid rgba(107,47,160,0.32); box-shadow: var(--eva-shadow);\n}\n.eva__spotlight .eva__kicker { color: var(--eva-purple-soft); }\n.eva__spotlight .eva__kicker::before,.eva__spotlight .eva__kicker::after { color: var(--eva-green-soft); }\n.eva__spotlight h2 {\n  font-family: var(--eva-display); font-weight: 900; font-size: clamp(24px,4vw,40px);\n  margin: 0 auto 14px; color: var(--eva-cream); max-width: 1200px;\n}\n.eva__spotlight \u003e p { max-width: 1200px; color: rgba(245,240,255,0.85); margin: 0 auto; font-size: clamp(15px,1.7vw,17.5px); }\n.eva__spec-grid {\n  display: grid; grid-template-columns: repeat(auto-fit,minmax(185px,1fr));\n  gap: 14px; margin-top: clamp(26px,3.5vw,36px);\n}\n.eva__spec {\n  border: 1px solid rgba(107,47,160,0.28); border-radius: 12px; padding: 18px 16px 16px;\n  background: rgba(245,240,255,0.04);\n  transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.eva__spec:hover { background:rgba(107,47,160,0.14); transform:translateY(-4px); border-color:var(--eva-purple); box-shadow:var(--eva-glow); }\n.eva__spec-k { font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: 10.5px; color: var(--eva-purple-soft); margin-bottom: 6px; }\n.eva__spec-v { font-size: clamp(15px,1.8vw,18px); color: var(--eva-cream); font-weight: 700; font-family: var(--eva-display); }\n\n\/* VARIANTS *\/\n.eva__variants { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: var(--eva-gap); }\n.eva__variant {\n  position: relative; background: var(--eva-paper);\n  border: 2px solid rgba(107,47,160,0.16); border-radius: var(--eva-radius);\n  padding: clamp(26px,3.5vw,36px) clamp(18px,3vw,26px);\n  text-align: center; overflow: hidden;\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.eva__variant::after {\n  content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 4px;\n  background: linear-gradient(90deg,var(--eva-purple-deep),var(--eva-purple-soft),var(--eva-green));\n}\n.eva__variant:hover { transform: translateY(-7px); box-shadow: var(--eva-shadow-sm); border-color: rgba(107,47,160,0.55); }\n.eva__variant-img { width: 100%; border-radius: 12px; overflow: hidden; margin-bottom: 16px; border: 1px solid rgba(107,47,160,0.20); box-shadow: var(--eva-shadow-sm); line-height: 0; }\n.eva__variant-img img { width: 100%; height: auto; display: block; }\n.eva__variant h3 { font-family: var(--eva-display); font-weight: 800; font-size: clamp(18px,2.2vw,22px); margin: 0 0 6px; color: var(--eva-ink); }\n.eva__variant-tag { display: inline-block; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: 11px; color: var(--eva-purple); margin-bottom: 12px; }\n.eva__variant p { font-size: 15px; color: var(--eva-muted); margin: 0; line-height: 1.6; }\n\n\/* TRUST *\/\n.eva__trust { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 14px; margin-top: clamp(22px,3vw,30px); }\n.eva__trust-item {\n  display: flex; align-items: center; gap: 12px; padding: 16px 18px;\n  background: var(--eva-paper); border: 2px solid rgba(107,47,160,0.14); border-radius: var(--eva-radius); text-align: left;\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.eva__trust-item:hover { transform: translateY(-4px); box-shadow: var(--eva-shadow-sm); border-color: rgba(107,47,160,0.50); }\n.eva__trust-ic { width: 42px; height: 42px; flex: none; border-radius: 12px; display: grid; place-items: center; font-size: 19px; background: linear-gradient(135deg,rgba(107,47,160,0.12),rgba(0,168,107,0.08)); border: 1px solid rgba(107,47,160,0.18); }\n.eva__trust-t { font-weight: 800; font-size: 14px; color: var(--eva-ink); }\n.eva__trust-s { font-size: 12.5px; color: var(--eva-muted); }\n\n\/* TABLE *\/\n.eva__table-wrap {\n  max-width: 1200px; margin: 0 auto;\n  border: 2px solid rgba(107,47,160,0.18); border-radius: var(--eva-radius); overflow: hidden;\n  background: var(--eva-paper);\n}\n.eva__table { width: 100%; border-collapse: collapse; text-align: left; font-size: clamp(14px,1.7vw,16.5px); }\n.eva__table tr + tr { border-top: 1px solid var(--eva-line-soft); }\n.eva__table tr:hover { background: rgba(107,47,160,0.06); }\n.eva__table th, .eva__table td { padding: 15px 22px; vertical-align: top; }\n.eva__table th { width: 38%; font-family: var(--eva-display); font-weight: 800; font-size: 0.83em; letter-spacing: 0.04em; text-transform: uppercase; color: var(--eva-purple); background: rgba(107,47,160,0.06); }\n.eva__table td { color: var(--eva-ink); font-weight: 600; }\n\n\/* ALERT *\/\n.eva__alert {\n  max-width: 1200px; margin: clamp(18px,3vw,26px) auto 0;\n  display: flex; align-items: flex-start; gap: 14px; text-align: left;\n  padding: 18px 22px; border-radius: var(--eva-radius);\n  border: 2px solid rgba(196,43,43,0.30); background: rgba(196,43,43,0.06);\n  color: #7a1818; font-size: 15px; font-weight: 600;\n}\n.eva__alert-ic { font-size: 20px; flex: none; }\n\n\/* FAQ *\/\n.eva__faq { max-width: 1200px; margin: 0 auto; text-align: left; }\n.eva__faq-item { border: 2px solid rgba(107,47,160,0.14); border-radius: 12px; background: var(--eva-paper); margin-bottom: 12px; overflow: hidden; transition: border-color 0.3s ease, box-shadow 0.3s ease; }\n.eva__faq-item:hover { border-color: rgba(107,47,160,0.45); box-shadow: var(--eva-shadow-sm); }\n.eva__faq-item.eva--open { border-color: rgba(107,47,160,0.55); box-shadow: var(--eva-shadow-sm); }\n.eva__faq-q { cursor: pointer; padding: 18px 22px; font-family: var(--eva-display); font-weight: 800; font-size: clamp(15px,1.8vw,17px); color: var(--eva-ink); display: flex; align-items: center; justify-content: space-between; gap: 14px; user-select: none; transition: color 0.25s ease; }\n.eva__faq-q:hover { color: var(--eva-purple); }\n.eva__faq-icon { font-weight: 900; font-size: 22px; color: var(--eva-purple); flex: none; line-height: 1; transition: transform 0.45s cubic-bezier(.4,0,.2,1); display: inline-block; }\n.eva__faq-item.eva--open .eva__faq-icon { transform: rotate(45deg); }\n.eva__faq-panel { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(.4,0,.2,1), opacity 0.38s ease; }\n.eva__faq-body { padding: 2px 22px 20px; color: var(--eva-muted); font-size: 15.5px; line-height: 1.7; }\n\n\/* CTA *\/\n.eva__cta {\n  position: relative; text-align: center; border-radius: var(--eva-radius-lg); overflow: hidden;\n  padding: clamp(36px,6vw,64px) clamp(20px,4vw,40px);\n  background: radial-gradient(80% 110% at 50% 0%,rgba(107,47,160,0.24),transparent 55%),\n              linear-gradient(155deg,#0D0A1E,#070514);\n  color: var(--eva-cream); border: 2px solid rgba(107,47,160,0.36); box-shadow: var(--eva-shadow);\n}\n.eva__cta h2 { position: relative; z-index: 2; font-family: var(--eva-display); font-weight: 900; font-size: clamp(25px,5vw,46px); margin: 0 0 14px; color: var(--eva-cream); text-shadow: 0 0 28px rgba(107,47,160,0.40); }\n.eva__cta p  { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; color: rgba(245,240,255,0.86); font-size: clamp(15px,1.8vw,19px); font-style: italic; }\n.eva__cta-btn {\n  position: relative; z-index: 2;\n  display: inline-flex; align-items: center; gap: 12px;\n  margin-top: clamp(22px,3.5vw,30px);\n  font-family: var(--eva-display); font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; font-size: clamp(12px,1.6vw,14px);\n  color: var(--eva-purple-soft); padding: 16px 32px;\n  border: 2px solid rgba(107,47,160,0.55); border-radius: 999px;\n  background: rgba(107,47,160,0.14); cursor: pointer; text-decoration: none;\n  transition: background 0.4s ease, border-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease, color 0.4s ease;\n}\n.eva__cta-btn:hover { background:rgba(107,47,160,0.20); border-color:rgba(107,47,160,0.70); transform:translateY(-2px); box-shadow:0 8px 24px -8px rgba(107,47,160,0.30), 0 0 20px rgba(107,47,160,0.18); color:rgba(245,240,255,0.95); }\n\n@media (max-width:900px) { .eva { font-size:17px; } }\n@media (max-width:600px) {\n  .eva { padding:0; font-size:16.5px; }\n  .eva__inner { padding:18px 14px; }\n  .eva__grid2,.eva__grid3,.eva__variants,.eva__trust,.eva__spec-grid { grid-template-columns:1fr; }\n  .eva__features { flex-direction: column; }\n  .eva__feature { max-width: 100%; }\n}\n@media (prefers-reduced-motion:reduce) { .eva * { animation:none !important; transition:none !important; } }\n\u003c\/style\u003e\n\n\u003cdiv class=\"eva\" lang=\"en\"\u003e\n  \u003cdiv class=\"eva__sheet\"\u003e\n    \u003cdiv class=\"eva__inner\"\u003e\n\n      \u003c!-- HERO --\u003e\n      \u003cheader class=\"eva__hero\"\u003e\n        \u003cdiv class=\"eva__ambience\"\u003e\u003c\/div\u003e\n        \u003cspan class=\"eva__eyebrow\"\u003ePIIFOX × EVA Collection\u003c\/span\u003e\n        \u003ch1 class=\"eva__title\"\u003e\n          \u003cspan class=\"eva__accent\"\u003eUnit-01\u003c\/span\u003e Dye-Sub\u003cbr\u003e\n          \u003cspan class=\"eva__green\"\u003eMetallic PBT\u003c\/span\u003e Keycap Set\n        \u003c\/h1\u003e\n        \u003cp class=\"eva__subtitle\"\u003e\n          Evangelion Unit-01's iconic purple-and-green power, rendered in\n          metallic-paint dye-sublimation on transparent PBT — Cherry profile,\n          MX-compatible, fits ANSI, ISO and Alice layouts across virtually all sizes.\n        \u003c\/p\u003e\n        \u003cdiv class=\"eva__hero-rule\"\u003e\u003cspan\u003e⚡ 🟣 💚\u003c\/span\u003e\u003c\/div\u003e\n        \u003cdiv class=\"eva__badges\"\u003e\n          \u003cspan class=\"eva__badge\"\u003e\u003cspan\u003e🎨\u003c\/span\u003e\u003cspan\u003eMetallic Dye-Sub\u003c\/span\u003e\u003c\/span\u003e\n          \u003cspan class=\"eva__badge\"\u003e\u003cspan\u003e🔮\u003c\/span\u003e\u003cspan\u003eTransparent PBT + PC\u003c\/span\u003e\u003c\/span\u003e\n          \u003cspan class=\"eva__badge\"\u003e\u003cspan\u003e📐\u003c\/span\u003e\u003cspan\u003eCherry Profile\u003c\/span\u003e\u003c\/span\u003e\n          \u003cspan class=\"eva__badge\"\u003e\u003cspan\u003e⌨️\u003c\/span\u003e\u003cspan\u003eANSI · ISO · Alice\u003c\/span\u003e\u003c\/span\u003e\n          \u003cspan class=\"eva__badge\"\u003e\u003cspan\u003e🔗\u003c\/span\u003e\u003cspan\u003eMX Stem\u003c\/span\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/header\u003e\n\n      \u003c!-- INTRO --\u003e\n      \u003csection class=\"eva__section\"\u003e\n        \u003cdiv class=\"eva__head\"\u003e\n          \u003cdiv class=\"eva__kicker\"\u003eAbout the Set\u003c\/div\u003e\n          \u003ch2 class=\"eva__h2\"\u003eThe Soul of Unit-01 on Your Keys\u003c\/h2\u003e\n          \u003cdiv class=\"eva__divider\"\u003e\u003cspan class=\"eva__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"eva__prose\"\u003e\n          \u003cp\u003eThe \u003cstrong\u003ePIIFOX Unit-01 Dye-Sub Metallic PBT Keycap Set\u003c\/strong\u003e channels the\n            raw energy of the iconic Evangelion mech into a premium desktop experience.\n            Designed around the deep purple, electric green and graphite tones of\n            Unit-01, every key carries the weight of the pilots who came before.\u003c\/p\u003e\n          \u003cp\u003eBuilt from \u003cstrong\u003etransparent PBT\u003c\/strong\u003e with \u003cstrong\u003emetallic-finish\n            dye-sublimation\u003c\/strong\u003e, the legends are fused permanently into the\n            plastic — no peeling, no fading. The optional PC polycarbonate layer\n            adds a distinctive depth and light-diffusion effect that makes every\n            key catch the light differently.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"eva__trust\"\u003e\n          \u003cdiv class=\"eva__trust-item\"\u003e\n\u003cdiv class=\"eva__trust-ic\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"eva__trust-t\"\u003eWorldwide Shipping\u003c\/div\u003e\n\u003cdiv class=\"eva__trust-s\"\u003eTracked \u0026amp; carefully packed\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"eva__trust-item\"\u003e\n\u003cdiv class=\"eva__trust-ic\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"eva__trust-t\"\u003eSecure Checkout\u003c\/div\u003e\n\u003cdiv class=\"eva__trust-s\"\u003eSafe, encrypted payment\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"eva__trust-item\"\u003e\n\u003cdiv class=\"eva__trust-ic\"\u003e💬\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"eva__trust-t\"\u003eFast Support\u003c\/div\u003e\n\u003cdiv class=\"eva__trust-s\"\u003eReply within 24 hours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- FEATURES --\u003e\n      \u003csection class=\"eva__section\"\u003e\n        \u003cdiv class=\"eva__head\"\u003e\n          \u003cdiv class=\"eva__kicker\"\u003eWhy This Set\u003c\/div\u003e\n          \u003ch2 class=\"eva__h2\"\u003eKey Features\u003c\/h2\u003e\n          \u003cdiv class=\"eva__divider\"\u003e\u003cspan class=\"eva__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"eva__features\"\u003e\n          \u003carticle class=\"eva__feature\"\u003e\n            \u003cdiv class=\"eva__feature-icon\"\u003e🎨\u003c\/div\u003e\n            \u003ch3\u003eMetallic Dye-Sublimation\u003c\/h3\u003e\n            \u003cp\u003eThermal dye-sub printing fuses the metallic-finish artwork directly\n              into the PBT — legends that cannot peel or fade with years of daily typing.\u003c\/p\u003e\n          \u003c\/article\u003e\n          \u003carticle class=\"eva__feature\"\u003e\n            \u003cdiv class=\"eva__feature-icon\"\u003e🔮\u003c\/div\u003e\n            \u003ch3\u003eTransparent PBT + PC Layer\u003c\/h3\u003e\n            \u003cp\u003eTransparent PBT base with an optional PC (polycarbonate) top layer creates\n              a distinctive light-diffusing depth unique to this set.\u003c\/p\u003e\n          \u003c\/article\u003e\n          \u003carticle class=\"eva__feature\"\u003e\n            \u003cdiv class=\"eva__feature-icon\"\u003e📐\u003c\/div\u003e\n            \u003ch3\u003eCherry Profile\u003c\/h3\u003e\n            \u003cp\u003eLow-profile Cherry-height keycaps — a sculpted, touch-typed favorite\n              with a flatter silhouette and snappy, confident key feel.\u003c\/p\u003e\n          \u003c\/article\u003e\n          \u003carticle class=\"eva__feature\"\u003e\n            \u003cdiv class=\"eva__feature-icon\"\u003e⌨️\u003c\/div\u003e\n            \u003ch3\u003eUniversal Layout Coverage\u003c\/h3\u003e\n            \u003cp\u003eCompatible with virtually all keyboard sizes and layouts — ANSI, ISO and\n              Alice — from compact 60% up to TKL and full-size, with 6.25U and 7U spacebars included.\u003c\/p\u003e\n          \u003c\/article\u003e\n          \u003carticle class=\"eva__feature\"\u003e\n            \u003cdiv class=\"eva__feature-icon\"\u003e🔗\u003c\/div\u003e\n            \u003ch3\u003eMX Stem Compatible\u003c\/h3\u003e\n            \u003cp\u003eStandard MX cross-stem fit — Cherry MX, Gateron, Kailh and any MX-clone\n              switch drops straight in.\u003c\/p\u003e\n          \u003c\/article\u003e\n          \u003carticle class=\"eva__feature\"\u003e\n            \u003cdiv class=\"eva__feature-icon\"\u003e🖐️\u003c\/div\u003e\n            \u003ch3\u003eFull Wrist Rest Bundle\u003c\/h3\u003e\n            \u003cp\u003eThe optional \u003cstrong\u003eFull Wrist Rest bundle\u003c\/strong\u003e supports your wrists during\n              long sessions — included in Variant 2 at no extra cost.\u003c\/p\u003e\n          \u003c\/article\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- IMAGE ROW 2 — 2-column grid --\u003e\n      \u003csection class=\"eva__section\"\u003e\n        \u003cdiv class=\"eva__grid2\"\u003e\n          \u003cdiv class=\"eva__grid-img\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i4\/2214588306474\/O1CN01afZovB1xh9E7JFdBm_!!2214588306474.jpg\" alt=\"PIIFOX Unit-01 keycap set styled on desk\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"eva__grid-img\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i4\/2214588306474\/O1CN01Qrerx01xh9E6tzR1w_!!2214588306474.jpg\" alt=\"PIIFOX Unit-01 keycap legends close-up\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- SPOTLIGHT --\u003e\n      \u003csection class=\"eva__section\"\u003e\n        \u003cdiv class=\"eva__spotlight\"\u003e\n          \u003cdiv class=\"eva__kicker\"\u003eBuilt to Last\u003c\/div\u003e\n          \u003ch2\u003eTransparent PBT. Metallic Legends. Zero Fade.\u003c\/h2\u003e\n          \u003cp\u003eOrdinary keycaps wear down fast — legends fade, surfaces shine. This set\n            is different. Dye-sublimation bonds the metallic-finish artwork into the PBT\n            at a molecular level. The transparent structure lets light interact uniquely\n            with each key, while the dense PBT walls deliver a satisfying, grounded\n            sound signature. This is a set that ages gracefully.\u003c\/p\u003e\n          \u003cdiv class=\"eva__spec-grid\"\u003e\n            \u003cdiv class=\"eva__spec\"\u003e\n\u003cdiv class=\"eva__spec-k\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"eva__spec-v\"\u003eTransparent PBT\u003c\/div\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"eva__spec\"\u003e\n\u003cdiv class=\"eva__spec-k\"\u003eTop Layer\u003c\/div\u003e\n\u003cdiv class=\"eva__spec-v\"\u003ePC (Polycarbonate)\u003c\/div\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"eva__spec\"\u003e\n\u003cdiv class=\"eva__spec-k\"\u003ePrinting\u003c\/div\u003e\n\u003cdiv class=\"eva__spec-v\"\u003eDye-Sublimation\u003c\/div\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"eva__spec\"\u003e\n\u003cdiv class=\"eva__spec-k\"\u003eProfile\u003c\/div\u003e\n\u003cdiv class=\"eva__spec-v\"\u003eCherry Profile\u003c\/div\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"eva__spec\"\u003e\n\u003cdiv class=\"eva__spec-k\"\u003eStem\u003c\/div\u003e\n\u003cdiv class=\"eva__spec-v\"\u003eMX Cross Stem\u003c\/div\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"eva__spec\"\u003e\n\u003cdiv class=\"eva__spec-k\"\u003eLayout\u003c\/div\u003e\n\u003cdiv class=\"eva__spec-v\"\u003eANSI · ISO · Alice\u003c\/div\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- IMAGE ROW 3 — 3-column grid --\u003e\n      \u003csection class=\"eva__section\"\u003e\n        \u003cdiv class=\"eva__grid3\"\u003e\n          \u003cdiv class=\"eva__grid-img\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i2\/2214588306474\/O1CN01HkNjdB1xh9E8Bgcya_!!2214588306474.jpg\" alt=\"PIIFOX Unit-01 keycap set transparency lighting\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"eva__grid-img\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i2\/2214588306474\/O1CN01wv3XJJ1xh9E29w4jC_!!2214588306474.jpg\" alt=\"PIIFOX Unit-01 metallic dye-sub detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"eva__grid-img\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i4\/2214588306474\/O1CN01u3pcmr1xh9E8drkH8_!!2214588306474.jpg\" alt=\"PIIFOX Unit-01 full keycap set spread\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- VARIANTS --\u003e\n      \u003csection class=\"eva__section\"\u003e\n        \u003cdiv class=\"eva__head\"\u003e\n          \u003cdiv class=\"eva__kicker\"\u003eChoose Your Bundle\u003c\/div\u003e\n          \u003ch2 class=\"eva__h2\"\u003eTwo Ways to Pilot Your Keyboard\u003c\/h2\u003e\n          \u003cp class=\"eva__lead\"\u003eSame premium keycap set, with or without a matching full wrist rest.\u003c\/p\u003e\n          \u003cdiv class=\"eva__divider\"\u003e\u003cspan class=\"eva__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"eva__variants\"\u003e\n          \u003carticle class=\"eva__variant\"\u003e\n            \u003cdiv class=\"eva__variant-img\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/bao\/uploaded\/i2\/2214588306474\/O1CN01h171Qo1xh9GHYeuEp_!!2214588306474.jpg\" alt=\"PIIFOX Unit-01 Dye-Sub + PC Keycaps\" loading=\"lazy\"\u003e\u003c\/div\u003e\n            \u003ch3\u003eDye-Sub + PC Keycaps\u003c\/h3\u003e\n            \u003cspan class=\"eva__variant-tag\"\u003eKeycap Set Only\u003c\/span\u003e\n            \u003cp\u003eThe full Unit-01 keycap set — transparent PBT with metallic dye-sub legends\n              and PC polycarbonate top caps. The essentials, perfectly packaged.\u003c\/p\u003e\n          \u003c\/article\u003e\n          \u003carticle class=\"eva__variant\"\u003e\n            \u003cdiv class=\"eva__variant-img\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/bao\/uploaded\/i2\/2214588306474\/O1CN01QQcz8V1xh9GFpM9go_!!2214588306474.jpg\" alt=\"PIIFOX Unit-01 Metallic Keycaps + Full Wrist Rest\" loading=\"lazy\"\u003e\u003c\/div\u003e\n            \u003ch3\u003eMetallic Keycaps + Full Wrist Rest\u003c\/h3\u003e\n            \u003cspan class=\"eva__variant-tag\"\u003eBundle — Best Value\u003c\/span\u003e\n            \u003cp\u003eEverything in Variant 1 plus a matching full-size wrist rest — extra support\n              for long sessions spent at the controls.\u003c\/p\u003e\n          \u003c\/article\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- IMAGE ROW 4 — cinematic horizontal (Cherry profile side view) --\u003e\n      \u003csection class=\"eva__section\"\u003e\n        \u003cdiv class=\"eva__media-cinematic\"\u003e\n          \u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i3\/2214588306474\/O1CN01tOhTAd1xh9E8SEFVj_!!2214588306474.jpg\" alt=\"PIIFOX Unit-01 keycap set Cherry profile side view\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- SPECS TABLE --\u003e\n      \u003csection class=\"eva__section\"\u003e\n        \u003cdiv class=\"eva__head\"\u003e\n          \u003cdiv class=\"eva__kicker\"\u003eFull Specs\u003c\/div\u003e\n          \u003ch2 class=\"eva__h2\"\u003eTechnical Specifications\u003c\/h2\u003e\n          \u003cdiv class=\"eva__divider\"\u003e\u003cspan class=\"eva__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"eva__table-wrap\"\u003e\n          \u003ctable class=\"eva__table\"\u003e\n            \u003ctbody\u003e\n              \u003ctr\u003e\n\u003cth\u003eSet Name\u003c\/th\u003e\n\u003ctd\u003ePIIFOX Unit-01 Dye-Sub Metallic PBT Keycap Set\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003cth\u003eBrand\u003c\/th\u003e\n\u003ctd\u003ePIIFOX\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eTransparent PBT + PC (Polycarbonate)\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eThermal Dye-Sublimation (fade-resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003cth\u003eKeycap Profile\u003c\/th\u003e\n\u003ctd\u003eCherry Profile\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003cth\u003eTransparent\u003c\/th\u003e\n\u003ctd\u003eYes — light-diffusing transparent body\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003cth\u003eStem Type\u003c\/th\u003e\n\u003ctd\u003eMX Cross Stem (Standard \u0026amp; Box MX)\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003cth\u003eSpacebar Sizes\u003c\/th\u003e\n\u003ctd\u003e6.25U and 7.0U included\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003cth\u003eLayout Compatibility\u003c\/th\u003e\n\u003ctd\u003e✓ 60%  ·  ✓ 65%  ·  ✓ 68%  ·  ✓ 75%  ·  ✓ TKL  ·  ✓ Full-size\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003cth\u003eLayout Standards\u003c\/th\u003e\n\u003ctd\u003eANSI  ·  ISO  ·  Alice\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003cth\u003eCompatible Switches\u003c\/th\u003e\n\u003ctd\u003eCherry MX, Gateron, Kailh, Outemu and all MX-clone switches\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c\/tbody\u003e\n          \u003c\/table\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"eva__alert\"\u003e\n          \u003cspan class=\"eva__alert-ic\"\u003e❌\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eCompatibility Notice:\u003c\/strong\u003e Requires\n            \u003cstrong\u003estandard MX-style mechanical switches\u003c\/strong\u003e — not compatible with\n            low-profile (e.g. Kailh Choc) or membrane keyboards. Keyboards, cases and desk\n            accessories shown in images are for display purposes only and are\n            \u003cstrong\u003enot included\u003c\/strong\u003e unless the Wrist Rest bundle is selected.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- FAQ --\u003e\n      \u003csection class=\"eva__section\"\u003e\n        \u003cdiv class=\"eva__head\"\u003e\n          \u003cdiv class=\"eva__kicker\"\u003eQuestions\u003c\/div\u003e\n          \u003ch2 class=\"eva__h2\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n          \u003cdiv class=\"eva__divider\"\u003e\u003cspan class=\"eva__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"eva__faq\"\u003e\n\n          \u003cdiv class=\"eva__faq-item eva--open\"\u003e\n            \u003cdiv class=\"eva__faq-q\"\u003eWhat is the difference between the two variants?\u003cspan class=\"eva__faq-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"eva__faq-panel\"\u003e\u003cdiv class=\"eva__faq-body\"\u003eVariant 1 (\u003cstrong\u003eDye-Sub + PC Keycaps\u003c\/strong\u003e) includes the full Unit-01 keycap set — transparent PBT with metallic dye-sub printing plus PC polycarbonate top caps. Variant 2 (\u003cstrong\u003eMetallic Keycaps + Full Wrist Rest\u003c\/strong\u003e) adds a matching full-size wrist rest for extended comfort during long typing sessions.\u003c\/div\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"eva__faq-item\"\u003e\n            \u003cdiv class=\"eva__faq-q\"\u003eWhat does \"transparent PBT\" mean?\u003cspan class=\"eva__faq-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"eva__faq-panel\"\u003e\u003cdiv class=\"eva__faq-body\"\u003eTransparent PBT means the keycap body is made from semi-transparent Polybutylene Terephthalate. Light passes through the material, creating a unique depth and glow effect — especially visible under desk or keyboard RGB lighting.\u003c\/div\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"eva__faq-item\"\u003e\n            \u003cdiv class=\"eva__faq-q\"\u003eWhat switches are compatible?\u003cspan class=\"eva__faq-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"eva__faq-panel\"\u003e\u003cdiv class=\"eva__faq-body\"\u003eAny standard MX-style mechanical switch — Cherry MX, Gateron, Kailh, Outemu and all MX-clone variants. Both standard cross-stem and box MX switches are supported. Not compatible with low-profile switches (e.g. Kailh Choc) or optical switches.\u003c\/div\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"eva__faq-item\"\u003e\n            \u003cdiv class=\"eva__faq-q\"\u003eWhich keyboard sizes and layouts is this set compatible with?\u003cspan class=\"eva__faq-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"eva__faq-panel\"\u003e\u003cdiv class=\"eva__faq-body\"\u003e\n              This set works with virtually all keyboard sizes and layout standards:\u003cbr\u003e\u003cbr\u003e\n              \u003cstrong\u003e✓ Sizes:\u003c\/strong\u003e 60% · 65% · 68% · 75% · TKL · Full-size — all covered with the included key count and modifier set.\u003cbr\u003e\n              \u003cstrong\u003e✓ Layout standards:\u003c\/strong\u003e ANSI, ISO and Alice layouts are all supported.\u003cbr\u003e\n              \u003cstrong\u003e✓ Spacebars:\u003c\/strong\u003e Both \u003cstrong\u003e6.25U and 7.0U\u003c\/strong\u003e are included, covering the two most common spacebar sizes.\u003cbr\u003e\u003cbr\u003e\n              If you have a non-standard or boutique layout, feel free to message us with your board model and we will confirm compatibility before you order.\n            \u003c\/div\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"eva__faq-item\"\u003e\n            \u003cdiv class=\"eva__faq-q\"\u003eWill the legends fade over time?\u003cspan class=\"eva__faq-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"eva__faq-panel\"\u003e\u003cdiv class=\"eva__faq-body\"\u003eNo. The metallic legends are applied via dye-sublimation, which fuses the ink directly into the PBT surface. The result is permanent and cannot peel, chip or fade with normal daily use.\u003c\/div\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"eva__faq-item\"\u003e\n            \u003cdiv class=\"eva__faq-q\"\u003eIs the keyboard in the photos included?\u003cspan class=\"eva__faq-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"eva__faq-panel\"\u003e\u003cdiv class=\"eva__faq-body\"\u003eNo — this listing is for the keycap set only (or the keycap set + wrist rest in Variant 2). The keyboard, case, cables and all other props shown are for display purposes only.\u003c\/div\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- CTA --\u003e\n      \u003csection class=\"eva__section\"\u003e\n        \u003cdiv class=\"eva__cta\"\u003e\n          \u003cdiv class=\"eva__ambience\"\u003e\u003c\/div\u003e\n          \u003ch2\u003eSuit Up. Type On.\u003c\/h2\u003e\n          \u003cp\u003eMetallic dye-sub. Transparent PBT. Unit-01 energy on every keystroke.\u003c\/p\u003e\n          \u003ca href=\"#\" id=\"evaCartBtn\" class=\"eva__cta-btn\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003cspan\u003eAdd to Cart\u003c\/span\u003e\u003c\/a\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n    \u003c\/div\u003e\n\u003c!-- \/.eva__inner --\u003e\n  \u003c\/div\u003e\n\u003c!-- \/.eva__sheet --\u003e\n\u003c\/div\u003e\u003c!-- \/.eva --\u003e\n\n\u003cscript\u003e\n(function(){\n  \/* FAQ accordion *\/\n  var items = document.querySelectorAll('.eva__faq-item');\n  items.forEach(function(item){\n    var panel = item.querySelector('.eva__faq-panel');\n    if(!panel) return;\n    if(item.classList.contains('eva--open')){ panel.style.maxHeight=panel.scrollHeight+'px'; panel.style.opacity='1'; }\n    else { panel.style.maxHeight='0px'; panel.style.opacity='0'; }\n    item.querySelector('.eva__faq-q').addEventListener('click',function(){\n      var isOpen=item.classList.contains('eva--open');\n      items.forEach(function(el){ el.classList.remove('eva--open'); var p=el.querySelector('.eva__faq-panel'); if(p){p.style.maxHeight='0px';p.style.opacity='0';} });\n      if(!isOpen){ item.classList.add('eva--open'); panel.style.maxHeight=panel.scrollHeight+'px'; panel.style.opacity='1'; }\n    });\n  });\n\n  \/* Add to Cart — smooth scroll + soft glow on the store's own button *\/\n  var btn = document.getElementById('evaCartBtn');\n  if(!btn) return;\n  btn.addEventListener('click', function(e){\n    e.preventDefault();\n    var selectors = [\n      'button[name=\"add\"]',\n      '[name=\"add\"]',\n      '.product-form__submit',\n      '#AddToCart',\n      '.btn--add-to-cart',\n      'form[action*=\"\/cart\/add\"] [type=\"submit\"]'\n    ];\n    var target = null;\n    for(var i=0; i\u003cselectors.length; i++){\n      var el = document.querySelector(selectors[i]);\n      if(el \u0026\u0026 window.getComputedStyle(el).display !== 'none'){ target = el; break; }\n    }\n    if(!target) return;\n\n    target.scrollIntoView({ behavior: 'smooth', block: 'center' });\n\n    setTimeout(function(){\n      var prev = {\n        transition: target.style.transition,\n        boxShadow:  target.style.boxShadow,\n        transform:  target.style.transform,\n        outline:    target.style.outline\n      };\n      \/* Ease in with a gentle glow — no jarring scale *\/\n      target.style.transition = 'box-shadow 1.0s cubic-bezier(0.25,0.1,0.25,1), transform 0.7s cubic-bezier(0.25,0.1,0.25,1), outline 0.8s ease';\n      target.style.boxShadow  = '0 0 0 3px rgba(107,47,160,0.22), 0 0 26px rgba(107,47,160,0.38), 0 6px 18px rgba(107,47,160,0.18)';\n      target.style.transform  = 'scale(1.015)';\n      target.style.outline    = '2px solid rgba(107,47,160,0.40)';\n      \/* Settle to a whisper glow *\/\n      setTimeout(function(){\n        target.style.boxShadow = '0 0 0 2px rgba(107,47,160,0.14), 0 0 16px rgba(107,47,160,0.24)';\n        target.style.transform  = 'scale(1)';\n        target.style.outline    = '1px solid rgba(107,47,160,0.25)';\n      }, 1100);\n      \/* Fade out completely *\/\n      setTimeout(function(){\n        target.style.transition = 'box-shadow 1.2s ease, outline 1.0s ease';\n        target.style.boxShadow  = prev.boxShadow;\n        target.style.outline    = prev.outline;\n      }, 4000);\n      \/* Restore all original styles *\/\n      setTimeout(function(){\n        target.style.transition = prev.transition;\n        target.style.transform  = prev.transform;\n      }, 5200);\n    }, 900);\n  });\n})();\n\u003c\/script\u003e","brand":"PIIFOX","offers":[{"title":"Dye-Sub + PC Keycaps","offer_id":48833757577373,"sku":"PIIFOX-U01-V1","price":69.9,"currency_code":"USD","in_stock":true},{"title":"Metallic + Full Wrist Rest","offer_id":48833757610141,"sku":"PIIFOX-U01-V2","price":89.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01YM7dQt1xh9E7kXCqq__2214588306474.webp?v=1787581613","url":"https:\/\/keyartisan.net\/products\/piifox-eva-unit-01-metallic-style-keycap-set","provider":"KeyArtisan","version":"1.0","type":"link"}