.hardware-art.svelte-19bt8l9{width:100%;height:auto;display:block;overflow:visible}.guide-jumps.svelte-13zu1is{border-block:1px solid var(--border);flex-wrap:wrap;gap:12px 26px;margin:0 0 54px;padding:19px 0;display:flex}.guide-jumps.svelte-13zu1is a:where(.svelte-13zu1is){color:#b6b8c1;align-items:center;gap:10px;font-size:12px;display:inline-flex}.guide-jumps.svelte-13zu1is a:where(.svelte-13zu1is):hover{color:var(--accent)}.guide-section.svelte-13zu1is{margin-top:68px;scroll-margin-top:110px}.guide-jumps.svelte-13zu1is+.guide-section:where(.svelte-13zu1is){margin-top:0}.section-intro.svelte-13zu1is{max-width:750px;margin-bottom:29px}h2.svelte-13zu1is{letter-spacing:-1.2px;margin-top:12px;font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1.2}.section-intro.svelte-13zu1is p:where(.svelte-13zu1is){color:#a1a4af;margin-top:14px;font-size:14px;line-height:1.8}.setup-grid.svelte-13zu1is,.requirements-grid.svelte-13zu1is,.benefits-grid.svelte-13zu1is{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.setup-grid.svelte-13zu1is{grid-template-columns:1fr}.external-panel.svelte-13zu1is{grid-template-columns:1fr 1fr;align-items:center;display:grid}.external-panel.svelte-13zu1is .panel-heading:where(.svelte-13zu1is){grid-column:1/-1}.external-panel.svelte-13zu1is .panel-description:where(.svelte-13zu1is){max-width:440px;padding-block:26px;font-size:14px}.setup-panel.svelte-13zu1is{background:#0b0d12;border:1px solid #ffffff1c;border-radius:12px;min-width:0;overflow:hidden}.panel-heading.svelte-13zu1is{border-bottom:1px solid #ffffff0d;align-items:center;gap:13px;padding:23px 25px;display:flex}.setup-number.svelte-13zu1is{color:var(--accent);font:11px JetBrains Mono,monospace}h3.svelte-13zu1is{letter-spacing:-.6px;font-size:22px;font-weight:600}.setup-tag.svelte-13zu1is{color:#989ca8;letter-spacing:.7px;margin-left:auto;font:10px JetBrains Mono,monospace}.setup-visual.svelte-13zu1is{background:radial-gradient(at 50% 40%,#ff79260b,#0000 70%);flex-direction:column;justify-content:center;align-items:center;min-height:247px;padding:28px 25px 20px;display:flex}.computer.svelte-13zu1is{background:#111319;border:1px solid #ffffff30;border-radius:7px;overflow:hidden}.external-computer.svelte-13zu1is{width:84%;max-width:330px}.computer-bar.svelte-13zu1is{border-bottom:1px solid #ffffff12;align-items:center;gap:4px;padding:11px 12px;display:flex}.computer-bar.svelte-13zu1is>span:where(.svelte-13zu1is){background:#626670;border-radius:50%;width:3px;height:3px}.computer-bar.svelte-13zu1is b:where(.svelte-13zu1is){color:#a5a8b2;letter-spacing:.7px;margin-left:auto;font:9px JetBrains Mono,monospace}.computer-content.svelte-13zu1is{grid-template-columns:1fr 30px 1fr;align-items:center;padding:17px 15px;display:grid}.app-node.svelte-13zu1is{color:#b5b9c4;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:77px;display:flex}.app-node.svelte-13zu1is span:where(.svelte-13zu1is),.small-screen.svelte-13zu1is span:where(.svelte-13zu1is){text-align:center;font-size:12px;line-height:1.5}.accented.svelte-13zu1is{color:#ffa365}.local-link.svelte-13zu1is{background:linear-gradient(90deg,#636976,#ff7926);height:1px}.monitor-stand.svelte-13zu1is{background:linear-gradient(90deg,#0000 43%,#737783 43% 57%,#0000 57%);border-bottom:2px solid #737783;width:46px;height:12px}.diagram-caption.svelte-13zu1is{color:#979ca8;margin-top:20px;font-size:11px}.dma-computers.svelte-13zu1is{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:stretch;width:100%;max-width:790px;display:grid}.compact-computer.svelte-13zu1is .computer-bar:where(.svelte-13zu1is){justify-content:center;padding:10px 4px}.compact-computer.svelte-13zu1is .computer-bar:where(.svelte-13zu1is) b:where(.svelte-13zu1is){margin-left:0}.small-screen.svelte-13zu1is{color:#b5b9c4;flex-direction:column;align-items:center;gap:9px;padding:20px 12px;display:flex}.pc-art.svelte-13zu1is{width:100%;max-width:280px;margin:-8px 0 2px}.device-art.svelte-13zu1is{width:100%;max-width:175px}.dma-card.svelte-13zu1is{color:#ffa365;background:#ff79260b;border:1px solid #ff79264d;border-radius:3px;justify-content:center;align-items:center;gap:7px;margin:0 12px 12px;padding:10px;font-size:11px;display:flex}.dma-card.svelte-13zu1is strong:where(.svelte-13zu1is){color:#ffa365;font-size:13px}.dma-card.svelte-13zu1is small:where(.svelte-13zu1is){color:#b7a296;margin-top:2px;font-size:11px;display:block}.data-link.svelte-13zu1is{text-align:center;color:#efac80;align-self:center;font-size:12px}.data-link.svelte-13zu1is small:where(.svelte-13zu1is){color:#989dab;font-size:11px}.data-link.svelte-13zu1is .hardware-link:where(.svelte-13zu1is){margin:7px 0}.hardware-link.svelte-13zu1is{color:var(--accent);align-items:center;display:flex}.hardware-link.svelte-13zu1is span:where(.svelte-13zu1is){background:var(--accent);flex:1;height:1px}.hardware-link.svelte-13zu1is svg{flex-shrink:0;margin-left:-5px}.software-computer.svelte-13zu1is{border-color:#ff79264d}.software-computer.svelte-13zu1is .small-screen:where(.svelte-13zu1is){color:#ffa365;justify-content:center;min-height:169px}.software-computer.svelte-13zu1is .small-screen:where(.svelte-13zu1is) strong:where(.svelte-13zu1is){color:#ffa365}.software-computer.svelte-13zu1is .small-screen:where(.svelte-13zu1is) span:where(.svelte-13zu1is){color:#989dab}.dma-intro.svelte-13zu1is{padding:28px 32px 0}.dma-intro.svelte-13zu1is h4:where(.svelte-13zu1is){letter-spacing:-.5px;font-size:21px;font-weight:500}.dma-intro.svelte-13zu1is p:where(.svelte-13zu1is){color:#a1a4af;margin-top:9px;font-size:13px;line-height:1.8}.dma-visual.svelte-13zu1is{gap:24px;padding:30px 32px}.flow-heading.svelte-13zu1is{letter-spacing:.6px;justify-content:space-between;align-items:center;gap:12px;width:100%;font:10px JetBrains Mono,monospace;display:flex}.flow-heading.svelte-13zu1is>span:where(.svelte-13zu1is){color:#f49b62}.flow-heading.svelte-13zu1is b:where(.svelte-13zu1is){color:#969ba8;font-size:9px;font-weight:400}.accessory-flows.svelte-13zu1is{border-top:1px solid var(--border);margin:0 32px 25px}.accessory-flow.svelte-13zu1is{padding-top:26px}.accessory-flow.svelte-13zu1is+.accessory-flow:where(.svelte-13zu1is){border-top:1px solid var(--border);margin-top:25px}.signal-route.svelte-13zu1is{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 46px minmax(0,1fr);align-items:stretch;margin-top:19px;display:grid}.signal-node.svelte-13zu1is,.video-sources.svelte-13zu1is{background:#111319;border:1px solid #ffffff1c;border-radius:6px;min-width:0;padding:19px 16px}.signal-node.svelte-13zu1is{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.signal-node.svelte-13zu1is>span:where(.svelte-13zu1is),.video-sources.svelte-13zu1is div:where(.svelte-13zu1is)>span:where(.svelte-13zu1is){color:#989eac;letter-spacing:.6px;font:9px JetBrains Mono,monospace}.signal-node.svelte-13zu1is strong:where(.svelte-13zu1is){font-size:15px}.signal-node.svelte-13zu1is small:where(.svelte-13zu1is){color:#9ea3af;font-size:12px;line-height:1.6}.accessory-node.svelte-13zu1is{background:#ff792608;border-color:#ff792654}.accessory-node.svelte-13zu1is strong:where(.svelte-13zu1is){color:#ffa365}.route-arrow.svelte-13zu1is{color:#e18a53;justify-content:center;align-items:center;display:flex}.video-sources.svelte-13zu1is{text-align:center;gap:4px;display:grid}.video-sources.svelte-13zu1is strong:where(.svelte-13zu1is){margin-top:3px;font-size:13px}.source-plus.svelte-13zu1is{color:#f49b62;font-size:18px}.accessory-flow.svelte-13zu1is>p:where(.svelte-13zu1is){color:#a1a4af;margin-top:12px;font-size:12px;line-height:1.8}.dma-panel.svelte-13zu1is>.panel-description:where(.svelte-13zu1is){padding:0 32px 28px}.panel-description.svelte-13zu1is{color:#b0b3bd;padding:0 25px 26px;font-size:13px;line-height:1.85}.diagram-note.svelte-13zu1is{color:#858a97;margin-top:14px;font-size:11px;line-height:1.7}.requirements-grid.svelte-13zu1is{gap:50px}.requirements-column.svelte-13zu1is{min-width:0}.requirements-column.svelte-13zu1is h3:where(.svelte-13zu1is){border-bottom:1px solid var(--border);align-items:center;gap:12px;padding-bottom:22px;font-size:19px;display:flex}.requirements-column.svelte-13zu1is h3:where(.svelte-13zu1is) svg{color:var(--accent)}.requirement-list.svelte-13zu1is{gap:24px;margin:25px 0;padding:0;list-style:none;display:grid}.requirement-list.svelte-13zu1is li:where(.svelte-13zu1is){align-items:flex-start;gap:15px;display:flex}.requirement-number.svelte-13zu1is{color:#d67942;padding-top:4px;font:10px JetBrains Mono,monospace}strong.svelte-13zu1is{color:#e9eaee;font-size:14px;font-weight:600;line-height:1.5;display:block}.requirement-list.svelte-13zu1is p:where(.svelte-13zu1is),.benefit-list.svelte-13zu1is p:where(.svelte-13zu1is){color:#989dab;margin-top:6px;font-size:13px;line-height:1.85}.requirement-summary.svelte-13zu1is{color:#b8bbc5;background:#ffffff04;border-left:2px solid #ff7926a6;align-items:flex-start;gap:10px;padding:15px 16px;font-size:12px;line-height:1.8;display:flex}.requirement-summary.svelte-13zu1is svg{color:var(--accent);flex-shrink:0;margin-top:2px}.accessory-list.svelte-13zu1is{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.accessory-list.svelte-13zu1is>div:where(.svelte-13zu1is){background:#ff792605;border:1px solid #ff79262e;border-radius:7px;padding:16px}.accessory-label.svelte-13zu1is{color:#eb975e;letter-spacing:.6px;margin-bottom:8px;font:9px JetBrains Mono,monospace;display:block}.accessory-list.svelte-13zu1is p:where(.svelte-13zu1is){color:#a3a7b3;margin-top:5px;font-size:12px;line-height:1.7}.comparison-table.svelte-13zu1is{border:1px solid var(--border);border-radius:10px;overflow-x:auto}table.svelte-13zu1is{border-collapse:collapse;text-align:left;width:100%}thead.svelte-13zu1is{background:#ff792608}th.svelte-13zu1is,td.svelte-13zu1is{padding:17px 22px;font-size:13px;line-height:1.7}thead.svelte-13zu1is th:where(.svelte-13zu1is){color:#f0f0f3;font-size:15px;font-weight:600}thead.svelte-13zu1is th:where(.svelte-13zu1is):first-child{color:#8d93a0;font:10px JetBrains Mono,monospace}tbody.svelte-13zu1is th:where(.svelte-13zu1is){color:#dddfe6;width:24%;font-weight:500}td.svelte-13zu1is{color:#a4a9b6;width:38%}tr.svelte-13zu1is+tr:where(.svelte-13zu1is),tbody.svelte-13zu1is tr:where(.svelte-13zu1is):first-child{border-top:1px solid #ffffff0b}tbody.svelte-13zu1is tr:where(.svelte-13zu1is):hover{background:#ffffff03}.benefits-grid.svelte-13zu1is{gap:50px}.benefits-grid.svelte-13zu1is h3:where(.svelte-13zu1is){border-bottom:1px solid var(--border);padding-bottom:21px;font-size:20px}.benefits-grid.svelte-13zu1is h3:where(.svelte-13zu1is) span:where(.svelte-13zu1is){color:#9ca1ae;letter-spacing:0;margin-top:7px;font-size:13px;font-weight:400;display:block}.benefit-list.svelte-13zu1is{gap:22px;margin:24px 0 0;padding:0;list-style:none;display:grid}.benefit-list.svelte-13zu1is li:where(.svelte-13zu1is){gap:12px;display:flex}.benefit-list.svelte-13zu1is svg{color:var(--accent);flex-shrink:0;margin-top:2px}.benefits-note.svelte-13zu1is{border-top:1px solid var(--border);color:#858b98;margin-top:28px;padding-top:20px;font-size:12px;line-height:1.8}.choose-setup.svelte-13zu1is{background:linear-gradient(115deg,#ff792608,#0000);border:1px solid #ff79263b;border-radius:12px;justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:32px;display:flex}.choose-setup.svelte-13zu1is h2:where(.svelte-13zu1is){font-size:27px}.choose-setup.svelte-13zu1is p:where(.svelte-13zu1is){color:#a4a9b5;max-width:640px;margin-top:14px;font-size:12px;line-height:1.9}.choose-setup.svelte-13zu1is p:where(.svelte-13zu1is) a:where(.svelte-13zu1is){color:#ebaa7d;text-underline-offset:3px;text-decoration:underline}.choose-setup.svelte-13zu1is>a:where(.svelte-13zu1is){flex-shrink:0}.setup-visual.svelte-13zu1is,.accessory-flow.svelte-13zu1is{--motion-state:paused;--flow-duration:5.6s}.flow-node.svelte-13zu1is{--flow-delay:0s;position:relative}.flow-middle.svelte-13zu1is{--flow-delay:1.8s}.flow-end.svelte-13zu1is{--flow-delay:3.6s}.local-link.svelte-13zu1is,.hardware-link.svelte-13zu1is,.route-arrow.svelte-13zu1is{--flow-delay:1s;position:relative}.local-link.svelte-13zu1is,.hardware-link.svelte-13zu1is{--flow-delay:1.8s}.route-arrow.svelte-13zu1is:nth-child(4){--flow-delay:2.8s}@media (prefers-reduced-motion:no-preference){.flow-node.svelte-13zu1is:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;animation:svelte-13zu1is-device-highlight var(--flow-duration) ease-in-out infinite;animation-delay:var(--flow-delay);animation-play-state:var(--motion-state);background:#ff792609;border:1px solid #ff9b58;position:absolute;inset:0;box-shadow:inset 0 0 20px #ff792614,0 0 16px #ff792618}.app-node.svelte-13zu1is:after{border-radius:5px;inset:-6px}.local-link.svelte-13zu1is:after,.hardware-link.svelte-13zu1is:after,.route-arrow.svelte-13zu1is:after{content:"";transform-origin:0;opacity:0;pointer-events:none;width:100%;height:2px;animation:svelte-13zu1is-signal-travel var(--flow-duration) ease-in-out infinite;animation-delay:var(--flow-delay);animation-play-state:var(--motion-state);background:linear-gradient(90deg,#ff7926,#ffc49a);position:absolute;top:calc(50% - 1px);left:0;transform:scaleX(0);box-shadow:0 0 9px #ff792680}.route-arrow.svelte-13zu1is:before{content:"";pointer-events:none;background:#ff792624;width:100%;height:1px;position:absolute;top:calc(50% - .5px);left:0}}@keyframes svelte-13zu1is-device-highlight{0%,30%,to{opacity:0}6%,22%{opacity:1}}@keyframes svelte-13zu1is-signal-travel{0%{opacity:0;transform:scaleX(0)}3%{opacity:1}15%,22%{opacity:1;transform:scaleX(1)}29%,to{opacity:0;transform:scaleX(1)}}@keyframes svelte-13zu1is-signal-travel-down{0%{opacity:0;transform:scaleY(0)}3%{opacity:1}15%,22%{opacity:1;transform:scaleY(1)}29%,to{opacity:0;transform:scaleY(1)}}@media (width<=600px) and (prefers-reduced-motion:no-preference){.route-arrow.svelte-13zu1is:before,.route-arrow.svelte-13zu1is:after,.hardware-link.svelte-13zu1is:after{transform-origin:top;width:2px;height:100%;top:0;left:calc(50% - 1px)}.route-arrow.svelte-13zu1is:before{width:1px;left:calc(50% - .5px)}.route-arrow.svelte-13zu1is:after,.hardware-link.svelte-13zu1is:after{background:linear-gradient(#ff7926,#ffc49a);animation-name:svelte-13zu1is-signal-travel-down;transform:scaleY(0)}}@media (width<=850px){.setup-grid.svelte-13zu1is{grid-template-columns:1fr}.setup-visual.svelte-13zu1is{min-height:235px}.external-computer.svelte-13zu1is{max-width:350px}.dma-computers.svelte-13zu1is{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}.requirements-grid.svelte-13zu1is,.benefits-grid.svelte-13zu1is{gap:26px}.choose-setup.svelte-13zu1is{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=600px){.external-panel.svelte-13zu1is{display:block}.external-panel.svelte-13zu1is .panel-description:where(.svelte-13zu1is){padding-top:0;font-size:13px}.dma-intro.svelte-13zu1is{padding:24px 18px 0}.dma-intro.svelte-13zu1is h4:where(.svelte-13zu1is){font-size:19px}.dma-visual.svelte-13zu1is{padding-block:25px}.dma-computers.svelte-13zu1is{grid-template-columns:1fr;gap:17px;max-width:300px}.data-link.svelte-13zu1is{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.data-link.svelte-13zu1is .hardware-link:where(.svelte-13zu1is){order:1;justify-content:center;width:100%;margin:0}.data-link.svelte-13zu1is .hardware-link:where(.svelte-13zu1is) span:where(.svelte-13zu1is){display:none}.data-link.svelte-13zu1is .hardware-link:where(.svelte-13zu1is) svg{margin:0;transform:rotate(90deg)}.software-computer.svelte-13zu1is .small-screen:where(.svelte-13zu1is){min-height:145px}.accessory-flows.svelte-13zu1is{margin-inline:18px}.signal-route.svelte-13zu1is{grid-template-columns:1fr;max-width:300px;margin-inline:auto}.route-arrow.svelte-13zu1is{min-height:35px}.route-arrow.svelte-13zu1is svg{transform:rotate(90deg)}.signal-node.svelte-13zu1is{padding:18px 12px}.dma-panel.svelte-13zu1is>.panel-description:where(.svelte-13zu1is){padding-inline:18px}.flow-heading.svelte-13zu1is{letter-spacing:.2px;font-size:9px}.flow-heading.svelte-13zu1is b:where(.svelte-13zu1is){font-size:8px}.guide-jumps.svelte-13zu1is{gap:10px 20px;margin-bottom:38px}.guide-jumps.svelte-13zu1is a:where(.svelte-13zu1is){font-size:11px}.guide-section.svelte-13zu1is{margin-top:48px}h2.svelte-13zu1is{letter-spacing:-.8px}.section-intro.svelte-13zu1is p:where(.svelte-13zu1is){font-size:13px}.panel-heading.svelte-13zu1is{gap:10px;padding:19px 18px}.panel-heading.svelte-13zu1is h3:where(.svelte-13zu1is){font-size:21px}.setup-tag.svelte-13zu1is{letter-spacing:.4px;font-size:9px}.setup-visual.svelte-13zu1is{padding-inline:18px}.external-computer.svelte-13zu1is{width:95%}.computer-content.svelte-13zu1is{grid-template-columns:1fr 19px 1fr;padding-inline:10px}.panel-description.svelte-13zu1is{padding:0 18px 23px;font-size:12px}.requirements-grid.svelte-13zu1is,.benefits-grid.svelte-13zu1is{grid-template-columns:1fr;gap:34px}th.svelte-13zu1is,td.svelte-13zu1is{padding:13px 11px;font-size:12px}thead.svelte-13zu1is th:where(.svelte-13zu1is){font-size:13px}thead.svelte-13zu1is th:where(.svelte-13zu1is):first-child{font-size:9px}tbody.svelte-13zu1is th:where(.svelte-13zu1is){width:26%}td.svelte-13zu1is{width:37%}.choose-setup.svelte-13zu1is{margin-top:48px;padding:24px 20px}.choose-setup.svelte-13zu1is h2:where(.svelte-13zu1is){font-size:26px}}.comparison-guide.svelte-11o795e{max-width:1120px}.comparison-guide.svelte-11o795e .article-lead:where(.svelte-11o795e){max-width:730px;line-height:1.8}
