.rq-iphone{isolation:isolate;aspect-ratio:1279/2655;width:100%;position:relative}.rq-iphone-body{background:linear-gradient(135deg,#77777c 0%,#2e2e31 7%,#1d1d20 40%,#232326 78%,#4d4d52 96%,#6c6c71 100%);border-radius:16.81%/8.098%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff3,0 0 0 1px #ffffff0d,0 36px 70px -24px #000c}.light .rq-iphone-body{box-shadow:inset 0 0 0 1px #ffffff24,0 1px 2px #0a0e1e2e,0 10px 20px -8px #0a0e1e40,0 36px 70px -28px #0a0e1e73}.rq-iphone-glass{background:#050506;border-radius:15.849%/7.522%;position:absolute;inset:.678% 1.407%;box-shadow:inset 0 0 0 1px #ffffff12}.rq-iphone-button{z-index:-1;background:linear-gradient(90deg,#2a2a2d,#707075 50%,#2a2a2d);width:.75%;position:absolute}.rq-iphone-action,.rq-iphone-volume-up,.rq-iphone-volume-down{border-radius:2px 0 0 2px;left:-.55%}.rq-iphone-power{border-radius:0 2px 2px 0;height:11.4%;top:28.4%;right:-.55%}.rq-iphone-action{height:4.1%;top:17.8%}.rq-iphone-volume-up{height:7%;top:26.6%}.rq-iphone-volume-down{height:7%;top:35.4%}.rq-iphone-screen{background:#101722;border-radius:13.995%/6.455%;width:92.181%;height:96.271%;position:absolute;top:1.864%;left:3.909%;overflow:hidden}.light .rq-iphone-screen{background:#f5f7fb}.rq-iphone-screen img{-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.rq-iphone .rq-iphone-shot-light,.light .rq-iphone .rq-iphone-shot-dark{display:none}.light .rq-iphone .rq-iphone-shot-light{display:block}.rq-iphone-chrome{pointer-events:none;color:#fff;width:100%;height:100%;position:absolute;inset:0}.light .rq-iphone-chrome{color:#000}.rq-iphone-time{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Geist Variable,system-ui,sans-serif}
.site-public .rq-showcase{--rq-step-h:max(380px, 52svh);--rq-step-pad:8px;--rq-phone-h:max(260px, min(600px, calc(100svh - var(--site-header-height,66px) - 172px)));color:var(--rq-ink);padding-block:96px 64px}.site-public .rq-showcase-heading{max-width:640px;margin-bottom:48px}.site-public .rq-showcase-eyebrow{color:var(--rq-muted);margin:0 0 14px;font-size:14px;font-weight:500}.site-public .rq-showcase-heading h2{letter-spacing:-.035em;font-size:clamp(30px,3.6vw,44px);font-weight:700;line-height:1.08}.site-public .rq-showcase-heading>p:last-child{max-width:560px;color:var(--rq-muted);margin-top:18px;font-size:17px;line-height:1.65}.site-public .rq-showcase-track{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.site-public .rq-showcase-steps{margin:0;padding:0;list-style:none;position:relative}.site-public .rq-showcase-steps:before{content:"";width:1.4px;left:17.3px;top:calc(var(--rq-step-pad) + 36px);bottom:calc(var(--rq-step-h) - var(--rq-step-pad));background-image:repeating-linear-gradient(180deg, var(--rq-perf) 0 3.2px, transparent 3.2px 7px);position:absolute}.site-public .rq-showcase-step{min-height:var(--rq-step-h);padding-top:var(--rq-step-pad);scroll-margin-top:calc(var(--site-header-height,66px) + 24px)}.site-public .rq-showcase-step:focus{outline:none}.site-public .rq-showcase-step:focus-visible .rq-showcase-step-copy{outline:2px solid var(--rq-blue);outline-offset:8px}.site-public .rq-showcase-step-copy{max-width:470px;padding-left:58px;transition:opacity .35s;position:relative}.site-public .rq-showcase[data-showcase-enhanced=true] .rq-showcase-step[data-current=false] .rq-showcase-step-copy{opacity:.38}.site-public .rq-showcase-box{border:1.5px solid var(--rq-line-strong);background:var(--rq-bg);width:36px;height:36px;color:var(--rq-ink);font-variant-numeric:tabular-nums;place-items:center;font-size:15px;font-weight:700;transition:background-color .3s,border-color .3s,color .3s;display:grid;position:absolute;top:0;left:0}.site-public .rq-showcase-step[data-current=true] .rq-showcase-box{background:var(--rq-ink-blue);border-color:var(--rq-ink-blue);color:#fff}.site-public .rq-showcase-step h3{letter-spacing:-.03em;padding-top:2px;font-size:clamp(24px,2.4vw,30px);font-weight:700;line-height:1.15}.site-public .rq-showcase-description{color:var(--rq-muted);margin-top:14px;font-size:17px;line-height:1.65}.site-public .rq-showcase-note{color:var(--rq-muted);background-image:repeating-linear-gradient(90deg, var(--rq-perf) 0 3.2px, transparent 3.2px 7px);background-repeat:no-repeat;background-size:100% 1.4px;margin-top:20px;padding-top:16px;font-size:14px;line-height:1.6}.site-public .rq-showcase-preview{top:calc(var(--site-header-height,66px) + 24px);min-width:0;position:sticky}.site-public .rq-showcase-board{padding:20px 24px 30px}.site-public .rq-showcase-stepper{grid-template-columns:repeat(3,minmax(0,1fr));max-width:420px;margin:0 auto 22px;display:grid}.site-public .rq-showcase-stepper a{min-height:48px;color:var(--rq-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1.3;text-decoration:none;display:flex;position:relative}.site-public .rq-showcase-stepper a:hover,.site-public .rq-showcase-stepper a[aria-current]{color:var(--rq-ink)}.site-public .rq-showcase-stepper a+a:before{content:"";background-image:repeating-linear-gradient(90deg, var(--rq-perf) 0 3.2px, transparent 3.2px 7px);width:calc(100% - 28px);height:1.4px;position:absolute;top:9.3px;right:calc(50% + 14px)}.site-public .rq-showcase-stepper a[data-state=done]+a:before{background:var(--rq-ink-text)}.site-public .rq-showcase-node{border:1.5px solid var(--rq-line-strong);background:var(--rq-sheet);border-radius:50%;flex:none;width:20px;height:20px;transition:border-color .3s,background-color .3s;position:relative}.site-public .rq-showcase-stepper [data-state=done] .rq-showcase-node{border-color:var(--rq-ink-text);background:var(--rq-ink-text)}.site-public .rq-showcase-stepper [data-state=done] .rq-showcase-node:after{content:"";border:solid var(--rq-sheet);border-width:0 2px 2px 0;width:4.6px;height:8.6px;position:absolute;top:2.6px;left:5.6px;transform:rotate(45deg)}.site-public .rq-showcase-stepper [data-state=current] .rq-showcase-node{border:2px solid var(--rq-ink-text)}.site-public .rq-showcase-stepper [data-state=current] .rq-showcase-node:after{content:"";background:var(--rq-ink-text);border-radius:50%;position:absolute;inset:4px}.site-public .rq-showcase-device{justify-content:center;display:flex}.site-public .rq-showcase-phone{width:calc(var(--rq-phone-h) * 1279 / 2655);max-width:100%}.site-public .rq-showcase-phone .rq-iphone-body{box-shadow:inset 0 0 0 1px #fff3,0 0 0 1px #ffffff0d,0 18px 28px -16px #000000d9}.light .site-public .rq-showcase-phone .rq-iphone-body{box-shadow:inset 0 0 0 1px #ffffff24,0 1px 2px #0a0e1e2e,0 16px 26px -14px #0a0e1e59}.site-public .rq-showcase-screen-layer{opacity:0;transition:opacity .28s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(14px)}.site-public .rq-showcase-screen-layer[data-active=true]{opacity:1;transform:none}.site-public .rq-showcase-image-light,.light .site-public .rq-showcase-image-dark{display:none!important}.light .site-public .rq-showcase-image-light{display:block!important}.site-public .rq-showcase-example-note{color:var(--rq-muted);margin-top:28px;font-size:13px;line-height:1.6}.site-public .rq-showcase-app{padding-top:40px}@media (max-width:760px){.site-public .rq-showcase{--rq-phone-h:max(200px, min(330px, calc(100svh - var(--site-header-height,62px) - 330px)));--rq-step-h:max(260px, calc(100svh - var(--rq-phone-h) - var(--site-header-height,62px) - 140px));padding-block:64px 40px}.site-public .rq-showcase-heading{margin-bottom:28px}.site-public .rq-showcase-heading h2{font-size:30px}.site-public .rq-showcase-heading>p:last-child{font-size:16px}.site-public .rq-showcase-track{flex-direction:column;align-items:stretch;gap:12px;display:flex}.site-public .rq-showcase-preview{z-index:2;top:var(--site-header-height,62px);background:var(--rq-bg);order:-1;margin-inline:-12px;padding:12px 12px 14px}.site-public .rq-showcase-board{padding:12px 12px 16px}.site-public .rq-showcase-stepper{margin-bottom:10px}.site-public .rq-showcase-steps:before{left:15.3px;top:calc(var(--rq-step-pad) + 32px)}.site-public .rq-showcase-box{width:32px;height:32px;font-size:14px}.site-public .rq-showcase-step-copy{padding-left:48px}.site-public .rq-showcase-step h3{font-size:23px}.site-public .rq-showcase-description{margin-top:10px;font-size:16px}.site-public .rq-showcase-note{margin-top:16px;padding-top:13px}}@media (max-width:760px) and (max-height:420px){.site-public .rq-showcase-preview{position:static}}@media (prefers-reduced-motion:reduce){.site-public .rq-showcase :is(.rq-showcase-step-copy,.rq-showcase-box,.rq-showcase-node,.rq-showcase-screen-layer){transition:none}}
