.sat-hero{padding:48px 0 40px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center}
.sat-hero h1{font-size:clamp(3.2rem,5.8vw,5.9rem);line-height:.9;letter-spacing:-.06em;margin:12px 0 20px}.lead{font-size:1.17rem;line-height:1.65;color:#d8dde7}
.wtf{margin:20px 0;padding:15px 17px;border-left:3px solid var(--cyan);background:rgba(86,215,255,.055);border-radius:0 12px 12px 0;font-weight:850}
.space{height:390px;border-radius:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,#27395d,#090d16 60%);border:1px solid var(--line)}
.earth{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4da7ff,#12609d 50%,#06345c 72%);bottom:-190px;left:50%;transform:translateX(-50%);box-shadow:0 0 45px #1d8dff55}
.satellite{position:absolute;top:72px;left:50%;transform:translateX(-50%);font-size:4.7rem;animation:float 3s ease-in-out infinite}.beam{position:absolute;top:145px;left:50%;width:4px;height:160px;background:linear-gradient(var(--cyan),transparent);transform-origin:top;box-shadow:0 0 18px var(--cyan)}
.dish{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);font-size:3.5rem;z-index:3}@keyframes float{50%{transform:translate(-50%,-12px)}}
.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}.fact{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px}.fact strong{display:block;color:var(--gold);font-size:1.15rem}.fact small{color:var(--muted)}
.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px}
.orbits{display:grid;gap:12px}.orbit{border:1px solid var(--line);border-radius:15px;padding:15px;cursor:pointer;background:#171d27}.orbit.active{outline:2px solid var(--cyan)}.orbit strong{color:var(--gold)}
.signalbox{min-height:270px;background:#0b1119;border:1px solid var(--line);border-radius:20px;padding:22px;text-align:center}.sky{height:150px;position:relative;border-bottom:2px solid #46515f}.satdot{position:absolute;font-size:2.4rem;transition:all .7s}.dish2{position:absolute;bottom:0;left:48%;font-size:2.4rem}.signal{font-size:2rem;margin-top:15px}.range{width:100%;accent-color:var(--orange);margin:16px 0}
.latency{font-size:clamp(2.7rem,6vw,4.7rem);font-weight:950;color:var(--gold);line-height:1}
.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.compare>div{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{padding:14px;border:1px solid var(--line);border-radius:12px;background:#202631;color:#fff;font-weight:900;cursor:pointer}.choice.good{outline:2px solid var(--green)}.choice.bad{outline:2px solid #ff6969}.quiz-result{min-height:44px;margin-top:14px;font-weight:850}
.adbox{border:1px solid rgba(255,190,70,.42);border-radius:25px;padding:28px;background:linear-gradient(135deg,rgba(255,138,36,.13),rgba(49,204,255,.08),var(--panel))}.adlabel{display:inline-block;font-size:.68rem;letter-spacing:.14em;font-weight:900;border:1px solid #717784;border-radius:99px;padding:5px 9px;color:#b8bec9}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px 18px;margin:9px 0}.faq summary{font-weight:900;cursor:pointer}.sources{color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.sources a{color:#a9e8ff}
.next-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.next-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:19px;text-decoration:none}.next-card strong{display:block;margin:5px 0}.next-card small{color:var(--muted)}
@media(max-width:820px){.hero-grid,.lab-grid,.compare{grid-template-columns:1fr}.fact-strip{grid-template-columns:1fr 1fr}.sat-hero h1{font-size:clamp(3rem,14vw,5rem)}.quiz-options,.next-cards{grid-template-columns:1fr}.space{height:330px}}

.control-hint{font-size:.9rem;color:var(--muted);margin:8px 0 3px}
.constellation{height:340px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 110%,#173b66,#090e17 62%);margin:20px 0 18px}
.earth-small{position:absolute;left:50%;bottom:-75px;transform:translateX(-50%);font-size:9rem;z-index:3}
.orbit-line{position:absolute;left:50%;bottom:-85px;transform:translateX(-50%);border:1px solid rgba(86,215,255,.23);border-radius:50%}
.ol1{width:520px;height:280px}.ol2{width:700px;height:370px}.ol3{width:880px;height:460px}
.mini-sat{position:absolute;font-size:2rem;z-index:4;filter:drop-shadow(0 0 10px rgba(86,215,255,.5));animation:satmove 8s ease-in-out infinite alternate}
.s1{left:10%;top:45%;animation-delay:-1s}.s2{left:27%;top:21%;animation-delay:-3s}.s3{left:49%;top:9%;animation-delay:-5s}.s4{right:25%;top:22%;animation-delay:-2s}.s5{right:8%;top:47%;animation-delay:-6s}
@keyframes satmove{to{transform:translateX(42px) translateY(-10px)}}
.star-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.star-num{font-size:2.3rem;font-weight:950;color:var(--cyan)}
@media(max-width:820px){.star-grid{grid-template-columns:1fr}.constellation{height:285px}.earth-small{font-size:7rem}.ol1{width:380px}.ol2{width:520px}.ol3{width:650px}}