/* Front-facing phones: original UI artwork, slim graphite hardware, no perspective. */
.iphone{position:relative;min-width:0;padding:2.1%;border-radius:13% / 6.1%;background:linear-gradient(115deg,#777b80 0%,#202226 13%,#08090a 48%,#55585c 85%,#141517);box-shadow:0 18px 32px -18px #172b3d66,inset 0 0 0 1px #85888c}
.iphone:before,.iphone:after{content:"";position:absolute;width:1.1%;background:#494c50;border-radius:3px}
.iphone:before{left:-.8%;top:19%;height:12%}.iphone:after{right:-.8%;top:27%;height:11%}
.iphone-glass{overflow:hidden;border-radius:11% / 5.2%;background:#000;position:relative}
.iphone .iphone-glass>img{width:100%;height:auto;max-height:none;display:block}
.lavka-cover{background:#e5edf0;gap:4%;padding:7%}
.lavka-cover>.iphone{width:30.66%;flex-shrink:0;padding:.6%}
.lavka-cover .iphone img{width:100%;max-height:none}
.case-comparison,.phone-strip{background:#e5edf0}
.case-comparison figcaption{color:var(--text)}
.case-comparison .iphone{padding:2.1%}
.phone-strip>.iphone{padding:2.1%;align-self:start}
.phone-strip>p{color:var(--text)}

.phone-demo{position:relative;margin-top:80px;padding:64px 32px;display:flex;justify-content:center;background:#ecf6fc}
.demo-device{width:min(100%,350px);padding:8px}
.phone-video{display:block;width:100%;height:auto;aspect-ratio:375/812;background:#fff}
.video-toggle{position:absolute;right:20px;bottom:20px;width:44px;height:44px;border:1px solid #2a221640;background:#ffffff80;color:var(--text);border-radius:50%;cursor:pointer;font-size:16px}
.video-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:650px){.phone-demo{padding:40px 24px 72px;margin-top:64px}.demo-device{max-width:320px}.lavka-cover{gap:4%;padding:6%}.iphone{box-shadow:0 10px 20px -12px #172b3d66}}