.delivery-previews { display: flex; align-items: center; justify-content: center; gap: clamp(10px,1.7vw,28px); padding: 38px 3.2vw; background: #050a11; background-image: linear-gradient(rgba(62,119,194,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(62,119,194,.14) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(40,96,173,.33),transparent 48%); background-size: 27px 27px,27px 27px,auto; }
.delivery-previews::before { content: "CONCEITO / EM DESENVOLVIMENTO"; position: absolute; left: 23px; top: 20px; z-index: 2; color: #9bc1fa; font: 10px 'DM Mono'; letter-spacing: .09em; }
.app-preview { position: relative; z-index: 1; width: min(30%,202px); overflow: hidden; border: 1px solid rgba(126,175,240,.46); border-radius: 18px; box-shadow: 0 20px 40px rgba(0,0,0,.45); background: #080b10; transition: transform .55s cubic-bezier(.2,.8,.2,1), box-shadow .55s; }
.app-preview img { display: block; width: 100%; height: auto; }
.app-preview:nth-of-type(1) { transform: rotate(-7deg) translateY(11px); }.app-preview:nth-of-type(2) { transform: translateY(-15px); z-index: 2; }.app-preview:nth-of-type(3) { transform: rotate(7deg) translateY(11px); }
.delivery-previews:hover .app-preview:nth-of-type(1) { transform: rotate(-11deg) translate(-13px,6px); }.delivery-previews:hover .app-preview:nth-of-type(2) { transform: translateY(-27px) scale(1.035); box-shadow: 0 28px 58px rgba(0,0,0,.66); }.delivery-previews:hover .app-preview:nth-of-type(3) { transform: rotate(11deg) translate(13px,6px); }
.delivery-brand-mark { position: absolute; z-index: 3; bottom: 18px; right: 20px; width: 64px; height: auto; opacity: .9; }
@media (max-width:720px) { .delivery-previews { min-height: 470px; gap: 4px; padding: 55px 10px 22px; }.app-preview { width: 34%; border-radius: 11px; }.delivery-brand-mark { width: 48px; right: 13px; bottom: 13px; } }