/* Android screen renders follow the app's real layouts and resource palette. */
.phone{border-color:#1a273e;background:#1a273e;box-shadow:12px 24px 60px #1c335328,-3px -3px 0 #52617a}
.phone-frame{padding:0;background:#f3f6fb;border-radius:29px}
.hero-app-screen{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px}
.app-call-preview{display:block;width:128px;height:178px;left:-18px;bottom:69px;padding:4px;border-radius:12px;background:#1a273e;animation:float 4s ease-in-out infinite;overflow:hidden}
.app-call-preview img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}
.feature-illustration.app-shot{height:188px;margin:9px 0 13px;display:grid;place-items:center;overflow:visible}
.app-shot img{display:block;height:184px;width:auto;max-width:100%;border:4px solid #1a273e;border-radius:18px;box-shadow:0 8px 23px #101d2e36}
.compat-diagram.app-gallery{height:250px;gap:0;overflow:visible}
.compat-shot{position:absolute;width:112px;height:236px;border:5px solid #1a273e;border-radius:22px;overflow:hidden;background:#f3f6fb;box-shadow:0 12px 28px #182a3b24}
.compat-shot img{display:block;width:100%;height:100%;object-fit:cover}
.compat-home{left:17%;top:0;transform:rotate(-7deg)}
.compat-call{right:16%;top:14px;transform:rotate(7deg)}
.compat-diagram .diagram-caption{bottom:0;left:12%;right:12%;color:#65738a;font-size:9px}
@media(max-width:900px){.app-call-preview{left:-10px;bottom:52px}}
@media(max-width:700px){.phone-frame{padding:0}.app-call-preview{left:calc(50% - 172px);bottom:38px;width:112px;height:156px}.feature-illustration.app-shot{height:188px}.compat-diagram.app-gallery{height:218px}.compat-shot{height:205px;width:98px}.compat-home{left:18%;top:0}.compat-call{right:18%;top:10px}}
@media(max-width:380px){.app-call-preview{left:calc(50% - 156px);bottom:33px;width:100px;height:140px}}