/* Image Quality Optimization */

/* Force high-quality image rendering */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: high-quality;
    -ms-interpolation-mode: bicubic;
}

/* Specific optimization for phone mockups */
.phone-mockup img,
.hero-phone img,
.showcase-phone img,
.final-cta-phone img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Prevent image blur on transform */
.hero-phone,
.showcase-phone,
.final-cta-phone {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* High quality screenshots */
.phone-mockup img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

/* Retina display optimization */
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
    img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Ensure images load at proper size */
.hero-phone .phone-mockup img {
    width: 100%;
    max-width: 400px;
    height: auto;
}

.showcase-phone img {
    width: 100%;
    max-width: 350px;
    height: auto;
}

/* Mobile image quality */
@media (max-width: 767px) {
    .hero-phone .phone-mockup img {
        max-width: 350px;
    }
    
    .showcase-phone img {
        max-width: 300px;
    }
}