{"product_id":"cute-minimalistic-pastel-gradient-keycap-set","title":"Cute Minimalistic Pastel Gradient Keycap Set","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700\u0026family=Inter:wght@400;500;600;700;800\u0026display=swap');\n\n.pna {\n  --pna-pink:        #f6b6c8;\n  --pna-pink-deep:   #e8829e;\n  --pna-rose:        #c9587a;\n  --pna-rose-dark:   #7a3350;\n  --pna-plum:         #4a2035;\n  --pna-cream:       #fff6f8;\n  --pna-cream-2:     #ffe8ee;\n  --pna-white:       #ffffff;\n  --pna-coral:       #ef7086;\n  --pna-coral-d:     #c94f66;\n  --pna-mint:        #bdeadd;\n  --pna-mint-d:      #6fae95;\n  --pna-ink:         #4a2c35;\n  --pna-text:        #6b4a54;\n  --pna-muted:       #93727c;\n  --pna-line:        rgba(122,51,80,0.14);\n  --pna-line-soft:   rgba(122,51,80,0.08);\n  --pna-shadow:      0 20px 50px -20px rgba(122,51,80,0.35);\n  --pna-shadow-sm:   0 10px 24px -12px rgba(122,51,80,0.24);\n  --pna-glow:        0 0 24px rgba(239,112,134,0.35);\n\n  --pna-display: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;\n  --pna-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;\n\n  --pna-radius:    16px;\n  --pna-radius-lg: 22px;\n  --pna-maxw:      1280px;\n  --pna-gap:       clamp(14px, 2.2vw, 22px);\n  --pna-section:   clamp(42px, 6.6vw, 76px);\n\n  font-family: var(--pna-body);\n  color: var(--pna-ink);\n  line-height: 1.7;\n  font-size: 18px;\n  max-width: var(--pna-maxw);\n  margin: 0 auto;\n  padding: 0 4px;\n  text-align: center;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n  box-sizing: border-box;\n}\n.pna *, .pna *::before, .pna *::after { box-sizing: border-box; }\n.pna p { margin: 0 0 1em; font-size: clamp(15px, 1.6vw, 17.5px); }\n.pna p:last-child { margin-bottom: 0; }\n.pna strong { font-weight: 700; color: var(--pna-ink); }\n.pna h1, .pna h2, .pna h3, .pna h4 { margin: 0; line-height: 1.18; }\n\n.pna__sheet {\n  position: relative;\n  background: linear-gradient(180deg, #fff6f8 0%, #ffe8ee 55%, #ffe0e8 100%);\n  border: 1px solid var(--pna-line);\n  border-radius: var(--pna-radius-lg);\n  overflow: hidden;\n  box-shadow: var(--pna-shadow);\n}\n.pna__sheet::before {\n  content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: 0.5;\n  background-image:\n    radial-gradient(rgba(122,51,80,0.05) 1px, transparent 1px),\n    radial-gradient(rgba(239,112,134,0.05) 1px, transparent 1px);\n  background-size: 22px 22px, 34px 34px;\n  background-position: 0 0, 11px 17px;\n  mix-blend-mode: multiply;\n}\n.pna__inner { position: relative; z-index: 1; padding: clamp(20px, 4.5vw, 52px); }\n\n\/* HERO *\/\n.pna__hero {\n  position: relative; text-align: center;\n  padding: clamp(28px, 5vw, 54px) clamp(10px, 3vw, 36px) clamp(30px, 5vw, 54px);\n  border-radius: var(--pna-radius);\n  background:\n    radial-gradient(85% 110% at 50% 0%, rgba(239,112,134,0.20), transparent 60%),\n    linear-gradient(160deg, #7a3350 0%, #4a2035 60%, #7a3350 100%);\n  color: var(--pna-cream); overflow: hidden;\n  border: 1px solid rgba(239,112,134,0.32);\n  box-shadow: inset 0 0 60px rgba(0,0,0,0.35), var(--pna-shadow);\n}\n.pna__sparkle {\n  position: absolute; inset: 0; pointer-events: none;\n  background-image:\n    radial-gradient(1.5px 1.5px at 12% 22%, rgba(255,214,224,0.9), transparent),\n    radial-gradient(1.2px 1.2px at 80% 18%, rgba(255,214,224,0.65), transparent),\n    radial-gradient(1.6px 1.6px at 34% 72%, rgba(255,214,224,0.85), transparent),\n    radial-gradient(1.1px 1.1px at 66% 60%, rgba(255,214,224,0.55), transparent),\n    radial-gradient(1.4px 1.4px at 90% 80%, rgba(255,214,224,0.65), transparent),\n    radial-gradient(1.2px 1.2px at 22% 88%, rgba(255,214,224,0.55), transparent);\n  animation: pna-twinkle 6s ease-in-out infinite alternate;\n}\n@keyframes pna-twinkle { 0% { opacity: 0.5; } 100% { opacity: 1; } }\n\n.pna__eyebrow {\n  position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px;\n  font-family: var(--pna-body); font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase;\n  font-size: clamp(10px, 1.4vw, 12px); color: var(--pna-pink); padding: 9px 18px;\n  border: 1px solid rgba(239,112,134,0.42); border-radius: 999px; background: rgba(239,112,134,0.12);\n  margin-bottom: 8px; transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;\n}\n.pna__eyebrow::before, .pna__eyebrow::after { content: \"💅\"; font-size: 12px; }\n.pna__eyebrow:hover { transform: translateY(-2px) scale(1.03); background: rgba(239,112,134,0.2); box-shadow: var(--pna-glow); }\n\n.pna__title {\n  position: relative; z-index: 2; font-family: var(--pna-display); font-weight: 900; line-height: 1.08;\n  margin: clamp(26px, 4vw, 38px) 0 0; font-size: clamp(27px, 5vw, 50px); color: var(--pna-cream);\n  text-shadow: 0 2px 0 rgba(0,0,0,0.25), 0 0 28px rgba(239,112,134,0.25);\n}\n.pna__title .pna__accent {\n  font-style: italic;\n  background: linear-gradient(180deg, #ffd7e2 0%, #f6a8bf 55%, #e8829e 100%);\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;\n}\n.pna__subtitle {\n  position: relative; z-index: 2; text-align: center; font-size: clamp(15px, 2vw, 20px);\n  color: rgba(255,246,248,0.86); max-width: 1200px; margin: clamp(16px, 3vw, 24px) auto 0; font-style: italic;\n}\n.pna__hero-rule {\n  position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 14px;\n  margin: clamp(20px, 4vw, 30px) auto 0; max-width: 1200px; color: var(--pna-pink);\n}\n.pna__hero-rule::before, .pna__hero-rule::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--pna-pink), transparent); }\n.pna__hero-rule span { font-size: 14px; letter-spacing: 0.2em; }\n.pna__badges { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: clamp(22px, 4vw, 30px); }\n.pna__badge {\n  display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: clamp(11px, 1.4vw, 13px);\n  letter-spacing: 0.04em; color: var(--pna-cream); padding: 10px 16px; border-radius: 999px;\n  border: 1px solid rgba(239,112,134,0.3); background: rgba(255,246,248,0.05);\n  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.pna__badge span:first-child { font-size: 15px; }\n.pna__badge:hover { transform: translateY(-3px); background: rgba(239,112,134,0.18); border-color: var(--pna-pink); box-shadow: var(--pna-glow); }\n\n\/* SECTIONS *\/\n.pna__section { margin-top: var(--pna-section); }\n.pna__head { text-align: center; margin-bottom: clamp(26px, 4vw, 40px); }\n.pna__kicker {\n  display: flex; align-items: center; justify-content: center; gap: 12px; font-weight: 700; letter-spacing: 0.24em;\n  text-transform: uppercase; font-size: clamp(10px, 1.4vw, 12px); color: var(--pna-coral-d); margin-bottom: 12px;\n}\n.pna__kicker::before, .pna__kicker::after { content: \"♡\"; color: var(--pna-coral); font-size: 13px; }\n.pna__h2 {\n  font-family: var(--pna-display); font-weight: 900; text-align: center; font-size: clamp(24px, 4.2vw, 38px);\n  line-height: 1.14; margin: 0 auto 12px; color: var(--pna-ink); max-width: 1200px; transition: text-shadow 0.4s ease;\n}\n.pna__h2:hover { text-shadow: 0 0 20px rgba(239,112,134,0.3); }\n.pna__h2 em { font-style: italic; color: var(--pna-rose); }\n.pna__lead { text-align: center; max-width: 1200px; margin: 0 auto; color: var(--pna-text); font-size: clamp(15px, 1.7vw, 18px); }\n.pna__divider {\n  display: flex; align-items: center; justify-content: center; gap: 16px; margin: clamp(16px, 3vw, 22px) auto 0;\n  max-width: 1200px; color: var(--pna-coral);\n}\n.pna__divider::before, .pna__divider::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--pna-coral-d), transparent); }\n.pna__leaf { font-size: 14px; transition: transform 0.4s ease; }\n.pna__divider:hover .pna__leaf { transform: rotate(18deg) scale(1.2); }\n.pna__prose { max-width: 1200px; margin: 0 auto; text-align: center; }\n.pna__prose p { color: var(--pna-text); margin: 0 auto 1.1em; }\n.pna__prose p:last-child { margin-bottom: 0; }\n\n\/* MEDIA *\/\n.pna__media-full {\n  width: 100%; border-radius: var(--pna-radius); overflow: hidden; border: 1px solid var(--pna-line);\n  box-shadow: var(--pna-shadow-sm); line-height: 0; background: var(--pna-white);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.pna__media-full:hover { transform: translateY(-4px); box-shadow: var(--pna-shadow); }\n.pna__media-full img { width: 100%; display: block; height: auto; transition: transform 0.6s ease; }\n.pna__media-full:hover img { transform: scale(1.03); }\n.pna__hero-banner { aspect-ratio: 30 \/ 7; }\n.pna__hero-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; display: block; }\n@media (max-width: 600px) { .pna__hero-banner { aspect-ratio: 16 \/ 9; } }\n\n\/* VIDEO *\/\n\/* VIDEO *\/\n.pna__video-wrap {\n  width: 100%;\n  max-width: 260px; \/* Adjust as needed *\/\n  margin: 0 auto;\n  border-radius: var(--pna-radius);\n  overflow: hidden;\n  border: 1px solid var(--pna-line);\n  box-shadow: var(--pna-shadow-sm);\n  background: #000;\n  line-height: 0;\n  transition: transform .4s ease, box-shadow .4s ease;\n}\n\n.pna__video-wrap:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--pna-shadow);\n}\n\n.pna__video-wrap video {\n  width: 100%;\n  height: auto; \/* Keeps 9:16 ratio *\/\n  display: block;\n}\n\n\/* VIDEO + TEXT *\/\n.pna__video-row {\n  display: grid;\n  grid-template-columns: 1fr 3fr; \/* Video : Text = 1 : 3 *\/\n  gap: clamp(20px, 3vw, 36px);\n  align-items: center;\n}\n\n.pna__video-col {\n  display: flex;\n  justify-content: center;\n}\n\n.pna__video-text {\n  background: var(--pna-white);\n  border: 1px solid var(--pna-line);\n  border-radius: var(--pna-radius);\n  padding: clamp(20px, 2.5vw, 30px);\n}\n\n.pna__video-text h3 {\n  font-family: var(--pna-display);\n  font-weight: 700;\n  font-size: clamp(20px, 2.2vw, 28px);\n  margin: 0 0 12px;\n  color: var(--pna-ink);\n}\n\n.pna__video-text p {\n  color: var(--pna-muted);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .pna__video-row {\n    grid-template-columns: 1fr;\n  }\n\n  .pna__video-wrap {\n    max-width: 320px;\n  }\n}\n\n\/* GRIDS *\/\n.pna__grid3 { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(12px, 1.8vw, 18px); }\n.pna__grid3 \u003e * { flex: 1 1 28%; max-width: 32%; }\n.pna__grid-img {\n  position: relative; overflow: hidden; border-radius: var(--pna-radius); border: 1px solid var(--pna-line);\n  line-height: 0; background: var(--pna-white); box-shadow: var(--pna-shadow-sm); aspect-ratio: 1 \/ 1;\n  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;\n}\n.pna__grid-img:hover { transform: translateY(-5px); box-shadow: var(--pna-shadow); border-color: rgba(239,112,134,0.5); }\n.pna__grid-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }\n.pna__grid-img:hover img { transform: scale(1.08); }\n.pna__img-label {\n  position: absolute; top: 12px; right: 12px; background: rgba(255,246,248,0.95); color: var(--pna-rose-dark);\n  padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase;\n  letter-spacing: 0.06em; box-shadow: 0 2px 8px rgba(122,51,80,0.18); z-index: 2; border: 1px solid rgba(239,112,134,0.35);\n}\n.pna__grid2 { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(12px, 1.8vw, 18px); }\n.pna__grid2 \u003e * { flex: 1 1 45%; max-width: 48%; }\n.pna__grid2 .pna__grid-img { aspect-ratio: 4 \/ 3; }\n@media (max-width: 600px) {\n  .pna__grid3 \u003e *, .pna__grid2 \u003e * { flex: 1 1 100%; max-width: 100%; }\n}\n\n\/* TRUST *\/\n.pna__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: clamp(24px, 3vw, 32px); }\n.pna__trust-item {\n  display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: var(--pna-white);\n  border: 1px solid var(--pna-line); border-radius: var(--pna-radius); text-align: left;\n  flex: 1 1 220px; max-width: 320px;\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.pna__trust-item:hover { transform: translateY(-4px); box-shadow: var(--pna-shadow-sm); border-color: rgba(239,112,134,0.5); }\n.pna__trust-ic {\n  width: 44px; height: 44px; flex: none; border-radius: 12px; display: grid; place-items: center; font-size: 20px;\n  background: linear-gradient(135deg, rgba(122,51,80,0.10), rgba(239,112,134,0.12)); border: 1px solid var(--pna-line);\n  transition: transform 0.35s ease;\n}\n.pna__trust-item:hover .pna__trust-ic { transform: scale(1.12) rotate(-5deg); }\n.pna__trust-t { font-weight: 700; font-size: 14.5px; color: var(--pna-ink); }\n.pna__trust-s { font-size: 12.5px; color: var(--pna-muted); }\n\n\/* FEATURES *\/\n.pna__features { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pna-gap); }\n.pna__feature {\n  position: relative; text-align: left; background: var(--pna-white); border: 1px solid var(--pna-line);\n  border-radius: var(--pna-radius); padding: clamp(20px, 3vw, 28px); overflow: hidden;\n  flex: 1 1 250px; max-width: 340px;\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.pna__feature::after {\n  content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n  background: linear-gradient(90deg, var(--pna-mint), var(--pna-coral), var(--pna-rose));\n  opacity: 0; transition: opacity 0.35s ease;\n}\n.pna__feature:hover { transform: translateY(-6px); box-shadow: var(--pna-shadow-sm); border-color: rgba(239,112,134,0.5); }\n.pna__feature:hover::after { opacity: 1; }\n.pna__feature-icon {\n  display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px;\n  font-size: 24px; margin-bottom: 16px; background: linear-gradient(145deg, #7a3350, #4a2035);\n  border: 1px solid rgba(239,112,134,0.38); box-shadow: inset 0 0 16px rgba(239,112,134,0.18);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.pna__feature:hover .pna__feature-icon { transform: rotate(-6deg) scale(1.08); box-shadow: inset 0 0 16px rgba(239,112,134,0.3), var(--pna-glow); }\n.pna__feature h3 { font-family: var(--pna-display); font-weight: 700; font-size: clamp(17px, 2vw, 20px); margin: 0 0 8px; color: var(--pna-ink); }\n.pna__feature p { margin: 0; font-size: clamp(14px, 1.5vw, 15.5px); color: var(--pna-muted); line-height: 1.65; }\n\n\/* SPOTLIGHT *\/\n.pna__spotlight {\n  position: relative; text-align: center; border-radius: var(--pna-radius-lg); overflow: hidden;\n  padding: clamp(30px, 5vw, 58px);\n  background: radial-gradient(80% 120% at 50% 0%, rgba(239,112,134,0.18), transparent 55%), linear-gradient(155deg, #7a3350, #4a2035);\n  color: var(--pna-cream); border: 1px solid rgba(239,112,134,0.3); box-shadow: var(--pna-shadow);\n}\n.pna__spotlight .pna__kicker { color: var(--pna-pink); }\n.pna__spotlight .pna__kicker::before, .pna__spotlight .pna__kicker::after { color: var(--pna-pink); }\n.pna__spotlight h2 { font-family: var(--pna-display); font-weight: 900; font-size: clamp(22px, 3.8vw, 36px); margin: 0 auto 14px; color: var(--pna-cream); max-width: 1200px; }\n.pna__spotlight h2 em { font-style: italic; color: var(--pna-pink); }\n.pna__spotlight \u003e p { max-width: 1200px; color: rgba(255,246,248,0.86); margin: 0 auto; }\n.pna__spec-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: clamp(26px, 3.5vw, 36px); }\n.pna__spec {\n  border: 1px solid rgba(239,112,134,0.28); border-radius: 14px; padding: 18px 18px 16px; background: rgba(255,246,248,0.05);\n  flex: 1 1 190px; max-width: 260px;\n  transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.pna__spec:hover { background: rgba(239,112,134,0.14); transform: translateY(-4px); border-color: var(--pna-pink); box-shadow: var(--pna-glow); }\n.pna__spec-k { font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: 10.5px; color: var(--pna-pink); margin-bottom: 6px; }\n.pna__spec-v { font-size: clamp(15px, 1.8vw, 18px); color: var(--pna-cream); font-weight: 600; font-family: var(--pna-display); }\n\n\/* VARIANTS *\/\n.pna__variants { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pna-gap); }\n.pna__variant {\n  position: relative; text-align: center; background: var(--pna-white); border: 1px solid var(--pna-line);\n  border-radius: var(--pna-radius); padding: clamp(26px, 3.5vw, 38px) clamp(18px, 3vw, 28px); overflow: hidden;\n  flex: 1 1 260px; max-width: 360px;\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.pna__variant::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--pna-coral-d), var(--pna-coral), var(--pna-coral-d)); }\n.pna__variant:hover { transform: translateY(-7px); box-shadow: var(--pna-shadow-sm); border-color: rgba(239,112,134,0.55); }\n.pna__variant-num { font-family: var(--pna-display); font-weight: 900; font-size: clamp(32px, 4.2vw, 44px); line-height: 1; color: var(--pna-rose); margin-bottom: 4px; transition: transform 0.4s ease; }\n.pna__variant:hover .pna__variant-num { transform: scale(1.08); }\n.pna__variant-key { font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; font-size: 12px; color: var(--pna-coral-d); margin-bottom: 14px; }\n.pna__variant h3 { font-family: var(--pna-display); font-weight: 700; font-size: clamp(18px, 2.2vw, 22px); margin: 0 0 8px; color: var(--pna-ink); }\n.pna__variant p { font-size: 14.5px; color: var(--pna-muted); margin: 0; line-height: 1.6; }\n\n\/* TABLE *\/\n.pna__table-wrap {\n  max-width: 1200px; margin: 0 auto; border: 1px solid var(--pna-line); border-radius: var(--pna-radius); overflow: hidden;\n  background: var(--pna-white); transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.pna__table-wrap:hover { transform: translateY(-2px); box-shadow: var(--pna-shadow-sm); }\n.pna__table { width: 100%; border-collapse: collapse; text-align: left; font-size: clamp(14px, 1.7vw, 16.5px); }\n.pna__table tr { transition: background 0.25s ease; }\n.pna__table tr:hover { background: rgba(239,112,134,0.10); }\n.pna__table tr + tr { border-top: 1px solid var(--pna-line-soft); }\n.pna__table th, .pna__table td { padding: 15px 22px; vertical-align: top; }\n.pna__table th { width: 38%; font-family: var(--pna-display); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; font-size: 0.84em; color: var(--pna-mint-d); background: rgba(189,234,221,0.18); }\n.pna__table td { color: var(--pna-ink); font-weight: 600; }\n\n\/* ALERT *\/\n.pna__alert {\n  max-width: 1200px; margin: clamp(20px, 3vw, 28px) auto 0; display: flex; align-items: flex-start; gap: 14px;\n  text-align: left; padding: 18px 22px; border-radius: var(--pna-radius); border: 1px solid rgba(201,79,102,0.30);\n  background: rgba(201,79,102,0.07); color: var(--pna-coral-d); font-size: 15px; font-weight: 500;\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.pna__alert:hover { transform: translateY(-3px); box-shadow: var(--pna-shadow-sm); border-color: rgba(201,79,102,0.5); }\n.pna__alert-ic { font-size: 20px; flex: none; }\n\n\/* CARE CARDS *\/\n.pna__care { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pna-gap); text-align: left; }\n.pna__care-card { background: var(--pna-white); border: 1px solid var(--pna-line); border-radius: var(--pna-radius); padding: clamp(20px, 3vw, 26px); flex: 1 1 230px; max-width: 300px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }\n.pna__care-card:hover { transform: translateY(-5px); box-shadow: var(--pna-shadow-sm); border-color: rgba(239,112,134,0.55); }\n.pna__care-num { font-family: var(--pna-display); font-weight: 900; font-size: 28px; color: var(--pna-coral); line-height: 1; margin-bottom: 10px; transition: transform 0.35s ease; }\n.pna__care-card:hover .pna__care-num { transform: scale(1.12); }\n.pna__care-card h4 { font-family: var(--pna-display); font-weight: 700; font-size: 16.5px; margin: 0 0 7px; color: var(--pna-ink); }\n.pna__care-card p { margin: 0; font-size: 14.5px; color: var(--pna-muted); line-height: 1.65; }\n\n\/* FAQ *\/\n.pna__faq { max-width: 1200px; margin: 0 auto; text-align: left; }\n.pna__faq details { border: 1px solid var(--pna-line); border-radius: 14px; background: var(--pna-white); margin-bottom: 12px; overflow: hidden; transition: border-color 0.4s ease, box-shadow 0.4s ease; }\n.pna__faq details:hover { border-color: rgba(239,112,134,0.5); box-shadow: var(--pna-shadow-sm); }\n.pna__faq details.pna__faq-open { border-color: rgba(239,112,134,0.55); box-shadow: var(--pna-shadow-sm); }\n.pna__faq summary {\n  list-style: none; cursor: pointer; padding: 18px 22px; font-family: var(--pna-display); font-weight: 700;\n  font-size: clamp(15px, 1.8vw, 17px); color: var(--pna-ink); display: flex; align-items: center; justify-content: space-between;\n  gap: 14px; transition: color 0.3s ease; user-select: none;\n}\n.pna__faq summary:hover { color: var(--pna-rose); }\n.pna__faq summary::-webkit-details-marker { display: none; }\n.pna__faq summary::after {\n  content: \"+\"; font-family: var(--pna-display); font-weight: 700; font-size: 22px; color: var(--pna-coral);\n  transition: transform 0.5s cubic-bezier(.4,0,.2,1); line-height: 1; flex: none;\n}\n.pna__faq details.pna__faq-open summary::after { transform: rotate(45deg); }\n.pna__faq-panel {\n  max-height: 0; opacity: 0; overflow: hidden;\n  transition: max-height 0.55s cubic-bezier(.4,0,.2,1), opacity 0.4s ease;\n}\n.pna__faq-body { padding: 0 22px 20px; color: var(--pna-muted); font-size: 15.5px; line-height: 1.7; }\n\n\/* GIFT *\/\n.pna__gift {\n  position: relative; text-align: center; border-radius: var(--pna-radius-lg); overflow: hidden;\n  padding: clamp(30px, 5vw, 52px) clamp(20px, 4vw, 40px); background: linear-gradient(160deg, #fff6f8, #ffe0e8);\n  border: 1px solid rgba(239,112,134,0.4); box-shadow: var(--pna-shadow-sm);\n}\n.pna__gift-ic { font-size: 40px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease; }\n.pna__gift:hover .pna__gift-ic { transform: scale(1.14) rotate(-8deg); }\n.pna__gift h2 { font-family: var(--pna-display); font-weight: 900; font-size: clamp(22px, 3.8vw, 34px); color: var(--pna-ink); margin: 0 0 12px; }\n.pna__gift p { max-width: 1200px; margin: 0 auto; color: var(--pna-text); font-size: clamp(15px, 1.8vw, 18px); }\n\n\/* CTA *\/\n.pna__cta {\n  position: relative; text-align: center; border-radius: var(--pna-radius-lg); overflow: hidden;\n  padding: clamp(52px, 8vw, 92px) clamp(32px, 7vw, 84px);\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  background: radial-gradient(80% 110% at 50% 0%, rgba(239,112,134,0.22), transparent 55%), linear-gradient(155deg, #7a3350, #4a2035);\n  color: var(--pna-cream); border: 1px solid rgba(239,112,134,0.3); box-shadow: var(--pna-shadow);\n}\n.pna__cta h2, .pna__cta p { max-width: 900px; }\n@media (max-width: 600px) { .pna__cta { padding: clamp(40px, 10vw, 56px) clamp(22px, 7vw, 34px); } }\n.pna__cta .pna__sparkle { opacity: 0.75; }\n.pna__cta h2 { position: relative; z-index: 2; font-family: var(--pna-display); font-weight: 900; font-size: clamp(24px, 4.6vw, 42px); margin: 0 0 14px; color: var(--pna-cream); text-shadow: 0 0 26px rgba(239,112,134,0.32); }\n.pna__cta h2 em { font-style: italic; color: var(--pna-pink); }\n.pna__cta p { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; color: rgba(255,246,248,0.86); font-size: clamp(14px, 1.9vw, 18px); font-style: italic; }\n.pna__cta-seal {\n  position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; margin-top: clamp(20px, 3vw, 26px);\n  font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: clamp(12px, 1.6vw, 14px);\n  color: var(--pna-pink); padding: 14px 28px; border: 1px solid rgba(239,112,134,0.45); border-radius: 999px;\n  background: rgba(239,112,134,0.12); cursor: pointer; text-decoration: none;\n  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;\n}\n.pna__cta-seal:hover { background: rgba(239,112,134,0.22); border-color: var(--pna-pink); transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 30px -12px rgba(239,112,134,0.6); color: var(--pna-cream); }\n.pna__cta-seal:active { transform: translateY(-1px) scale(0.99); }\n\n\/* TIPS *\/\n.pna__tips { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pna-gap); text-align: left; }\n.pna__tip { background: var(--pna-white); border: 1px solid var(--pna-line); border-radius: var(--pna-radius); padding: clamp(20px, 3vw, 28px); flex: 1 1 230px; max-width: 320px; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }\n.pna__tip:hover { transform: translateY(-5px); box-shadow: var(--pna-shadow-sm); border-color: rgba(239,112,134,0.55); }\n.pna__tip-ic { font-size: 28px; display: inline-block; margin-bottom: 12px; transition: transform 0.4s ease; }\n.pna__tip:hover .pna__tip-ic { transform: scale(1.15) rotate(-5deg); }\n.pna__tip h4 { font-family: var(--pna-display); font-weight: 700; font-size: 16.5px; margin: 0 0 7px; color: var(--pna-ink); }\n.pna__tip p { margin: 0; font-size: 14.5px; color: var(--pna-muted); line-height: 1.65; }\n\n\/* PROMISE *\/\n.pna__promise { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pna-gap); text-align: left; }\n.pna__promise-card { background: var(--pna-white); border: 1px solid var(--pna-line); border-radius: var(--pna-radius); padding: clamp(22px, 3vw, 30px); flex: 1 1 220px; max-width: 300px; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }\n.pna__promise-card:hover { transform: translateY(-5px); box-shadow: var(--pna-shadow-sm); border-color: rgba(239,112,134,0.55); }\n.pna__promise-ic { font-size: 28px; display: inline-block; margin-bottom: 12px; transition: transform 0.4s ease; }\n.pna__promise-card:hover .pna__promise-ic { transform: scale(1.14) rotate(-6deg); }\n.pna__promise-card h4 { font-family: var(--pna-display); font-weight: 700; font-size: 16.5px; margin: 0 0 8px; color: var(--pna-ink); }\n.pna__promise-card p { margin: 0; font-size: 14.5px; color: var(--pna-muted); line-height: 1.65; }\n\n\/* INBOX *\/\n.pna__inbox { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }\n.pna__inbox-item { background: var(--pna-white); border: 1px solid var(--pna-line); border-radius: var(--pna-radius); padding: 20px 14px; text-align: center; font-size: 13.5px; color: var(--pna-muted); line-height: 1.5; flex: 1 1 160px; max-width: 220px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }\n.pna__inbox-item:hover { transform: translateY(-4px); box-shadow: var(--pna-shadow-sm); border-color: rgba(239,112,134,0.55); }\n.pna__inbox-num { font-family: var(--pna-display); font-weight: 900; font-size: 24px; color: var(--pna-rose); display: block; margin-bottom: 4px; }\n.pna__inbox-t { font-weight: 700; color: var(--pna-ink); }\n\n\/* PANELS *\/\n.pna__panels { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pna-gap); text-align: left; }\n.pna__panel { background: var(--pna-white); border: 1px solid var(--pna-line); border-radius: var(--pna-radius); padding: clamp(24px, 3.4vw, 34px); flex: 1 1 260px; max-width: 420px; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }\n.pna__panel:hover { transform: translateY(-5px); box-shadow: var(--pna-shadow-sm); border-color: rgba(239,112,134,0.55); }\n.pna__panel-ic { font-size: 32px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease; }\n.pna__panel:hover .pna__panel-ic { transform: scale(1.12) rotate(-5deg); }\n.pna__panel h3 { font-family: var(--pna-display); font-weight: 700; font-size: clamp(18px, 2.2vw, 22px); margin: 0 0 10px; color: var(--pna-ink); }\n.pna__panel p { margin: 0; color: var(--pna-muted); font-size: 15.5px; line-height: 1.7; }\n\n\/* LAYOUT SECTION *\/\n.pna__layout-wrap { display: flex; flex-wrap: wrap; gap: clamp(18px, 3vw, 32px); align-items: stretch; }\n.pna__layout-badge {\n  flex: 1 1 260px; max-width: 340px; border-radius: var(--pna-radius); border: 1px solid var(--pna-line);\n  background: linear-gradient(160deg, #ffe0e8, #ffd0dc); display: flex; flex-direction: column; align-items: center;\n  justify-content: center; padding: clamp(30px, 4vw, 44px) 20px; gap: 10px;\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.pna__layout-badge:hover { transform: translateY(-4px); box-shadow: var(--pna-shadow-sm); }\n.pna__layout-badge .pna__layout-ic { font-size: 46px; }\n.pna__layout-badge .pna__layout-num { font-family: var(--pna-display); font-weight: 900; font-size: 30px; color: var(--pna-rose-dark); }\n.pna__layout-badge .pna__layout-txt { font-size: 13px; color: var(--pna-muted); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }\n.pna__split-text {\n  text-align: left; background: var(--pna-white); border: 1px solid var(--pna-line); border-radius: var(--pna-radius);\n  padding: clamp(24px, 3.4vw, 38px); display: flex; flex-direction: column; justify-content: center; flex: 1 1 320px;\n}\n.pna__split-text h3 { font-family: var(--pna-display); font-weight: 700; font-size: clamp(20px, 2.6vw, 27px); margin: 0 0 14px; color: var(--pna-ink); }\n.pna__split-list { list-style: none; margin: 0; padding: 0; }\n.pna__split-list li { position: relative; padding: 9px 0 9px 30px; font-size: clamp(14px, 1.6vw, 16px); color: var(--pna-text); border-bottom: 1px solid var(--pna-line-soft); }\n.pna__split-list li:last-child { border-bottom: none; }\n.pna__split-list li::before { content: \"💗\"; position: absolute; left: 0; top: 8px; font-size: 15px; }\n\n\/* PALETTE *\/\n.pna__palette { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pna-gap); }\n.pna__swatch { border-radius: var(--pna-radius); overflow: hidden; border: 1px solid var(--pna-line); background: var(--pna-white); flex: 1 1 150px; max-width: 220px; transition: transform 0.35s ease, box-shadow 0.35s ease; }\n.pna__swatch:hover { transform: translateY(-5px); box-shadow: var(--pna-shadow-sm); }\n.pna__swatch-chip { height: 80px; transition: transform 0.4s ease; }\n.pna__swatch:hover .pna__swatch-chip { transform: scale(1.04); }\n.pna__swatch-chip--pink { background: linear-gradient(135deg, #fff6f8, #ffd0e4, #e8829e); }\n.pna__swatch-chip--lilac { background: linear-gradient(135deg, #f0e8ff, #c8a8f0, #9060d0); }\n.pna__swatch-chip--cream { background: linear-gradient(135deg, #fffef8, #f8f4e8, #e8e0cc); }\n.pna__swatch-chip--clear { background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(240,240,255,0.6), rgba(220,220,240,0.3)); border: 1px solid rgba(200,180,220,0.4); }\n.pna__swatch-body { padding: 14px 16px; text-align: center; }\n.pna__swatch-body h4 { font-family: var(--pna-display); font-weight: 700; font-size: 15px; color: var(--pna-ink); margin: 0 0 3px; }\n.pna__swatch-body p { font-size: 12.5px; color: var(--pna-muted); margin: 0; }\n\n\/* FULL LAYOUT IMAGE *\/\n.pna__layout-full-img {\n  width: 100%;\n  aspect-ratio: 30 \/ 7;\n  border-radius: var(--pna-radius);\n  overflow: hidden;\n  border: 1px solid var(--pna-line);\n  box-shadow: var(--pna-shadow-sm);\n  background: var(--pna-white);\n  margin-bottom: clamp(18px, 3vw, 28px);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.pna__layout-full-img:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--pna-shadow);\n}\n\n.pna__layout-full-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover; \/* or contain *\/\n  display: block;\n}\n\n\/* ADD TO CART GLOW ANIMATION *\/\n@keyframes pna-add-glow {\n  0%   { box-shadow: 0 0 0 0 rgba(239,112,134,0); filter: brightness(1) saturate(1); }\n  50%  { box-shadow: 0 0 22px 6px rgba(239,112,134,0.55); filter: brightness(1.08) saturate(1.15); }\n  100% { box-shadow: 0 0 0 0 rgba(239,112,134,0); filter: brightness(1) saturate(1); }\n}\n.pna-add-pulse {\n  animation: pna-add-glow 1.3s ease-in-out 3;\n  transition: filter 0.6s ease, box-shadow 0.6s ease;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) { .pna { font-size: 17px; } }\n@media (max-width: 600px) {\n  .pna { padding: 0; font-size: 16.5px; }\n  .pna__inner { padding: 18px 14px; }\n  .pna__features \u003e *, .pna__variants \u003e *, .pna__care \u003e *, .pna__trust \u003e *, .pna__panels \u003e *,\n  .pna__palette \u003e *, .pna__tips \u003e *, .pna__promise \u003e *, .pna__inbox \u003e *, .pna__spec-grid \u003e * { flex-basis: 100%; max-width: 100%; }\n  .pna__eyebrow { letter-spacing: 0.16em; }\n  .pna__title { font-size: clamp(23px, 7.6vw, 32px); }\n  .pna__video-row { flex-direction: column; }\n  .pna__layout-badge { max-width: 100%; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .pna * { animation: none !important; transition: none !important; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"pna\" lang=\"en\"\u003e\n\u003cdiv class=\"pna__sheet\"\u003e\n\u003cdiv class=\"pna__inner\"\u003e\n\u003c!-- HERO --\u003e\u003cheader class=\"pna__hero\"\u003e\n\u003cdiv class=\"pna__sparkle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"pna__eyebrow\"\u003eGradient Transparent Collection\u003c\/span\u003e\n\u003ch1 class=\"pna__title\"\u003eGradient \u003cspan class=\"pna__accent\"\u003eTransparent\u003c\/span\u003e\u003cbr\u003eKeycap Set\u003c\/h1\u003e\n\u003cp class=\"pna__subtitle\"\u003eA dreamy white-to-pink ombré that fades into soft lilac — with crystal-clear novelty keys that let your switches shine through. Every keystroke is a little window into your build.\u003c\/p\u003e\n\u003cdiv class=\"pna__hero-rule\"\u003e\u003cspan\u003e✨ 💗 ✨\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"pna__badges\"\u003e\n\u003cspan class=\"pna__badge\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003cspan\u003ePink to Lilac Gradient\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"pna__badge\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003cspan\u003eTransparent Novelties\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"pna__badge\"\u003e\u003cspan\u003e⌨️\u003c\/span\u003e\u003cspan\u003eCherry Profile\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"pna__badge\"\u003e\u003cspan\u003e🧩\u003c\/span\u003e\u003cspan\u003eANSI \u0026amp; ISO\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- HERO BANNER — full overhead showing white-to-pink gradient, all keys --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__media-full pna__hero-banner\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7197777839_3to2.jpg?v=1761149484\" alt=\"KeyArtisan Gradient Transparent Keycap Set — full keyboard overhead view showing white-to-cream gradient with transparent novelty keys\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- STORY --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eA Dreamy Ombré \u003cem\u003eThat Lets Light Through\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__prose\"\u003e\n\u003cp\u003eSome keycap sets decorate your board. This one transforms it. The \u003cstrong\u003eGradient Transparent Keycap Set\u003c\/strong\u003e sweeps from pure white through soft blush and baby pink into a delicate lilac, creating a seamless ombré across your entire keyboard — while the crystal-clear novelty keys create little windows that reveal the switches glowing beneath.\u003c\/p\u003e\n\u003cp\u003eSculpted in the classic \u003cstrong\u003eCherry profile\u003c\/strong\u003e, the set pairs a familiar, comfortable typing feel with eye-catching checkered legends on the Tab and Enter keys, giving the theme depth without sacrificing legibility. Both \u003cstrong\u003eANSI and ISO\u003c\/strong\u003e layouts are supported, so the gradient can land on almost any board.\u003c\/p\u003e\n\u003cp\u003eThe keycaps are crafted from high-quality \u003cstrong\u003ePBT plastic\u003c\/strong\u003e with \u003cstrong\u003edye-sublimation printing\u003c\/strong\u003e — shine-resistant and fade-resistant, keeping every gradient shade and legend crisp for years of daily use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__trust\"\u003e\n\u003cdiv class=\"pna__trust-item\"\u003e\n\u003cdiv class=\"pna__trust-ic\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"pna__trust-t\"\u003eWorldwide Shipping\u003c\/div\u003e\n\u003cdiv class=\"pna__trust-s\"\u003eCarefully packed \u0026amp; tracked\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__trust-item\"\u003e\n\u003cdiv class=\"pna__trust-ic\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"pna__trust-t\"\u003eSecure Checkout\u003c\/div\u003e\n\u003cdiv class=\"pna__trust-s\"\u003eSafe, encrypted payment\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__trust-item\"\u003e\n\u003cdiv class=\"pna__trust-ic\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"pna__trust-t\"\u003eEasy Returns\u003c\/div\u003e\n\u003cdiv class=\"pna__trust-s\"\u003eHassle-free support\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FIRST LOOK — left side close-up, right side close-up, then desk scene --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eFirst Look\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eThe Gradient, \u003cem\u003eUp Close\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__grid3\"\u003e\n\u003cdiv class=\"pna__grid-img\"\u003e\n\u003cspan class=\"pna__img-label\"\u003eAlphas\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7149787104_nkgr.jpg?v=1761149485\" alt=\"KeyArtisan Gradient Transparent Keycap Set — angled close-up of left side showing white-to-pink gradient alphas with transparent novelty keys\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__grid-img\"\u003e\n\u003cspan class=\"pna__img-label\"\u003eModifiers\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7149782796_os92.jpg?v=1761149485\" alt=\"KeyArtisan Gradient Transparent Keycap Set — close-up of right side with pink-to-lilac gradient modifiers and transparent novelty keys\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__grid-img\"\u003e\n\u003cspan class=\"pna__img-label\"\u003eTransparent Keys\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7197774851_lwng.jpg?v=1761149485\" alt=\"KeyArtisan Gradient Transparent Keycap Set — macro shot of 4 transparent novelty keycaps with pink switches visible underneath\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- VIDEO + TEXT SIDE BY SIDE --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eSee It In Action\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eWatch the \u003cem\u003eGradient Come Alive\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__video-row\"\u003e\n\u003cdiv class=\"pna__video-col\"\u003e\n\u003cdiv class=\"pna__video-wrap\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" aria-label=\"KeyArtisan Gradient Transparent Keycap Set product video showing the full gradient and transparent key effect\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/0a1e0ae27a9d4a0c89420d3955dce341\/0a1e0ae27a9d4a0c89420d3955dce341.HD-1080p-2.5Mbps-60613340.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__video-text\"\u003e\n\u003ch3\u003eCrystal Windows on Every Switch\u003c\/h3\u003e\n\u003cp\u003eThe transparent novelty keycaps aren't just clear — they're a design feature. Pair them with any RGB or single-colour switch and the light diffuses upward through the cap, giving your build a soft, glowing depth you can't get from opaque sets.\u003c\/p\u003e\n\u003cp style=\"margin-top: 14px;\"\u003eThe full gradient — sweeping from cool white at the left edge through blush, baby pink, and into lilac — reads differently at every angle and under every light. That's the beauty of an ombré done right.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURES --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eWhy You'll Love It\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eKey Features\u003c\/h2\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__features\"\u003e\n\u003carticle class=\"pna__feature\"\u003e\n\u003cdiv class=\"pna__feature-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eSeamless Gradient\u003c\/h3\u003e\n\u003cp\u003eA smooth white-to-pink-to-lilac ombré flows across the full board, with no hard edges — just a soft, continuous fade.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__feature\"\u003e\n\u003cdiv class=\"pna__feature-icon\"\u003e💎\u003c\/div\u003e\n\u003ch3\u003eTransparent Novelties\u003c\/h3\u003e\n\u003cp\u003eCrystal-clear novelty keycaps create little windows into your build, making your switch colour or RGB an active part of the aesthetic.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__feature\"\u003e\n\u003cdiv class=\"pna__feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch3\u003eCherry Profile Sculpt\u003c\/h3\u003e\n\u003cp\u003eThe classic sculpted Cherry profile feels familiar and comfortable under the fingers through long typing and gaming sessions.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__feature\"\u003e\n\u003cdiv class=\"pna__feature-icon\"\u003e🧩\u003c\/div\u003e\n\u003ch3\u003eANSI \u0026amp; ISO Ready\u003c\/h3\u003e\n\u003cp\u003eBuilt to support both major layout standards so the gradient lands on almost any mechanical keyboard on the market.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__feature\"\u003e\n\u003cdiv class=\"pna__feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003ch3\u003eDye-Sub PBT Build\u003c\/h3\u003e\n\u003cp\u003eThick, shine-resistant PBT plastic with dye-sublimated legends that stay crisp through daily use — no fading, no peeling.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__feature\"\u003e\n\u003cdiv class=\"pna__feature-icon\"\u003e✦\u003c\/div\u003e\n\u003ch3\u003eCheckered Detail Keys\u003c\/h3\u003e\n\u003cp\u003eThe Tab and Enter keys carry a subtle checkered pattern legend, adding a graphic detail that lifts the set above a plain gradient.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 2-GRID DESK SCENES --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__grid2\"\u003e\n\u003cdiv class=\"pna__grid-img\"\u003e\n\u003cspan class=\"pna__img-label\"\u003eDesk Scene\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7149775378_gxvd.jpg?v=1761149485\" alt=\"KeyArtisan Gradient Transparent Keycap Set — full keyboard angled on wavy desk mat with laptop in background, white-to-pink gradient\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__grid-img\"\u003e\n\u003cspan class=\"pna__img-label\"\u003eStyled Setup\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7197774183_pwsd.jpg?v=1761149485\" alt=\"KeyArtisan Gradient Transparent Keycap Set — full keyboard on beige surface with dried coral branches, showing white-to-pink gradient\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SPOTLIGHT SPECS --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__spotlight\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eBuilt for Every Desk\u003c\/div\u003e\n\u003ch2\u003eSculpted \u003cem\u003eCherry Profile\u003c\/em\u003e, Full Coverage\u003c\/h2\u003e\n\u003cp\u003eThis set is built around the classic sculpted Cherry profile — a shape that feels immediately familiar under your fingers. The gradient and transparent novelties are engineered to pair naturally with RGB switches or any single-colour build, so the effect looks intentional on every board it touches.\u003c\/p\u003e\n\u003cdiv class=\"pna__spec-grid\"\u003e\n\u003cdiv class=\"pna__spec\"\u003e\n\u003cdiv class=\"pna__spec-k\"\u003eProfile\u003c\/div\u003e\n\u003cdiv class=\"pna__spec-v\"\u003eCherry Profile\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__spec\"\u003e\n\u003cdiv class=\"pna__spec-k\"\u003eGradient\u003c\/div\u003e\n\u003cdiv class=\"pna__spec-v\"\u003eWhite → Pink → Lilac\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__spec\"\u003e\n\u003cdiv class=\"pna__spec-k\"\u003eLayout\u003c\/div\u003e\n\u003cdiv class=\"pna__spec-v\"\u003eANSI \u0026amp; ISO\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__spec\"\u003e\n\u003cdiv class=\"pna__spec-k\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"pna__spec-v\"\u003eDye-Sub PBT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__spec\"\u003e\n\u003cdiv class=\"pna__spec-k\"\u003eSwitch Fit\u003c\/div\u003e\n\u003cdiv class=\"pna__spec-v\"\u003eMX Cross-Stem\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LAYOUT SECTION — full overhead image showing all keys + compatibility list --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eSet Coverage\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eDesigned to Fit Your \u003cem\u003eBoard\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Full overhead image of the complete keycap set --\u003e\n\u003cdiv class=\"pna__layout-wrap\"\u003e\n\u003cdiv class=\"pna__layout-badge\"\u003e\n\u003cdiv class=\"pna__layout-ic\"\u003e🌸\u003c\/div\u003e\n\u003cdiv class=\"pna__layout-num\"\u003eFull\u003c\/div\u003e\n\u003cdiv class=\"pna__layout-txt\"\u003eLayout Coverage\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__split-text\"\u003e\n\u003ch3\u003eBroad Layout Compatibility\u003c\/h3\u003e\n\u003cul class=\"pna__split-list\"\u003e\n\u003cli\u003e60% \u0026amp; 65% compact layouts (61 \/ 64 \/ 68 keys)\u003c\/li\u003e\n\u003cli\u003e75% compact full-function (75 \/ 84 keys)\u003c\/li\u003e\n\u003cli\u003e80% TKL, tenkeyless (87 keys)\u003c\/li\u003e\n\u003cli\u003e96% compact full-size (96 \/ 98 \/ 100 keys)\u003c\/li\u003e\n\u003cli\u003eFull-size boards (104 \/ 108 keys)\u003c\/li\u003e\n\u003cli\u003eANSI \u0026amp; ISO, MX-style cross-stem switches\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"margin-top: 14px; font-size: 14px; color: var(--pna-muted); font-style: italic;\"\u003eNot sure if your board is covered? Send us your keyboard model and we'll confirm fit before you order.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- VARIANTS --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eThe Set\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eOne Complete \u003cem\u003eGradient Kit\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"pna__lead\"\u003eNo piecing together extras — the full gradient and all novelties are already in the box.\u003c\/p\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__variants\"\u003e\n\u003carticle class=\"pna__variant\"\u003e\n\u003cdiv class=\"pna__variant-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pna__variant-key\"\u003eLayouts\u003c\/div\u003e\n\u003ch3\u003eANSI \u0026amp; ISO\u003c\/h3\u003e\n\u003cp\u003eBuilt to support both major layout standards, from compact 60% boards up to full-size 108-key desktops.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__variant\"\u003e\n\u003cdiv class=\"pna__variant-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pna__variant-key\"\u003eTones\u003c\/div\u003e\n\u003ch3\u003eWhite · Pink · Lilac\u003c\/h3\u003e\n\u003cp\u003eA seamless three-tone gradient flows across the board from left to right — one clean, continuous ombré.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FULL SPECS TABLE --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eThe Details\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eFull Specifications\u003c\/h2\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__table-wrap\"\u003e\n\u003ctable class=\"pna__table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eModel\u003c\/th\u003e\n\u003ctd\u003eGradient Transparent Keycap Set\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile\u003c\/th\u003e\n\u003ctd\u003eCherry Profile\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eGradient\u003c\/th\u003e\n\u003ctd\u003eWhite → Pink → Lilac (left to right)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eNovelty Keys\u003c\/th\u003e\n\u003ctd\u003eTransparent (crystal-clear)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLayout Support\u003c\/th\u003e\n\u003ctd\u003eANSI \u0026amp; ISO\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSupported Sizes\u003c\/th\u003e\n\u003ctd\u003e61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 98 \/ 100 \/ 104 \/ 108 Keys\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eHigh-Quality PBT Plastic\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLegend Printing\u003c\/th\u003e\n\u003ctd\u003eDye-Sublimation (shine \u0026amp; fade resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eStem Type\u003c\/th\u003e\n\u003ctd\u003eMX-Style (cross stem)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCompatible Switches\u003c\/th\u003e\n\u003ctd\u003eCherry MX, Gateron, Kailh \u0026amp; most MX clones\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProduct Type\u003c\/th\u003e\n\u003ctd\u003eKeycap Set (for mechanical keyboards)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__alert\"\u003e\n\u003cspan class=\"pna__alert-ic\"\u003e⚠️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eKeycaps only.\u003c\/strong\u003e This listing includes the keycap set only. The keyboard, switches, and accessories shown in the photos are for display and are not included. Works only with MX-style mechanical switches — not compatible with membrane, scissor-switch, or low-profile keyboards.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INSTALL STEPS --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eEasy Setup\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eInstall in \u003cem\u003eFour Steps\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"pna__lead\"\u003eNo tools beyond a standard keycap puller. Done in minutes.\u003c\/p\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__care\"\u003e\n\u003carticle class=\"pna__care-card\"\u003e\n\u003cdiv class=\"pna__care-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003ePull the Old Caps\u003c\/h4\u003e\n\u003cp\u003eSlide a wire keycap puller over each cap and lift straight up to remove your existing keycaps without scratching the switch stems.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__care-card\"\u003e\n\u003cdiv class=\"pna__care-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003ePlan the Gradient\u003c\/h4\u003e\n\u003cp\u003eLay out the new set to match your board size and plan where the gradient flows — the lightest keys sit left, deepest lilac to the right.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__care-card\"\u003e\n\u003cdiv class=\"pna__care-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003ePress Into Place\u003c\/h4\u003e\n\u003cp\u003eAlign each cap over its switch stem and press down gently until it clicks securely into position.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__care-card\"\u003e\n\u003cdiv class=\"pna__care-num\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eWatch It Glow\u003c\/h4\u003e\n\u003cp\u003eFlip your RGB on and watch the transparent novelties catch the light — then enjoy a board that looks different at every angle.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- WHAT'S IN THE BOX --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003ePackage Contents\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eWhat's in the \u003cem\u003eBox\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__inbox\"\u003e\n\u003cdiv class=\"pna__inbox-item\"\u003e\n\u003cspan class=\"pna__inbox-num\"\u003e✓\u003c\/span\u003e\u003cspan class=\"pna__inbox-t\"\u003eKeycap Set\u003c\/span\u003e\u003cbr\u003eFull gradient kit with novelties\u003c\/div\u003e\n\u003cdiv class=\"pna__inbox-item\"\u003e\n\u003cspan class=\"pna__inbox-num\"\u003e1×\u003c\/span\u003e\u003cspan class=\"pna__inbox-t\"\u003eKeycap Puller\u003c\/span\u003e\u003cbr\u003eFor easy installation\u003c\/div\u003e\n\u003cdiv class=\"pna__inbox-item\"\u003e\n\u003cspan class=\"pna__inbox-num\"\u003e2\u003c\/span\u003e\u003cspan class=\"pna__inbox-t\"\u003eLayout Support\u003c\/span\u003e\u003cbr\u003eANSI \u0026amp; ISO ready\u003c\/div\u003e\n\u003cdiv class=\"pna__inbox-item\"\u003e\n\u003cspan class=\"pna__inbox-num\"\u003e✓\u003c\/span\u003e\u003cspan class=\"pna__inbox-t\"\u003eProtective Packaging\u003c\/span\u003e\u003cbr\u003eDamage-free delivery\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CARE --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eKeep the Gradient Fresh\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eCare \u0026amp; Keeping\u003c\/h2\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__care\"\u003e\n\u003carticle class=\"pna__care-card\"\u003e\n\u003cdiv class=\"pna__care-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eGentle Cleaning\u003c\/h4\u003e\n\u003cp\u003eWipe with a soft, slightly damp cloth for everyday cleaning — avoid solvents and abrasives. For a deeper clean, remove the caps and rinse gently in warm soapy water.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__care-card\"\u003e\n\u003cdiv class=\"pna__care-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eDry Fully\u003c\/h4\u003e\n\u003cp\u003eAlways let keycaps dry completely before remounting them on your switches to protect your board from moisture.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__care-card\"\u003e\n\u003cdiv class=\"pna__care-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eUse a Puller\u003c\/h4\u003e\n\u003cp\u003eRemove caps with a wire keycap puller to protect the dye-sub legends and avoid stressing the switch stems.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__care-card\"\u003e\n\u003cdiv class=\"pna__care-num\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eAvoid Direct Sun\u003c\/h4\u003e\n\u003cp\u003eStore and use your board away from prolonged direct sunlight to keep the gradient tones — especially the lighter whites and pinks — vivid for years.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PALETTE --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eThe Palette\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eThree Tones, \u003cem\u003eOne Seamless Flow\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"pna__lead\"\u003eThe gradient moves across the board in a single breath — white fading into pink, pink melting into lilac.\u003c\/p\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__palette\"\u003e\n\u003cdiv class=\"pna__swatch\"\u003e\n\u003cdiv class=\"pna__swatch-chip pna__swatch-chip--cream\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pna__swatch-body\"\u003e\n\u003ch4\u003ePetal White\u003c\/h4\u003e\n\u003cp\u003eCool, clean starting tone\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__swatch\"\u003e\n\u003cdiv class=\"pna__swatch-chip pna__swatch-chip--pink\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pna__swatch-body\"\u003e\n\u003ch4\u003eBlush Pink\u003c\/h4\u003e\n\u003cp\u003eSoft mid-gradient blush\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__swatch\"\u003e\n\u003cdiv class=\"pna__swatch-chip pna__swatch-chip--lilac\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pna__swatch-body\"\u003e\n\u003ch4\u003eSoft Lilac\u003c\/h4\u003e\n\u003cp\u003eDreamy pastel endpoint\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__swatch\"\u003e\n\u003cdiv class=\"pna__swatch-chip pna__swatch-chip--clear\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pna__swatch-body\"\u003e\n\u003ch4\u003eCrystal Clear\u003c\/h4\u003e\n\u003cp\u003eTransparent novelty keys\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- WHO IS IT FOR — close-up legend detail \u0026 function row images --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eMade For\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eWho Will \u003cem\u003eLove\u003c\/em\u003e This Set\u003c\/h2\u003e\n\u003cp class=\"pna__lead\"\u003eIf any of these sound like you, this gradient belongs on your board.\u003c\/p\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__tips\"\u003e\n\u003carticle class=\"pna__tip\"\u003e\u003cspan class=\"pna__tip-ic\"\u003e🌸\u003c\/span\u003e\n\u003ch4\u003ePastel Aesthetic Lovers\u003c\/h4\u003e\n\u003cp\u003eAnyone building a soft, feminine, or dreamy desk who wants a single set that does all the work.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__tip\"\u003e\u003cspan class=\"pna__tip-ic\"\u003e💡\u003c\/span\u003e\n\u003ch4\u003eRGB Build Enthusiasts\u003c\/h4\u003e\n\u003cp\u003eThe transparent novelties turn your switch glow into part of the design — perfect for showing off a lit build.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__tip\"\u003e\u003cspan class=\"pna__tip-ic\"\u003e⌨️\u003c\/span\u003e\n\u003ch4\u003eKeyboard Collectors\u003c\/h4\u003e\n\u003cp\u003eCherry profile fans who appreciate a clean dye-sub build with a distinctive, gradient-first identity.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__tip\"\u003e\u003cspan class=\"pna__tip-ic\"\u003e🎁\u003c\/span\u003e\n\u003ch4\u003eGift Givers\u003c\/h4\u003e\n\u003cp\u003eA memorable, beautiful present for the keyboard enthusiast, pastel lover, or aesthetic desk builder in your life.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CLOSE-UP DETAIL IMAGES --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__grid2\"\u003e\n\u003cdiv class=\"pna__grid-img\"\u003e\n\u003cspan class=\"pna__img-label\"\u003eFunction Row\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7149775402_ro0i.jpg?v=1761149484\" alt=\"KeyArtisan Gradient Transparent Keycap Set — full keyboard angled on wooden surface with pearl necklace prop, white-to-pink gradient with transparent novelty keys\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__grid-img\"\u003e\n\u003cspan class=\"pna__img-label\"\u003eLegend Detail\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7197762215_2198.jpg?v=1761149485\" alt=\"KeyArtisan Gradient Transparent Keycap Set — close-up of function row and top keys with novelty legends, checkered Enter key and pink gradient modifiers\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PROMISE --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eShop With Confidence\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eOur Promise to \u003cem\u003eYou\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__promise\"\u003e\n\u003carticle class=\"pna__promise-card\"\u003e\u003cspan class=\"pna__promise-ic\"\u003e📦\u003c\/span\u003e\n\u003ch4\u003eCarefully Packed\u003c\/h4\u003e\n\u003cp\u003eEvery set is securely packaged so your keycaps — including the transparent novelties — arrive in perfect condition.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__promise-card\"\u003e\u003cspan class=\"pna__promise-ic\"\u003e🔍\u003c\/span\u003e\n\u003ch4\u003eQuality Checked\u003c\/h4\u003e\n\u003cp\u003eEach order is inspected for gradient consistency, clean legends, and undamaged clear keycaps before shipping.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__promise-card\"\u003e\u003cspan class=\"pna__promise-ic\"\u003e💬\u003c\/span\u003e\n\u003ch4\u003eFriendly Support\u003c\/h4\u003e\n\u003cp\u003eQuestions about fit, gradient direction, or switch compatibility? Reach out any time — a real person will help within 24 hours.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__promise-card\"\u003e\u003cspan class=\"pna__promise-ic\"\u003e💗\u003c\/span\u003e\n\u003ch4\u003eMade for Fans\u003c\/h4\u003e\n\u003cp\u003eBuilt for people who care about every detail of their desk — the colours, the light, the feel under their fingers.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PANELS --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__panels\"\u003e\n\u003carticle class=\"pna__panel\"\u003e\u003cspan class=\"pna__panel-ic\"\u003e🤚\u003c\/span\u003e\n\u003ch3\u003eA Familiar, Sculpted Feel\u003c\/h3\u003e\n\u003cp\u003eCherry profile keeps the typing experience comfortable and predictable — so all the beauty is in what you see, not a compromise in how it types.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"pna__panel\"\u003e\u003cspan class=\"pna__panel-ic\"\u003e💎\u003c\/span\u003e\n\u003ch3\u003eA Theme That Goes All The Way Through\u003c\/h3\u003e\n\u003cp\u003eThe gradient isn't just on the alphas — it flows through the modifiers, the function row, and into the transparent novelties that catch the light beneath.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__head\"\u003e\n\u003cdiv class=\"pna__kicker\"\u003eAnswers\u003c\/div\u003e\n\u003ch2 class=\"pna__h2\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"pna__divider\"\u003e\u003cspan class=\"pna__leaf\"\u003e💗\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pna__faq\"\u003e\n\u003cdetails class=\"pna__faq-item\"\u003e\n\u003csummary\u003eWill this fit my keyboard?\u003c\/summary\u003e\n\u003cdiv class=\"pna__faq-panel\"\u003e\n\u003cdiv class=\"pna__faq-body\"\u003eThe set uses standard MX-style stems and supports most popular layouts, including ANSI and ISO boards from 60% up to full-size 104\/108-key desktops. Unsure? Send us your keyboard model and we'll confirm before you order.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pna__faq-item\"\u003e\n\u003csummary\u003eHow does the gradient flow across the board?\u003c\/summary\u003e\n\u003cdiv class=\"pna__faq-panel\"\u003e\n\u003cdiv class=\"pna__faq-body\"\u003eThe gradient flows from left to right — starting with cool petal white on the left-side alphas, moving through soft blush pink in the centre, and finishing in a dreamy lilac on the right side and modifier keys.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pna__faq-item\"\u003e\n\u003csummary\u003eWhat are the transparent keycaps made of?\u003c\/summary\u003e\n\u003cdiv class=\"pna__faq-panel\"\u003e\n\u003cdiv class=\"pna__faq-body\"\u003eThe transparent novelty keycaps are made from clear PBT plastic. They're designed to let switch colour or RGB light pass through, making them especially effective on backlit builds. The rest of the set is standard opaque dye-sub PBT.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pna__faq-item\"\u003e\n\u003csummary\u003eWhat switches does it work with?\u003c\/summary\u003e\n\u003cdiv class=\"pna__faq-panel\"\u003e\n\u003cdiv class=\"pna__faq-body\"\u003eAny MX-style switch — Cherry MX, Gateron, Kailh and most MX clones. It is not compatible with membrane, scissor-switch, or low-profile keyboards.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pna__faq-item\"\u003e\n\u003csummary\u003eWhat keycap profile is this set?\u003c\/summary\u003e\n\u003cdiv class=\"pna__faq-panel\"\u003e\n\u003cdiv class=\"pna__faq-body\"\u003eThis set uses the classic sculpted Cherry profile — a comfortable shape designed for a familiar, ergonomic typing feel during long sessions.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pna__faq-item\"\u003e\n\u003csummary\u003eIs a keyboard included?\u003c\/summary\u003e\n\u003cdiv class=\"pna__faq-panel\"\u003e\n\u003cdiv class=\"pna__faq-body\"\u003eNo — this listing is for the keycap set only. Keyboards, switches, and accessories shown in the photos are for display purposes and are not included.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pna__faq-item\"\u003e\n\u003csummary\u003eHow do I install the keycaps?\u003c\/summary\u003e\n\u003cdiv class=\"pna__faq-panel\"\u003e\n\u003cdiv class=\"pna__faq-body\"\u003eUse a keycap puller to remove your existing caps, plan the gradient direction across your board, then press each cap onto its switch stem until it clicks. The whole swap usually takes just a few minutes.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pna__faq-item\"\u003e\n\u003csummary\u003eWill the gradient colours look like the photos?\u003c\/summary\u003e\n\u003cdiv class=\"pna__faq-panel\"\u003e\n\u003cdiv class=\"pna__faq-body\"\u003eWe photograph the set in controlled lighting to represent the gradient accurately. Monitor calibration can shift on-screen colour slightly, but the real-world caps stay true to the soft white-pink-lilac palette shown.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pna__faq-item\"\u003e\n\u003csummary\u003eDo the transparent keycaps work with RGB switches?\u003c\/summary\u003e\n\u003cdiv class=\"pna__faq-panel\"\u003e\n\u003cdiv class=\"pna__faq-body\"\u003eYes — the clear PBT novelty caps are designed to let light pass through. RGB switches with top-mounted or side-mounted LEDs will glow visibly through the transparent keys, creating a beautiful layered lighting effect.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pna__faq-item\"\u003e\n\u003csummary\u003eDoes it support both ANSI and ISO layouts?\u003c\/summary\u003e\n\u003cdiv class=\"pna__faq-panel\"\u003e\n\u003cdiv class=\"pna__faq-body\"\u003eYes, the set includes the extra keys needed for both ANSI and ISO standards, across compact 60% boards through full-size 108-key desktops.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pna__faq-item\"\u003e\n\u003csummary\u003eHow should I store the set if I swap it out?\u003c\/summary\u003e\n\u003cdiv class=\"pna__faq-panel\"\u003e\n\u003cdiv class=\"pna__faq-body\"\u003eKeep the caps in their original tray or a small storage box, away from direct sunlight and moisture, so the gradient tones stay vivid and the transparent keys remain crystal-clear for your next swap.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- GIFT --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__gift\"\u003e\n\u003cspan class=\"pna__gift-ic\"\u003e🎁\u003c\/span\u003e\n\u003ch2\u003eA Dreamy Gift for Any Desk\u003c\/h2\u003e\n\u003cp\u003eSoft, luminous, and full of personality — the Gradient Transparent Keycap Set is a thoughtful surprise for keyboard enthusiasts, pastel lovers, RGB builders, and anyone who believes a beautiful desk makes everything better.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL BANNER — wide lifestyle shot --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__media-full pna__hero-banner\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7149775402_ro0i.jpg?v=1761149484\" alt=\"KeyArtisan Gradient Transparent Keycap Set — full keyboard with pearl necklace and ceramic jar on wooden surface, showing white-to-pink gradient\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA --\u003e\n\u003csection class=\"pna__section\"\u003e\n\u003cdiv class=\"pna__cta\"\u003e\n\u003cdiv class=\"pna__sparkle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2\u003eBring the \u003cem\u003eGradient Dream\u003c\/em\u003e to Your Desk\u003c\/h2\u003e\n\u003cp\u003eWhite melting into blush, blush fading into lilac — and crystal-clear novelties that let your switches glow through. This set doesn't just sit on your board. It becomes it.\u003c\/p\u003e\n\u003cp style=\"margin-top: 10px; font-size: clamp(13px, 1.6vw, 15px); color: rgba(255,246,248,0.7); font-style: normal;\"\u003eReady to bring the gradient home? Your set is just one tap away.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"pna__cta-seal pna-cta-scroll\"\u003e\u003cspan\u003e🛒\u003c\/span\u003e\u003cspan\u003eTake Me to Add to Cart\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- \/.pna__inner --\u003e\n\u003c\/div\u003e\n\u003c!-- \/.pna__sheet --\u003e\n\u003c\/div\u003e\n\u003c!-- \/.pna --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"KeyArtisan","offers":[{"title":"Small Font - 166pcs","offer_id":47335827898525,"sku":null,"price":83.9,"currency_code":"USD","in_stock":true},{"title":"Big Font - 166pcs","offer_id":47335827931293,"sku":null,"price":83.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cute-minimalistic-pastel-gradient-keycap-set-3348388.jpg?v=1784298195","url":"https:\/\/keyartisan.net\/products\/cute-minimalistic-pastel-gradient-keycap-set","provider":"KeyArtisan","version":"1.0","type":"link"}