/* Unmodified Apple product bezels; screen coordinates follow their alpha cutouts. */
.phone-stage{min-height:770px;padding:46px 12px 30px;background:#e9eae2}
.phone-stage:before{opacity:.1}
.phone-product{position:relative;width:min(320px,100%);aspect-ratio:1350/2760;flex-shrink:0}
.phone-hardware{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;user-select:none}
.phone-product .phone{position:absolute;left:5.333333%;top:2.5%;width:89.333333%;height:95%;margin:0;padding:15px 18px 29px;border:0;border-radius:13%/6%;box-shadow:none;transform:none;background:#f7f7f2;z-index:1}
.phone-product .phone-status{padding:0 8px;font:600 10px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:0;margin:1px 0 31px;align-items:center}
.phone-system-icons{display:block;width:43px;height:10px}
.phone-product .phone-brand{margin-bottom:27px}
.phone-product .phone-brand .wordmark{font-size:31px}
.phone-product .home-indicator{bottom:7px;width:90px;left:calc(50% - 45px);height:3.5px}
.phone-product .phone-nav{bottom:25px;left:18px;right:18px}
.phone-product .demo-panel{min-height:370px}
.phone-product .demo-time{font:400 31px/1.25 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.phone-product #search-results{max-height:270px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a5ad98 transparent}
.phone-stage .demo-disclaimer{font-size:8px;max-width:330px;margin-top:25px}
.watch-stage{height:600px}
.watch-product{width:340px;aspect-ratio:560/880;transform:none;filter:none}
.watch-hardware{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}
.watch-display{left:12.857143%;top:21.818182%;width:74.285714%;height:56.363636%;border-radius:23.5%/19.7%;background:#000;z-index:1}
.watch-statusbar{left:11%;right:11%;top:8%;font:500 12px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}
.watch-statusbar>span:first-child{font-size:21px}
.watch-display canvas{top:12%;height:70%}
.watch-elapsed{top:43%;font:400 31px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:-1px}
.watch-display button{bottom:10.5%;left:11%;right:11%;min-height:44px;font-size:11px;border-color:#363a32;background:#252821;box-shadow:none;gap:8px}
.watch-display button:hover{background:#353a2e}
.watch-recording-indicator{top:20%;width:5px;height:5px}
.watch-demo-note{border:0;background:transparent;bottom:0;padding:12px 0;border-radius:0;font-size:9px}
.watch-page-dots{bottom:5%;gap:5px}.watch-page-dots i{width:3px;height:3px}
@media(min-width:1600px){.phone-product{width:340px}.phone-stage{min-height:810px}.phone-product .phone{transform:none;margin:0}}
@media(max-width:1050px) and (min-width:761px){.phone-product{width:295px}.phone-stage{min-height:730px}.phone-product .phone{padding-left:15px;padding-right:15px}.watch-product{width:310px}.watch-stage{height:550px}}
@media(max-width:760px){.phone-stage{min-height:750px;padding-top:47px;margin:0 -1%;width:auto}.phone-product{width:min(310px,100%)}.phone-product .phone{padding-left:17px;padding-right:17px}.phone-stage .demo-disclaimer{font-size:7px;max-width:280px}.watch-stage{height:575px}.watch-product{width:min(330px,100%)}.watch-statusbar{font-size:11px}.watch-statusbar>span:first-child{font-size:19px}.watch-elapsed{font-size:29px}.watch-display button{font-size:10px;min-height:44px}}
@media(max-width:360px){.phone-stage{min-height:660px;margin-left:-4%;margin-right:-4%;width:108%}.phone-product{width:min(280px,100%)}.phone-product .phone{padding-left:13px;padding-right:13px}.phone-product .phone-brand{margin-bottom:22px}.phone-product .phone-status{margin-bottom:27px}.phone-product .demo-panel{min-height:320px}.phone-product .record-art:not(.saved-art){height:175px}.phone-product .record-status{margin-bottom:14px}.phone-product .reflection-art{height:110px}.phone-product .reflection-heading{font-size:20px}.phone-product .reflection-text{margin:10px 0}.phone-product .next-step{padding-top:10px;margin-top:11px}.watch-stage{height:510px}.watch-statusbar{font-size:10px}.watch-statusbar>span:first-child{font-size:17px}.watch-elapsed{font-size:26px}.watch-display button{font-size:9px}}
@media(max-width:360px){.phone-product #search-results{max-height:200px}.phone-product .demo-time{font-size:28px}}
.phone-product #panel-search{position:absolute;top:115px;bottom:79px;left:18px;right:18px;min-height:0;display:flex;flex-direction:column}
.phone-product #panel-search>*{flex-shrink:0}
.phone-product #panel-search #search-results{min-height:0;max-height:none;flex:1 1 auto}
@media(max-width:1050px) and (min-width:761px){.phone-product #panel-search{left:15px;right:15px}}
@media(max-width:760px){.phone-product #panel-search{left:17px;right:17px}}
@media(max-width:360px){.phone-product #panel-search{top:105px;left:13px;right:13px}}