/* Device frames: Apple Product Bezels (Apple Design Resources) over the real app screenshots */
.dev{position:relative;flex:none}
.dev .dfr{position:relative;display:block;width:100%;height:auto;z-index:2;pointer-events:none;user-select:none}
.dev .dscr{position:absolute;z-index:1;overflow:hidden}
.dev .dscr>img{display:block;width:100%;height:auto}
/* phone: iPhone 17 Pro / iPhone 17 */
.dev-phone{width:var(--w);filter:drop-shadow(0 34px 30px rgba(20,70,110,.26)) drop-shadow(0 10px 12px rgba(20,70,110,.14))}
.dev-phone .dscr{left:5.3333%;top:2.5%;width:89.3333%;height:95.0%;border-radius:13.5%/6.2%;display:flex;flex-direction:column;background:#F7FAFC}
.dev-phone .dscr .sb{display:block;width:100%;flex:none;background:var(--sbg,#F7FAFC)}
.dev-phone .dscr .scr{flex:1;min-height:0;overflow:hidden}
.dev-phone .dscr .scr img{width:100%;height:100%;object-fit:cover;object-position:center top}
/* tablet: iPad Pro 11-inch, landscape */
.dev-tab{width:min(100%,560px);filter:drop-shadow(0 38px 36px rgba(20,70,110,.24)) drop-shadow(0 10px 12px rgba(20,70,110,.12))}
.dev-tab .dscr{left:4.1667%;top:5.6383%;width:91.6667%;height:88.7234%;border-radius:2.2%/3.2%}
/* desktop: iMac 24-inch */
.dev-imac{width:min(100%,520px);filter:drop-shadow(0 40px 38px rgba(20,70,110,.22)) drop-shadow(0 10px 12px rgba(20,70,110,.12))}
.dev-imac .dscr{left:2.9412%;top:3.7037%;width:94.1176%;height:62.2222%;border-radius:.6%}
/* laptop: MacBook Air 13-inch */
.dev-mac{width:var(--lw);max-width:100%;scale:1.13;transform-origin:50% 60%;filter:drop-shadow(0 40px 40px rgba(29,80,120,.22)) drop-shadow(0 10px 12px rgba(29,80,120,.12))}
.dev-mac .dscr{left:12.3529%;top:12.8571%;width:75.2941%;height:74.2857%;border-radius:1.2%/1.8%}
.feat-img .dev-phone.small{--w:220px;margin-top:70px}
.feat-img .dev-tab,.feat-img .dev-imac{align-self:center}
@media (max-width:900px){
  .feat-img .dev-phone.small{--w:170px;margin-top:56px}
  .dev-tab{width:100%}
  .dev-imac{width:94%}
  .dev-mac{scale:1.1}
}
@media (max-width:420px){
  .feat-img.two .dev-phone.small{--w:142px;margin-top:50px}
}
