.connection-guide[data-v-310a7d8c]{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:26px 32px;max-width:820px;margin:72px auto 0;padding:32px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:radial-gradient(circle at 78% 22%,rgba(250,128,114,.12),transparent 48%),hsla(0,0%,100%,.72);-webkit-box-shadow:0 12px 34px rgba(35,31,28,.08);box-shadow:0 12px 34px rgba(35,31,28,.08)}.guide-copy h2[data-v-310a7d8c]{margin:0;color:var(--text-primary);font-size:clamp(21px,2.3vw,26px);line-height:1.14;letter-spacing:-.02em}.guide-copy[data-v-310a7d8c]{-ms-flex-item-align:start;align-self:start}.connection-guide.guide-single[data-v-310a7d8c]{grid-template-columns:minmax(0,1fr);max-width:560px;text-align:center}.guide-lede[data-v-310a7d8c]{margin:11px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.55}.guide-steps[data-v-310a7d8c]{margin:18px 0 0;padding:0;display:grid;gap:12px}.guide-safari .guide-steps[data-v-310a7d8c]{margin-top:26px;gap:15px}.guide-steps li[data-v-310a7d8c]{display:grid;grid-template-columns:20px minmax(0,1fr);-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:9px;margin:0;padding:0;color:var(--text-primary);font-size:13px;line-height:1.45;background:none;border-radius:0}.guide-steps li[data-v-310a7d8c]:hover{background:none}.guide-step[data-v-310a7d8c]{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#24a75c;color:#fff;font-size:11px;font-weight:800;line-height:1;-webkit-box-shadow:0 2px 7px rgba(22,113,62,.28);box-shadow:0 2px 7px rgba(22,113,62,.28)}.browser-mock[data-v-310a7d8c]{position:relative;min-height:200px;border:1px solid rgba(92,86,82,.22);border-radius:13px;background:#f7f7f7;-webkit-box-shadow:0 10px 24px rgba(45,39,35,.16);box-shadow:0 10px 24px rgba(45,39,35,.16)}.mock-titlebar[data-v-310a7d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px;height:30px;padding:0 11px;border-bottom:1px solid rgba(92,86,82,.18);border-radius:13px 13px 0 0;background:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#e9e9e9));background:linear-gradient(#f4f4f4,#e9e9e9)}.traffic-light[data-v-310a7d8c]{width:9px;height:9px;border-radius:50%}.traffic-light-close[data-v-310a7d8c]{background:#ff5f57}.traffic-light-minimize[data-v-310a7d8c]{background:#febc2e}.traffic-light-zoom[data-v-310a7d8c]{background:#28c840}.mock-toolbar[data-v-310a7d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;height:42px;padding:0 12px;border-bottom:1px solid rgba(92,86,82,.16);background:hsla(0,0%,95.7%,.92)}.toolbar-button[data-v-310a7d8c]{position:relative;display:grid;place-items:center;width:31px;height:31px;-webkit-box-flex:0;-ms-flex:0 0 31px;flex:0 0 31px;border-radius:7px;background:hsla(0,0%,100%,.75);-webkit-box-shadow:inset 0 0 0 1px rgba(60,55,52,.12);box-shadow:inset 0 0 0 1px rgba(60,55,52,.12)}.toolbar-button[data-v-310a7d8c]:after{content:"";position:absolute;inset:-5px;border:2px solid rgba(38,166,91,.72);border-radius:11px;-webkit-animation:toolbar-pulse-data-v-310a7d8c 2.1s ease-out infinite;animation:toolbar-pulse-data-v-310a7d8c 2.1s ease-out infinite}.toolbar-button img[data-v-310a7d8c]{display:block;width:19px;height:19px;-o-object-fit:contain;object-fit:contain}.toolbar-step[data-v-310a7d8c]{position:absolute;top:-11px;left:-10px;z-index:2}.mock-address[data-v-310a7d8c]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:7px 15px;overflow:hidden;border:1px solid rgba(92,86,82,.12);border-radius:8px;background:#fff;color:#77716e;font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mock-menu[data-v-310a7d8c],.mock-popup[data-v-310a7d8c]{position:absolute;top:64px;width:min(232px,calc(100% - 32px));padding:7px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(72,67,64,.16);border-radius:10px;background:hsla(0,0%,98%,.96);-webkit-box-shadow:0 14px 30px rgba(38,33,30,.24);box-shadow:0 14px 30px rgba(38,33,30,.24);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mock-menu[data-v-310a7d8c]{left:16px;width:min(300px,calc(100% + 24px))}.mock-popup[data-v-310a7d8c]{right:14px;padding:13px}.guide-pairing .browser-mock[data-v-310a7d8c]{min-height:232px}.guide-safari .browser-mock[data-v-310a7d8c]{min-height:226px}.mock-menu-pointer[data-v-310a7d8c],.mock-popup-pointer[data-v-310a7d8c]{position:absolute;top:-7px;width:12px;height:12px;border-top:1px solid rgba(72,67,64,.14);border-left:1px solid rgba(72,67,64,.14);background:hsla(0,0%,98%,.96);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mock-menu-pointer[data-v-310a7d8c]{left:9px}.mock-popup-pointer[data-v-310a7d8c]{right:12px}.mock-menu-title[data-v-310a7d8c]{margin:2px 0 5px;padding:0 8px;color:#3f3b39;font-size:11px;font-weight:600}.mock-menu-item[data-v-310a7d8c]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;min-height:28px;padding:4px 8px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;color:#4d4946;font-size:11.5px;white-space:nowrap}.mock-menu-item-default[data-v-310a7d8c]{background:#0a6fd8;color:#fff}.mock-menu-item-target[data-v-310a7d8c]{background:rgba(38,166,91,.13);-webkit-box-shadow:inset 0 0 0 1.5px rgba(38,166,91,.75);box-shadow:inset 0 0 0 1.5px rgba(38,166,91,.75);color:#14683a;-webkit-animation:menu-highlight-data-v-310a7d8c 2.1s ease-in-out infinite;animation:menu-highlight-data-v-310a7d8c 2.1s ease-in-out infinite}.mock-menu-item-target strong[data-v-310a7d8c]{font-weight:600}.menu-step[data-v-310a7d8c]{position:absolute;right:-12px;top:-10px}.mock-menu-check[data-v-310a7d8c]{color:#1f9b55;font-size:13px;font-weight:800;text-align:right}.mock-menu-item-secondary[data-v-310a7d8c]{color:#77716e}.mock-page[data-v-310a7d8c]{position:absolute;top:86px;left:16px;right:16px;display:grid;gap:9px}.mock-page-line[data-v-310a7d8c]{height:7px;border-radius:4px;background:rgba(60,55,52,.07)}.mock-page-line[data-v-310a7d8c]:nth-child(2){width:82%}.mock-page-line[data-v-310a7d8c]:nth-child(3){width:64%}.mock-popup-label[data-v-310a7d8c]{margin:0 0 9px;color:#77716e;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.pair-code[data-v-310a7d8c]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.pair-digit[data-v-310a7d8c]{display:grid;place-items:center;height:30px;border:1px solid rgba(72,67,64,.18);border-radius:6px;background:#fff;color:#3f3b39;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.pair-digit[data-v-310a7d8c]:last-child{border-color:rgba(38,166,91,.55);-webkit-animation:caret-blink-data-v-310a7d8c 1.6s ease-in-out infinite;animation:caret-blink-data-v-310a7d8c 1.6s ease-in-out infinite}.mock-popup-button[data-v-310a7d8c]{margin-top:11px;padding:7px 0;border-radius:7px;background:#24a75c;color:#fff;font-size:12px;font-weight:600;text-align:center}.guide-notes[data-v-310a7d8c]{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--border-color)}.guide-notes h3[data-v-310a7d8c]{margin:0 0 5px;color:var(--text-primary);font-size:13px;font-weight:600}.guide-notes p[data-v-310a7d8c]{margin:0;color:var(--text-secondary);font-size:12.5px;line-height:1.55}.guide-notes .guide-note-links[data-v-310a7d8c]{margin-top:7px;font-size:11.5px}.guide-note-links a[data-v-310a7d8c]{color:var(--primary-color-hover);text-decoration:underline;text-underline-offset:2px}.note-link-sep[data-v-310a7d8c]{padding:0 2px}.guide-actions[data-v-310a7d8c]{grid-column:1/-1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin:0}.guide-footnote[data-v-310a7d8c]{grid-column:1/-1;margin:-6px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5;text-align:center}@-webkit-keyframes toolbar-pulse-data-v-310a7d8c{0%,42%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}58%{opacity:1}82%,to{opacity:0;-webkit-transform:scale(1.16);transform:scale(1.16)}}@keyframes toolbar-pulse-data-v-310a7d8c{0%,42%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}58%{opacity:1}82%,to{opacity:0;-webkit-transform:scale(1.16);transform:scale(1.16)}}@-webkit-keyframes menu-highlight-data-v-310a7d8c{0%,34%{-webkit-box-shadow:inset 0 0 0 1px rgba(38,166,91,0);box-shadow:inset 0 0 0 1px rgba(38,166,91,0)}52%,80%{-webkit-box-shadow:inset 0 0 0 1px rgba(38,166,91,.38);box-shadow:inset 0 0 0 1px rgba(38,166,91,.38)}to{-webkit-box-shadow:inset 0 0 0 1px rgba(38,166,91,0);box-shadow:inset 0 0 0 1px rgba(38,166,91,0)}}@keyframes menu-highlight-data-v-310a7d8c{0%,34%{-webkit-box-shadow:inset 0 0 0 1px rgba(38,166,91,0);box-shadow:inset 0 0 0 1px rgba(38,166,91,0)}52%,80%{-webkit-box-shadow:inset 0 0 0 1px rgba(38,166,91,.38);box-shadow:inset 0 0 0 1px rgba(38,166,91,.38)}to{-webkit-box-shadow:inset 0 0 0 1px rgba(38,166,91,0);box-shadow:inset 0 0 0 1px rgba(38,166,91,0)}}@-webkit-keyframes caret-blink-data-v-310a7d8c{0%,45%{-webkit-box-shadow:0 0 0 2px rgba(38,166,91,.16);box-shadow:0 0 0 2px rgba(38,166,91,.16)}70%,to{-webkit-box-shadow:0 0 0 2px rgba(38,166,91,0);box-shadow:0 0 0 2px rgba(38,166,91,0)}}@keyframes caret-blink-data-v-310a7d8c{0%,45%{-webkit-box-shadow:0 0 0 2px rgba(38,166,91,.16);box-shadow:0 0 0 2px rgba(38,166,91,.16)}70%,to{-webkit-box-shadow:0 0 0 2px rgba(38,166,91,0);box-shadow:0 0 0 2px rgba(38,166,91,0)}}@media (max-width:700px){.connection-guide[data-v-310a7d8c]{grid-template-columns:1fr;margin-top:40px;padding:24px 20px}.guide-copy[data-v-310a7d8c]{text-align:left}.browser-mock[data-v-310a7d8c]{width:100%;max-width:440px;margin:0 auto}}@media (prefers-color-scheme:dark){.connection-guide[data-v-310a7d8c]{background:radial-gradient(circle at 78% 22%,rgba(250,128,114,.1),transparent 48%),rgba(36,36,38,.78);-webkit-box-shadow:0 18px 50px rgba(0,0,0,.22);box-shadow:0 18px 50px rgba(0,0,0,.22)}.browser-mock[data-v-310a7d8c]{border-color:hsla(0,0%,100%,.12);background:#252527;-webkit-box-shadow:0 16px 34px rgba(0,0,0,.38);box-shadow:0 16px 34px rgba(0,0,0,.38)}.mock-titlebar[data-v-310a7d8c]{border-color:hsla(0,0%,100%,.08);background:-webkit-gradient(linear,left top,left bottom,from(#39393b),to(#303032));background:linear-gradient(#39393b,#303032)}.mock-toolbar[data-v-310a7d8c]{border-color:hsla(0,0%,100%,.08);background:rgba(48,48,50,.96)}.toolbar-button[data-v-310a7d8c]{background:hsla(0,0%,100%,.08);-webkit-box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12)}.mock-address[data-v-310a7d8c]{border-color:hsla(0,0%,100%,.08);background:#242426;color:#aaa5a2}.mock-menu-pointer[data-v-310a7d8c],.mock-menu[data-v-310a7d8c],.mock-popup-pointer[data-v-310a7d8c],.mock-popup[data-v-310a7d8c]{border-color:hsla(0,0%,100%,.09);background:rgba(52,52,54,.96)}.mock-menu-item[data-v-310a7d8c]{color:#dfdcda}.mock-menu-title[data-v-310a7d8c]{color:#e6e3e1}.mock-menu-item-default[data-v-310a7d8c]{background:#1a72d8;color:#fff}.mock-menu-item-target[data-v-310a7d8c]{background:rgba(48,196,107,.18);-webkit-box-shadow:inset 0 0 0 1.5px rgba(48,196,107,.7);box-shadow:inset 0 0 0 1.5px rgba(48,196,107,.7);color:#8de2ad}.mock-menu-item-secondary[data-v-310a7d8c]{color:#b5afac}.mock-page-line[data-v-310a7d8c]{background:hsla(0,0%,100%,.07)}.mock-popup-label[data-v-310a7d8c]{color:#b5afac}.pair-digit[data-v-310a7d8c]{border-color:hsla(0,0%,100%,.14);background:#2c2c2e;color:#e6e3e1}}@media (prefers-reduced-motion:reduce){.mock-menu-item-target[data-v-310a7d8c],.pair-digit[data-v-310a7d8c]:last-child,.toolbar-button[data-v-310a7d8c]:after{-webkit-animation:none;animation:none}}