.keyboard-tagline{font-size:clamp(1.5rem,4vw,2.7rem);font-weight:600;letter-spacing:-.035em;margin:1rem 0}.keyboard-product-preview{margin:0 0 2rem;max-width:760px;padding:1.5rem;border-radius:20px;background:var(--night)}.keyboard-product-preview img{display:block;width:100%;height:auto;image-rendering:auto}.keyboard-product-preview figcaption{font-size:.8rem;color:var(--on-night-muted);margin-top:1rem}
.product-visual--runepad{background:var(--surface-blue)}
.product-visual--keebarium{background:var(--surface-blue)}
.product-visual--lens{background:var(--surface-blue)}
.product-visual--act{background:var(--surface-blue)}
.product-visual img{display:block;width:100%;height:100%;object-fit:contain}

/* Product detail pages share the homepage's blue palette. */
.keyboard-detail .inner-hero{padding-bottom:32px}
.keyboard-detail .keyboard-product-preview{background:var(--surface-blue);border:1px solid #cad9ee;border-radius:16px;max-width:none}
.keyboard-detail .keyboard-product-preview figcaption{color:var(--muted);line-height:1.7}
.keyboard-illustration{padding:0!important;overflow:hidden}
.keyboard-illustration img{max-height:440px;object-fit:contain}
.keyboard-illustration figcaption{padding:0 24px 20px;margin-top:0}
.lens-experience{margin:0 0 32px;border:1px solid #cad9ee;border-radius:16px;overflow:hidden;background:var(--surface-blue)}
.lens-experience svg{display:block;width:100%;height:auto}
.lens-experience figcaption{padding:0 24px 24px;color:var(--muted);font-size:13px;line-height:1.75}
.lens-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:20px 24px 8px}
.lens-controls button{border:1px solid #acc0df;border-radius:7px;background:#f7faff;color:#405575;padding:8px 14px;cursor:pointer;font:inherit;font-size:13px;line-height:1.4}
.lens-controls button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.lens-controls button:focus-visible{outline:3px solid #86a9eb;outline-offset:3px}
.lens-experience .lens-hud{animation:lens-float 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.lens-mode-combo{display:none}
.lens-experience[data-mode="combo"] .lens-mode-map{display:none}
.lens-experience[data-mode="combo"] .lens-mode-combo{display:block}
@keyframes lens-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.lens-raw-preview{max-width:680px;margin:0 auto}
.keyboard-detail .preview-details{margin:0 0 36px}
.keyboard-detail .preview-details summary{cursor:pointer;color:#405575;font-size:14px;margin-bottom:16px}
@media(max-width:600px){.lens-controls{padding:14px 16px 6px}.lens-controls button{font-size:12px;padding:8px 10px}.lens-experience figcaption{padding:4px 16px 18px;font-size:12px}.keyboard-illustration figcaption{padding:0 16px 16px}.keyboard-detail .keyboard-product-preview{padding:16px}}
@media(prefers-reduced-motion:reduce){.lens-experience .lens-hud{animation:none}}

.product-name-link{color:inherit;text-decoration:none}
.product-name-link span:first-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.product-name-link span[aria-hidden]{font-size:.65em;color:var(--accent);vertical-align:middle}
.product-name-link:hover{color:var(--accent)}
.product-name-link:focus-visible{outline:3px solid #86a9eb;outline-offset:5px;border-radius:2px}

.product-features{margin:40px 0 48px}
.product-features>h2,.lens-try h2{font-size:21px;font-weight:600;margin:0 0 24px}
.product-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:20px}
.product-feature-card{min-width:0;padding:24px;background:#edf2fa;border:1px solid var(--line);border-radius:12px}
.product-feature-card h3{font-size:17px;font-weight:600;line-height:1.6;margin:0 0 12px}
.product-feature-card p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.product-feature-card p:last-child{margin-bottom:0}
.lens-try{max-width:760px;margin:0 0 64px;padding-top:32px;border-top:1px solid var(--line)}
.lens-try p{font-size:14px;color:var(--muted);line-height:1.95}
.lens-availability{margin-top:24px}
.lens-sample-note{font-size:13px;color:var(--muted);line-height:1.8}
.lens-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 16px}
.lens-samples figure{margin:0;min-width:0}
.lens-sample-screen{background:#000;border-radius:10px;overflow:hidden;padding:12px}
.lens-sample-screen img{display:block;width:100%;height:auto}
.lens-samples figcaption{font-size:13px;color:var(--muted);margin-top:10px}
@media(max-width:700px){.lens-samples,.product-feature-grid{grid-template-columns:1fr;gap:20px}.product-feature-card{padding:24px}.lens-try{margin-bottom:40px}}

.product-intro .intro{margin:0;line-height:1.9}
.product-intro .intro+.intro{margin-top:8px}
.keyboard-detail .product-intro .intro,.keyboard-detail .product-feature-card p,.keyboard-detail .lens-try p,.keyboard-detail p.product-format-note,.keyboard-detail .lens-experience .lens-caption{word-break:normal;text-wrap:wrap}
.product-format-note{margin:16px 0 0;font-size:13px;color:var(--muted)}
.lens-physical{--lens-key-edge:#92aacc;--lens-key-fill:#f5f8fd;--lens-key-stroke:#99afcf;--lens-label-opacity:0}
.lens-experience[data-mode="combo"] .lens-hud{--lens-label-opacity:0}
@media(max-width:700px){.product-feature-card .copy-phrase{display:block}}
.product-feature-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-feature-grid--three .copy-phrase{display:block}
@media(max-width:1000px){.product-feature-grid--three{grid-template-columns:1fr}.product-feature-grid--three .copy-phrase{display:block}}