/* One device hierarchy: case -> black bezel -> clipped screen -> content. */
.page-top .hero-phone{position:absolute;left:74.5%;top:auto;bottom:.4%;width:24.2%;height:auto;aspect-ratio:.54;z-index:3;container-type:inline-size;border-radius:14% / 7.6%;background:linear-gradient(125deg,#d4d9dc 0%,#f0f2f3 22%,#555e63 48%,#a4adb3 75%,#e2e6e8);box-shadow:0 .5cqw 1.2cqw #17212638;box-sizing:border-box}
.page-top .hero-phone .phone-shell{position:absolute;inset:1.1%;border-radius:13% / 7.1%;background:#111718;box-shadow:inset 0 0 0 1px #343d41;overflow:hidden}
.page-top .hero-phone .phone-screen{position:absolute;inset:2% 3.1%;border-radius:11.7% / 6.1%;background:#fff;overflow:hidden;isolation:isolate}
.page-top .hero-phone .phone-notch{position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);width:42%;height:5.9%;border-radius:0 0 18% 18% / 0 0 50% 50%;background:#111718}
.page-top .hero-phone .phone-notch:before{content:"";position:absolute;top:28%;left:24%;width:39%;height:10%;border-radius:20px;background:#3f494f}
.page-top .hero-phone .phone-notch:after{content:"";position:absolute;top:24%;left:73%;width:7%;aspect-ratio:1;border-radius:50%;background:#243a45;box-shadow:inset 0 0 0 1px #435159}
.page-top .hero-phone .phone-content{position:absolute;inset:12% 8% 8%;display:flex;flex-direction:column;align-items:stretch;gap:5.5cqw;min-width:0;color:#082c32}
.page-top .hero-phone .phone-content>small{font-size:6cqw;line-height:1.45;flex:none}
.page-top .hero-phone .phone-content>p{font-size:8cqw!important;line-height:1.6;margin:0;flex:none}
.page-top .hero-phone .phone-content>b{font-size:8.5cqw;line-height:1.55;flex:none;font-weight:750}
.page-top .hero-phone .phone-content>img{display:block;width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;border-radius:4cqw;margin:0;flex:none}
.page-top .hero-phone .phone-home{position:absolute;left:34%;bottom:2.7%;width:32%;height:1%;border-radius:20px;background:#172126}