.product-page.svelte-j8r57{min-height:100vh;background:var(--bg-primary)}.hero.svelte-j8r57{padding:3rem 2rem;text-align:center;background:radial-gradient(ellipse at top,rgba(24,35,52,.5),transparent 70%);border-bottom:1px solid var(--border-color)}.back-link.svelte-j8r57{display:inline-block;margin-bottom:1.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem}.back-link.svelte-j8r57:hover{color:var(--accent-secondary)}.hero-content.svelte-j8r57{max-width:700px;margin:0 auto}.brand-logo.svelte-j8r57{width:80px;height:80px;margin-bottom:1.5rem}.hero.svelte-j8r57 h1:where(.svelte-j8r57){font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero-lead.svelte-j8r57{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.container.svelte-j8r57{max-width:1200px;margin:0 auto;padding:2rem}.integration-section.svelte-j8r57{margin-bottom:4rem;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.integration-section.svelte-j8r57 h2:where(.svelte-j8r57){font-size:1.75rem;font-weight:600;margin-bottom:.5rem;text-align:center}.section-lead.svelte-j8r57{color:var(--text-secondary);text-align:center;margin-bottom:2rem}.feature-cards.svelte-j8r57{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}.feature-card.svelte-j8r57{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;text-align:center;transition:all .2s ease}.feature-card.svelte-j8r57:hover{border-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.feature-icon.svelte-j8r57{font-size:2.5rem;margin-bottom:.75rem}.feature-card.svelte-j8r57 h3:where(.svelte-j8r57){font-size:1.15rem;font-weight:600;margin:0 0 1rem}.feature-section.svelte-j8r57{margin-bottom:1rem;text-align:left}.feature-section.svelte-j8r57:last-child{margin-bottom:0}.feature-label.svelte-j8r57{display:block;font-size:.7rem;font-weight:600;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.feature-tags.svelte-j8r57{display:flex;flex-wrap:wrap;gap:.375rem}.tag.svelte-j8r57{font-size:.75rem;padding:.25rem .625rem;background:var(--bg-tertiary);border-radius:999px;color:var(--text-secondary)}.tag-trigger.svelte-j8r57{background:rgba(var(--accent-secondary-rgb, 99, 102, 241),.15);color:var(--accent-secondary)}.tag-more.svelte-j8r57{background:transparent;border:1px dashed var(--border-color);color:var(--text-muted)}.code-examples.svelte-j8r57{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.code-examples.svelte-j8r57 h3:where(.svelte-j8r57){font-size:1rem;font-weight:600;padding:1rem 1.25rem;margin:0;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.code-tabs.svelte-j8r57{position:relative}.code-tabs.svelte-j8r57 input[type=radio]:where(.svelte-j8r57){display:none}.code-tabs.svelte-j8r57 label:where(.svelte-j8r57){display:inline-block;padding:.75rem 1.25rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .15s ease}.code-tabs.svelte-j8r57 label:where(.svelte-j8r57):hover{color:var(--text-primary);background:var(--bg-tertiary)}.code-panels.svelte-j8r57{position:relative}.code-panel.svelte-j8r57{display:none}.code-panel.svelte-j8r57 pre:where(.svelte-j8r57){margin:0;padding:1.25rem;overflow-x:auto;background:var(--bg-tertiary)}.code-panel.svelte-j8r57 code:where(.svelte-j8r57){font-size:.8rem;font-family:JetBrains Mono,monospace;color:var(--text-primary);line-height:1.5}.code-tabs.svelte-j8r57 input#tab-0:where(.svelte-j8r57):checked~label[for=tab-0]:where(.svelte-j8r57),.code-tabs.svelte-j8r57 input#tab-1:where(.svelte-j8r57):checked~label[for=tab-1]:where(.svelte-j8r57),.code-tabs.svelte-j8r57 input#tab-2:where(.svelte-j8r57):checked~label[for=tab-2]:where(.svelte-j8r57){color:var(--accent-secondary);border-bottom-color:var(--accent-secondary);background:var(--bg-tertiary)}.code-tabs.svelte-j8r57 input#tab-0:where(.svelte-j8r57):checked~.code-panels:where(.svelte-j8r57) .code-panel[data-index="0"]:where(.svelte-j8r57),.code-tabs.svelte-j8r57 input#tab-1:where(.svelte-j8r57):checked~.code-panels:where(.svelte-j8r57) .code-panel[data-index="1"]:where(.svelte-j8r57),.code-tabs.svelte-j8r57 input#tab-2:where(.svelte-j8r57):checked~.code-panels:where(.svelte-j8r57) .code-panel[data-index="2"]:where(.svelte-j8r57){display:block}.section-header.svelte-j8r57{margin-bottom:2rem}.section-header.svelte-j8r57 h2:where(.svelte-j8r57){font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.section-header.svelte-j8r57 p:where(.svelte-j8r57){color:var(--text-secondary);font-size:1.05rem}.product-nav.svelte-j8r57{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.nav-item.svelte-j8r57{padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s}.nav-item.svelte-j8r57:hover{background:var(--bg-tertiary);color:var(--text-primary)}.product-section.svelte-j8r57{margin-bottom:4rem}.product-grid.svelte-j8r57{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.product-card.svelte-j8r57{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s}.product-card.svelte-j8r57:hover{border-color:var(--accent-secondary);transform:translateY(-4px);box-shadow:0 12px 32px #00000040}.product-image.svelte-j8r57{background:var(--bg-tertiary);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image.svelte-j8r57 img:where(.svelte-j8r57){width:100%;height:100%;object-fit:contain;padding:1rem}.image-placeholder.svelte-j8r57{padding:2rem;text-align:center;color:var(--text-muted);font-style:italic}.product-content.svelte-j8r57{padding:1.5rem}.product-content.svelte-j8r57 h3:where(.svelte-j8r57){font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.product-description.svelte-j8r57{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.product-features.svelte-j8r57{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.5rem}.product-features.svelte-j8r57 li:where(.svelte-j8r57){font-size:.85rem;color:var(--text-secondary);padding-left:1.25rem;position:relative}.product-features.svelte-j8r57 li:where(.svelte-j8r57):before{content:"✓";position:absolute;left:0;color:var(--accent-success);font-weight:700}.product-footer.svelte-j8r57{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-color)}.product-price.svelte-j8r57{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.btn.svelte-j8r57{display:inline-flex;align-items:center;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s}.btn-primary.svelte-j8r57{background:var(--accent-secondary);color:var(--bg-primary)}.btn-primary.svelte-j8r57:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary.svelte-j8r57{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary.svelte-j8r57:hover{border-color:var(--accent-secondary)}.integration-cta.svelte-j8r57{text-align:center;padding:3rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:2rem}.integration-cta.svelte-j8r57 h2:where(.svelte-j8r57){font-size:1.75rem;margin-bottom:.75rem}.integration-cta.svelte-j8r57 p:where(.svelte-j8r57){color:var(--text-secondary);margin-bottom:1.5rem}.cta-buttons.svelte-j8r57{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.integration-info.svelte-j8r57{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);border-left:4px solid var(--accent-secondary)}.integration-info-header.svelte-j8r57{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.integration-info-header.svelte-j8r57 h3:where(.svelte-j8r57){font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.integration-info-header.svelte-j8r57 p:where(.svelte-j8r57){color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.integration-info-grid.svelte-j8r57{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.integration-info-column.svelte-j8r57 h4:where(.svelte-j8r57){font-size:.8rem;font-weight:600;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.integration-list.svelte-j8r57{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.integration-list.svelte-j8r57 li:where(.svelte-j8r57){display:flex;flex-direction:column;padding:.5rem .75rem;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.integration-item-name.svelte-j8r57{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.125rem}.integration-item-desc.svelte-j8r57{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.integration-use-cases.svelte-j8r57{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.integration-use-cases.svelte-j8r57 h4:where(.svelte-j8r57){font-size:.9rem;font-weight:600;padding:.75rem 1rem;margin:0;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.use-case-tabs.svelte-j8r57{position:relative}.use-case-tabs.svelte-j8r57 input[type=radio]:where(.svelte-j8r57){display:none}.use-case-tabs.svelte-j8r57 label:where(.svelte-j8r57){display:inline-block;padding:.6rem 1rem;cursor:pointer;font-size:.85rem;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .15s ease}.use-case-tabs.svelte-j8r57 label:where(.svelte-j8r57):hover{color:var(--text-primary);background:var(--bg-tertiary)}.use-case-panels.svelte-j8r57{position:relative}.use-case-panel.svelte-j8r57{display:none}.use-case-panel.svelte-j8r57 pre:where(.svelte-j8r57){margin:0;padding:1rem;overflow-x:auto;background:var(--bg-tertiary)}.use-case-panel.svelte-j8r57 code:where(.svelte-j8r57){font-size:.75rem;font-family:JetBrains Mono,monospace;color:var(--text-primary);line-height:1.5;white-space:pre}.use-case-tabs.svelte-j8r57 input[id^=usecase-keyboards-]:where(.svelte-j8r57):checked+label:where(.svelte-j8r57),.use-case-tabs.svelte-j8r57 input[id=usecase-keyboards-0]:where(.svelte-j8r57):checked~label[for=usecase-keyboards-0]:where(.svelte-j8r57),.use-case-tabs.svelte-j8r57 input[id=usecase-keyboards-1]:where(.svelte-j8r57):checked~label[for=usecase-keyboards-1]:where(.svelte-j8r57){color:var(--accent-secondary);border-bottom-color:var(--accent-secondary);background:var(--bg-tertiary)}.use-case-tabs.svelte-j8r57 input[id=usecase-keyboards-0]:where(.svelte-j8r57):checked~.use-case-panels:where(.svelte-j8r57) .use-case-panel[data-index="0"]:where(.svelte-j8r57),.use-case-tabs.svelte-j8r57 input[id=usecase-keyboards-1]:where(.svelte-j8r57):checked~.use-case-panels:where(.svelte-j8r57) .use-case-panel[data-index="1"]:where(.svelte-j8r57){display:block}.use-case-tabs.svelte-j8r57 input[id=usecase-mice-0]:where(.svelte-j8r57):checked~label[for=usecase-mice-0]:where(.svelte-j8r57),.use-case-tabs.svelte-j8r57 input[id=usecase-mice-1]:where(.svelte-j8r57):checked~label[for=usecase-mice-1]:where(.svelte-j8r57){color:var(--accent-secondary);border-bottom-color:var(--accent-secondary);background:var(--bg-tertiary)}.use-case-tabs.svelte-j8r57 input[id=usecase-mice-0]:where(.svelte-j8r57):checked~.use-case-panels:where(.svelte-j8r57) .use-case-panel[data-index="0"]:where(.svelte-j8r57),.use-case-tabs.svelte-j8r57 input[id=usecase-mice-1]:where(.svelte-j8r57):checked~.use-case-panels:where(.svelte-j8r57) .use-case-panel[data-index="1"]:where(.svelte-j8r57){display:block}.use-case-tabs.svelte-j8r57 input[id=usecase-headsets-0]:where(.svelte-j8r57):checked~label[for=usecase-headsets-0]:where(.svelte-j8r57),.use-case-tabs.svelte-j8r57 input[id=usecase-headsets-1]:where(.svelte-j8r57):checked~label[for=usecase-headsets-1]:where(.svelte-j8r57){color:var(--accent-secondary);border-bottom-color:var(--accent-secondary);background:var(--bg-tertiary)}.use-case-tabs.svelte-j8r57 input[id=usecase-headsets-0]:where(.svelte-j8r57):checked~.use-case-panels:where(.svelte-j8r57) .use-case-panel[data-index="0"]:where(.svelte-j8r57),.use-case-tabs.svelte-j8r57 input[id=usecase-headsets-1]:where(.svelte-j8r57):checked~.use-case-panels:where(.svelte-j8r57) .use-case-panel[data-index="1"]:where(.svelte-j8r57){display:block}.use-case-tabs.svelte-j8r57 input[id=usecase-speakers-0]:where(.svelte-j8r57):checked~label[for=usecase-speakers-0]:where(.svelte-j8r57),.use-case-tabs.svelte-j8r57 input[id=usecase-speakers-1]:where(.svelte-j8r57):checked~label[for=usecase-speakers-1]:where(.svelte-j8r57){color:var(--accent-secondary);border-bottom-color:var(--accent-secondary);background:var(--bg-tertiary)}.use-case-tabs.svelte-j8r57 input[id=usecase-speakers-0]:where(.svelte-j8r57):checked~.use-case-panels:where(.svelte-j8r57) .use-case-panel[data-index="0"]:where(.svelte-j8r57),.use-case-tabs.svelte-j8r57 input[id=usecase-speakers-1]:where(.svelte-j8r57):checked~.use-case-panels:where(.svelte-j8r57) .use-case-panel[data-index="1"]:where(.svelte-j8r57){display:block}.use-case-tabs.svelte-j8r57 input[id=usecase-accessories-0]:where(.svelte-j8r57):checked~label[for=usecase-accessories-0]:where(.svelte-j8r57),.use-case-tabs.svelte-j8r57 input[id=usecase-accessories-1]:where(.svelte-j8r57):checked~label[for=usecase-accessories-1]:where(.svelte-j8r57){color:var(--accent-secondary);border-bottom-color:var(--accent-secondary);background:var(--bg-tertiary)}.use-case-tabs.svelte-j8r57 input[id=usecase-accessories-0]:where(.svelte-j8r57):checked~.use-case-panels:where(.svelte-j8r57) .use-case-panel[data-index="0"]:where(.svelte-j8r57),.use-case-tabs.svelte-j8r57 input[id=usecase-accessories-1]:where(.svelte-j8r57):checked~.use-case-panels:where(.svelte-j8r57) .use-case-panel[data-index="1"]:where(.svelte-j8r57){display:block}@media(max-width:900px){.feature-cards.svelte-j8r57{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.feature-cards.svelte-j8r57{grid-template-columns:1fr}.code-tabs.svelte-j8r57 label:where(.svelte-j8r57){padding:.6rem .9rem;font-size:.8rem}.integration-info-grid.svelte-j8r57{grid-template-columns:1fr}.use-case-tabs.svelte-j8r57 label:where(.svelte-j8r57){padding:.5rem .75rem;font-size:.8rem}}@media(max-width:768px){.hero.svelte-j8r57 h1:where(.svelte-j8r57){font-size:2rem}.product-grid.svelte-j8r57{grid-template-columns:1fr}.product-nav.svelte-j8r57{flex-direction:column;text-align:center}}
