/* Real App Store artwork in the same CSS frame used by HLT3.studio.
   The crop reveals the existing app screen; it does not synthesize UI. */
.h3-device{isolation:isolate;display:block;width:100%;position:relative}
.h3-device-body{display:block;position:relative;padding:3.3%;border-radius:15.5% / 7.3%;background:linear-gradient(105deg,#5e5e60 0%,#cbc8c1 1.2%,#454547 2.2%,#161617 4%,#121213 94%,#777570 97.5%,#c5c3bc 98.8%,#404041 100%);box-shadow:inset 0 0 0 1px #eeeae155,inset 0 0 0 2px #181819,0 13px 28px #061f2530,0 2px 4px #0003}
.h3-device-body:before{content:"";pointer-events:none;background:#08090a;border-radius:14.5% / 6.9%;position:absolute;inset:1.1%;box-shadow:inset 0 0 0 1px #c7c5be70}
.h3-device-screen{aspect-ratio:.45361056681559;z-index:1;background:#08090a;border-radius:13% / 6%;display:block;position:relative;overflow:hidden}
.h3-device-screen img{display:block;position:absolute;width:134.04825737265415%;height:auto;max-width:none;left:-17.024128686327078%;top:-27.873183619550858%;margin:0;border-radius:0}
.h3-device-button{background:linear-gradient(90deg,#777571,#29292b 55%,#adaba5);border-radius:1px;width:1.5%;position:absolute;left:-1.1%;box-shadow:inset 0 1px #dedbd566,0 1px 2px #0006}
.h3-device-action{height:3.5%;top:16%}.h3-device-up{height:6%;top:24%}.h3-device-down{height:6%;top:32%}.h3-device-power{height:10%;top:27%;left:auto;right:-1.1%}
.h3-device-speaker{background:#090909;border-radius:3px;width:16%;height:.45%;position:absolute;top:.95%;left:42%;box-shadow:0 1px #d0cdc330}