/* Keep the transformed document inside an opaque physical screen. */
.real-phone.live-phone{filter:none}
.real-phone.live-phone .phone-screen{position:absolute;left:5.832%;top:7.824%;width:88.346%;height:86.175%;border-radius:0;overflow:hidden;contain:paint;background:#fff;z-index:1;isolation:isolate}
.real-phone.live-phone .phone-screen iframe{left:0;top:0;opacity:1;background:#fff}
.real-phone.live-phone .phone-shell{filter:drop-shadow(0 12px 16px #15131824)}
.phone-example{min-width:0}
.phone-example-label{display:none}
@media(max-width:600px){
 .real-showcase .screen-steps{display:none}
 .real-showcase .phone-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
 .phone-example{width:min(100%,300px);margin-inline:auto}
 .phone-example-label{display:block;text-align:center;font-size:14px;font-weight:600;color:#6543c1;margin:0 0 14px}
 .real-showcase .screen-caption{font-size:14px;line-height:1.6}
}
@media(min-width:601px) and (max-width:1000px){.hero{grid-template-columns:1fr}.real-showcase{width:100%;max-width:600px;justify-self:center}}