/* Integration corrections applied after the designer's original styles. */
html[dir="rtl"] :is(.code,#access-code) { direction: ltr; unicode-bidi: isolate; text-align: center; }
html[dir="rtl"] :is(.hero-copy,.mission-copy,.mission-feature,.mission-plan,.dashboard,.modal-copy,.legal-copy) { text-align: start; }
html[dir="rtl"] .close { right: auto; left: 12px; }
html[dir="rtl"] :is(.cta,.text-button) .ui-icon { flex-shrink: 0; }
html[lang="he"] :is(h1,h2,h3,.days,.price-amount) { font-family: Arial,"Noto Sans Hebrew",sans-serif; letter-spacing: normal; }
html[lang="zh-CN"] :is(h1,h2,h3,.days,.price-amount) { font-family: "Microsoft YaHei","PingFang SC",sans-serif; letter-spacing: normal; }
body[data-design="mission"] :is(h1,h2,h3) { overflow-wrap: anywhere; hyphens: auto; }
.mission-copy, .mission-section-head > div, .mission-feature-grid article { min-width: 0; }
.mission-benefits > div { padding-inline: 58px 0; }
.benefit-icon {
  --benefit-surface: #181326;
  position: absolute; inset-inline-start: 0; top: 20px;
  display: grid; place-items: center; width: 42px; height: 42px;
  color: #bc96ff; border: 1px solid #b180ff38; border-radius: 13px;
  background: linear-gradient(145deg, #b180ff24, #b180ff08);
  box-shadow: inset 0 1px 0 #ffffff09;
}
.benefit-icon .ui-icon { width: 27px; height: 27px; stroke-width: 1.8; }
@media (max-width: 760px) {
  .mission-benefits { column-gap: 12px; }
  .mission-benefits > div { padding-inline: 37px 0; }
  .benefit-icon { top: 19px; width: 30px; height: 30px; border-radius: 10px; }
  .benefit-icon .ui-icon { width: 23px; height: 23px; }
  html[dir="rtl"] .mission-steps article { padding-left: 0; padding-right: 67px; }
  html[dir="rtl"] .mission-step-number { left: auto; right: 0; }
  html[dir="rtl"] .mission-steps:before { left: auto; right: 20px; }
}
.code { overflow-wrap: anywhere; white-space: normal; line-height: 1.65; }
.portal-actions { display: flex; flex-wrap: wrap; gap: 18px; margin: 20px 0; align-items: center; }
.dash-head { flex-wrap: wrap; align-items: flex-start; gap: 20px; }
.dash-head > div, .dash-card { min-width: 0; max-width: 100%; }
.dash-head h1 { overflow-wrap: anywhere; }
.subscription + .subscription { border-top: 1px solid #334155; margin-top: 24px; padding-top: 24px; }
.subscription .days { font-size: clamp(26px, 5vw, 48px); }
.account-orders { margin-top: 42px; }
.account-orders .option { display: flex; width: 100%; justify-content: space-between; gap: 20px; text-align: start; margin-top: 14px; }
.option small { display: block; margin-top: 6px; font-size: 13px; }
#modal :is(input[type="text"],input:not([type]),select,textarea) { width: 100%; max-width: 100%; background: #080f1d; border: 1px solid #8b98b4; border-radius: 10px; color: #eef2f6; padding: 16px; font: inherit; }
#modal select { margin-bottom: 18px; }
#modal textarea { resize: vertical; }
#modal form .cta { margin-top: 14px; }
#modal #login-form > .cta { width: 100%; }
#modal .portal-error:empty { display: none; }
#modal .portal-error { margin-top: 16px; }
#modal .cta { text-decoration: none; }
#modal .payment-pay { display: flex; width: fit-content; min-width: 180px; max-width: 100%; margin: 20px auto 0; justify-content: center; }
#download-list .option { margin: 18px 0; }
#download-list .download-title { display: flex; align-items: center; gap: 10px; }
#download-list .platform-icon { width: 24px; height: 24px; flex: 0 0 24px; }
.ticket-message { border-bottom: 1px solid #334155; margin: 14px 0; padding-bottom: 14px; }
.ticket-message p { white-space: pre-wrap; overflow-wrap: anywhere; }
.ticket-message small { color: #acb8c9; }
button[aria-busy="true"] { cursor: progress; }
body[data-design="mission"] #modal {
  /* Match the supplied dialog references. */
  background: #121a2b;
  /* The 44px close button and its focus ring occupy their own top row. */
  padding-block-start: 72px;
}

#modal .modal-title {
  overflow-wrap: anywhere;
}

#modal .close {
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 1;
}

body[data-design="mission"].high-contrast #modal {
  background: #000;
  border-color: #fff;
  color: #fff;
}

body[data-design="mission"].high-contrast #modal :is(.modal-title, .modal-copy, .geo-status, .notice, .legal-copy, .close) {
  color: #fff;
}

.payment-methods { display: grid; gap: 12px; }
.payment-method { width: 100%; padding: 20px; border: 1px solid #51436c; border-radius: 16px; background: #19152c; color: #eef2f6; text-align: start; font: inherit; }
.payment-crypto { background: linear-gradient(125deg,#2a2041,#171425); cursor: pointer; }
.payment-crypto:hover { border-color: #b084ff; background: #29203f; }
.method-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.method-heading > strong { font-size: 18px; }
.method-coins { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 22px; }
.method-coins > span { display: grid; justify-items: center; gap: 8px; min-width: 0; font-size: 12px; }
.coin-icon, .method-icon { width: 40px; height: 40px; flex: 0 0 40px; }
.method-soon { display: flex; gap: 14px; align-items: center; background: #131b2a; border-color: #334155; }
#modal .payment-method:disabled { opacity: 1; cursor: not-allowed; }
.method-soon strong { color: #b4bdcf; font-weight: 500; }
.soon-badge { margin-inline-start: auto; border: 1px solid #4c455f; border-radius: 20px; padding: 4px 10px; color: #c4afd9; font-size: 12px; flex-shrink: 0; }
.coin-choices { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 22px 0; }
.coin-choice { display: grid; justify-items: center; align-content: start; gap: 10px; padding: 18px 4px; border: 1px solid #51436c; border-radius: 14px; background: #151c2c; color: #eef2f6; font: inherit; cursor: pointer; min-width: 0; }
.coin-choice strong { font-size: 12px; }
.coin-choice small { font-size: 11px; color: #b4bdcf; }
.coin-choice[aria-pressed="true"] { border-color: #b084ff; box-shadow: inset 0 0 0 1px #b084ff; background: #2a2041; }
.coin-choice:disabled { opacity: .45; cursor: not-allowed; }
.payment-network { color: #aab8ca; margin-bottom: 24px; }
.network-picker { margin: 0 0 24px; }
.network-picker .field-label { margin: 0 0 12px; }
.network-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.network-choice { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 62px; padding: 12px; border: 1px solid #51436c; border-radius: 12px; background: #151c2c; color: #eef2f6; font: inherit; text-align: start; cursor: pointer; }
.network-icon { display: block; width: 28px; height: 28px; flex: 0 0 28px; }
.network-choice strong { font-size: 14px; }
.network-check { width: 18px; height: 18px; flex: 0 0 18px; margin-inline-start: auto; color: #c8a9ff; visibility: hidden; }
.network-choice:hover { border-color: #b084ff; }
.network-choice:focus-visible { outline: 2px solid #d8c7ff; outline-offset: 3px; }
.network-choice[aria-pressed="true"] { border-color: #b084ff; box-shadow: inset 0 0 0 1px #b084ff; background: #2a2041; }
.network-choice[aria-pressed="true"] .network-check { visibility: visible; }
.network-choice:only-child { grid-column: 1 / -1; }
body.high-contrast #modal .network-choice { background: #000; border-color: #fff; color: #fff; }
body.high-contrast #modal .network-choice[aria-pressed="true"] { border-color: #b084ff; }
html.large-text .network-choices { grid-template-columns: 1fr; }
html.large-text .network-choice strong { font-size: 1rem; }
@media (max-width: 360px) { .network-choice { gap: 6px; padding: 10px 8px; } .network-choice strong { font-size: 13px; } .network-check { width: 16px; height: 16px; flex-basis: 16px; } }
.checkout-method { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; padding: 16px; border: 1px solid #51436c; border-radius: 14px; background: #19152c; flex-wrap: wrap; }
.checkout-method small { display: block; color: #b4bdcf; margin-top: 4px; font-size: 12px; }
.checkout-method .text-button { margin-inline-start: auto; }
html[dir="rtl"] .method-heading .ui-icon { transform: scaleX(-1); }
body.high-contrast #modal :is(.payment-method,.coin-choice,.checkout-method) { background: #000; border-color: #fff; }
body.high-contrast #modal :is(.method-soon strong,.soon-badge,.coin-choice small,.payment-network,.checkout-method small) { color: #fff; }
body.high-contrast #modal .coin-choice[aria-pressed="true"] { border-color: #b084ff; }
@media (max-width: 380px) {
  .payment-method { padding: 16px 12px; }
  .method-soon { gap: 10px; flex-wrap: wrap; }
  .method-soon strong { flex: 1; min-width: 80px; }
  .method-coins { gap: 4px; }
  .method-coins > span { font-size: 11px; }
  .coin-choices { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
html.large-text .coin-choices { grid-template-columns: repeat(2,minmax(0,1fr)); }
html.large-text .method-soon { flex-wrap: wrap; }
.payment-paypal { display: flex; align-items: center; gap: 14px; }
.payment-paypal .ui-icon { margin-inline-start: auto; }
.payment-paypal:focus-visible { outline: 2px solid #d8c7ff; outline-offset: 3px; }
html[dir="rtl"] .payment-paypal .ui-icon { transform: scaleX(-1); }
/* Blend the star field into the hero, including the left and right image edges. */
.mission-planet {
  background-image: url('saturn-round.png?v=20260924-rings');
  background-size: 156% auto;
  background-position: 82% 50%;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent), radial-gradient(ellipse 57% 50% at 52% 48%, #000 60%, transparent 99%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent), radial-gradient(ellipse 57% 50% at 52% 48%, #000 60%, transparent 99%);
  mask-composite: intersect;
}

/* Legal notice shared by every Saturn checkout stage. */
#modal .checkout-legal{margin-top:24px;padding-top:18px;border-top:1px solid #a987ff26;text-align:center;color:#d8d2e7;font-size:13px;line-height:1.55}
#modal .checkout-legal p{margin:0}
#modal .checkout-legal a{color:#b88cff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:500}
#modal .checkout-legal a:hover{color:#dcc7ff}
#modal .checkout-legal a:focus-visible{outline:2px solid #b88cff;outline-offset:4px;border-radius:2px}
#modal .checkout-legal .checkout-legal-translation{margin-top:16px;color:#a7a0b8;font-size:11px;line-height:1.5}
.high-contrast #modal .checkout-legal,.high-contrast #modal .checkout-legal .checkout-legal-translation{color:#fff}
@media(max-width:480px){#modal .checkout-legal{font-size:12px;margin-top:20px}#modal .checkout-legal .checkout-legal-translation{font-size:11px}}

/* Public SEO pages keep the same Saturn components and a readable content width. */
.seo-page>.section{padding-top:64px;padding-bottom:64px}
.seo-page h1{font-size:clamp(28px,4vw,48px);line-height:1.25;max-width:1000px;hyphens:none;word-break:normal}
.seo-page h2{font-size:clamp(20px,2vw,28px);line-height:1.4;margin-top:32px}
.seo-page p{max-width:850px;line-height:1.8;color:var(--muted,#a6b8c6)}
.seo-page nav{display:flex;gap:12px 24px;flex-wrap:wrap;margin:28px 0}
.seo-page #plans{margin-top:36px}.seo-page .option{max-width:650px;margin:16px 0}
.footer-links{flex-wrap:wrap}.nav-download{text-decoration:none}
.seo-page .cta{display:inline-flex}.seo-page [data-seo-localized-faq] p{margin-bottom:28px}
@media(max-width:600px){.seo-page>.section{padding-top:36px}.seo-page nav{gap:12px 18px}}

/* Card brands share one aligned row at desktop and mobile widths. */
.payment-card{display:flex;align-items:center;gap:16px;min-height:80px}
.card-brand-icons{display:flex;align-items:center;gap:6px;flex-shrink:0}
.card-brand-icons svg{display:block;width:48px;height:auto}
.payment-card strong{line-height:1.3;min-width:0}
@media(max-width:420px){.payment-card{gap:12px}.card-brand-icons svg{width:40px}.card-brand-icons{gap:4px}}

.paypal-currencies{display:flex;gap:12px;margin-bottom:20px}
.paypal-currencies button{flex:1;padding:12px 18px;border:1px solid #51436c;border-radius:12px;background:#19152c;color:#eef2f6;font:inherit;font-weight:700;cursor:pointer}
.paypal-currencies button[aria-pressed="true"]{background:#ad80ff;color:#160f28;border-color:#c9aaff}

/* Prominent support contacts with touch-friendly real links. */
.seo-page a[href="mailto:support@vpnsaturn.com"],
.seo-page a[href="https://t.me/saturn_connect"]{display:inline-flex;align-items:center;min-height:48px;padding:6px 0;font-size:clamp(19px,2.2vw,24px);font-weight:600;line-height:1.5;color:#c6a7ff;text-decoration:none;cursor:pointer;max-width:100%;overflow-wrap:anywhere}
.seo-page a[href="mailto:support@vpnsaturn.com"]:hover,
.seo-page a[href="https://t.me/saturn_connect"]:hover{color:#e1d1ff}
.seo-page a[href="mailto:support@vpnsaturn.com"]:focus-visible,
.seo-page a[href="https://t.me/saturn_connect"]:focus-visible{outline:2px solid #b88aff;outline-offset:5px;border-radius:4px}

/* Consistent reading alignment and spacing across public pages and plans. */
.seo-page>.section{text-align:start}
.seo-page>.section>h1{margin:0 0 16px}
.seo-page>.section>p{margin:0;line-height:1.75}
.seo-page>.section>p+p{margin-top:8px}
.seo-page>.section>nav{align-items:center;margin:28px 0}
.mission-plan{display:flex;flex-direction:column;text-align:start}
.mission-plan h3{line-height:1.45}
.mission-plan .price{align-items:baseline}
.mission-plan-details{flex:1;text-align:start}
.mission-plan .cta{margin-top:auto;align-items:center}
.mission-trial>div{min-width:0;text-align:start}
@media(max-width:600px){.seo-page>.section>h1{margin-bottom:12px}.seo-page>.section>nav{gap:12px 20px}.mission-trial .mission-secondary{align-items:center;justify-content:center}}

.footer .fine{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer .fine span{float:none;margin-top:0}
.footer .fine .footer-meta{display:inline-flex;align-items:center;gap:20px;margin-inline-start:auto}
.footer .fine .footer-telegram{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:var(--accent);text-decoration:none;border-radius:50%}
.footer .fine .footer-telegram:hover{background:#ad80ff1a}
.footer .fine .footer-telegram:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.ref-account-actions{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.ref-account-actions p{margin-top:0}.ref-account-actions .cta{min-height:48px}@media(max-width:700px){.ref-account-actions{display:grid;grid-template-columns:1fr}.ref-account-actions>*,.ref-account-actions .cta{width:100%}}

.dashboard .cta,.dashboard .text-button,.ref-customer button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;text-align:center;line-height:1.4;white-space:normal;max-width:100%}
.dashboard button svg,.dashboard a.cta svg,.ref-customer button svg{flex-shrink:0}
.ref-account-actions{align-items:stretch;gap:12px}.ref-account-actions>div{display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.ref-account-actions>div p{margin:0}.ref-account-actions .cta{margin:0}
.dashboard .portal-actions,.ref-customer .portal-actions{gap:12px;align-items:stretch}
@media(max-width:700px){.ref-account-actions .cta{width:100%}.ref-customer .ref-link{gap:12px}}
.ref-account-actions>.cta{align-self:flex-end}

/* Searchable platform guides use the site's existing colors and buttons. */
.seo-guide{max-width:900px}.seo-guide h1{font-size:clamp(30px,4.2vw,52px);line-height:1.15;text-wrap:balance}.seo-guide-lead{max-width:72ch}.seo-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:14px}.seo-guide .portal-actions{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0 40px}.seo-guide .portal-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 22px;text-decoration:none;border-radius:12px}.seo-guide-body{display:grid;gap:32px}.seo-guide-body h2,.seo-guide-links h2{font-size:clamp(22px,2.5vw,30px);line-height:1.3;margin:0 0 14px}.seo-guide-body p,.seo-guide-body li{font-size:17px;line-height:1.8;max-width:75ch}.seo-guide-body ol{padding-inline-start:24px}.seo-guide-body li+li{margin-top:12px}.seo-guide-links{display:flex;flex-wrap:wrap;gap:16px;margin:36px 0}.seo-guide-links h2{flex-basis:100%}.seo-guide-links a{min-height:48px;display:inline-flex;justify-content:center;flex-direction:column;gap:8px;padding:14px 20px;border:1px solid #51436c;border-radius:14px;text-decoration:none}.seo-guide-links a span{font-size:14px;color:#b3c4cf}.seo-guide a:focus-visible,.seo-guide-links a:focus-visible{outline:2px solid #ad80ff;outline-offset:4px}@media(max-width:600px){.seo-guide .portal-actions a,.seo-guide-links a{width:100%}.seo-guide-body p,.seo-guide-body li{font-size:16px}}

/* Native WebGL Saturn HQ, with a transparent render as fallback. */
.mission-planet { background: url('/mission/saturn-hq.webp') center / contain no-repeat; mix-blend-mode: normal; mask-image: none; -webkit-mask-image: none; }
.mission-planet canvas { display: block; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.mission-planet.saturn-3d-ready { background: none; }
.mission-planet.saturn-3d-ready canvas { opacity: 1; }
.saturn-texture-credit { position: absolute; bottom: 2%; left: 10%; right: 10%; text-align: center; color: #8dacb8; font-size: 9px; line-height: 1.5; pointer-events: auto; }

/* Restore a deep star field behind the 3D planet, feathered into the hero. */
.mission-cosmos::before { content: ""; position: absolute; inset: 3%; z-index: -1; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at 62.46% 15.69%, rgba(207,220,255,0.27) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 31.32% 39.22%, rgba(207,220,255,0.49) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 81.09% 65.70%, rgba(207,220,255,0.28) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 77.79% 57.84%, rgba(207,220,255,0.38) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 53.76% 49.87%, rgba(207,220,255,0.19) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 53.65% 76.72%, rgba(207,220,255,0.49) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 17.09% 7.61%, rgba(207,220,255,0.36) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 8.29% 46.38%, rgba(207,220,255,0.48) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 76.78% 38.78%, rgba(207,220,255,0.63) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 91.13% 32.37%, rgba(207,220,255,0.50) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 90.98% 92.39%, rgba(207,220,255,0.59) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 64.08% 45.01%, rgba(207,220,255,0.33) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 26.41% 86.21%, rgba(207,220,255,0.41) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 72.53% 38.79%, rgba(207,220,255,0.34) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 62.81% 17.41%, rgba(207,220,255,0.35) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 6.56% 47.46%, rgba(207,220,255,0.51) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 54.87% 68.86%, rgba(207,220,255,0.47) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 56.39% 37.90%, rgba(207,220,255,0.32) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 49.97% 55.43%, rgba(207,220,255,0.54) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 15.40% 28.04%, rgba(207,220,255,0.62) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 27.11% 36.48%, rgba(207,220,255,0.19) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 57.61% 39.13%, rgba(207,220,255,0.52) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 25.72% 7.19%, rgba(207,220,255,0.22) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 45.56% 85.67%, rgba(207,220,255,0.27) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 57.62% 94.02%, rgba(207,220,255,0.45) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 61.64% 45.95%, rgba(207,220,255,0.26) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 39.23% 67.10%, rgba(207,220,255,0.55) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 56.25% 68.92%, rgba(207,220,255,0.33) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 82.21% 18.83%, rgba(207,220,255,0.41) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 4.31% 95.61%, rgba(207,220,255,0.45) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 37.07% 35.11%, rgba(207,220,255,0.56) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 43.42% 93.87%, rgba(207,220,255,0.22) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 29.35% 19.95%, rgba(207,220,255,0.35) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 40.05% 18.23%, rgba(207,220,255,0.35) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 62.87% 42.17%, rgba(207,220,255,0.40) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 54.19% 35.60%, rgba(207,220,255,0.39) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 13.98% 81.49%, rgba(207,220,255,0.45) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 4.33% 64.07%, rgba(207,220,255,0.46) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 11.91% 66.41%, rgba(207,220,255,0.19) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 50.89% 27.82%, rgba(207,220,255,0.62) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 6.03% 71.87%, rgba(207,220,255,0.46) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 74.33% 70.52%, rgba(207,220,255,0.34) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 84.52% 64.22%, rgba(207,220,255,0.22) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 16.01% 40.67%, rgba(207,220,255,0.65) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 18.30% 12.01%, rgba(207,220,255,0.36) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 18.49% 76.39%, rgba(207,220,255,0.27) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 43.51% 33.81%, rgba(207,220,255,0.24) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 29.43% 30.32%, rgba(207,220,255,0.62) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 36.99% 28.91%, rgba(207,220,255,0.63) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 58.08% 53.30%, rgba(207,220,255,0.35) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 41.52% 48.38%, rgba(207,220,255,0.26) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 18.57% 93.83%, rgba(207,220,255,0.48) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 88.43% 27.42%, rgba(207,220,255,0.62) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 10.15% 68.95%, rgba(207,220,255,0.39) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 54.89% 75.60%, rgba(207,220,255,0.41) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 95.36% 24.22%, rgba(207,220,255,0.33) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 66.07% 15.50%, rgba(207,220,255,0.32) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 34.98% 70.15%, rgba(207,220,255,0.57) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 14.96% 39.50%, rgba(207,220,255,0.45) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 67.72% 54.42%, rgba(207,220,255,0.43) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 86.05% 81.62%, rgba(207,220,255,0.24) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 48.06% 12.76%, rgba(207,220,255,0.54) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 39.36% 73.93%, rgba(207,220,255,0.57) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 29.33% 30.90%, rgba(207,220,255,0.27) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 61.28% 8.65%, rgba(207,220,255,0.18) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 30.82% 86.32%, rgba(207,220,255,0.58) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 73.50% 44.09%, rgba(207,220,255,0.63) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 23.33% 68.84%, rgba(207,220,255,0.40) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 79.68% 8.81%, rgba(207,220,255,0.40) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 91.00% 88.71%, rgba(207,220,255,0.34) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 15.88% 69.13%, rgba(207,220,255,0.42) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 86.61% 70.18%, rgba(207,220,255,0.45) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 69.81% 84.33%, rgba(207,220,255,0.49) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 13.98% 53.30%, rgba(207,220,255,0.47) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 89.00% 10.43%, rgba(207,220,255,0.51) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 4.25% 72.15%, rgba(207,220,255,0.60) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 48.98% 41.04%, rgba(207,220,255,0.64) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 12.42% 48.22%, rgba(207,220,255,0.47) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 67.25% 36.33%, rgba(207,220,255,0.59) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 81.90% 40.28%, rgba(207,220,255,0.58) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 23.84% 25.20%, rgba(207,220,255,0.32) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 44.03% 48.01%, rgba(207,220,255,0.35) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 62.83% 60.64%, rgba(207,220,255,0.56) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 82.35% 45.00%, rgba(207,220,255,0.19) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 35.69% 41.56%, rgba(207,220,255,0.53) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 58.63% 4.93%, rgba(207,220,255,0.44) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 58.60% 78.51%, rgba(207,220,255,0.41) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 18.39% 24.85%, rgba(207,220,255,0.35) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 94.04% 10.87%, rgba(207,220,255,0.23) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 53.82% 94.19%, rgba(207,220,255,0.36) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 11.99% 5.73%, rgba(207,220,255,0.27) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 22.50% 94.11%, rgba(207,220,255,0.58) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 83.11% 71.86%, rgba(207,220,255,0.32) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 11.42% 85.00%, rgba(207,220,255,0.58) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 30.20% 42.04%, rgba(207,220,255,0.61) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 33.78% 57.65%, rgba(207,220,255,0.18) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 82.91% 59.04%, rgba(207,220,255,0.37) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 79.16% 89.67%, rgba(207,220,255,0.59) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 46.89% 6.46%, rgba(207,220,255,0.26) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 12.22% 38.78%, rgba(207,220,255,0.60) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 92.21% 20.72%, rgba(207,220,255,0.24) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 31.54% 35.21%, rgba(207,220,255,0.21) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 78.20% 17.37%, rgba(207,220,255,0.45) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 74.09% 49.69%, rgba(207,220,255,0.28) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 47.89% 62.38%, rgba(207,220,255,0.38) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 11.07% 59.88%, rgba(207,220,255,0.60) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 53.62% 6.12%, rgba(207,220,255,0.29) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 33.22% 81.73%, rgba(207,220,255,0.58) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 71.37% 44.20%, rgba(207,220,255,0.26) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 61.89% 60.54%, rgba(207,220,255,0.35) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 43.40% 74.56%, rgba(207,220,255,0.19) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 91.50% 79.74%, rgba(207,220,255,0.52) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 68.44% 34.80%, rgba(207,220,255,0.58) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 55.84% 27.36%, rgba(207,220,255,0.20) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 73.19% 72.83%, rgba(207,220,255,0.50) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 9.79% 29.70%, rgba(207,220,255,0.51) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 23.99% 81.67%, rgba(207,220,255,0.47) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 82.03% 38.75%, rgba(207,220,255,0.46) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 36.08% 87.08%, rgba(207,220,255,0.52) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 33.03% 44.19%, rgba(207,220,255,0.36) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 8.37% 70.44%, rgba(207,220,255,0.21) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 61.14% 10.44%, rgba(207,220,255,0.22) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 37.71% 54.41%, rgba(207,220,255,0.34) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 76.74% 69.74%, rgba(207,220,255,0.55) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 31.33% 18.68%, rgba(207,220,255,0.63) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 59.76% 15.70%, rgba(207,220,255,0.19) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 78.84% 91.25%, rgba(207,220,255,0.26) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 90.84% 15.56%, rgba(207,220,255,0.48) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 49.83% 53.49%, rgba(207,220,255,0.48) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 90.36% 45.97%, rgba(207,220,255,0.54) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 33.83% 62.82%, rgba(207,220,255,0.24) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 52.18% 43.20%, rgba(207,220,255,0.19) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 64.40% 11.49%, rgba(207,220,255,0.21) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 18.64% 16.34%, rgba(207,220,255,0.35) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 42.10% 72.67%, rgba(207,220,255,0.23) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 35.75% 43.09%, rgba(207,220,255,0.51) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 38.52% 18.17%, rgba(207,220,255,0.34) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 48.67% 38.25%, rgba(207,220,255,0.42) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 6.67% 72.80%, rgba(207,220,255,0.38) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 55.03% 63.74%, rgba(207,220,255,0.49) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 25.62% 58.23%, rgba(207,220,255,0.36) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 55.85% 19.50%, rgba(207,220,255,0.44) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 76.21% 34.29%, rgba(207,220,255,0.53) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 38.09% 79.93%, rgba(207,220,255,0.55) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 35.67% 61.87%, rgba(207,220,255,0.34) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 19.32% 42.38%, rgba(207,220,255,0.43) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 75.16% 51.35%, rgba(207,220,255,0.45) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 51.03% 92.90%, rgba(207,220,255,0.26) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 84.31% 20.03%, rgba(207,220,255,0.54) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 94.33% 13.47%, rgba(207,220,255,0.32) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 62.15% 95.65%, rgba(207,220,255,0.30) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 56.87% 42.46%, rgba(207,220,255,0.60) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 76.27% 88.14%, rgba(207,220,255,0.36) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 23.35% 50.36%, rgba(207,220,255,0.25) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 41.44% 57.96%, rgba(207,220,255,0.22) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 30.21% 77.42%, rgba(207,220,255,0.32) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 35.54% 83.19%, rgba(207,220,255,0.21) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 91.28% 34.81%, rgba(207,220,255,0.37) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 44.75% 47.43%, rgba(207,220,255,0.32) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 62.63% 47.52%, rgba(207,220,255,0.44) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 35.34% 36.62%, rgba(207,220,255,0.40) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 88.12% 53.07%, rgba(207,220,255,0.62) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 42.50% 49.32%, rgba(207,220,255,0.22) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 76.66% 84.98%, rgba(207,220,255,0.49) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 31.29% 25.75%, rgba(207,220,255,0.36) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 17.38% 25.28%, rgba(207,220,255,0.22) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 74.18% 94.89%, rgba(207,220,255,0.62) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 15.46% 34.09%, rgba(207,220,255,0.53) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 19.34% 72.81%, rgba(207,220,255,0.32) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 94.45% 71.53%, rgba(207,220,255,0.36) 0 0.6px, transparent 1.6px),
radial-gradient(circle at 85.25% 88.85%, rgba(207,220,255,0.41) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 82.75% 31.90%, rgba(207,220,255,0.50) 0 0.8px, transparent 1.8px),
radial-gradient(circle at 80.21% 55.26%, rgba(207,220,255,0.37) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 48.42% 54.07%, rgba(207,220,255,0.60) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 6.06% 67.99%, rgba(207,220,255,0.50) 0 1.0px, transparent 2.0px),
radial-gradient(circle at 25.51% 84.71%, rgba(207,220,255,0.60) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 63.24% 11.44%, rgba(207,220,255,0.26) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 52.05% 88.51%, rgba(207,220,255,0.45) 0 1.2px, transparent 2.2px),
radial-gradient(circle at 65.05% 94.77%, rgba(207,220,255,0.57) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 9.73% 60.24%, rgba(207,220,255,0.25) 0 0.5px, transparent 1.5px),
radial-gradient(circle at 15% 33%, #eee0ff 0 .8px, #bd9be080 1.5px, transparent 5px),
radial-gradient(circle at 80% 24%, #eee0ff 0 .8px, #bd9be080 1.5px, transparent 5px),
radial-gradient(circle at 27% 76%, #eee0ff 0 .8px, #bd9be080 1.5px, transparent 5px),
radial-gradient(circle at 73% 82%, #eee0ff 0 .8px, #bd9be080 1.5px, transparent 5px),
radial-gradient(circle at 49% 13%, #eee0ff 0 .8px, #bd9be080 1.5px, transparent 5px),
radial-gradient(circle at 90% 62%, #eee0ff 0 .8px, #bd9be080 1.5px, transparent 5px), radial-gradient(ellipse at center, #02050c 25%, #050813 64%, transparent 74%); mask-image: radial-gradient(ellipse, #000 48%, transparent 72%); -webkit-mask-image: radial-gradient(ellipse, #000 48%, transparent 72%); }
.footer .fine { flex-wrap: wrap; }
.footer .saturn-texture-credit { position: static; flex-basis: 100%; display: block; margin-top: 10px; text-align: start; font-size: 9px; color: #8dacb8; }

/* A poster of a different framing must not flash before the first 3D frame. */
.mission-planet.saturn-3d-loading { background: none; }

/* Identical platform download cards in both public pages and dialogs. */
.seo-downloads .option, #download-list .option { min-height: 112px; box-sizing: border-box; padding: 20px 24px; gap: 20px; }
.seo-downloads .option > span:first-child, #download-list .option > span:first-child { min-width: 0; }
.seo-downloads .download-title, #download-list .download-title { display: flex; align-items: center; gap: 12px; line-height: 1.4; }
.seo-downloads .platform-icon, #download-list .platform-icon { width: 40px; height: 40px; min-width: 40px; flex: 0 0 40px; display: block; }
.seo-downloads .option small, #download-list .option small { display: block; margin-top: 8px; line-height: 1.5; }
.seo-downloads .option > svg, #download-list .option > svg { width: 20px; height: 20px; flex: 0 0 20px; }