.hero-stage{position:relative;aspect-ratio:1 / 1;width:100%;max-width:620px;justify-self:center;margin:0 auto;overflow:visible}.hero-stage canvas{position:absolute;inset:0;width:100%;height:100%}.hero-stage .planet-layer{position:absolute;inset:0;pointer-events:none}.hero-stage .sun-wrap{position:absolute;left:calc(50% + var(--sun-offset-x, 50px));top:50%;transform:translate(-50%,-50%) scale(var(--sun-scale, .7));width:140px;height:140px;z-index:50;pointer-events:none}.hero-stage .sun-corona{position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,#ffdc9673,#ffaa3c4d,#f5821933 20%,#d2500f1f,#b4320a0f 44%,#b4320a00 60%);filter:blur(8px);animation:heroCoronaBreathe 5.5s ease-in-out infinite}.hero-stage .sun-fire{position:absolute;left:50%;top:50%;width:260px;height:260px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,#fff4c8,#ffd070 10%,#ffa030 22%,#ff821ef2 36%,#dc5a14d9 52%,#b43c0f8c 70%,#962d0a40,#781e0500);filter:blur(1px);animation:heroFireSpin 28s linear infinite}.hero-stage .sun-center{position:absolute;left:50%;top:50%;width:90px;height:90px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,#fff7d8 0%,#ffe5a0 20%,#ffb040 50%,rgba(255,130,40,.6) 80%,transparent 100%);filter:blur(2px);mix-blend-mode:screen;animation:heroCenterBreathe 4s ease-in-out infinite;pointer-events:none}@keyframes heroCenterBreathe{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}@keyframes heroCoronaBreathe{0%,to{opacity:.85;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@keyframes heroFireSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-stage .planet{position:absolute;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);will-change:transform,opacity}.hero-stage .planet.small{width:34px;height:34px}.hero-stage .planet.tiny{width:26px;height:26px}.hero-stage .planet .atmosphere{position:absolute;inset:-6px;border-radius:50%;pointer-events:none;opacity:.8}.hero-stage .planet .body{position:absolute;inset:0;border-radius:50%;overflow:hidden;box-shadow:inset -6px -8px 12px #0000008c,inset 4px 5px 8px #ffffff1f}.hero-stage .planet .surface{position:absolute;inset:0;border-radius:50%}.hero-stage .planet .specular{position:absolute;top:12%;left:18%;width:42%;height:32%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.55),rgba(255,255,255,.15) 40%,transparent 70%);filter:blur(1px);pointer-events:none}.hero-stage .planet .terminator{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,transparent 30%,rgba(0,0,0,.5) 85%);pointer-events:none}.hero-stage .planet .ring{position:absolute;left:50%;top:50%;width:170%;height:34%;transform:translate(-50%,-50%) rotate(-18deg);border-radius:50%;border:2px solid rgba(255,255,255,.35);box-shadow:0 0 0 1px #ffffff14 inset;pointer-events:none}.hero-stage .planet .ring:before{content:"";position:absolute;inset:3px;border-radius:50%;border-top:2px solid rgba(0,0,0,.35);border-bottom:2px solid transparent;border-left:2px solid transparent;border-right:2px solid transparent}.hero-stage .planet .moon-wrap{position:absolute;inset:0;animation:planetMoonOrbit 9s linear infinite;pointer-events:none}.hero-stage .planet .moon{position:absolute;top:50%;left:50%;width:28%;height:28%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f4eede,#c6bfa9 45%,#6d6759 85%,#3a362f),radial-gradient(circle at 62% 55%,rgba(0,0,0,.3),transparent 40%);transform:translate(calc(-50% + 36px),-50%);box-shadow:inset -2px -2px 4px #0000008c,inset 1px 1px 2px #fff3,0 0 6px #fff0d240}@keyframes planetMoonOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}@media(max-width:900px){.hero-stage{max-width:420px}}@media(max-width:480px){.hero-stage{max-width:320px}}@media(max-width:768px){.hero-orbit-col{display:none!important}.hero .container{grid-template-columns:1fr!important}}