:root{color-scheme:dark;--ink:#f3f8ff;--muted:#b0c9df;--orange:#ff7d1b;--line:rgba(124,181,221,.2);--header:80px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100dvh;margin:0;color:var(--ink);background:#061626}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #ffb47f;outline-offset:4px}h1,h2,p{margin:0}[hidden]{display:none!important}svg{display:block}
.backdrop{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 10% 20%,#145584 0%,transparent 46%),radial-gradient(ellipse at 85% 95%,#082e53 0%,transparent 50%),linear-gradient(145deg,#071b33,#051322 70%,#071c35)}.grid-pattern{position:absolute;inset:0;opacity:.19;background-image:linear-gradient(rgba(107,167,215,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(107,167,215,.18) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,black 25%,black 75%,transparent)}.glow{position:absolute;top:18%;left:-20%;width:70vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(13,109,175,.14),transparent 62%)}.trails{position:absolute;inset:0;opacity:.58}.trails i{position:absolute;top:-35%;left:var(--x);width:2px;height:var(--h);border-radius:2px;background:linear-gradient(transparent,rgba(255,125,27,.1),rgba(255,140,47,.68),#ffaa71);box-shadow:0 0 10px rgba(255,126,28,.28);animation:fall var(--dur) linear infinite;animation-delay:var(--delay)}.trails i:nth-child(1){--x:8%;--h:100px;--dur:20s;--delay:-7s}.trails i:nth-child(2){--x:19%;--h:60px;--dur:26s;--delay:-20s}.trails i:nth-child(3){--x:33%;--h:120px;--dur:23s;--delay:-13s}.trails i:nth-child(4){--x:46%;--h:55px;--dur:29s;--delay:-3s}.trails i:nth-child(5){--x:60%;--h:105px;--dur:24s;--delay:-18s}.trails i:nth-child(6){--x:73%;--h:72px;--dur:27s;--delay:-10s}.trails i:nth-child(7){--x:86%;--h:113px;--dur:22s;--delay:-15s}.trails i:nth-child(8){--x:96%;--h:65px;--dur:30s;--delay:-5s}@keyframes fall{from{transform:translateY(-20vh)}to{transform:translateY(165vh)}}
.header{position:sticky;z-index:20;top:0;background:rgba(5,19,34,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{height:var(--header);max-width:1200px;margin:auto;padding:0 clamp(18px,4vw,42px);display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{object-fit:contain;width:54px;height:54px}.brand span{font-size:clamp(1.1rem,2.2vw,1.6rem);letter-spacing:-.045em;white-space:nowrap}.brand b{color:#67b5e4}.brand strong{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:12px}.account{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;color:#dceaf8;font-size:.92rem;font-weight:650}.account:hover,.menu-button:hover{background:rgba(80,153,205,.16)}.account svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.menu-button{width:46px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid var(--line);border-radius:11px;background:rgba(18,54,82,.52);cursor:pointer}.menu-button i{width:21px;height:2px;border-radius:2px;background:#f3f8ff;transition:transform .2s,opacity .2s}.menu-button[aria-expanded=true] i:first-child{transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded=true] i:nth-child(2){opacity:0}.menu-button[aria-expanded=true] i:last-child{transform:translateY(-7px) rotate(-45deg)}.menu{position:absolute;top:calc(var(--header) - 5px);right:max(18px,calc((100vw - 1200px)/2 + 42px));display:grid;gap:2px;padding:10px;width:min(290px,calc(100vw - 36px));border:1px solid rgba(119,184,229,.3);border-radius:15px;background:rgba(7,28,51,.98);box-shadow:0 18px 46px rgba(0,0,0,.4)}.menu a{padding:12px 14px;border-radius:9px;font-size:.94rem}.menu a:hover,.menu a[aria-current=page]{background:rgba(32,107,164,.3)}
main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.page{width:min(1150px,100%);margin:auto;padding:clamp(25px,5vw,65px) clamp(18px,4vw,44px) 46px}.home{display:flex;flex-direction:column;justify-content:center;gap:clamp(28px,5vh,50px);min-height:calc(100dvh - var(--header) - 70px)}.intro{text-align:center}.eyebrow{font-size:.72rem;letter-spacing:.2em;color:#ffb485;font-weight:750;margin-bottom:12px}.intro h1,.heading h1{font-size:clamp(2.05rem,4.8vw,3.7rem);line-height:1.09;letter-spacing:-.045em;font-weight:780}.intro>p:last-child,.heading>p:last-of-type{color:var(--muted);font-size:clamp(.98rem,1.6vw,1.13rem);line-height:1.5;margin-top:14px}
.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,20px)}.category{position:relative;isolation:isolate;overflow:hidden;min-height:267px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;border:1px solid rgba(130,190,230,.28);border-radius:22px;background:linear-gradient(150deg,rgba(14,64,103,.9),rgba(5,29,53,.93));box-shadow:0 15px 50px rgba(0,0,0,.18);transition:transform .2s,border-color .2s,box-shadow .2s}.category:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.85;background:radial-gradient(circle at 80% 12%,rgba(255,123,25,.18),transparent 48%),repeating-linear-gradient(125deg,transparent 0 27px,rgba(88,162,212,.08) 28px 29px,transparent 30px 58px)}.category.games:before{background:radial-gradient(circle at 65% 8%,rgba(255,125,27,.22),transparent 52%),repeating-linear-gradient(45deg,transparent 0 46px,rgba(128,186,230,.07) 47px 48px,transparent 49px 83px)}.category.support:before{background:radial-gradient(circle at 20% 12%,rgba(255,127,40,.16),transparent 55%),repeating-radial-gradient(circle at 80% 15%,transparent 0 34px,rgba(117,186,231,.08) 35px 36px,transparent 37px 68px)}.category:hover,.category:focus-visible{transform:translateY(-5px);border-color:rgba(255,149,71,.8);box-shadow:0 24px 50px rgba(0,0,0,.35)}.category-icon{display:grid;place-items:center;width:90px;height:90px;border-radius:23px;background:linear-gradient(150deg,rgba(21,100,154,.5),rgba(10,45,72,.5));border:1px solid rgba(120,186,226,.2)}.category-icon svg{width:67px;height:67px;fill:none;stroke:#91d5f8;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.games .category-icon svg{stroke:#ffaa74}.category-copy{display:flex;flex-direction:column;gap:8px}.category-copy strong{font-size:1.48rem;letter-spacing:-.025em}.category-copy small{font-size:.86rem;color:#b9d0e4}.arrow{position:absolute;right:19px;top:16px;color:#ffa96b;font-size:1.45rem}
.inner{padding-top:clamp(42px,8vh,88px);padding-bottom:70px}.heading{max-width:700px;margin-bottom:33px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.support-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:220px;padding:27px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-radius:19px;border:1px solid var(--line);background:linear-gradient(140deg,rgba(13,62,97,.82),rgba(5,27,49,.94))}.card h2{font-size:1.27rem}.card p{font-size:.92rem;line-height:1.5;color:#b7cee2;flex:1}.mini-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid rgba(129,195,233,.25);border-radius:13px;background:rgba(20,103,158,.3);font-weight:800;color:#ffaa70}.status{display:inline-flex;padding:5px 11px;border:1px solid rgba(137,189,218,.27);border-radius:99px;color:#b6cedf;font-size:.76rem}.link-card:hover{border-color:rgba(255,155,87,.75);transform:translateY(-3px)}.link-card{transition:transform .2s,border-color .2s}.email-link{font-size:.88rem;color:#ffad70;overflow-wrap:anywhere}.footer{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;padding:22px;border-top:1px solid rgba(123,184,227,.1);color:#99b6ca;font-size:.8rem}.footer a:hover{text-decoration:underline;color:#fff}
@media(max-width:760px){:root{--header:72px}.header-inner{padding:0 18px}.brand img{width:48px;height:48px}.categories{grid-template-columns:1fr;max-width:560px;width:100%;margin:auto}.category{min-height:132px;flex-direction:row;text-align:left;justify-content:flex-start;border-radius:16px;gap:20px;padding:18px 20px}.category-icon{width:72px;height:72px;flex:none;border-radius:17px}.category-icon svg{width:51px;height:51px}.category-copy{gap:5px}.category-copy strong{font-size:1.2rem}.arrow{top:9px;right:14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.support-cards{grid-template-columns:1fr}.home{gap:30px}}
@media(max-width:480px){.brand span{font-size:1.07rem}.account{padding:8px}.account span{display:none}.header-actions{gap:5px}.category{min-height:124px}.category-icon{width:64px;height:64px}.category-copy small{font-size:.76rem}.cards{grid-template-columns:1fr}.intro h1{font-size:2.05rem}.eyebrow{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Product catalog and individual app pages */
.catalog-label{font-size:.9rem;letter-spacing:.045em;color:#d6e9f7;margin:0 0 15px;font-weight:680}
.product-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-card{min-height:242px;justify-content:flex-start}
.product-card-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.product-card h2{font-size:1.5rem;letter-spacing:-.02em}
.product-card p{flex:1;max-width:39ch}
.card-go{display:inline-flex;gap:8px;align-items:center;color:#ffb380;font-size:.89rem;font-weight:680}
.status.ready{color:#b9e4ce;border-color:rgba(111,203,154,.34);background:rgba(38,121,88,.17)}
.upcoming{margin-top:35px}.upcoming-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.upcoming-items>div{display:flex;flex-direction:column;gap:7px;padding:17px 19px;border:1px solid var(--line);border-radius:13px;background:rgba(8,41,69,.55)}
.upcoming-items strong{font-size:.94rem}.upcoming-items span{font-size:.78rem;line-height:1.5;color:var(--muted)}
.breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:30px;font-size:.84rem;color:#c1d7e7}
.breadcrumbs a{color:#ffb484}.breadcrumbs a:hover{text-decoration:underline}
.product-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(235px,.65fr);gap:clamp(22px,4vw,52px);align-items:start}
.product-main h1{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.08;letter-spacing:-.045em}
.product-lead{max-width:56ch;margin:16px 0 20px;font-size:1.06rem;line-height:1.65;color:#c4dbeb}
.product-tags{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:32px}
.product-main h2{font-size:1.05rem;letter-spacing:-.01em;margin-bottom:13px}
.feature-list{padding-left:20px;margin:0 0 18px;display:grid;gap:11px;color:#dbe9f5;line-height:1.45;font-size:.92rem}
.feature-list li::marker{color:#ffa15b}
.product-note{font-size:.81rem;line-height:1.6;color:#b4cadc;max-width:56ch}
.product-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}
.secondary-link{padding:10px 14px;border:1px solid rgba(255,160,93,.45);border-radius:10px;color:#ffc69d;font-size:.85rem;font-weight:700}
.secondary-link:hover{background:rgba(255,138,44,.1)}
.product-art{position:relative;isolation:isolate;display:grid;place-items:center;min-height:290px;overflow:hidden;border-radius:22px;border:1px solid rgba(128,187,228,.23);background:radial-gradient(circle at 80% 15%,rgba(255,120,26,.23),transparent 53%),repeating-linear-gradient(135deg,transparent 0 38px,rgba(119,188,229,.08) 39px 40px,transparent 41px 72px),linear-gradient(145deg,rgba(14,66,108,.91),rgba(5,26,45,.95))}
.product-art:after{position:absolute;content:"";inset:24px;border:1px solid rgba(131,191,229,.14);border-radius:18px;pointer-events:none}
.product-art-inner{display:grid;justify-items:center;gap:10px}.product-art-inner span{font-size:clamp(4.5rem,8vw,6.5rem);font-weight:850;letter-spacing:-.09em;line-height:1;color:#83c9ef;text-shadow:0 0 36px rgba(68,162,221,.24)}
.product-art-inner small{letter-spacing:.23em;font-size:.58rem;font-weight:750;color:#ffb783}
.simple-art{background:radial-gradient(circle at 15% 10%,rgba(255,125,35,.17),transparent 60%),repeating-radial-gradient(circle at 80% 90%,transparent 0 33px,rgba(124,193,231,.08) 34px 35px,transparent 36px 66px),linear-gradient(145deg,rgba(10,55,87,.95),rgba(6,27,48,.95))}
@media(max-width:760px){.product-layout{grid-template-columns:1fr}.product-art{min-height:170px;order:-1}.product-art-inner span{font-size:4.1rem}.product-detail{padding-top:35px}.product-cards{grid-template-columns:1fr}.product-card{min-height:210px}.upcoming-items{grid-template-columns:1fr}}

/* TouchDeck HID setup guide - scoped styles, keeping the main layout unchanged. */
.guide-page{max-width:1040px}
.guide-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px}
.guide-heading h1{font-size:clamp(2.1rem,4vw,3.4rem);letter-spacing:-.04em;line-height:1.1}
.guide-heading .product-lead{margin-bottom:0}
.print-button{background:rgba(13,53,82,.78);white-space:nowrap;cursor:pointer;flex:none}
.guide-prep{border:1px solid rgba(255,158,84,.34);background:linear-gradient(120deg,rgba(66,56,54,.32),rgba(9,46,77,.65));border-radius:15px;padding:18px 22px;line-height:1.6;margin-bottom:31px}
.guide-prep>strong{color:#ffc18d}
.guide-prep p{font-size:.9rem;color:#d5e5f1;margin-top:7px}
.guide-content{max-width:850px}
.guide-section{margin:0 0 36px}
.guide-section>h2{font-size:1.28rem;letter-spacing:-.02em;margin-bottom:18px}
.setup-steps{padding:0;list-style:none;counter-reset:step;display:grid;gap:10px}
.setup-steps>li{counter-increment:step;position:relative;padding:18px 19px 18px 68px;min-height:80px;border:1px solid var(--line);border-radius:15px;background:rgba(9,47,76,.65)}
.setup-steps>li:before{content:counter(step);position:absolute;top:17px;left:18px;display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:rgba(255,129,47,.15);border:1px solid rgba(255,152,70,.3);color:#ffba89;font-size:.86rem;font-weight:800}
.setup-steps>li>strong{display:block;font-size:.99rem;color:#fff;margin-bottom:7px}
.setup-steps p{color:#c6d9e8;font-size:.91rem;line-height:1.65}
.guide-content b{color:#ecf5ff;font-weight:660}
.guide-content code{background:rgba(2,17,31,.7);border:1px solid rgba(125,181,219,.23);padding:2px 5px;border-radius:4px;overflow-wrap:anywhere;color:#ffbe8c}
.guide-highlight{padding:16px 19px;margin-top:16px;border-left:3px solid #ff8e3d;background:rgba(11,57,89,.75);border-radius:0 12px 12px 0}
.guide-highlight strong{color:#ffbc8b}.guide-highlight p{font-size:.91rem;line-height:1.6;color:#d4e4ef;margin-top:6px}
.guide-faq{display:grid;gap:9px}
.guide-faq details{border:1px solid var(--line);border-radius:12px;background:rgba(8,40,68,.68);padding:0 18px}
.guide-faq summary{cursor:pointer;padding:17px 8px 17px 0;font-size:.95rem;font-weight:690;color:#e5f3ff}
.guide-faq details[open] summary{border-bottom:1px solid var(--line)}
.guide-faq details p{padding:15px 0 19px;color:#c7dbe9;line-height:1.65;font-size:.9rem}
.guide-faq summary:hover{color:#ffb682}
.guide-help{padding-top:10px}
.guide-help>p{color:#c6d9e8;line-height:1.6;font-size:.92rem}
.support-guide-shortcut{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 21px;margin-bottom:20px;border-radius:15px;border:1px solid rgba(255,157,81,.28);background:rgba(16,62,91,.64)}
.support-guide-shortcut strong{font-size:.96rem}
.support-guide-shortcut p{font-size:.85rem;line-height:1.5;margin-top:7px;color:#bed5e6}
.support-guide-shortcut a{flex:none}
.guide-link{border-color:rgba(255,155,68,.7);background:rgba(255,129,31,.12)}
@media(max-width:680px){.guide-heading{flex-direction:column}.print-button{align-self:flex-start}.support-guide-shortcut{flex-direction:column;align-items:flex-start}.support-guide-shortcut a{align-self:flex-start}.setup-steps>li{padding-left:60px}}
@media print{
  @page{size:auto;margin:15mm}
  :root{color-scheme:light}
  body{display:block;background:white!important;color:#171e28!important}
  .header,.footer,.backdrop,.breadcrumbs,.print-button,.guide-help .product-actions{display:none!important}
  main,.page,.guide-page{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;min-height:0!important}
  .page:not([data-page="touchdeck-guide"]){display:none!important}
  .page[data-page="touchdeck-guide"]{display:block!important}
  .guide-heading h1,.guide-section h2,.setup-steps li>strong,.guide-help h2{color:#16233a!important}
  .guide-page p,.guide-page strong,.guide-page b,.guide-page summary,.guide-page code,.guide-page .eyebrow{color:#222e3b!important;text-shadow:none!important}
  .guide-page .eyebrow{color:#ae5920!important}
  .guide-prep,.setup-steps>li,.guide-highlight,.guide-faq details{background:white!important;border-color:#aab8c5!important;box-shadow:none!important}
  .guide-section,.setup-steps>li,.guide-faq details,.guide-prep{break-inside:avoid;page-break-inside:avoid}
  .guide-highlight{border-left-color:#b75c22!important}
  .guide-faq details{padding:8px 16px}
  .guide-faq details p{display:block!important;padding:5px 0 12px}
  .guide-page .status{color:#222!important}
}

/* QuoteCompare – compact product page using the existing product layout */
.upcoming-items .upcoming-link{display:flex;flex-direction:column;gap:7px;padding:17px 19px;border:1px solid var(--line);border-radius:13px;background:rgba(8,41,69,.55);transition:border-color .18s,transform .18s}
.upcoming-items .upcoming-link:hover,.upcoming-items .upcoming-link:focus-visible{border-color:rgba(255,155,87,.7);transform:translateY(-2px)}
.upcoming-items .upcoming-link strong{font-size:.94rem}
.upcoming-items .upcoming-link>span{font-size:.78rem;line-height:1.5;color:var(--muted)}
.upcoming-items .upcoming-link .upcoming-open{color:#ffb380;font-weight:700;font-size:.8rem;margin-top:5px}
.qc-copy{font-size:.93rem;line-height:1.65;color:#c8deec;margin:0 0 23px;max-width:58ch}
.qc-art{min-height:300px;background:radial-gradient(circle at 75% 10%,rgba(255,121,27,.18),transparent 48%),linear-gradient(140deg,rgba(17,73,117,.94),rgba(6,27,49,.96))}
.qc-illustration{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:0 25px}
.qc-doc{position:relative;width:40%;max-width:160px;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:16px;border:1px solid rgba(131,196,229,.35);border-radius:10px;background:linear-gradient(150deg,rgba(23,89,132,.8),rgba(7,37,68,.85));box-shadow:0 12px 30px rgba(0,0,0,.22)}
.qc-doc-title{color:#c4e3f4;font-weight:800;font-size:.65rem;letter-spacing:.07em}
.qc-doc i{display:block;height:6px;background:rgba(159,206,233,.24);border-radius:12px}
.qc-doc i:nth-of-type(2){width:80%}.qc-doc i:nth-of-type(3){width:60%}.qc-doc i:nth-of-type(4){width:85%}
.qc-doc-check{margin-top:auto;align-self:flex-end;color:#ffb075;font-size:1.25rem;font-weight:800}
.qc-versus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:43px;height:43px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,154,76,.4);background:#0a3357;color:#ffb783;font-size:1.6rem;font-weight:800;z-index:2}
.qc-workflow{margin-top:32px}
.qc-workflow h2{font-size:1.05rem;margin:0 0 14px}
.qc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qc-steps>div{border:1px solid var(--line);border-radius:13px;background:rgba(10,44,74,.6);padding:18px;display:flex;flex-direction:column;gap:9px}
.qc-step-no{font-size:.75rem;font-weight:750;color:#ffb486;letter-spacing:.1em}
.qc-steps strong{font-size:.95rem}
.qc-steps p{font-size:.84rem;line-height:1.5;color:#bad2e2}
.qc-planned-note{font-size:.78rem;line-height:1.55;color:#9ebdd0;margin-top:16px}
@media(max-width:760px){.qc-art{min-height:170px}.qc-illustration{max-width:300px}.qc-doc{aspect-ratio:1/1.12;gap:6px;padding:12px}.qc-steps{grid-template-columns:1fr}.qc-steps>div{padding:14px 17px}}