.astrion{--b:#020812;--p:#081523;--blue:#6ba9ff;background:radial-gradient(circle at 70% 8%,#172d50,transparent 28%),var(--b);color:#f7faff;font-family:Inter,system-ui,sans-serif;min-height:100vh}.astrion *{box-sizing:border-box}.astrion a{color:inherit;text-decoration:none}.astrion header{height:82px;display:flex;align-items:center;gap:35px;padding:0 6vw;border-bottom:1px solid #ffffff12}.astrion header b{font-size:25px;letter-spacing:4px;margin-right:auto}.astrion header b small{display:block;font-size:6px;color:#75afff;letter-spacing:3px}.astrion header nav{font-size:13px}.astrion header>a,.hero a,.cta a{background:linear-gradient(135deg,#4778f4,#73b5ff);padding:13px 22px;border-radius:25px;font-weight:700;box-shadow:0 0 25px #4b7cff55}.hero{min-height:520px;padding:75px 6vw;position:relative;overflow:hidden}.hero>div{width:50%;position:relative;z-index:2}.hero small,.planets>small,.lower small,.cta small{color:#79b4ff;letter-spacing:4px}.hero h1{font-size:70px;line-height:.9;margin:20px 0 8px}.hero h2{font-size:48px;color:var(--blue);margin:0 0 20px}.hero p{color:#b0c1d5;font-size:18px;line-height:1.6;margin-bottom:30px}.hero>i{position:absolute;width:570px;height:570px;border-radius:50%;right:8%;top:10px;background:radial-gradient(circle at 70% 30%,#fff 0 1%,#65a4cb 3%,#173c5d 25%,#081727 48%,#01040a 70%);box-shadow:0 0 90px #337fc044}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 6vw 55px}.cards article{border:1px solid #1c395b;border-radius:12px;background:linear-gradient(#0c1929,#050c15);padding:25px;min-height:220px;font-size:55px}.cards h3{font-size:21px;margin:20px 0 8px}.cards p{font-size:14px;color:#afc0d5;line-height:1.5}.planets{padding:10px 6vw 60px}.planets h2{font-size:32px}.planets>div{display:grid;grid-template-columns:repeat(8,1fr);gap:18px;text-align:center}.planets .planet{display:flex;flex-direction:column;align-items:center;gap:12px}.planets .planet i{width:75px;height:75px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b8d7ff,#386e9d 30%,#0d2440 65%);box-shadow:-12px 0 20px #000 inset}.planets .planet:nth-child(2) i{background:#c99152}.planets .planet:nth-child(4) i{background:#ad5137}.planets .planet:nth-child(5) i{background:repeating-linear-gradient(#d5b28a 0 10px,#8f6c52 10px 17px)}.planets .planet:nth-child(6) i{background:#d9c18d}.planets .planet:nth-child(7) i{background:#8dd9e9}.planets .planet:nth-child(8) i{background:#3274d0}.lower{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;padding:0 6vw 45px}.lower article{border:1px solid #1c395b;border-radius:12px;background:linear-gradient(135deg,#07101c,#122941);padding:35px;min-height:280px}.lower h2{font-size:30px}.lower p{color:#b0c1d5}.lower button{border:1px solid #6aa9ff;background:transparent;color:white;border-radius:25px;padding:12px 20px}.cta{text-align:center;padding:65px 20px;background:radial-gradient(circle at 50% 100%,#28599688,transparent 48%),#07101c}.cta h2{font-size:34px;margin:10px}.cta p{color:#b0c1d5;margin-bottom:28px}.astrion footer{padding:35px 6vw;border-top:1px solid #ffffff12;color:#9db1ca;font-size:12px}@media(max-width:900px){.astrion header nav{display:none}.hero>div{width:75%}.hero>i{right:-230px;opacity:.7}.cards{grid-template-columns:1fr 1fr}.planets>div{grid-template-columns:repeat(4,1fr)}.lower{grid-template-columns:1fr}}@media(max-width:600px){.astrion header>a{display:none}.hero{min-height:620px}.hero>div{width:100%}.hero h1{font-size:48px}.hero h2{font-size:37px}.hero>i{width:360px;height:360px;top:310px;right:-140px}.cards{grid-template-columns:1fr}.planets>div{grid-template-columns:repeat(2,1fr)}}
html,body.astrion-fullscreen{margin:0!important;padding:0!important;background:#020914!important}body.astrion-fullscreen>.astrion{min-height:100vh}.astrion-fullscreen #wpadminbar{position:fixed}.astrion a{text-decoration:none}

html{scroll-behavior:smooth}.astrion header nav{display:flex;gap:18px}.astrion header nav a:hover{color:#79b4ff}.astrion .planet{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:10px;border-radius:12px}.astrion .planet:hover,.astrion .planet[aria-expanded="true"]{background:#ffffff0d}.astrion :focus-visible{outline:2px solid #79b4ff;outline-offset:5px}.astrion #planet-detail{min-height:50px;padding:20px;border:1px solid #1c395b;border-radius:12px;color:#b0c1d5;line-height:1.6}.astrion .video-link{display:inline-block;border:1px solid #6aa9ff;border-radius:25px;padding:12px 20px}.astrion .version{float:right;color:#79b4ff}.astrion h1,.astrion h2,.astrion h3{color:inherit}.astrion .hero h2{color:var(--blue)}@media(max-width:900px){.astrion header nav{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Interactive controls — v1.4.4 */
.astrion header>a,.astrion .hero a,.astrion .cta a,.astrion .video-link{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;border:1px solid #a9ceff40;cursor:pointer}
.astrion header>a::before,.astrion .hero a::before,.astrion .cta a::before,.astrion .video-link::before{content:"";position:absolute;inset:-60% auto -60% -65%;width:40%;background:linear-gradient(90deg,transparent,#ffffff65,transparent);transform:skewX(-22deg);pointer-events:none;transition:left .6s ease}
.astrion header>a:hover,.astrion .hero a:hover,.astrion .cta a:hover,.astrion .video-link:hover{transform:translateY(-3px);filter:brightness(1.12);box-shadow:0 8px 30px #4778f466,0 0 24px #73b5ff55}
.astrion header>a:hover::before,.astrion .hero a:hover::before,.astrion .cta a:hover::before,.astrion .video-link:hover::before{left:125%}
.astrion header>a:active,.astrion .hero a:active,.astrion .cta a:active,.astrion .video-link:active{transform:translateY(0) scale(.96)}
.astrion header nav a{position:relative;transition:color .2s ease}
.astrion header nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#79b4ff;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.astrion header nav a:hover::after,.astrion header nav a:focus-visible::after{transform:scaleX(1)}
.astrion .planet{position:relative;overflow:hidden;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.astrion .planet i{transition:transform .3s ease,filter .3s ease}
.astrion .planet:hover{transform:translateY(-5px);box-shadow:0 7px 24px #478dff20}
.astrion .planet:hover i,.astrion .planet[aria-expanded="true"] i{transform:scale(1.1);filter:drop-shadow(0 0 10px #6ba9ff80)}
.astrion .planet:active{transform:scale(.96)}
.astrion .planet[aria-expanded="true"]{box-shadow:0 0 0 1px #79b4ff80,0 0 24px #4778f430}
.astrion .astrion-ripple{position:absolute;width:var(--ripple-size);height:var(--ripple-size);left:var(--ripple-x);top:var(--ripple-y);border-radius:50%;background:#c7e4ff60;pointer-events:none;animation:astrion-ripple .65s ease-out forwards}
@keyframes astrion-ripple{from{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.astrion *, .astrion *::before,.astrion *::after{animation:none!important;transition:none!important}.astrion .planet:hover,.astrion .planet:hover i,.astrion .planet[aria-expanded="true"] i,.astrion header>a:hover,.astrion .hero a:hover,.astrion .cta a:hover,.astrion .video-link:hover{transform:none}}

/* Individual planet surfaces — v1.4.5 */
.astrion .planets .planet{min-height:145px;overflow:visible;gap:16px}
.astrion .planets .planet i{position:relative;width:92px;height:92px;background-size:100% 100%;background-repeat:no-repeat;background-color:transparent;box-shadow:none}
.astrion .planets .planet:nth-child(1) i{background-image:url("planets/merkur.svg");background-color:transparent}
.astrion .planets .planet:nth-child(2) i{background-image:url("planets/venera.svg");background-color:transparent}
.astrion .planets .planet:nth-child(3) i{background-image:url("planets/zemlja.svg");background-color:transparent}
.astrion .planets .planet:nth-child(4) i{background-image:url("planets/mars.svg");background-color:transparent}
.astrion .planets .planet:nth-child(5) i{background-image:url("planets/jupiter.svg");background-color:transparent}
.astrion .planets .planet:nth-child(6) i{background-image:url("planets/saturne.svg");background-color:transparent}
.astrion .planets .planet:nth-child(7) i{background-image:url("planets/uran.svg");background-color:transparent}
.astrion .planets .planet:nth-child(8) i{background-image:url("planets/neptun.svg");background-color:transparent}
.astrion .planets .planet:nth-child(1) i{width:64px;height:64px;margin:14px}
.astrion .planets .planet:nth-child(4) i{width:76px;height:76px;margin:8px}
.astrion .planets .planet:nth-child(5) i{width:108px;height:108px;margin:-8px}
.astrion .planets .planet:nth-child(6) i::before{content:"";position:absolute;left:-32%;top:31%;width:164%;height:38%;border:9px solid #c6b28a;box-shadow:0 0 0 2px #6b6253,0 0 0 5px #b8a68180,inset 0 0 0 2px #f4dfaa70;border-radius:50%;transform:rotate(-25deg);z-index:-1}
.astrion .planets .planet:nth-child(6) i::after{content:"";position:absolute;left:-32%;top:31%;width:164%;height:38%;border:9px solid #c6b28a;border-top-color:transparent;border-left-color:transparent;box-shadow:0 3px 0 2px #b8a68180;border-radius:50%;transform:rotate(-25deg);pointer-events:none}
.astrion .planets .planet i{isolation:isolate}
.astrion .planets .planet:nth-child(3) i{filter:drop-shadow(0 0 3px #5bafdd70)}

/* Saturn: layered rings with the globe between back and front arcs. */
.astrion .planets .planet:nth-child(6) i{width:146px;height:100px;margin:-4px -27px;background-image:url("planets/saturn-rings.svg");border-radius:0;isolation:auto}
.astrion .planets .planet:nth-child(6) i::before,.astrion .planets .planet:nth-child(6) i::after{content:none}

/* Hero planet: illustrated ice giant with atmospheric clouds and star field. */
.astrion .hero>i{width:780px;height:640px;right:-3%;top:-28px;border-radius:0;background:transparent url("hero-planet.svg") center/contain no-repeat;box-shadow:none;pointer-events:none}
@media(max-width:1100px){.astrion .hero>i{right:-180px}}
@media(max-width:900px){.astrion .hero>i{right:-270px;opacity:.78}}
@media(max-width:600px){.astrion .hero>i{width:520px;height:430px;top:300px;right:-175px;opacity:.9}}

/* Photorealistic generated Saturn hero — v1.4.8 */
.astrion .hero>i{width:740px;height:500px;right:-2%;top:10px;background-image:url("hero-saturn-realistic.png");background-size:contain;opacity:1;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%)}
@media(max-width:1100px){.astrion .hero>i{width:640px;right:-120px}}
@media(max-width:900px){.astrion .hero>i{right:-230px;opacity:.8}}
@media(max-width:600px){.astrion .hero>i{width:500px;height:340px;right:-130px;top:315px;opacity:1}}

/* Wide Saturn hero — v1.4.9 */
.astrion .hero>i{inset:0;width:100%;height:100%;background-image:url("hero-saturn-wide.png");background-size:cover;background-position:center;opacity:1;mask-image:linear-gradient(to right,transparent 15%,#000 48%);-webkit-mask-image:linear-gradient(to right,transparent 15%,#000 48%)}
.astrion .hero>div{z-index:2}
@media(max-width:900px){.astrion .hero>i{background-position:62% center;opacity:.8;mask-image:linear-gradient(to right,transparent 5%,#000 65%);-webkit-mask-image:linear-gradient(to right,transparent 5%,#000 65%)}}
@media(max-width:600px){.astrion .hero>i{inset:300px 0 0;width:100%;height:340px;background-size:auto 340px;background-position:70% center;opacity:1;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 80%,transparent)}}

/* Night sky and fully visible Saturn — v1.4.10 */
.astrion .hero{min-height:570px;background:radial-gradient(ellipse at 70% 35%,#17345144,transparent 62%),#020812;isolation:isolate}
.astrion .hero>i{inset:24px 2% 24px auto;width:76%;height:calc(100% - 48px);background-size:contain;background-position:right center;background-repeat:no-repeat;mask-image:linear-gradient(to right,transparent,#000 38%);-webkit-mask-image:linear-gradient(to right,transparent,#000 38%);z-index:0}
.astrion .night-sky{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.astrion .night-star{position:absolute;width:var(--star-size);height:var(--star-size);left:var(--star-x);top:var(--star-y);border-radius:50%;background:#d7e9ff;box-shadow:0 0 5px #a8d4ff88;opacity:var(--star-opacity);animation:astrion-twinkle var(--star-duration) ease-in-out infinite alternate;animation-delay:var(--star-delay)}
@keyframes astrion-twinkle{from{opacity:calc(var(--star-opacity)*.35);transform:scale(.8)}to{opacity:var(--star-opacity);transform:scale(1.1)}}
@media(max-width:900px){.astrion .hero>i{width:100%;right:-5%;opacity:.75}.astrion .hero>div{width:70%}}
@media(max-width:600px){.astrion .hero{min-height:720px}.astrion .hero>div{width:100%}.astrion .hero>i{inset:370px 0 10px;width:100%;height:340px;background-size:contain;background-position:center;opacity:1;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}}
@media(prefers-reduced-motion:reduce){.astrion .night-star{animation:none}}

/* Immersive planet rooms — v1.5.0 */
.astrion .planets{padding-top:42px;background:radial-gradient(ellipse at 50% 45%,#10284166,transparent 75%)}
.astrion .planets>small{display:block;text-align:center;color:#d8bc88}
.astrion .planets h2{text-align:center;font-size:clamp(30px,4vw,46px);margin:14px 0 32px;font-family:Georgia,serif;font-weight:400}
.astrion .planets>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.astrion .planets .planet{display:flex;flex-direction:column;gap:0;padding:0 0 20px;border:1px solid #416e9380;border-radius:16px;background:linear-gradient(#030a13,#071321);overflow:hidden;min-height:0;box-shadow:inset 0 0 28px #1c436c25,0 12px 30px #0004;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.astrion .planets .planet i{display:block;flex-shrink:0;width:100%;height:auto;aspect-ratio:383/264;margin:0;border-radius:0;background-image:url("planet-rooms.png");background-size:436.554% 356.439%;background-repeat:no-repeat;background-color:#020812;box-shadow:none;filter:none;transform:none;isolation:auto}
.astrion .planets .planet i::before,.astrion .planets .planet i::after{content:none}
.astrion .planet-name{font-family:Georgia,serif;font-size:26px;padding:10px 8px 12px;color:#f1f5fa}
.astrion .planet-explore{display:inline-block;font-size:13px;padding:9px 22px;border:1px solid #7494aa;border-radius:24px;background:#02081288;transition:background .2s ease,box-shadow .2s ease}
.astrion .planets .planet:hover{transform:translateY(-5px);border-color:#86c4ee;box-shadow:0 12px 35px #438bca30}
.astrion .planets .planet:hover i,.astrion .planets .planet[aria-expanded="true"] i{transform:none;filter:brightness(1.1)}
.astrion .planet:hover .planet-explore,.astrion .planet[aria-expanded="true"] .planet-explore{background:#173452;box-shadow:0 0 18px #5f9cdb33}
.astrion .planets .planet:nth-child(1) i{width:100%;height:auto;margin:0;background-image:url("planet-rooms.png");background-position:3.4135% 20.8272%}
.astrion .planets .planet:nth-child(2) i{width:100%;height:auto;margin:0;background-image:url("planet-rooms.png");background-position:34.8332% 20.8272%}
.astrion .planets .planet:nth-child(3) i{width:100%;height:auto;margin:0;background-image:url("planet-rooms.png");background-position:65.7099% 20.8272%}
.astrion .planets .planet:nth-child(4) i{width:100%;height:auto;margin:0;background-image:url("planet-rooms.png");background-position:96.5089% 20.8272%}
.astrion .planets .planet:nth-child(5) i{width:100%;height:auto;margin:0;background-image:url("planet-rooms.png");background-position:3.4135% 76.6617%}
.astrion .planets .planet:nth-child(6) i{width:100%;height:auto;margin:0;background-image:url("planet-rooms.png");background-position:34.8332% 76.6617%}
.astrion .planets .planet:nth-child(7) i{width:100%;height:auto;margin:0;background-image:url("planet-rooms.png");background-position:65.7099% 76.6617%}
.astrion .planets .planet:nth-child(8) i{width:100%;height:auto;margin:0;background-image:url("planet-rooms.png");background-position:96.5089% 76.6617%}
@media(max-width:1000px){.astrion .planets>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.astrion .planets>div{grid-template-columns:1fr}.astrion .planets .planet{max-width:380px;width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){.astrion .planets .planet:hover{transform:none}}

.astrion .planet-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(900px,92vw);max-height:88vh;overflow:auto;border:1px solid #5984a5;border-radius:20px;background:#07111e;color:#eef5ff;box-shadow:0 24px 90px #000b;font-family:Inter,system-ui,sans-serif}
.astrion .planet-dialog[open]{display:grid;grid-template-columns:1fr 1fr}
.astrion .planet-dialog::backdrop{background:#01050ddd;backdrop-filter:blur(7px)}
.astrion .planet-close{position:absolute;right:12px;top:12px;width:40px;height:40px;z-index:2;border:1px solid #6e96b3;border-radius:50%;background:#041020dd;color:white;font-size:27px;cursor:pointer}
.astrion .planet-dialog-scene{width:100%;aspect-ratio:383/264;background-repeat:no-repeat;align-self:center}
.astrion .planet-dialog-copy{padding:44px 32px 28px}
.astrion .planet-kind{color:#8bbef0;letter-spacing:2px;text-transform:uppercase;font-size:11px}
.astrion .planet-dialog h2{font-family:Georgia,serif;font-size:42px;margin:10px 0 16px}
.astrion .planet-dialog h3{font-size:18px;margin-top:24px}
.astrion .planet-intro,.astrion .planet-facts{color:#b9cbe1;line-height:1.65}
.astrion .planet-facts{padding-left:20px}.astrion .planet-facts li{margin:10px 0}
.astrion .planet-image-note{font-size:11px;color:#8095ae}
.astrion .planet-dialog-nav{display:flex;gap:12px;justify-content:space-between;margin-top:22px}
.astrion .planet-dialog-nav button{padding:10px 14px;border:1px solid #6184a2;border-radius:22px;background:#10243b;color:#eaf4ff;cursor:pointer}
.astrion .planet-dialog-nav button:hover{background:#203c5b}
@media(max-width:700px){.astrion .planet-dialog[open]{grid-template-columns:1fr}.astrion .planet-dialog-scene{max-width:420px;justify-self:center}.astrion .planet-dialog-copy{padding:22px}.astrion .planet-dialog h2{font-size:34px}}

/* Cinematic home matching the selected preview — v1.6.0 */
.astrion{background:#020812}
.astrion header{position:relative;z-index:5;background:#02081280;backdrop-filter:blur(8px);padding:0 4vw;height:82px}
.astrion header b{font-size:24px;letter-spacing:7px;font-weight:400;white-space:nowrap}
.astrion .brand-orbit{color:#8bc4fa;font-size:38px;vertical-align:middle;letter-spacing:0;display:inline-block;transform:rotate(-20deg)}
.astrion header b small{display:none}
.astrion header nav{gap:30px}.astrion header nav a{font-size:14px}
.astrion .hero{margin-top:-82px;min-height:610px;aspect-ratio:2/1;padding:160px 4vw 80px;display:flex;align-items:center;background:#020812}
.astrion .hero>i{inset:0;width:100%;height:100%;background:transparent url("hero-cinematic.png") center/contain no-repeat;mask-image:none;-webkit-mask-image:none;opacity:1;z-index:0}
.astrion .hero>div{width:45%;text-shadow:0 2px 18px #000}
.astrion .hero small{display:none}
.astrion .hero h1{font-size:clamp(42px,5.8vw,94px);font-weight:300;letter-spacing:.18em;line-height:1.1;margin:0 0 14px}
.astrion .hero h2{font-size:clamp(28px,3.5vw,54px);font-weight:300;color:#edf5ff;line-height:1.2}
.astrion .hero p{font-size:16px;max-width:440px;color:#bccbdd}
.astrion .hero a{border-radius:13px;background:linear-gradient(135deg,#167deb,#1761f5);padding:16px 26px;border:1px solid #76c0ff;box-shadow:0 0 24px #258cff70}
.astrion .planets{padding:35px 4vw 55px;background:linear-gradient(#06111d,#020812)}
.astrion .planets>small{text-align:left;color:#adc8e6;font-size:11px;letter-spacing:4px}
.astrion .planets h2{text-align:left;font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:40px;margin:10px 0 14px}
.astrion .planet-section-intro{color:#a9bed5;line-height:1.6;max-width:540px;margin:0 0 30px}
.astrion .planets .planet{align-items:stretch;text-align:left;border-radius:12px;padding-bottom:22px}
.astrion .planet-name{font-family:Inter,system-ui,sans-serif;font-size:23px;padding:16px 20px 8px}
.astrion .planet-summary{color:#a9bdd4;font-size:14px;line-height:1.55;padding:0 20px;min-height:52px}
.astrion .planet-explore{align-self:flex-start;margin:15px 20px 0;font-size:12px;padding:9px 17px}
.astrion .cards{padding:35px 4vw 50px}.astrion .lower{padding-left:4vw;padding-right:4vw}
@media(max-width:1000px){.astrion header{gap:16px}.astrion header nav{gap:16px}.astrion .hero{min-height:560px}.astrion .hero>div{width:52%}}
@media(max-width:700px){.astrion .hero{aspect-ratio:auto;min-height:760px;display:block;padding-top:140px}.astrion .hero>div{width:100%;max-width:500px}.astrion .hero>i{inset:380px 0 0;width:100%;height:360px;background-size:contain;background-position:center;opacity:1}.astrion .hero h1{font-size:clamp(34px,8vw,52px);letter-spacing:.14em}.astrion .hero h2{font-size:32px}.astrion .hero p{font-size:15px}.astrion .planets h2{font-size:32px}.astrion header b{font-size:20px;letter-spacing:5px}.astrion .brand-orbit{font-size:30px}}

/* Continuous night sky: fade the image itself, not a hard section edge. */
.astrion .hero{background:transparent;overflow:visible}
.astrion main{background-color:#020812;background-image:radial-gradient(circle at 12% 24%,#bfdfff99 0 .7px,transparent 1.3px),radial-gradient(circle at 76% 58%,#bfdfff66 0 .8px,transparent 1.5px),radial-gradient(circle at 44% 82%,#bfdfff55 0 .6px,transparent 1.2px),radial-gradient(ellipse at 62% 32%,#12386333,transparent 65%);background-size:137px 173px,211px 229px,293px 251px,100% 1800px}
.astrion .hero>i{mask-image:linear-gradient(to bottom,#000 0%,#000 58%,#000c 72%,#0005 87%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,#000c 72%,#0005 87%,transparent 100%)}
.astrion .hero .night-sky{mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}
.astrion .planets{position:relative;background:transparent;padding-top:20px}
.astrion .planets>small,.astrion .planets h2,.astrion .planet-section-intro{text-align:center}
.astrion .planet-section-intro{margin:0 auto 32px}
.astrion .cards{background:transparent}
@media(max-width:700px){.astrion .hero{overflow:hidden}.astrion .hero>i{mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 60%,#0008 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 60%,#0008 82%,transparent 100%)}}

/* Selected continuous backdrop and luminous title — v1.6.2 */
.astrion{background-color:#020812;background-image:linear-gradient(to bottom,transparent 0,transparent calc(100vw * .48),#020812 calc(100vw * .667)),url("cosmic-backdrop.png");background-position:top center;background-size:100% 100%,100% auto;background-repeat:no-repeat}
.astrion main{background:none}
.astrion header{background:transparent;backdrop-filter:none;border-bottom:0}
.astrion .hero{aspect-ratio:auto;min-height:520px;height:clamp(520px,39vw,650px);background:transparent}
.astrion .hero>i{display:none}
.astrion .hero h1{color:#f6fbff;text-shadow:0 0 5px #fff8,0 0 18px #8ebeff77,0 0 44px #4b8bdf66;font-weight:300}
.astrion .hero h2{color:#e4efff;letter-spacing:.13em;font-size:clamp(26px,2.5vw,40px);text-shadow:0 0 20px #78b4ff55}
.astrion .hero p{display:none}
.astrion .hero a{margin-top:6px;border-radius:26px}
.astrion .planets h2{letter-spacing:.1em;font-weight:300;text-shadow:0 0 18px #8cbfff33}
.astrion .planets{padding-top:24px}
@media(max-width:700px){.astrion{background-image:linear-gradient(to bottom,#02081255,transparent 350px,#020812 780px),url("cosmic-backdrop.png");background-size:100% 100%,auto 760px;background-position:top center,top 30px right -330px}.astrion .hero{height:auto;min-height:720px;padding-top:140px}.astrion .hero>div{width:100%}.astrion .hero h1{font-size:clamp(34px,8vw,52px)}.astrion .hero h2{font-size:26px;letter-spacing:.06em}.astrion .planets{padding-top:18px}}