/* Genuine simulator captures, framed without changing the app interface. */
.device-showcase{padding:100px 0 80px;scroll-margin-top:95px;background:radial-gradient(ellipse at 62% 55%,#e7eddf99,transparent 67%)}
.device-showcase-heading{scroll-margin-top:95px;max-width:680px;margin:0 auto 68px;text-align:center}
.device-showcase-heading .eyebrow{margin-bottom:20px}
.device-showcase-heading h2{font-size:clamp(42px,5.8vw,74px);letter-spacing:-.055em;line-height:1.03}
.device-showcase-heading>p:last-child{font-size:18px;color:var(--muted);max-width:530px;margin:25px auto 0}
.device-showcase-stage{position:relative;aspect-ratio:1120/820;isolation:isolate}
.device-showcase-stage figure{margin:0;position:absolute}
.showcase-tablet{width:83%;right:0;top:2%;transform:rotate(-3deg);z-index:1}
.showcase-duo{width:32%;left:2%;top:23%;transform:rotate(4deg);z-index:2}
.showcase-frame{position:relative;padding:11px;border:1px solid #888a83;border-radius:30px;background:linear-gradient(135deg,#424842,#181e19 65%,#50544d);box-shadow:0 35px 60px -25px #20362966,0 4px 12px #27342126,inset 0 0 0 2px #73796d}
.showcase-frame img{display:block;width:100%;height:auto;border-radius:19px;background:#fff}
.showcase-duo .showcase-frame{padding:7px;border-radius:31px;box-shadow:0 30px 50px -15px #26352866,0 3px 8px #20362926,inset 0 0 0 2px #73796d}
.showcase-duo .showcase-frame img{border-radius:23px}
.device-showcase-stage figcaption{padding:24px 6px 0;font-size:13px;line-height:1.5;color:var(--muted)}
.device-showcase-stage figcaption span{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px}
.showcase-tablet figcaption{text-align:right;padding-right:18px}

@media(min-width:701px) and (max-width:1000px){.device-showcase-stage{aspect-ratio:1120/880}.showcase-duo{width:34%;top:23%}.device-showcase-heading{margin-bottom:52px}}
@media(max-width:700px){
 .device-showcase{padding:64px 0 56px}
 .device-showcase-heading{margin-bottom:40px}
 .device-showcase-heading h2{font-size:40px}
 .device-showcase-heading>p:last-child{font-size:16px;margin-top:22px}
 .device-showcase-stage{display:flex;flex-direction:column;gap:42px;aspect-ratio:auto;padding:12px 4px}
 .device-showcase-stage figure{position:relative;top:auto;left:auto;right:auto}
 .showcase-duo{order:-1;width:70%;align-self:center;transform:rotate(2deg)}
 .showcase-tablet{width:100%;transform:rotate(-2deg)}
 .showcase-frame{padding:7px;border-radius:19px;box-shadow:0 22px 36px -18px #20362966,inset 0 0 0 2px #73796d}
 .showcase-frame img{border-radius:12px}
 .showcase-duo .showcase-frame{padding:5px;border-radius:23px}
 .showcase-duo .showcase-frame img{border-radius:17px}
 .device-showcase-stage figcaption,.showcase-tablet figcaption{text-align:center;padding:18px 0 0;font-size:12px}
 .device-showcase-stage figcaption span{font-size:13px}
 
}