/* Three independent layers: scrolling page, fixed phone, swiping hand. */
.benefit-phone-art.phone-swipe-art{isolation:isolate;background:radial-gradient(ellipse at 50% 78%,#6d558b22,transparent 70%);pointer-events:none;user-select:none}
.phone-swipe-device{position:absolute;top:14px;left:calc(50% - 111px);width:190px;aspect-ratio:887/1774;filter:drop-shadow(0 12px 16px #0006)}
.phone-swipe-display{position:absolute;inset:3% 7% 4%;border-radius:15% / 7%;overflow:hidden;background:#0a1010}
.phone-swipe-page{position:absolute;top:-25px;left:0;width:100%;max-width:none;height:auto;display:block;transform:translate3d(0,min(0px,var(--phone-page-y,0px)),0);will-change:transform}
.phone-swipe-frame{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;z-index:2}
.phone-swipe-hand{position:absolute;z-index:3;left:calc(50% - 6px);top:184px;width:268px;max-width:none;height:auto;display:block;transform-origin:85% 80%;transform:translate3d(var(--phone-hand-x,0px),var(--phone-hand-y,0px),0) rotate(var(--phone-hand-angle,0deg));will-change:transform;filter:drop-shadow(-2px 5px 5px #0003)}