screenshot-duo[data-astro-cid-cclcqmrz]{display:block;--dur: .45s;--fly: .32s;--tilt: 6deg}.backdrop[data-astro-cid-cclcqmrz]{position:fixed;inset:0;z-index:300;background:color-mix(in srgb,var(--bg-0) 88%,transparent);opacity:0;pointer-events:none;transition:opacity var(--fly) ease}.duo[data-astro-cid-cclcqmrz].zoomed .backdrop[data-astro-cid-cclcqmrz]{opacity:1;pointer-events:auto}.duo[data-astro-cid-cclcqmrz].zoomed.closing .backdrop[data-astro-cid-cclcqmrz],.duo[data-astro-cid-cclcqmrz].zoomed.closing .close[data-astro-cid-cclcqmrz]{opacity:0}.duo[data-astro-cid-cclcqmrz] .overlay[data-astro-cid-cclcqmrz]{position:fixed;left:50%;top:50%;translate:-50% -50%;width:var(--zoom-w, 90vw);z-index:301}.overlay[data-astro-cid-cclcqmrz][data-front=web] .layer[data-astro-cid-cclcqmrz].mobile,.overlay[data-astro-cid-cclcqmrz][data-front=mobile] .layer[data-astro-cid-cclcqmrz].web{cursor:pointer}.stage[data-astro-cid-cclcqmrz]{position:relative;padding:40px 0 44px}.overlay[data-astro-cid-cclcqmrz] .stage[data-astro-cid-cclcqmrz]{padding:calc(var(--zoom-w, 90vw) * .08) 0 calc(var(--zoom-w, 90vw) * .088)}.duo[data-astro-cid-cclcqmrz]:not(.zoomed) .stage[data-astro-cid-cclcqmrz]{cursor:zoom-in}.tilt-top[data-astro-cid-cclcqmrz] .stage[data-astro-cid-cclcqmrz]{transform:perspective(1200px) rotateX(var(--tilt))}.tilt-bottom[data-astro-cid-cclcqmrz] .stage[data-astro-cid-cclcqmrz]{transform:perspective(1200px) rotateX(calc(-1 * var(--tilt)))}.tilt-right[data-astro-cid-cclcqmrz] .stage[data-astro-cid-cclcqmrz]{transform:perspective(1200px) rotateY(var(--tilt))}.tilt-left[data-astro-cid-cclcqmrz] .stage[data-astro-cid-cclcqmrz]{transform:perspective(1200px) rotateY(calc(-1 * var(--tilt)))}.tilt-top-right[data-astro-cid-cclcqmrz] .stage[data-astro-cid-cclcqmrz]{transform:perspective(1200px) rotateX(calc(var(--tilt) * .7)) rotateY(calc(var(--tilt) * .7))}.tilt-top-left[data-astro-cid-cclcqmrz] .stage[data-astro-cid-cclcqmrz]{transform:perspective(1200px) rotateX(calc(var(--tilt) * .7)) rotateY(calc(var(--tilt) * -.7))}.tilt-bottom-right[data-astro-cid-cclcqmrz] .stage[data-astro-cid-cclcqmrz]{transform:perspective(1200px) rotateX(calc(var(--tilt) * -.7)) rotateY(calc(var(--tilt) * .7))}.tilt-bottom-left[data-astro-cid-cclcqmrz] .stage[data-astro-cid-cclcqmrz]{transform:perspective(1200px) rotateX(calc(var(--tilt) * -.7)) rotateY(calc(var(--tilt) * -.7))}.layer[data-astro-cid-cclcqmrz]{transition:transform var(--dur) cubic-bezier(.33,.1,.2,1)}.layer[data-astro-cid-cclcqmrz].web{position:relative;z-index:2}.layer[data-astro-cid-cclcqmrz].mobile{position:absolute;top:0;bottom:0;width:fit-content;z-index:1;transform:scale(.94)}.pos-right[data-astro-cid-cclcqmrz] .layer[data-astro-cid-cclcqmrz].web{margin-right:11%}.pos-right[data-astro-cid-cclcqmrz] .layer[data-astro-cid-cclcqmrz].mobile{right:0;transform-origin:center right}.pos-left[data-astro-cid-cclcqmrz] .layer[data-astro-cid-cclcqmrz].web{margin-left:11%}.pos-left[data-astro-cid-cclcqmrz] .layer[data-astro-cid-cclcqmrz].mobile{left:0;transform-origin:center left}.pos-center[data-astro-cid-cclcqmrz] .layer[data-astro-cid-cclcqmrz].mobile{left:0;right:0;margin-inline:auto;transform-origin:center}.web-only[data-astro-cid-cclcqmrz] .stage[data-astro-cid-cclcqmrz]{padding:0}.web-only[data-astro-cid-cclcqmrz] .layer[data-astro-cid-cclcqmrz].web{margin-inline:0}.frame[data-astro-cid-cclcqmrz][data-front=mobile] .layer[data-astro-cid-cclcqmrz].web{transform:scale(.955)}.frame[data-astro-cid-cclcqmrz][data-front=mobile] .layer[data-astro-cid-cclcqmrz].mobile{transform:scale(1)}.frame[data-astro-cid-cclcqmrz].mobile-top .layer[data-astro-cid-cclcqmrz].web{z-index:1}.frame[data-astro-cid-cclcqmrz].mobile-top .layer[data-astro-cid-cclcqmrz].mobile{z-index:2}.shot[data-astro-cid-cclcqmrz]{background:var(--lt-surface);background-clip:padding-box;border:1px solid rgb(255 255 255 / 25%);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 56px #1720298c;transition:box-shadow var(--dur) ease}.frame[data-astro-cid-cclcqmrz][data-front=mobile] .shot[data-astro-cid-cclcqmrz]{box-shadow:0 8px 22px #1720291a}.overlay[data-astro-cid-cclcqmrz] .shot[data-astro-cid-cclcqmrz]{box-shadow:0 36px 90px #0a0f148c}.overlay[data-astro-cid-cclcqmrz][data-front=mobile] .shot[data-astro-cid-cclcqmrz]{box-shadow:0 16px 44px #0a0f1466}.shot[data-astro-cid-cclcqmrz] .bar[data-astro-cid-cclcqmrz]{display:flex;gap:7px;padding:12px 16px;background:var(--bg-1);border-bottom:1px solid var(--line)}.shot[data-astro-cid-cclcqmrz] .bar[data-astro-cid-cclcqmrz] i[data-astro-cid-cclcqmrz]{width:11px;height:11px;border-radius:50%;background:var(--line-strong)}@media(max-width:640px){.shot[data-astro-cid-cclcqmrz] .bar[data-astro-cid-cclcqmrz]{gap:5px;padding:7px 12px}.shot[data-astro-cid-cclcqmrz] .bar[data-astro-cid-cclcqmrz] i[data-astro-cid-cclcqmrz]{width:8px;height:8px}}.shot[data-astro-cid-cclcqmrz] img[data-astro-cid-cclcqmrz]{display:block;width:100%;height:auto}.shot[data-astro-cid-cclcqmrz] .placeholder[data-astro-cid-cclcqmrz]{display:grid;place-items:center;aspect-ratio:3 / 2;margin:12px;border:2px dashed var(--lt-line-strong);border-radius:var(--radius)}.phone[data-astro-cid-cclcqmrz]{position:relative;height:100%;background:var(--bg-0);background-clip:padding-box;border:1px solid rgb(255 255 255 / 25%);border-radius:30px;padding:8px;box-shadow:0 14px 34px #1720298c;transition:box-shadow var(--dur) ease}.phone[data-astro-cid-cclcqmrz]:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:38%;height:16px;background:var(--bg-0);border-radius:0 0 9px 9px;z-index:1}.frame[data-astro-cid-cclcqmrz][data-front=mobile] .phone[data-astro-cid-cclcqmrz]{box-shadow:0 20px 48px #1720298c}.overlay[data-astro-cid-cclcqmrz] .phone[data-astro-cid-cclcqmrz]{box-shadow:0 16px 44px #0a0f1473}.overlay[data-astro-cid-cclcqmrz][data-front=mobile] .phone[data-astro-cid-cclcqmrz]{box-shadow:0 40px 96px #0a0f1499}.phone[data-astro-cid-cclcqmrz] .screen[data-astro-cid-cclcqmrz]{height:100%;aspect-ratio:var(--phone-ar, 9 / 19);background:var(--lt-surface);border-radius:22px;overflow:hidden;display:grid}.overlay[data-astro-cid-cclcqmrz] .phone[data-astro-cid-cclcqmrz]{padding:min(14px,8px * var(--zoom-scale, 1));border-radius:min(48px,30px * var(--zoom-scale, 1))}.overlay[data-astro-cid-cclcqmrz] .phone[data-astro-cid-cclcqmrz]:before{top:min(12px,6px * var(--zoom-scale, 1));height:min(28px,16px * var(--zoom-scale, 1));border-radius:0 0 min(16px,9px * var(--zoom-scale, 1)) min(16px,9px * var(--zoom-scale, 1))}.overlay[data-astro-cid-cclcqmrz] .phone[data-astro-cid-cclcqmrz] .screen[data-astro-cid-cclcqmrz]{border-radius:min(34px,22px * var(--zoom-scale, 1))}.phone[data-astro-cid-cclcqmrz] .screen[data-astro-cid-cclcqmrz] img[data-astro-cid-cclcqmrz]{display:block;width:100%;height:100%;object-fit:cover}.phone[data-astro-cid-cclcqmrz] .screen[data-astro-cid-cclcqmrz] .placeholder[data-astro-cid-cclcqmrz]{display:grid;place-items:center;margin:6px;padding:8px;border:2px dashed var(--lt-line-strong);border-radius:16px;text-align:center}.placeholder[data-astro-cid-cclcqmrz] span[data-astro-cid-cclcqmrz]{color:var(--lt-body);font-size:.9rem}.phone[data-astro-cid-cclcqmrz] .placeholder[data-astro-cid-cclcqmrz] span[data-astro-cid-cclcqmrz]{font-size:.78rem}.controls[data-astro-cid-cclcqmrz]{display:flex;justify-content:center;gap:10px;margin-top:var(--space-4)}.swap[data-astro-cid-cclcqmrz],.zoom[data-astro-cid-cclcqmrz]{display:inline-flex;align-items:center;gap:8px;background:var(--lt-surface)}.duo[data-astro-cid-cclcqmrz] .overlay[data-astro-cid-cclcqmrz] .zoom[data-astro-cid-cclcqmrz]{display:none}.close[data-astro-cid-cclcqmrz]{display:none;border:0;background:transparent;padding:10px;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;transition:opacity var(--fly) ease}.duo[data-astro-cid-cclcqmrz].zoomed .close[data-astro-cid-cclcqmrz]{display:grid;place-items:center;position:fixed;top:12px;right:16px;z-index:302;animation:duo-fade var(--fly) ease}.duo[data-astro-cid-cclcqmrz].zoomed .close[data-astro-cid-cclcqmrz]:hover{color:var(--teal-bright)}@keyframes duo-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.layer[data-astro-cid-cclcqmrz],.shot[data-astro-cid-cclcqmrz],.phone[data-astro-cid-cclcqmrz],.backdrop[data-astro-cid-cclcqmrz],.close[data-astro-cid-cclcqmrz]{transition:none}.duo[data-astro-cid-cclcqmrz].zoomed .close[data-astro-cid-cclcqmrz]{animation:none}}