.real-product-stage{height:610px;position:relative}.web-mockups{position:absolute;z-index:1;left:-4%;top:26px;width:108%;border-radius:24px;box-shadow:0 30px 70px rgba(13,35,29,.16);transform:rotate(1deg)}.real-phone{position:absolute;z-index:3;left:-18px;bottom:-48px;width:185px;filter:drop-shadow(0 24px 28px rgba(8,31,24,.28));transform:rotate(-5deg)}.real-badge{position:absolute;z-index:4;right:-8px;bottom:54px;padding:13px 16px;display:flex;align-items:center;gap:9px;border:1px solid #e0e7e3;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 16px 38px rgba(11,39,31,.16);backdrop-filter:blur(10px)}.real-badge>i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#075248;font-size:10px;font-style:normal}.real-badge>span{display:flex;flex-direction:column}.real-badge b{font-size:10px}.real-badge small{margin-top:2px;color:#7b8782;font-size:7px}.real-showcase{margin:0;position:relative}.real-showcase>img{display:block;width:100%;border:6px solid #17211d;border-radius:25px;box-shadow:0 34px 72px rgba(0,0,0,.24);transform:rotate(.7deg)}.real-showcase figcaption{position:absolute;left:22px;right:22px;bottom:-18px;padding:12px 15px;display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.8);border-radius:14px;color:#18231f;background:rgba(255,255,255,.94);box-shadow:0 15px 35px rgba(0,0,0,.16);backdrop-filter:blur(12px);font-size:8px}.real-showcase figcaption span{display:flex;align-items:center;gap:5px;color:#67736d}.real-showcase figcaption i{width:7px;height:7px;border-radius:50%;background:#159d89}.real-showcase figcaption span:nth-child(2) i{background:#77c9e4}.real-showcase figcaption b{margin-left:auto;font-size:8px}@media(max-width:1000px){.real-product-stage{height:570px;max-width:850px;margin:auto}.web-mockups{left:0;width:100%}.real-showcase{max-width:900px;margin:40px auto 0}}@media(max-width:680px){.real-product-stage{height:405px;margin-top:20px}.web-mockups{left:-10%;top:20px;width:120%;border-radius:16px}.real-phone{left:-2px;bottom:-10px;width:125px}.real-badge{right:-6px;bottom:18px;padding:10px}.real-badge>i{width:25px;height:25px}.real-showcase>img{border-width:4px;border-radius:17px}.real-showcase figcaption{left:10px;right:10px;bottom:-24px}.real-showcase figcaption b{display:none}}