/* Motion layer: decorative light only; tables and controls remain stable. */
.rankings-page-footer{flex-wrap:wrap}
.hero{background:#050507}
.hero-art{background:radial-gradient(ellipse at 50% 57%,#704d7633,transparent 43%);opacity:1}
.hero:after{background:linear-gradient(180deg,#05050733,transparent 60%,#08090a);pointer-events:none}
body::before,.hero::before{inset:-65px; background-image:radial-gradient(circle at 12% 19%,#edf7ff 0 .8px,#acd6ff70 1px,transparent 3px),radial-gradient(circle at 73% 39%,#fff 0 1px,#ebbbdf55 1.5px,transparent 4px),radial-gradient(circle at 42% 81%,#f4e5f7 0 .7px,transparent 2px);animation:star-shine 6s ease-in-out infinite alternate,star-drift 65s ease-in-out infinite alternate;opacity:.5}
.hero::before{animation-delay:-3s,-20s}
@keyframes star-shine{0%{opacity:.22}45%{opacity:.48}100%{opacity:.7}}
@keyframes star-drift{from{transform:translate3d(-18px,30px,0)}to{transform:translate3d(24px,-30px,0)}}
.hero-board{isolation:isolate;margin-top:55px;background:#101015;box-shadow:0 0 0 8px #d5bfd908,0 -1px 0 #dbc7e6,0 24px 80px #0009;scroll-margin-top:110px}
.hero-board::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:9%;right:9%;top:-180px;height:180px;background:radial-gradient(ellipse at 50% 100%,#fff 0%,#ddd8f6bb 7%,#b289d36b 23%,#e94eb432 41%,#4bb8f021 55%,transparent 73%);filter:blur(12px);transform-origin:50% 100%;animation:horizon-glow 8s ease-in-out infinite alternate}
.hero-board::after{content:'';position:absolute;left:15%;right:15%;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#ed71c4,#eee7fa,#6ac0ed,transparent);pointer-events:none}
@keyframes horizon-glow{from{opacity:.65;transform:scaleX(.9)}to{opacity:1;transform:scaleX(1.1)}}
.board-full-link{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #35303e;padding:17px 0 3px;margin-top:15px;color:#ddd0e3;font-size:12px}.board-full-link:hover{color:var(--pink)}
.hero-ranking-table tbody tr{transition:background .25s}.hero-ranking-table tbody tr:hover{background:#c993db0b}
.hero-copy>.eyebrow{animation:rise-in .65s both}.hero-copy>h1{animation:rise-in .9s .08s both}.hero-description{animation:rise-in .9s .16s both}.hero-actions{animation:rise-in .9s .24s both}.community-proof{animation:rise-in .9s .32s both}.hero-board{animation:rise-in 1s .3s both}
@keyframes rise-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.motion-enter{animation:section-enter .85s cubic-bezier(.2,.7,.2,1) both}
@keyframes section-enter{from{opacity:.35;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
.founder-card,.figure,.person{transition:transform .3s,border-color .3s,background .3s}.founder-card:hover{transform:translateY(-6px)}.figure:hover,.person:hover{transform:translateX(4px)}.avatar{transition:transform .4s}.founder-card:hover .avatar,.figure:hover .avatar{transform:scale(1.06)}.button>span,.text-link>span{transition:transform .25s}.button:hover>span,.text-link:hover>span:last-child{transform:translate(3px,-3px)}
.stars-paused *,.stars-paused::before,.stars-paused *::before,.stars-paused *::after{animation-play-state:paused!important}
.stars-paused .motion-enter,.stars-paused .hero-copy>*,.stars-paused .hero-board{animation:none!important;opacity:1;transform:none}
@media(max-width:720px){.hero-board{margin-top:48px}.hero-board::before{top:-130px;height:130px;left:0;right:0}.board-full-link{font-size:10px;line-height:1.6}.hero-ranking-table tbody th a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.hero-copy>*,.hero-board,.motion-enter{opacity:1;transform:none}body::before,.hero::before{opacity:.38}.hero-board::before{opacity:.8}.star-toggle{display:none}}
