/* Keep the quiet shared style; place each cue in its hero's clear lower area. */
body .hero>.hero-scroll-cue{
 position:absolute;left:50%;top:auto;bottom:var(--cue-bottom,32px);transform:translateX(-50%);
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;
 min-height:64px;box-sizing:border-box;padding:10px 18px;margin:0;
 font-family:Glow,sans-serif;font-size:14px;font-weight:100;line-height:1.5;
 color:#c7cbd1;text-shadow:0 1px 3px #000,0 0 10px #000;
 background:none;border:0;text-decoration:none;white-space:nowrap;z-index:5;cursor:pointer
}
body .hero>.hero-scroll-cue span{
 --separator-gold:#996424;display:block;flex:none;width:12px;height:12px;
 border:0;border-right:3px solid #996424;border-bottom:3px solid #996424;border-color:#996424!important;
 opacity:1;filter:drop-shadow(0 1px 2px #000);transform:rotate(45deg);
 animation:xgm-cue-down 1.8s ease-in-out infinite
}
#home.hero{--cue-bottom:36px}
.hero:is(.detail-hero,.chip-hero,.cloud-hero,.control-hero,.applications-hero){--cue-bottom:32px}
.about-hero.hero,.careers-hero.hero{--cue-bottom:40px}
@keyframes xgm-cue-down{
 0%,100%{transform:translateY(-2px) rotate(45deg)}
 50%{transform:translateY(4px) rotate(45deg)}
}
@media(max-width:600px){
 body .hero>.hero-scroll-cue{font-size:13px;bottom:calc(var(--cue-bottom,28px) + env(safe-area-inset-bottom,0px))}
 #home.hero{--cue-bottom:28px}
 .hero:is(.detail-hero,.chip-hero,.cloud-hero,.control-hero,.applications-hero),.careers-hero.hero{--cue-bottom:28px}
 .about-hero.hero{--cue-bottom:32px}
 body.about-detail .about-hero.hero{padding-bottom:140px}
 body.detail-page .hero:is(.detail-hero,.chip-hero,.cloud-hero,.control-hero,.applications-hero){padding-bottom:120px}
}
@media(prefers-reduced-motion:reduce){body .hero>.hero-scroll-cue span{animation:none;transform:rotate(45deg)}}