.hero-planet{position:absolute;right:3%;top:50%;width:min(38vw,500px);aspect-ratio:1;transform:translateY(-50%) rotate(-10deg);display:grid;place-items:center;filter:drop-shadow(0 35px 70px #000)}
.planet-body{position:absolute;width:55%;height:55%;border-radius:50%;z-index:2;background:radial-gradient(circle at 30% 24%,#91fff1 0 3%,#736cf1 15%,#292052 42%,#0a1020 73%);box-shadow:inset -28px -18px 38px #02040bdd,inset 18px 12px 25px #75e9ff28,0 0 60px #6a51ff44;animation:planetFloat 7s ease-in-out infinite}.planet-body:after{content:"";position:absolute;inset:14% -1%;border-radius:50%;background:repeating-linear-gradient(174deg,transparent 0 12px,#9c8cff14 13px 16px,transparent 17px 26px);mix-blend-mode:screen;animation:planetBands 12s linear infinite}
.planet-atmosphere{position:absolute;width:59%;height:59%;border:1px solid #72e9ef66;border-radius:50%;box-shadow:0 0 45px #42dfe633;z-index:1}.planet-ring{position:absolute;width:94%;height:27%;border:10px solid transparent;border-radius:50%;transform:rotate(-8deg);z-index:3;animation:ringPulse 5s ease-in-out infinite}.ring-back{border-top-color:#9c83e4aa;border-left-color:#41d8d86e;z-index:1}.ring-front{border-bottom-color:#5b50b9;border-right-color:#50deda;filter:drop-shadow(0 4px 8px #000);clip-path:inset(48% 0 0)}
.planet-moon{position:absolute;width:16px;height:16px;border-radius:50%;background:#72eee4;box-shadow:0 0 18px #4ce9df;z-index:4}.moon-a{animation:moonOrbitA 9s linear infinite}.moon-b{width:9px;height:9px;background:#a98dff;animation:moonOrbitB 14s linear infinite reverse}.product-card[href]{display:block;color:inherit;text-decoration:none}.app-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.app-hero{position:relative}.app-hero:before{content:"";position:absolute;right:8%;top:25%;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#74eee3,var(--accent) 45%,#090b14 75%)}.no-webgl .globe-fallback,.map-fallback .globe-fallback{opacity:1}
@keyframes planetFloat{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes planetBands{to{transform:rotate(360deg)}}@keyframes ringPulse{50%{filter:brightness(1.35)}}@keyframes moonOrbitA{from{transform:rotate(0) translateX(225px) rotate(0)}to{transform:rotate(360deg) translateX(225px) rotate(-360deg)}}@keyframes moonOrbitB{from{transform:rotate(35deg) translateX(165px) rotate(-35deg)}to{transform:rotate(395deg) translateX(165px) rotate(-395deg)}}
@media(max-width:900px){.hero-planet{opacity:.46;right:-130px;width:430px}.app-detail-grid{grid-template-columns:1fr}}@media(max-width:560px){.hero-planet{width:330px;right:-150px}.moon-a{animation-name:none;transform:translateX(140px)}.moon-b{display:none}.planet-ring{border-width:7px}}@media(prefers-reduced-motion:reduce){.hero-planet *{animation:none!important}.planet-moon{display:none}}