/* Editorial product showcase: real visual hierarchy, legible mobile cards. */
.hero-app-preview{position:relative;overflow:hidden;min-height:620px;border:1px solid rgba(191,255,93,.17);border-radius:36px;background:radial-gradient(circle at 55% 32%,rgba(133,185,45,.22),transparent 50%),linear-gradient(150deg,#17271b,#080e0a 72%);isolation:isolate}
.hero-app-preview:before{content:'';position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(155deg,transparent 0 112px,rgba(188,255,103,.03) 113px 114px)}
.v28-hero{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:620px;padding:35px 28px 20px}
.v28-hero img{display:block;width:min(100%,470px);height:auto;max-height:610px;object-fit:contain;filter:drop-shadow(0 30px 38px rgba(0,0,0,.65));transform:rotate(-2deg)}
.v28-hero-label{position:absolute;left:26px;bottom:24px;z-index:2;padding:14px 18px;border:1px solid rgba(202,255,118,.28);border-radius:17px;background:rgba(9,17,12,.85);backdrop-filter:blur(12px);color:#edf8ec}
.v28-hero-label small{display:block;color:#c8ff6d;letter-spacing:.15em;font-size:10px;font-weight:900}.v28-hero-label strong{display:block;margin-top:5px;font-size:18px;letter-spacing:-.03em}
.ai4-app-gallery.v28-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.v28-gallery .ai4-app-card{min-width:0;border:1px solid rgba(184,208,177,.18);border-radius:29px;overflow:hidden;background:linear-gradient(150deg,#18271c,#101813);box-shadow:0 24px 60px rgba(0,0,0,.14)}
.v28-product-media{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:450px;background:radial-gradient(circle at 50% 43%,rgba(181,255,37,.13),transparent 57%),#09120c}
.v28-product-media img{display:block;width:auto;height:106%;max-width:96%;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.48));transition:transform .4s ease}
.v28-gallery .ai4-app-card:hover .v28-product-media img{transform:translateY(-6px)}
.v28-product-media.food img{width:100%;height:100%;max-width:none;object-fit:cover;filter:none}
.v28-product-media.food:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,17,11,.72))}
.v28-media-mark{position:absolute;z-index:2;top:21px;left:21px;padding:8px 12px;border:1px solid rgba(214,255,150,.35);border-radius:999px;background:rgba(9,18,12,.78);color:#d6ff95;font-size:10px;font-weight:900;letter-spacing:.13em;backdrop-filter:blur(8px)}
.v28-gallery .ai4-app-card-copy{padding:26px 27px 29px;min-height:215px}.v28-gallery .ai4-app-card-copy h3{font-size:clamp(25px,3vw,35px);line-height:1.04}.v28-gallery .ai4-app-card-copy p{font-size:15px;line-height:1.5}
@media(max-width:700px){.hero-app-preview{min-height:450px;border-radius:27px}.v28-hero{min-height:450px;padding:10px 6px 16px}.v28-hero img{max-height:440px;width:85%}.v28-hero-label{left:16px;bottom:16px;padding:10px 12px}.v28-hero-label strong{font-size:15px}.ai4-app-gallery.v28-gallery{grid-template-columns:1fr;gap:18px}.v28-product-media{height:390px}.v28-product-media img{height:105%}.v28-gallery .ai4-app-card-copy{min-height:0;padding:23px 22px 27px}.v28-gallery .ai4-app-card-copy h3{font-size:28px}}
@media(max-width:370px){.v28-product-media{height:335px}.hero-app-preview,.v28-hero{min-height:410px}}
@media(prefers-reduced-motion:reduce){.v28-product-media img{transition:none}}
/* The existing gallery's later layout rules otherwise force three narrow columns. */
.ai4-app-proof .wrap .ai4-app-gallery.v28-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:700px){.ai4-app-proof .wrap .ai4-app-gallery.v28-gallery{grid-template-columns:minmax(0,1fr)!important}}