/* Static foreground extends above the card; the caption has its own space below. */
.hero-art{overflow:visible;background:radial-gradient(ellipse at 55% 45%,#d1e6ff 0%,#e7f1fd 72%);margin-top:52px;margin-bottom:42px}
.astronaut-depth{position:absolute;inset:-92px -12px -10px;z-index:2;pointer-events:none}
.astronaut-depth .astronaut{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;margin:0;filter:drop-shadow(0 18px 18px #2c64af15)}
.hero-art .art-top{z-index:3}
.hero-art .art-caption{display:block;position:absolute;top:auto;bottom:-42px;left:0;right:0;max-width:none;text-align:center;font-size:16px;line-height:1.5;color:#264c72}
.hero-art .app-card{z-index:4;background:#fffffff5}
@media(max-width:1050px) and (min-width:761px){.astronaut-depth{inset:-73px -30px 0}}
@media(max-width:760px){.hero-art{margin-top:54px;height:440px}.astronaut-depth{inset:-82px -7px -4px}.hero-art .art-top{font-size:9px}.hero-art .art-top>span:first-child{display:none}.hero-art .art-index{margin-left:auto}.hero-art .art-caption{font-size:15px}}
.hand-gesture{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden;filter:drop-shadow(0 18px 18px #2c64af15)}
.gesture-ready .hand-gesture{visibility:visible}
.gesture-ready .astronaut{visibility:hidden}
@media(prefers-reduced-motion:reduce){.gesture-ready .astronaut{visibility:visible}.gesture-ready .hand-gesture{visibility:hidden}}