/* Earth background generated for this hero; labels remain real HTML text. */
.gx .gx-hero {
  color: #f3f7fc; background-color: #051423;
  background-image: linear-gradient(90deg, #0413224d, #0413220a 55%, #04132233), url("images/geo-earth-background.jpg");
  background-position: center; background-size: cover; background-repeat: no-repeat;
}
.gx .gx-hero::after { content: none; }
.gx .gx-hero h1 { color: #f3f7fc; }
.gx .gx-hero h1 span { color: #edc48e; }
.gx-hero .gx-tag { color: #edc48e; border-color: #edc48e40; background: #081e32a6; }
.gx-hero .gx-hero-lead { color: #c3d2df; }
.gx .gx-hero .btn--blue { color: #122b3c; border-color: #edc48e; background: #edc48e; }
.gx .gx-hero .btn--blue:hover { background: #f6d4a7; border-color: #f6d4a7; }
.gx .gx-hero .btn--white { color: #e4eef6; border-color: #b4cde65c; background: #09213980; }
.gx .gx-hero .btn--white:hover { background: #15364b; }
.gx-hero .gx-hero-metrics { border-color: #a9c9e333; background: #071d30b8; box-shadow: none; }
.gx-hero .gx-hero-metrics > div + div { border-color: #a9c9e333; }
.gx-hero .gx-hero-metrics strong { color: #edc48e; }
.gx-hero .gx-hero-metrics span { color: #afc2d4; }
.gx-hero .gx-globe { background: radial-gradient(ellipse, #1b527329, transparent 70%); border: 0; box-shadow: none; }
.gx-hero .gx-globe::before, .gx-hero .gx-globe::after { content: none; }
.gx-hero .gx-orbit-ring { border-color: #b3d6f345; }
.gx-hero .gx-orbit-ring::before { background: #edc48e; box-shadow: 0 0 13px #edc48e70; }
.gx-hero .gx-orbit-core { border-color: #b1cde54d; background: linear-gradient(145deg, #12334be8, #071b30eb); box-shadow: 0 20px 55px #0005, inset 0 1px 0 #d8edff14; }
.gx-hero .gx-orbit-core small { color: #abc3d6; }
.gx-hero .gx-orbit-core b { color: #f2f7fb; }
.gx-hero .gx-orbit-core strong { color: #edc48e; }
.gx-hero .gx-orbit-core > span:last-child { color: #abc3d6; }
.gx-hero .gx-orbit-core .gx-icon { color: #edc48e; }
.gx-hero .gx-platform { color: #deebf5; border-color: #a5c7e547; background: #092239eb; box-shadow: 0 5px 15px #0002; }
.gx-hero .gx-platform::before { background: #edc48e; }
@media (max-width: 820px) {
  .gx .gx-hero {
    background-image: linear-gradient(180deg, #04132299, #041322a6 43%, #0413220a 80%), url("images/geo-earth-background.jpg");
    background-position: center, 73% bottom;
  }
}