/* Shared scroll cue, matching the app experience. Page classes retain placement. */
a.scroll-indicator.scroll-indicator {
  display:flex; align-items:center; flex-direction:row; gap:17px;
  width:max-content; max-width:100%; min-height:44px; box-sizing:border-box;
  padding:9px 22px 9px 9px; border:1px solid #8fc8fc36; border-radius:60px;
  background:linear-gradient(120deg,#143956a6,#08152388); color:#d9eeff;
  font-size:12px; font-weight:400; line-height:1.7; letter-spacing:.015em;
  text-decoration:none; text-transform:none;
  transition:border-color .25s,box-shadow .25s,translate .25s;
}
a.scroll-indicator.scroll-indicator:hover { border-color:#9cdbff; box-shadow:0 0 35px #268bd63d; translate:0 -3px; }
a.scroll-indicator.scroll-indicator:focus-visible { outline:3px solid #b5e7ff; outline-offset:5px; }
a.scroll-indicator > span { display:block; width:auto; height:auto; border:0; border-radius:0; background:none; color:inherit; font-size:inherit; animation:none; }
a.scroll-indicator > .scroll-indicator__orb { display:grid; place-items:center; position:relative; width:47px; height:47px; flex:none; border-radius:50%; color:#d7f5ff; background:radial-gradient(circle,#163d58,#0b192d); box-shadow:inset 0 0 15px #6bdcff20; }
.scroll-indicator__orb i { position:absolute; inset:-1px; border:1px solid #9fdbff24; border-top-color:#b4e8ff; border-bottom-color:#4b91cb; border-radius:50%; animation:scroll-indicator-orbit 5s linear infinite; }
.scroll-indicator__orb svg { width:23px; height:23px; animation:scroll-indicator-arrow 2.6s cubic-bezier(.4,0,.2,1) infinite; }
.scroll-indicator__track { position:relative; display:block; margin-top:8px; height:2px; overflow:hidden; background:#a6ceef22; }
.scroll-indicator__track i { position:absolute; width:35%; height:100%; background:linear-gradient(90deg,transparent,#aeedff,transparent); animation:scroll-indicator-trace 2.6s ease-in-out infinite; }
.ma-hero.is-offscreen .scroll-indicator * { animation-play-state:paused; }
.ma-hero-bottom > a.scroll-indicator:hover { transform:none; }
@keyframes scroll-indicator-orbit { to { transform:rotate(360deg); } }
@keyframes scroll-indicator-arrow { 0%,100% { transform:translateY(-3px); opacity:.65; } 50% { transform:translateY(4px); opacity:1; } }
@keyframes scroll-indicator-trace { 0% { transform:translateX(-110%); } 80%,100% { transform:translateX(400%); } }
@media(max-width:720px) {
  .hero--circuit .hero__title::before,.hero--circuit .hero__title::after { display:none; }
  .hero--circuit a.hero__scroll-cue.scroll-indicator { display:flex; position:relative; left:auto; bottom:auto; transform:none; margin:24px auto 0; }
}
@media(prefers-reduced-motion:reduce) { .scroll-indicator * { animation:none!important; } a.scroll-indicator.scroll-indicator { transition:none; } a.scroll-indicator.scroll-indicator:hover { translate:none; } }
