.fleet-scene{position:relative;isolation:isolate;min-height:330px;border:1px solid #48647b70;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 40% 60%,#294c6266,transparent 65%),url('/img/orbital-contact.webp') 30% center/cover;box-shadow:inset 0 0 80px #030915b0,0 25px 60px #0004}.fleet-planet{position:absolute;width:240px;height:240px;left:-100px;bottom:-90px;border-radius:50%;background:radial-gradient(circle at 72% 25%,#6a98b0,#142c42 45%,#010811 70%);box-shadow:0 0 38px #88c9df55;border:1px solid #a3cce366}.fleet-track{position:absolute;inset:30px -100px;border:1px solid #78b4cf30;border-radius:50%;transform:rotate(-26deg)}.fleet-ship{position:absolute;object-fit:contain;filter:drop-shadow(0 15px 13px #0009);animation:fleet-hover 7s ease-in-out infinite}.ship-lead{width:77%;left:11%;top:20%;z-index:3}.ship-wing{width:43%;left:1%;top:3%;opacity:.65;animation-delay:-3s;z-index:2}.ship-scout{width:35%;left:52%;top:62%;opacity:.8;animation-delay:-5s}.fleet-label{position:absolute;bottom:24px;right:24px;font-size:12px;color:#e8cc91;letter-spacing:1px}.motion-switch{position:absolute;top:14px;right:14px;z-index:5;font:inherit;font-size:11px;padding:6px 10px!important;background:#081626ce!important;color:#d5e4ef!important;border:1px solid #526a80!important;border-radius:20px;cursor:pointer}.guide-hero>.fleet-scene{width:100%;min-width:0}.guide-hero{grid-template-columns:1.15fr 1fr;gap:38px}.hero-flyby{position:absolute;left:2%;bottom:80px;width:30%;z-index:-1;pointer-events:none;animation:hero-arrival 4.5s ease-out both}.hero-flyby img{width:100%;height:auto;filter:drop-shadow(0 12px 18px #0009)}.trailer-frame{aspect-ratio:16/9;background:linear-gradient(#030b1766,#030b17cc),url('/img/orbital-contact.webp') center/cover;border:1px solid #415973;border-radius:22px;overflow:hidden;position:relative;display:grid;place-items:center;text-align:center}.trailer-frame video,.trailer-frame iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.trailer-placeholder{padding:24px}.trailer-placeholder>span{display:grid;place-items:center;width:68px;height:68px;border:1px solid #d9bd78;border-radius:50%;margin:0 auto 18px;color:#ecd499;font-size:28px;background:#081523aa}.trailer-placeholder h3{font-size:25px;margin:8px}.trailer-caption{color:#b0c5d8;line-height:1.9}.motion-paused .fleet-ship{animation-play-state:paused}.guide-home-banner .fleet-scene{max-width:none;margin:0}.guide-reading{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 32px}.guide-reading a{background:linear-gradient(135deg,#14283b,#0c1727);border:1px solid #3a5269;border-radius:14px;padding:18px;display:grid;gap:7px}.guide-reading small{color:#a6bcd1;font-size:12px;line-height:1.8}.guide-reading b{color:#e2c482}.how-to-page main{max-width:1000px;margin:40px auto;padding:0 24px}.how-to-page section{padding:28px;margin:22px 0;background:#102035;border:1px solid #304961;border-radius:20px}.how-to-page h1{font-size:clamp(32px,4vw,50px)}.how-to-page p,.how-to-page li{line-height:2;color:#c0cede}.how-to-page .steps-nav{display:flex;gap:12px;flex-wrap:wrap}.how-to-page .steps-nav a{padding:10px;border:1px solid #405975;border-radius:10px}@keyframes fleet-hover{0%,100%{transform:translate(0,0) rotate(-5deg)}50%{transform:translate(13px,-13px) rotate(-2deg)}}@keyframes hero-arrival{from{transform:translate(-60px,40px);opacity:0}to{transform:translate(0,0);opacity:1}}@media(max-width:700px){.guide-hero{grid-template-columns:1fr}.fleet-scene{min-height:260px}.guide-reading{grid-template-columns:repeat(2,1fr)}.hero-flyby{width:47%;bottom:24px;left:-4%;opacity:.7}.trailer-placeholder h3{font-size:18px}.trailer-placeholder>span{width:45px;height:45px;font-size:20px}.trailer-placeholder p{font-size:12px}.trailer-frame{border-radius:14px}}@media(prefers-reduced-motion:reduce){.fleet-ship,.hero-flyby{animation:none!important}.motion-switch{display:none}}@media(max-width:700px){.trailer-placeholder{padding:10px}.trailer-placeholder>span{width:30px;height:30px;font-size:16px;margin-bottom:5px}.trailer-placeholder h3{margin:3px;font-size:17px}.trailer-placeholder p{margin:4px 0;font-size:11px}.trailer-placeholder a{padding:4px 12px!important;min-height:30px!important;font-size:11px!important}}