.qrx-connected-how{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fdfcff;--surface:#fff;--fg:#21192f;--muted:#716a7e;--line:#e9e3f0;--purple:#753ce8;--wash:#f2eaff;--pink:#e74086;--orange:#d88921;--green:#168365;--glow:#eee3ff;--glass:#ffffffdc}.dark .qrx-connected-how{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#120e1b;--surface:#1c1528;--fg:#f7f1ff;--muted:#c4b9d2;--line:#40324f;--purple:#b88aff;--wash:#291a3e;--pink:#fa7cb3;--orange:#ffbd65;--green:#7bd8b5;--glow:#302047;--glass:#1c1528e8}.qrx-connected-how *{box-sizing:border-box}.qrx-connected-how{scroll-behavior:smooth;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;scroll-padding-top:100px;font:16px Inter,sans-serif}.qrx-connected-how a{color:inherit;text-decoration:none}.qrx-connected-how button{font:inherit;cursor:pointer}.qrx-connected-how button,.qrx-connected-how a,.qrx-connected-how summary{-webkit-tap-highlight-color:transparent}.qrx-connected-how button:focus-visible{outline:2px solid var(--purple);outline-offset:5px}.qrx-connected-how a:focus-visible{outline:2px solid var(--purple);outline-offset:5px}.qrx-connected-how summary:focus-visible{outline:2px solid var(--purple);outline-offset:5px}.qrx-connected-how button{color:inherit}.qrx-connected-how h1,.qrx-connected-how h2,.qrx-connected-how h3,.qrx-connected-how p{margin:0}.qrx-connected-how p{color:var(--muted);line-height:1.85}.qrx-connected-how svg.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.qrx-connected-how .wrap{width:min(1180px,100% - 80px);margin:auto}.qrx-connected-how .brand{object-fit:contain;width:68px;height:43px}.qrx-connected-how .brand-dark,.dark .qrx-connected-how .brand-light{display:none}.dark .qrx-connected-how .brand-dark{display:block}.qrx-connected-how header{border-bottom:1px solid var(--line);background:var(--surface);height:76px}.qrx-connected-how .nav{justify-content:space-between;align-items:center;gap:28px;height:100%;display:flex}.qrx-connected-how .navlinks{align-items:center;gap:20px;font-size:12px;display:flex}.qrx-connected-how .navlinks .active{color:var(--purple);background:var(--wash);border-radius:8px;padding:9px 11px}.qrx-connected-how .tools{align-items:center;gap:12px;display:flex}.qrx-connected-how .theme,.qrx-connected-how .menu{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.qrx-connected-how .theme .icon{width:18px}.qrx-connected-how .menu{display:none}.qrx-connected-how .button{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:23px;min-height:44px;padding:0 23px;font-size:14px;font-weight:550;transition:transform .25s,border-color .25s;display:inline-flex}.qrx-connected-how .button:hover{border-color:var(--purple);transform:translateY(-2px)}.qrx-connected-how .button.primary{color:#fff;background:linear-gradient(105deg,#8a39f2,#5d40e8);border-color:#7740e4}.qrx-connected-how .nav .button{min-height:38px;padding:0 17px;font-size:12px}.qrx-connected-how .overline{color:var(--purple);text-transform:uppercase;letter-spacing:1.6px;font-size:12px;font-weight:550;text-decoration:none}.qrx-connected-how .eyebrow{color:var(--muted);letter-spacing:.4px;align-items:center;gap:9px;font-size:12px;display:flex}.qrx-connected-how .dot{background:var(--purple);border-radius:50%;width:5px;height:5px;display:inline-block}.qrx-connected-how .intro{grid-template-columns:1.15fr .85fr;align-items:end;gap:80px;padding:62px 0 43px;display:grid}.qrx-connected-how h1{letter-spacing:-2.6px;margin-top:20px;font-size:clamp(42px,4.4vw,61px);font-weight:580;line-height:1.13}.qrx-connected-how h1>span:not(:first-child){color:var(--purple)}.qrx-connected-how .intro p{max-width:415px;font-size:16px}.qrx-connected-how .intro a{color:var(--purple);align-items:center;gap:20px;margin-top:21px;font-size:13px;display:inline-flex}.qrx-connected-how .hero-glow{background:radial-gradient(ellipse at 60% 55%, var(--glow), transparent 65%);padding-bottom:44px}.qrx-connected-how .journey{border:1px solid var(--line);background:var(--glass);border-radius:23px;position:relative;overflow:hidden}.qrx-connected-how .journey-top{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:19px 29px;font-size:12px;display:flex}.qrx-connected-how .journey-top>span{align-items:center;gap:8px;display:flex}.qrx-connected-how .journey-top b{color:var(--fg);font-weight:500}.qrx-connected-how .stage{grid-template-columns:1fr 1.1fr;gap:60px;min-height:369px;padding:36px 48px 35px;display:grid}.qrx-connected-how .stage-left{grid-template-columns:43px 1fr;align-content:center;gap:20px;display:grid}.qrx-connected-how .stage-number{color:var(--purple);padding-top:5px;font-size:16px;font-weight:500}.qrx-connected-how .stage h2{letter-spacing:-1px;max-width:370px;font-size:32px;font-weight:560;line-height:1.2}.qrx-connected-how .stage-left p{max-width:350px;margin-top:16px;font-size:14px}.qrx-connected-how .perspective{color:var(--purple);align-items:center;gap:9px;margin-bottom:17px;font-size:12px;display:flex}.qrx-connected-how .perspective .icon{width:17px;height:17px}.qrx-connected-how .scene{justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.qrx-connected-how .scene:before{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;top:5%;bottom:5%;left:6%;right:6%;transform:rotate(-15deg)}.qrx-connected-how .scene:after{content:"";border:1px solid var(--line);opacity:.45;border-radius:50%;position:absolute;top:-1%;bottom:-1%;left:1%;right:1%;transform:rotate(15deg)}.qrx-connected-how .phone{background:var(--bg);border:1px solid color-mix(in srgb, var(--purple) 30%, var(--line));z-index:2;text-align:center;border-radius:27px;width:185px;height:275px;padding:14px 18px;position:relative;box-shadow:0 15px 55px #160a2120}.qrx-connected-how .speaker{background:var(--line);border-radius:99px;width:35px;height:4px;margin:0 auto 15px}.qrx-connected-how .phone .brand{width:49px;height:30px;margin:0 auto;display:block}.qrx-connected-how .phone .brand-dark,.dark .qrx-connected-how .phone .brand-light{display:none}.dark .qrx-connected-how .phone .brand-dark{display:block}.qrx-connected-how .phone-label{color:var(--muted);margin-top:14px;font-size:12px}.qrx-connected-how .phone-status{border:1px solid var(--line);background:var(--wash);width:46px;height:46px;color:var(--purple);border-radius:15px;place-items:center;margin:16px auto 12px;transition:color 1s,background 1s;display:grid}.qrx-connected-how .phone strong{font-size:14px;font-weight:550;line-height:1.45;display:block}.qrx-connected-how .phone-foot{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.5}.qrx-connected-how .phone-bar{background:var(--line);border-radius:8px;width:70%;height:5px;margin:16px auto 0;overflow:hidden}.qrx-connected-how .phone-bar:after{content:"";background:var(--purple);width:32%;height:100%;animation:9s ease-in-out infinite hiw-phone-drift;display:block}.qrx-connected-how .signal{border:1px solid var(--line);background:var(--surface);z-index:3;white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:12px;animation:11s ease-in-out infinite hiw-float;display:flex;position:absolute;box-shadow:0 7px 25px #0c041414}.qrx-connected-how .signal svg{width:17px;height:17px;color:var(--purple)}.qrx-connected-how .signal.one{top:49px;left:-8px}.qrx-connected-how .signal.two{animation-delay:-5s;bottom:39px;right:-9px}.qrx-connected-how .signal.two svg{color:var(--green)}.qrx-connected-how .stage-copy,.qrx-connected-how .phone-copy{transition:opacity .5s,transform .5s}.qrx-connected-how .changing .stage-copy,.qrx-connected-how .changing .phone-copy{opacity:0;transform:translateY(5px)}.qrx-connected-how .event-bridge{border-top:1px solid var(--line);background:color-mix(in srgb, var(--wash) 40%, var(--surface));grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;gap:15px;padding:20px 30px;display:grid}.qrx-connected-how .bridge-party{justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.qrx-connected-how .bridge-party small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.qrx-connected-how .bridge-party strong{font-weight:550}.qrx-connected-how .bridge-party .icon{color:var(--purple);width:20px}.qrx-connected-how .bridge-party .brand{width:43px;height:31px}.qrx-connected-how .bridge-line{background:var(--line);height:1px;position:relative}.qrx-connected-how .bridge-line:after{content:"";background:var(--purple);width:24px;height:2px;filter:drop-shadow(0 0 5px var(--purple));border-radius:4px;animation:7s ease-in-out infinite hiw-bridge;position:absolute;top:-.5px}.qrx-connected-how .bridge-line.second:after{animation-delay:-3.5s}.qrx-connected-how .step-tabs{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.qrx-connected-how .step-tab{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;padding:20px 23px;font-size:13px;transition:background .8s;position:relative}.qrx-connected-how .step-tab:last-child{border-right:0}.qrx-connected-how .step-tab>span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.qrx-connected-how .step-tab strong{font-weight:550}.qrx-connected-how .step-tab.active{background:var(--wash);color:var(--purple)}.qrx-connected-how .step-tab:before{content:"";background:var(--purple);width:0;height:2px;position:absolute;top:0;left:0}.qrx-connected-how .step-tab.active:before{width:100%;transition:width 8s linear}.qrx-connected-how .user-selected .step-tab.active:before{transition:none}.qrx-connected-how .journey-caption{color:var(--muted);justify-content:space-between;gap:20px;margin-top:17px;font-size:12px;line-height:1.7;display:flex}.qrx-connected-how .journey-caption span:first-child{align-items:center;gap:7px;display:flex}.qrx-connected-how .mini-ups{object-fit:contain;width:20px;height:23px}.qrx-connected-how .section{padding:76px 0}.qrx-connected-how .section-top{grid-template-columns:1.15fr .85fr;align-items:end;gap:80px;margin-bottom:36px;display:grid}.qrx-connected-how h2{letter-spacing:-1.4px;margin-top:15px;font-size:37px;font-weight:560;line-height:1.22}.qrx-connected-how .section-top p{max-width:400px;font-size:15px}.qrx-connected-how .tracks{border:1px solid var(--line);border-radius:19px;overflow:hidden}.qrx-connected-how .track{grid-template-columns:170px repeat(4,1fr);display:grid}.qrx-connected-how .track+.track{border-top:1px solid var(--line);background:var(--surface)}.qrx-connected-how .track-label{color:var(--purple);align-items:center;padding:28px 23px;font-size:12px;line-height:1.7;display:flex}.qrx-connected-how .track-label .icon{flex:none;width:18px;margin-right:10px}.qrx-connected-how .track article{border-left:1px solid var(--line);padding:27px 22px;position:relative}.qrx-connected-how .track h3{margin-bottom:9px;font-size:14px;font-weight:550;line-height:1.5}.qrx-connected-how .track p{font-size:12px;line-height:1.75}.qrx-connected-how .track:last-child article:before{content:"";background:var(--purple);width:5px;height:5px;box-shadow:0 0 12px var(--purple);animation:12s ease-in-out infinite hiw-glimmer;animation-delay:calc(var(--i) * 2s);border-radius:50%;position:absolute;top:38px;left:-3px}.qrx-connected-how .track-note{color:var(--muted);margin-top:20px;font-size:12px;line-height:1.8}.qrx-connected-how .roles{background:var(--surface);border-block:1px solid var(--line)}.qrx-connected-how .money-grid{grid-template-columns:1fr 1fr;align-items:center;gap:85px;display:grid}.qrx-connected-how .money-grid p{margin-top:20px;font-size:15px}.qrx-connected-how .money-map{text-align:center;grid-template-columns:1fr 70px 1fr;align-items:center;row-gap:27px;padding:20px 0;display:grid}.qrx-connected-how .money-node{border:1px solid var(--line);background:var(--bg);border-radius:15px;padding:20px 12px;font-size:14px}.qrx-connected-how .money-node .icon{color:var(--green);margin:0 auto 13px;display:block}.qrx-connected-how .money-node small{color:var(--muted);margin-top:7px;font-size:12px;display:block}.qrx-connected-how .money-rail{background:var(--green);height:1px;position:relative}.qrx-connected-how .money-rail:after{content:"";border-top:1px solid var(--green);border-right:1px solid var(--green);width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.qrx-connected-how .money-coordination{color:var(--muted);border-top:1px dashed var(--line);grid-column:1/-1;justify-content:center;align-items:center;gap:15px;padding-top:24px;font-size:12px;display:flex}.qrx-connected-how .money-coordination .brand{width:49px;height:31px}.qrx-connected-how .fact-line{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:28px;padding-top:20px;font-size:13px;display:flex}.qrx-connected-how .fact-line .icon{color:var(--green);width:18px}.qrx-connected-how .variants{grid-template-columns:1fr 1fr;gap:23px;display:grid}.qrx-connected-how .variant{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 31px;position:relative;overflow:hidden}.qrx-connected-how .variant-top{justify-content:space-between;align-items:center;display:flex}.qrx-connected-how .variant .icon{width:30px;height:30px;color:var(--purple)}.qrx-connected-how .variant:nth-child(2) .icon{color:var(--pink)}.qrx-connected-how .tag{color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:6px 10px;font-size:12px}.qrx-connected-how .variant h3{letter-spacing:-.5px;margin:23px 0 13px;font-size:23px;font-weight:550}.qrx-connected-how .variant p{max-width:410px;font-size:14px}.qrx-connected-how .small-flow{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:13px;margin-top:27px;padding-top:22px;font-size:12px;display:flex}.qrx-connected-how .small-flow span:nth-child(2n){color:var(--purple)}.qrx-connected-how .setup{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.qrx-connected-how .setup>div>p{margin-top:19px;font-size:15px}.qrx-connected-how .setup li{border-bottom:1px solid var(--line);grid-template-columns:39px 1fr;gap:20px;padding:23px 0;display:grid}.qrx-connected-how .setup li:first-child{padding-top:0}.qrx-connected-how .setup li>span{color:var(--purple);padding-top:2px;font-size:13px}.qrx-connected-how .setup h3{margin-bottom:10px;font-size:17px;font-weight:550}.qrx-connected-how .setup li p{font-size:14px}.qrx-connected-how .setup .button{margin-top:27px}.qrx-connected-how .end{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:40px 0 55px;display:flex}.qrx-connected-how .end h2{margin:0;font-size:30px}.qrx-connected-how .end p{margin-top:11px;font-size:14px}.qrx-connected-how .preview-note{color:var(--muted);border-top:1px solid var(--line);padding:22px 0 35px;font-size:12px}.qrx-connected-how .preview-note .wrap{justify-content:space-between;gap:20px;display:flex}.qrx-connected-how .mobile-nav{display:none}@keyframes hiw-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hiw-phone-drift{0%,to{transform:translate(-110%)}65%{transform:translate(320%)}}@keyframes hiw-bridge{0%{opacity:0;left:0}20%,75%{opacity:1}to{opacity:0;left:calc(100% - 24px)}}@keyframes hiw-glimmer{0%,to{opacity:.25}35%{opacity:1}}@media (max-width:1100px){.qrx-connected-how .navlinks{gap:13px}.qrx-connected-how .navlinks .extra{display:none}.qrx-connected-how .intro,.qrx-connected-how .section-top{gap:40px}.qrx-connected-how .stage{gap:35px;padding:32px}.qrx-connected-how .signal.one{left:-12px}.qrx-connected-how .signal.two{right:-12px}.qrx-connected-how .track{grid-template-columns:135px repeat(4,1fr)}.qrx-connected-how .track article{padding:24px 16px}.qrx-connected-how .money-grid{gap:45px}.qrx-connected-how .setup{gap:50px}}@media (max-width:800px){.qrx-connected-how .wrap{width:calc(100% - 48px)}.qrx-connected-how .navlinks{display:none}.qrx-connected-how .menu{display:grid}.qrx-connected-how .intro{grid-template-columns:1fr;gap:23px;padding-top:40px}.qrx-connected-how .intro p{max-width:580px}.qrx-connected-how .intro h1{font-size:49px}.qrx-connected-how .stage{grid-template-columns:1fr 1fr;gap:25px;padding:30px 24px}.qrx-connected-how .stage-left{grid-template-columns:1fr;gap:12px}.qrx-connected-how .stage-number{font-size:12px}.qrx-connected-how .stage h2{font-size:27px}.qrx-connected-how .signal{padding:9px 11px;font-size:12px}.qrx-connected-how .signal.one{top:25px;left:-20px}.qrx-connected-how .signal.two{bottom:14px;right:-8px}.qrx-connected-how .event-bridge{grid-template-columns:1fr 35px 1fr 35px 1fr;gap:5px;padding:20px}.qrx-connected-how .bridge-party{gap:8px;font-size:12px}.qrx-connected-how .bridge-party>.icon{display:none}.qrx-connected-how .step-tab{padding:17px 15px;font-size:12px}.qrx-connected-how .section-top{grid-template-columns:1fr;gap:20px}.qrx-connected-how .section-top p{max-width:580px}.qrx-connected-how .track{grid-template-columns:repeat(4,1fr)}.qrx-connected-how .track-label{border-bottom:1px solid var(--line);grid-column:1/-1;padding:16px 20px}.qrx-connected-how .track article:nth-child(2){border-left:0}.qrx-connected-how .money-grid{grid-template-columns:1fr;gap:25px}.qrx-connected-how .money-map{width:100%;max-width:520px;margin:auto}.qrx-connected-how .setup{grid-template-columns:1fr;gap:35px}.qrx-connected-how .mobile-nav.open{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;flex-direction:column;gap:20px;padding:17px 24px;font-size:14px;display:flex;position:absolute;top:76px;left:0;right:0}}@media (max-width:560px){.qrx-connected-how .wrap{width:calc(100% - 40px)}.qrx-connected-how header{height:68px}.qrx-connected-how .nav{gap:14px}.qrx-connected-how .nav .button{display:none}.qrx-connected-how .brand{width:61px;height:39px}.qrx-connected-how .mobile-nav.open{top:68px}.qrx-connected-how .intro{padding:32px 0 28px}.qrx-connected-how .intro h1{letter-spacing:-1.7px;font-size:39px}.qrx-connected-how .intro p{font-size:14px}.qrx-connected-how .intro a{margin-top:16px}.qrx-connected-how .journey{border-radius:18px}.qrx-connected-how .journey-top{flex-wrap:wrap;gap:8px;padding:15px 18px;font-size:12px}.qrx-connected-how .stage{grid-template-columns:1fr;gap:24px;min-height:650px;padding:25px 23px}.qrx-connected-how .stage-left{grid-template-columns:25px 1fr;align-content:start;gap:10px;min-height:221px}.qrx-connected-how .stage h2{letter-spacing:-.8px;margin-top:0;font-size:26px}.qrx-connected-how .stage-left p{margin-top:14px;font-size:13px}.qrx-connected-how .perspective{gap:7px;margin-bottom:12px;font-size:12px}.qrx-connected-how .perspective .icon{display:none}.qrx-connected-how .scene{width:100%;max-width:310px;min-height:275px;margin:auto}.qrx-connected-how .phone{width:170px;height:263px;padding-inline-start:14px;padding-inline-end:14px}.qrx-connected-how .signal{padding:9px;font-size:12px}.qrx-connected-how .signal.one{top:19px;left:-10px}.qrx-connected-how .signal.two{bottom:20px;right:-9px}.qrx-connected-how .scene:after{top:0;bottom:0;left:0;right:0}.qrx-connected-how .event-bridge{text-align:left;grid-template-columns:1fr;gap:13px;padding:20px 23px}.qrx-connected-how .bridge-party{justify-content:flex-start;width:100%;font-size:13px}.qrx-connected-how .bridge-party>.icon{display:block}.qrx-connected-how .bridge-party .brand{width:29px;height:24px}.qrx-connected-how .bridge-line{width:1px;height:19px;margin-left:13px}.qrx-connected-how .bridge-line:after{width:2px;height:9px;animation:7s ease-in-out infinite hiw-vertical-bridge;top:0;left:0}.qrx-connected-how .bridge-line.second:after{animation-delay:-3.5s}.qrx-connected-how .bridge-party small{margin-left:7px;line-height:1.7;display:inline}.qrx-connected-how .step-tabs{grid-template-columns:1fr 1fr}.qrx-connected-how .step-tab{padding:17px 19px;font-size:13px}.qrx-connected-how .step-tab:nth-child(2){border-right:0}.qrx-connected-how .step-tab:nth-child(n+3){border-top:1px solid var(--line)}.qrx-connected-how .journey-caption{font-size:12px;display:block}.qrx-connected-how .journey-caption>span{margin-top:10px;display:block}.qrx-connected-how .hero-glow{padding-bottom:30px}.qrx-connected-how .section{padding:47px 0}.qrx-connected-how .section-top{gap:17px;margin-bottom:25px}.qrx-connected-how h2{letter-spacing:-1px;font-size:29px}.qrx-connected-how .section-top p{font-size:14px}.qrx-connected-how .track{grid-template-columns:1fr 1fr}.qrx-connected-how .track article{padding:20px 17px}.qrx-connected-how .track article:nth-child(4){border-left:0}.qrx-connected-how .track article:nth-child(n+4){border-top:1px solid var(--line)}.qrx-connected-how .track h3{font-size:13px}.qrx-connected-how .track p{font-size:12px}.qrx-connected-how .money-grid p{font-size:14px}.qrx-connected-how .money-grid{gap:20px}.qrx-connected-how .money-map{grid-template-columns:1fr 35px 1fr;row-gap:20px}.qrx-connected-how .money-node{padding:17px 10px;font-size:13px}.qrx-connected-how .money-coordination{text-align:left;gap:10px;font-size:12px}.qrx-connected-how .money-coordination .brand{flex:none}.qrx-connected-how .fact-line{align-items:start;line-height:1.7}.qrx-connected-how .fact-line .icon{flex:none;margin-top:3px}.qrx-connected-how .variants{grid-template-columns:1fr}.qrx-connected-how .variant{padding:25px}.qrx-connected-how .variant h3{font-size:22px}.qrx-connected-how .tag{font-size:12px}.qrx-connected-how .setup{gap:30px}.qrx-connected-how .setup li{grid-template-columns:28px 1fr;gap:10px}.qrx-connected-how .setup h3{font-size:16px}.qrx-connected-how .setup li p{font-size:13px}.qrx-connected-how .end{padding:31px 0 38px;display:block}.qrx-connected-how .end h2{font-size:27px}.qrx-connected-how .end .button{margin-top:23px}.qrx-connected-how .preview-note .wrap{line-height:1.9;display:block}.qrx-connected-how .preview-note span{display:block}.qrx-connected-how .overline{letter-spacing:1.2px;font-size:12px;text-decoration:none}}@keyframes hiw-vertical-bridge{0%{opacity:0;top:0}25%,75%{opacity:1}to{opacity:0;top:10px}}@media (prefers-reduced-motion:reduce){.qrx-connected-how{scroll-behavior:auto}.qrx-connected-how *,.qrx-connected-how :before,.qrx-connected-how :after{transition:none!important;animation:none!important}}.qrx-connected-how .step-tabs{border-top:0;border-bottom:1px solid var(--line)}@media (max-width:560px){.qrx-connected-how .scene{grid-row:1}.qrx-connected-how .stage{min-height:0}}.qrx-connected-how .try-section{border-bottom:1px solid var(--line);padding:37px 0 40px}.qrx-connected-how .try-inner{grid-template-columns:58px 1fr auto;align-items:center;gap:28px;display:grid}.qrx-connected-how .try-icon{border:1px solid var(--line);width:58px;height:58px;color:var(--purple);background:var(--wash);border-radius:18px;place-items:center;display:grid}.qrx-connected-how .try-icon svg{width:27px;height:27px}.qrx-connected-how .try-copy h2{letter-spacing:-.8px;margin:10px 0 12px;font-size:27px}.qrx-connected-how .try-copy p{max-width:600px;font-size:14px}.qrx-connected-how .try-action{text-align:center}.qrx-connected-how .try-action small{color:var(--muted);margin-top:12px;font-size:12px;display:block}.qrx-connected-how .try-caption{color:var(--muted);margin-top:19px;font-size:12px;line-height:1.7}.qrx-connected-how .intro-actions{flex-wrap:wrap;gap:22px;display:flex}.qrx-connected-how .intro .intro-demo{margin-left:0}@media (max-width:800px){.qrx-connected-how .try-inner{grid-template-columns:48px 1fr;gap:21px}.qrx-connected-how .try-icon{width:48px;height:48px}.qrx-connected-how .try-action{text-align:left;grid-column:2}.qrx-connected-how .try-action small{margin-top:10px}.qrx-connected-how .try-copy h2{font-size:25px}}@media (max-width:560px){.qrx-connected-how .try-section{padding:29px 0 32px}.qrx-connected-how .try-inner{grid-template-columns:1fr;gap:17px}.qrx-connected-how .try-action{grid-column:1}.qrx-connected-how .try-icon{display:none}.qrx-connected-how .try-copy h2{font-size:25px;line-height:1.3}.qrx-connected-how .try-copy p{font-size:13px}.qrx-connected-how .intro-actions{gap:0 20px}.qrx-connected-how .intro .intro-demo{margin-top:12px}.qrx-connected-how .try-caption{font-size:12px}}.qrx-connected-how{isolation:isolate;font-family:Inter,sans-serif;line-height:normal}.qrx-connected-how [id]{scroll-margin-top:110px}.qrx-connected-how svg.icon,.qrx-connected-how img.brand-light{display:inline-block}.dark .qrx-connected-how img.brand-light{display:none}.qrx-connected-how .demo-error{color:var(--pink);margin-top:16px;font-size:14px}.qrx-connected-how .button:disabled{opacity:.7;cursor:wait}.qrx-connected-how .setup ol{margin:0;padding:0;list-style:none}