@media(max-width:700px){.hero-art{display:none}.hero{display:block}.hero:after{content:'';display:block;height:255px;margin:12px -14px 0;background:linear-gradient(135deg,#ff6500,#061a32) 8% 50%/72% 125px no-repeat,url('assets/ios-manager-screenshot.jpg') 83% 100%/24% 215px no-repeat,radial-gradient(circle at 50% 46%,#0d2c4b 0,#061a32 62%);border-top:1px solid #29415d;border-bottom:1px solid #29415d;filter:drop-shadow(0 14px 20px #020b16)}.hero:before{content:'NOW PLAYING   •   One tap. Every display.';display:block;position:absolute;top:405px;left:10%;z-index:1;color:#fff;font-size:clamp(11px,4vw,18px);font-weight:800;line-height:1.1;max-width:58%;pointer-events:none}.value-band{display:none}.hero-copy{padding:48px 0 12px}.proof-row span:nth-child(n+2){display:none}.section{padding:58px 0}.steps{margin-top:28px}.device-section{padding:60px 0}.device-grid{margin-top:28px}}

/* Mobile uses the real app capture as the visual proof; keep the CTA area clear. */
@media(max-width:700px){.hero:before{display:none}.hero:after{height:235px;margin-top:18px;background:linear-gradient(135deg,#ff5b00,#061a32) 8% 50%/68% 112px no-repeat,url('assets/ios-manager-screenshot.jpg') 82% 50%/25% 210px no-repeat,radial-gradient(circle at 50% 46%,#0d2c4b 0,#061a32 62%)}}

/* Mobile-only product proof: the supplied iOS app capture and a separate TV panel. */
@media(max-width:700px){.hero:after{height:330px;margin-top:18px;background:linear-gradient(145deg,#ff6500,#102c4b) 7% 50%/62% 150px no-repeat,url('assets/ios-manager-screenshot.jpg') 84% 50%/29% 300px no-repeat,radial-gradient(circle at 52% 48%,#0d2c4b 0,#061a32 70%);border-color:#29415d}}
@media(max-width:700px){.hero:after{background-image:linear-gradient(145deg,#ff6500,#102c4b),url('/assets/ios-manager-screenshot.jpg'),radial-gradient(circle at 52% 48%,#0d2c4b 0,#061a32 70%);background-position:7% 50%,84% 50%,center;background-size:62% 150px,29% 300px,100% 100%;background-repeat:no-repeat}}

/* Replaceable mobile mockup: swap only the first URL when the final product capture is ready. */
@media(max-width:700px){.hero:after{height:390px;background-image:url('/assets/ios-manager-screenshot.jpg'),url('/assets/mobile-product-mockup.png');background-position:78% 49%,center;background-size:24% 315px,auto 390px;background-repeat:no-repeat}}
@media(max-width:700px){.hero:after{height:clamp(470px,92vw,560px);background-position:78% 49%,center;background-size:24% 82%,auto 100%;background-repeat:no-repeat}}
@media(max-width:700px){.hero:after{height:calc(100vw * 1.24955);margin-left:-14px;margin-right:-14px;background-image:url('/assets/ios-manager-screenshot.jpg'),url('/assets/mobile-product-mockup.png');background-position:82% 47%,center top;background-size:24% auto,100% auto;background-repeat:no-repeat}}
@media(max-width:700px){.hero{position:relative}.hero:before{content:'NOW PLAYING  •  One tap. Every display.';display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;left:5%;bottom:calc(100vw * 1.24955 * .57);width:54%;height:calc(100vw * .13);border:1px solid #ff6500;border-radius:5px;background:linear-gradient(120deg,#8f2800,#ff6500,#8f2800);background-size:220% 100%;color:#fff;font-size:clamp(9px,2.6vw,15px);font-weight:800;text-align:center;animation:mobilePlaylistGlow 7s ease-in-out infinite;pointer-events:none}@keyframes mobilePlaylistGlow{0%,100%{background-position:0 0;filter:saturate(.9)}50%{background-position:100% 0;filter:saturate(1.35)}}}
@media(max-width:700px){.hero:before{display:none!important}}
/* Finished portrait artwork: one image, no fragile overlay positioning. */
@media(max-width:700px){.hero:after{height:calc(100vw * 1.24955);margin-left:-14px;margin-right:-14px;background:url('/assets/mobile-finished-mockup.png') center top/100% auto no-repeat;border-color:#29415d}}