/* Neutral titanium edge, black glass and realistic physical proportions. */
.template-open{border-radius:36px;isolation:isolate}
.template-phone{
 position:relative;overflow:visible;padding:7px;border:1px solid #9a9b9f;border-radius:35px;
 background:#08090b;box-shadow:0 0 0 1px #34353a,0 0 0 2px #c5c6ca80,0 16px 26px -14px #07144266,inset 0 0 0 1px #32343a;
}
.template-phone img{border-radius:27px;aspect-ratio:720/1558;height:auto;background:white}
.template-phone:after{content:'';position:absolute;top:13px;left:50%;transform:translateX(-50%);width:24%;height:15px;border-radius:12px;background:#070809;z-index:2;pointer-events:none}
.template-phone:before{content:'';position:absolute;top:17px;left:calc(50% + 17px);width:6px;height:6px;border:1px solid #111927;background:radial-gradient(circle at 40% 30%,#203043,#080a10 65%);border-radius:50%;z-index:3;pointer-events:none}
.template-open:before,.template-open:after{content:'';position:absolute;z-index:-1;width:3px;background:linear-gradient(90deg,#55565d,#c2c3c6,#383940);border:1px solid #6c6d74;border-radius:2px;pointer-events:none}
.template-open:before{left:-4px;top:91px;height:32px;box-shadow:0 42px 0 #86878d,0 -36px 0 -1px #8e8f94}
.template-open:after{right:-4px;top:128px;height:52px}
.template-zoom{right:17px;bottom:19px;z-index:5}
.template-track{padding-top:9px}
.hero-whatsapp{
 border:7px solid #08090b;border-radius:38px;
 box-shadow:0 0 0 1px #b2b3b8,0 0 0 2px #3b3c43,0 28px 60px #02081f70,inset 0 0 0 1px #33363e;
 background:#f7f7f7;overflow:hidden;
}
.iphone-island{position:absolute;z-index:3;top:10px;left:50%;transform:translateX(-50%);width:28%;height:19px;border-radius:16px;background:#070809;pointer-events:none}
.iphone-island:after{content:'';position:absolute;right:8px;top:6px;width:7px;height:7px;border:1px solid #141d2a;border-radius:50%;background:radial-gradient(circle at 40% 30%,#26364d,#080b12 65%)}
.hero-whatsapp .wa-status{height:42px;padding:11px 16px 7px;background:#f7f7f7;align-items:center}
.hero-whatsapp .wa-status strong{font-size:11px}
.hero-whatsapp .wa-compose{position:relative;padding-bottom:24px}
.hero-whatsapp .wa-compose:after{content:'';position:absolute;bottom:7px;left:33%;width:34%;height:3px;background:#111;border-radius:3px}
@media(min-width:1101px){.hero-art{height:660px}}
@media(max-width:700px){.hero-whatsapp{border-radius:36px;border-width:7px}.template-phone{border-radius:36px}.template-phone img{border-radius:28px}}