.phone-stack{position:relative;isolation:isolate;width:min(100%,460px);aspect-ratio:1.08;margin:0 auto;min-width:0}
.phone-mockup{position:absolute;width:36%;aspect-ratio: .46;background:#21352d;border:1px solid #577064;border-radius:25px;padding:10px 5px;box-shadow:0 16px 28px #143f3526,0 2px 5px #143f3526;transform-origin:center;overflow:hidden}
.phone-mockup::before{content:'';position:absolute;top:4px;left:42%;width:16%;height:3px;border-radius:4px;background:#779085}
.phone-mockup img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;border-radius:18px;background:#f4f6f9}
.phone-left{left:5%;top:12%;transform:rotate(-11deg);z-index:1}
.phone-right{left:59%;top:12%;transform:rotate(11deg);z-index:2}
.phone-center{left:30%;top:0;width:40%;z-index:3;box-shadow:0 20px 36px #143f3533,0 2px 6px #143f3526}
.pocket-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px}
@media(max-width:950px){.pocket-inner{gap:32px}.phone-mockup{border-radius:20px;padding:8px 4px}.phone-mockup img{border-radius:14px}.phone-mockup::before{top:3px;height:2px}}
@media(max-width:700px){.pocket-inner{grid-template-columns:1fr;gap:28px}.phone-stack{max-width:350px}.phone-mockup{border-radius:22px;padding:9px 4px}.phone-mockup img{border-radius:16px}.pocket-inner>div:last-child{max-width:430px}.pocket-section{padding-top:40px}}
@media(max-width:350px){.phone-mockup{border-radius:18px;padding:8px 4px}.phone-mockup img{border-radius:12px}}