.owner-direction .hero{min-height:740px;align-items:center}.owner-direction .phone-scene{height:730px;overflow:hidden}.owner-direction .phone-position{width:420px;left:calc(50% - 210px);top:18px;mask-image:linear-gradient(#000 0%,#000 48%,transparent 75%)}.owner-direction .phone-backdrop{top:390px;height:270px;left:0;right:0;border-radius:35px;background:#ed873d}.owner-direction .phone-controls{bottom:24px;z-index:12}.owner-direction .phone-demo-caption{bottom:1px;z-index:12}.owner-direction .phone-shadow{display:none}.recipe-mobile-scroll{height:100%;overflow-y:auto;scrollbar-width:none;background:#f4f6f8}.recipe-mobile-scroll img{display:block;width:100%;height:auto}.scan-demo:has(.recipe-mobile-scroll){padding:0;overflow:hidden}.owner-direction .phone-scene:has(#phone-tab-3[aria-selected=true]) .phone-position{mask-image:linear-gradient(#000 0%,#000 52%,transparent 75%)}
@media(max-width:700px){.owner-direction .hero{min-height:0;gap:10px}.owner-direction .phone-scene{height:465px;overflow:visible;clip-path:inset(0 -10px 0 -10px)}.owner-direction .phone-position{width:235px;left:0;top:20px;mask-image:linear-gradient(#000 0%,#000 48%,transparent 75%)}.owner-direction .phone-backdrop{top:255px;height:140px;left:-5px;right:-10px;border-radius:20px}.owner-direction .phone-controls{bottom:15px;flex-wrap:wrap;gap:5px;max-width:100%}.owner-direction .phone-tabs{display:grid;grid-template-columns:1fr 1fr;border-radius:12px}.owner-direction .phone-tabs button{font-size:8px;padding:5px;min-height:30px}.owner-direction .phone-expand{display:none}.owner-direction .phone-controls .motion-button{width:28px;height:28px}.owner-direction .phone-demo-caption{display:none}}
@media(max-width:700px){.owner-direction .phone-position{width:100%;left:0;top:20px;mask-image:linear-gradient(#000 0%,#000 62%,transparent 95%)}.owner-direction .phone-backdrop{top:210px;height:180px}.owner-direction .phone-scene{height:450px}}