.cat-info-header{border-bottom:1px solid var(--border-subtle);background:#f8fafb;padding:132px 0 52px}.cat-info-header h1{letter-spacing:-.04em;margin:22px 0 18px;font-size:clamp(40px,6vw,72px);line-height:1.12}.cat-info-header p{color:var(--text-secondary);font-size:18px;line-height:1.7}.cat-info-header .section-tag{font-size:10px}.cat-support-header{grid-template-columns:1.25fr .75fr;align-items:end;gap:54px;display:grid}.cat-support-header>p{margin-bottom:12px}.cat-connection{border-block:1px solid var(--border-default);background:var(--bg-elevated)}.cat-connection-stage{touch-action:pan-y;background:linear-gradient(#f8fafb,#e8edef);width:100%;height:min(70vh,720px);min-height:560px;position:relative;overflow:hidden}.cat-connection-stage canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.cat-connection-stage canvas:active{cursor:grabbing}.cat-connection-state{pointer-events:none;font:12px var(--font-mono);z-index:6;place-items:center;display:grid;position:absolute;inset:0}.cat-scene-label{z-index:3;border:1px solid var(--border-default);font:650 10px var(--font-mono);pointer-events:none;background:#f8fafbeb;border-radius:4px;gap:2px;padding:6px 8px;display:grid;position:absolute;top:0;left:0}.cat-scene-label small{color:var(--text-muted);font-size:9px}.cat-scene-label--computer{margin:-18px 0 0 -34px}.cat-scene-label--communication{border-color:#1a9ab2;margin:-18px 0 0 -112px}.cat-scene-label--host{border-color:#255dbb;margin:-18px 0 0 12px}.cat-scene-label--device{margin:10px 0 0 -40px}.cat-connection-legend{z-index:4;border:1px solid var(--border-default);background:#f8fafbe6;border-radius:4px;gap:15px;padding:9px 11px;font-size:11px;display:flex;position:absolute;top:16px;left:16px}.cat-connection-legend span{align-items:center;gap:6px;display:flex}.cat-connection-legend i{background:#78858d;width:18px;height:3px}.cat-connection-legend i.host{background:#255dbb}.cat-connection-legend i.communication{background:#1a9ab2}.cat-connection-hint{color:var(--text-muted);font:10px var(--font-mono);pointer-events:none;background:#f8fafbe0;padding:7px 9px;position:absolute;bottom:16px;right:16px}.cat-connection-steps{grid-template-columns:repeat(4,1fr);display:grid}.cat-connection-steps button{border:0;border-right:1px solid var(--border-default);text-align:left;cursor:pointer;min-height:150px;color:inherit;background:0 0;grid-template-columns:32px 1fr;align-content:center;gap:10px 12px;padding:24px 18px;display:grid}.cat-connection-steps button:first-child{border-left:1px solid var(--border-default)}.cat-connection-steps button.active,.cat-connection-steps button:hover{background:#dbe5f5}.cat-connection-steps button>span,.cat-connection-steps em{color:var(--accent-cyan);font:600 11px var(--font-mono)}.cat-connection-steps strong{font-size:15px;display:block}.cat-connection-steps small{color:var(--text-secondary);margin-top:7px;font-size:12px;line-height:1.55;display:block}.cat-connection-steps em{grid-column:2;font-size:10px;font-style:normal}.cat-support-notes{padding:100px 0}.cat-support-notehead{grid-template-columns:1fr .8fr;align-items:end;gap:48px;margin-bottom:48px;display:grid}.cat-support h2{margin-top:15px;font-size:clamp(30px,4vw,48px)}.cat-support p{color:var(--text-secondary);line-height:1.75}.cat-support ol{border-top:1px solid var(--border-strong);padding:0;list-style:none}.cat-support li{border-bottom:1px solid var(--border-default);grid-template-columns:68px minmax(180px,.45fr) 1fr;gap:24px;padding:28px 4px;display:grid}.cat-support li>span{font:600 11px var(--font-mono);color:var(--accent-cyan)}.cat-support li strong{font-size:17px}.cat-support-actions{background:var(--bg-elevated);border-top:1px solid var(--border-default);padding:100px 0}.cat-support-actions>.container{grid-template-columns:.8fr 1.2fr;gap:70px;display:grid}.cat-support-actions p{max-width:440px;margin-top:20px}.cat-support-actions a{border-bottom:1px solid var(--border-default);grid-template-columns:42px 1fr 24px;gap:12px;padding:23px 4px;display:grid}.cat-support-actions a:first-child{border-top:1px solid var(--border-strong)}.cat-support-actions a span{font:11px var(--font-mono);color:var(--accent-cyan)}.cat-support-actions a small{color:var(--text-secondary);grid-column:2}.cat-support-actions a b{color:var(--accent-cyan);grid-area:1/3/3;align-self:center}@media (max-width:900px){.cat-connection-stage{height:600px;min-height:600px}.cat-connection-steps{grid-template-columns:1fr 1fr}.cat-connection-steps button{border-bottom:1px solid var(--border-default);min-height:132px}}@media (max-width:800px){.cat-support-header,.cat-support-notehead,.cat-support-actions>.container{grid-template-columns:1fr;gap:26px}.cat-support li{grid-template-columns:38px 1fr}.cat-support li p{grid-column:2}.cat-info-header{padding-top:110px}}@media (max-width:560px){.cat-connection-stage{height:520px;min-height:520px}.cat-connection-steps{grid-template-columns:1fr}.cat-connection-steps button{border-left:1px solid var(--border-default);min-height:108px}.cat-scene-label{padding:4px 5px;font-size:9px}.cat-scene-label small{display:none}.cat-scene-label--communication{margin-left:-76px}.cat-connection-legend{justify-content:center;left:12px;right:12px}.cat-support-notes,.cat-support-actions{padding:64px 0}}.cat-info-header{padding-bottom:48px}.cat-info-header .section-tag{font:500 10px/1.6 var(--font-mono);letter-spacing:.2em;display:block}.cat-info-header h1{margin:16px 0 0;font-weight:700;line-height:1.05}.cat-support-header>p{margin-top:16px;font-size:clamp(15px,1.5vw,18px);line-height:1.7}.cat-support-notes{padding-bottom:clamp(80px,12vw,160px)}.cat-support-actions{padding-block:clamp(80px,12vw,160px)}.cat-support-notes .section-tag:before,.cat-support-notes .section-tag:after,.cat-support-actions .section-tag:before,.cat-support-actions .section-tag:after{content:"__";color:var(--accent-cyan);letter-spacing:0}.cat-support-header h1{margin-top:0}.cat-support-version{font:600 13px/1.4 var(--font-mono);letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:8px;display:inline-flex}.cat-support-version:before{content:"";background:var(--accent-cyan);border-radius:2px;width:18px;height:2px}.cat-support-header .cat-support-version{margin-top:20px}.cat-support-gen2{border-top:1px solid var(--border-subtle);padding-top:clamp(24px,4vw,56px)}.cat-support-header .cat-support-version--block,.cat-support-gen2 .cat-support-version{margin:0 0 20px;padding:0}.cat-support-gen2 .cat-connection{border-radius:var(--radius-lg)}.cat-support-compare{border-top:1px solid var(--border-subtle);background:#f8fafb;padding-block:clamp(64px,9vw,120px)}.support-compare{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-card);overflow:hidden}.support-compare__row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1.05fr 1fr 1fr 1fr;display:grid}.support-compare__row:last-child{border-bottom:0}.support-compare__row>span{color:var(--text-secondary);border-left:1px solid var(--border-subtle);padding:18px 24px;font-size:14.5px;line-height:1.6}.support-compare__row>span:first-child{color:var(--text-primary);border-left:0;font-weight:600}.support-compare__row>span:nth-child(3){background:#255dbb05}.support-compare__row>span:last-child{color:var(--text-primary);background:#255dbb08}.support-compare__row--head{background:var(--bg-elevated)}.support-compare__row--head>span{font:600 11px/1.6 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);background:0 0;padding:14px 24px}.support-compare__row--head>span:last-child{color:var(--accent-cyan);background:#255dbb08}.support-compare__row:not(.support-compare__row--head):hover{background:#255dbb05}.support-compare__note{font:12px/1.7 var(--font-mono);color:var(--text-muted);margin:14px 0 0}@media (max-width:720px){.support-compare__row{grid-template-columns:repeat(3,minmax(0,1fr))}.support-compare__row>span{padding:14px 16px;font-size:13.5px}.support-compare__row>span:first-child{border-bottom:1px dashed var(--border-subtle);background:#f8fafb;grid-column:1/-1}.support-compare__row--head>span:first-child{display:none}}.support-compare__row>span.is-off{color:var(--text-muted);font-style:normal}.cat-about--upgrades{border-top:1px solid var(--border-subtle);background:#fff}.cat-about--upgrades section{padding-block:clamp(64px,9vw,120px)}.cat-about--upgrades .cat-about-sectionhead h2{font-size:clamp(28px,3.4vw,44px)}.cat-about--upgrades .cat-about-sectionhead>p{font-size:16px;line-height:1.75}