.kx-planet {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    align-items: center;
    min-height: clamp(350px, 42vw, 620px);
    background: radial-gradient(ellipse at 77% 49%, #10326555, transparent 52%), #080e1b;
    color: #f5f8ff;
}
.kx-planet-caption { position: relative; padding-block: 3rem; }
.kx-planet-caption h1, .kx-planet-caption p { max-width: 49%; overflow-wrap: anywhere; }
.kx-planet-caption h1 {
    font-size: clamp(2rem, 4.6vw, 4.8rem);
    font-weight: 650;
    letter-spacing: -.035em;
    line-height: 1.16;
    color: #f5f8ff;
    margin: 0;
}
.kx-planet-caption h1::before { content: ""; display: block; width: 2.5rem; height: 2px; background: #ccb585; margin-bottom: 1.3rem; }
body .kx-planet .kx-planet-caption p { margin: 1rem 0 0; color: #b6c5d9 !important; line-height: 1.8; }
.kx-planet .orb{position:absolute;width:620px;height:620px;right:4%;top:17%;transform:rotate(-24deg);animation:kx-orb-float 10s ease-in-out infinite}
.kx-planet .sphere{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 30% 28%,#6396d033,#0e2d6260 20%,#020713 69%);box-shadow:inset 8px 5px 28px #6097ff50,inset -25px -14px 45px #01040d,0 0 90px #17478b30;border:1px solid #3561a34a;overflow:hidden}
.kx-planet .sphere:after{content:'';position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at 30% 20%,transparent 0px,transparent 16px,#93bafa12 17px,transparent 18px);transform:rotate(30deg)}
.kx-planet .orbit{position:absolute;left:-7%;top:28%;width:114%;height:42%;border:1px solid #c9b37c70;border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 13px #bfa36f12}
.kx-planet .orbit:after{content:'';width:7px;height:7px;position:absolute;top:14%;left:15%;border-radius:50%;background:#e9d9b6;box-shadow:0 0 18px #f4c56f}
.kx-planet .orbit.two{transform:rotate(62deg);border-color:#5578b43d;left:8%;width:84%;height:75%;top:12%}
.kx-planet .orbit.three{transform:rotate(9deg);width:125%;left:-12%;border-color:#5e7eac33;height:50%;top:24%}
.kx-planet .orbit-label{position:absolute;bottom:8%;right:12%;font:8px monospace;letter-spacing:2px;color:#8e9bb0;transform:rotate(24deg)}
.kx-planet .orb { width: min(41vw, 570px); height: auto; aspect-ratio: 1; right: 8%; top: 50%; margin-top: max(-20.5vw, -285px); }
.kx-planet-art { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.kx-planet-stars { width:100%; height:100%; opacity:.7; }
@keyframes kx-orb-float { 50% { transform:translateY(-18px) rotate(-20deg); } }
@supports(offset-path:ellipse(50% 50% at 50% 50%)){
  .kx-planet .orbit:after{top:0;left:0;offset-path:ellipse(50% 50% at 50% 50%);offset-anchor:center;offset-rotate:0deg;animation:kx-satellite-orbit 18s linear infinite;animation-delay:-3s}
  .kx-planet .orbit.two:after{animation-duration:26s;animation-delay:-13s;animation-direction:reverse;background:#b8d4ff;box-shadow:0 0 16px #79adff}
  .kx-planet .orbit.three:after{animation-duration:34s;animation-delay:-24s;width:5px;height:5px}
}
@keyframes kx-satellite-orbit{from{offset-distance:0%}to{offset-distance:100%}}

footer{flex-wrap:wrap}.filing{flex-basis:100%;display:flex;justify-content:center;align-items:center;gap:16px;border-top:1px solid #ffffff16;padding-top:20px;color:#818c9c;font-size:11px;line-height:1.8}.filing a:hover{color:var(--gold)}@media(max-width:650px){.filing{order:4;flex-direction:column;gap:6px}.filing>span{display:none}}

@media (max-width:650px) {
    .kx-planet .orb { width:280px; right:-95px; margin-top:-115px; opacity:.72; }
    .kx-planet-caption h1,.kx-planet-caption p { max-width:55%; }
}
@media (prefers-reduced-motion:reduce) {
    .kx-planet .orb,.kx-planet .orbit::after { animation:none; }
}

.kx-about-heading.kx-planet { display:flex; min-height:clamp(230px, 33vw, 360px); }
.kx-about-heading .orb { width:clamp(130px, 28vw, 300px); margin-top:0; top:50%; translate:0 -50%; right:8%; opacity:1; }
.kx-about-heading h1 { max-width:50%; overflow-wrap:anywhere; }