@media (min-width: 960px) { .hero__grid > .mw { justify-self: end; } }
.mw {
  --mw-ink: var(--ink);
  --mw-txt: var(--muted);
  --mw-soft: #66728A;
  --mw-blue: var(--blue);
  --mw-blue-2: var(--blue-strong);
  --mw-ease: var(--ease-out);
  --mw-spring: var(--ease-spring);
  --mw-bar-h: 36px;
  --mw-body-h: 288px;
  --mw-head-h: 46px;
  --mw-side-w: 0px;
  container: mw / inline-size;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 560px;
  margin: 0;
  font-family: var(--font);
  animation: mw-in var(--dur-4) var(--ease-out) 120ms both;
}
@keyframes mw-in { from { opacity: .001; transform: translateY(12px) scale(.985); } }

@media (min-width: 960px) { .mw__win { --mw-body-h: 372px; } }
@container mw (min-width: 460px) {
  .mw__win { --mw-bar-h: 40px; --mw-body-h: 372px; --mw-head-h: 52px; --mw-side-w: 152px; }
}


.mw::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  inset: -6% -10% 4% -10%;
  background: radial-gradient(52% 50% at 58% 46%, rgba(61, 123, 255, .2), rgba(61, 123, 255, .05) 55%, transparent 72%);
}

.mw-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }


.mw__win {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  color: var(--mw-ink);
  line-height: 1.35;

  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .08),
    0 2px 6px rgba(3, 10, 24, .16),
    0 30px 60px -30px rgba(3, 10, 24, .6);
}
.mw__bar {
  position: relative;
  display: flex; align-items: center;
  height: var(--mw-bar-h);
  padding: 0 14px;
  background: linear-gradient(#FDFDFE, #F3F5F9);
  border-bottom: 1px solid rgba(11, 31, 63, .07);
}
.mw__lights { display: inline-flex; gap: 8px; position: relative; z-index: 1; }
.mw__l { width: 12px; height: 12px; border-radius: 50%; display: grid; place-items: center; box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .14); }
.mw__l--r { background: #FF5F57; }
.mw__l--y { background: #FEBC2E; }
.mw__l--g { background: #28C840; }
.mw__l svg { width: 12px; height: 12px; fill: none; stroke: rgba(0, 0, 0, .52); stroke-width: 1.25; stroke-linecap: round; opacity: 0; transition: opacity .15s; }
.mw__l svg .mw__fill { fill: rgba(0, 0, 0, .5); stroke: none; }
@media (hover: hover) { .mw__lights:hover svg { opacity: 1; } }
.mw__title {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  margin: 0; font-size: 13px; font-weight: 600; letter-spacing: -.005em; color: #3A4559; white-space: nowrap;
}
.mw__title-app { display: none; }

.mw__body { display: grid; grid-template-columns: minmax(0, 1fr); height: var(--mw-body-h); }


.mw__side { display: none; }
.mw__main {
  position: relative; display: flex; flex-direction: column; min-width: 0;
  background: radial-gradient(120% 70% at 100% 0%, rgba(61, 123, 255, .06), transparent 62%), var(--gray);
}
@container mw (min-width: 460px) {
  .mw__title-app { display: inline; }
  .mw__body { grid-template-columns: var(--mw-side-w) minmax(0, 1fr); }
  .mw__side {
    display: flex; flex-direction: column; gap: 1px;
    padding: 10px 8px 8px;
    background: #F2F4F8;
    border-right: 1px solid rgba(11, 31, 63, .06);
    font-size: 12.5px;
  }
}
.mw__sh { margin: 6px 8px 4px; font-size: 10.5px; font-weight: 700; letter-spacing: .02em; color: #5A667D; }
.mw__sh + .mw__si { margin-top: 0; }
.mw__si + .mw__sh { margin-top: 12px; }
.mw__si { display: flex; align-items: center; gap: 7px; height: 28px; padding: 0 7px; border-radius: 7px; font-weight: 500; color: #2B3850; white-space: nowrap; }
.mw__si svg { width: 15px; height: 15px; flex: none; fill: none; stroke: var(--mw-blue-2); stroke-width: 1.7; stroke-linejoin: round; stroke-linecap: round; }
.mw__si.is-sel { background: rgba(61, 123, 255, .12); color: var(--mw-ink); font-weight: 600; }
.mw__n { margin-left: auto; min-width: 12px; text-align: right; font-size: 11px; font-weight: 600; color: #5A667D; font-variant-numeric: tabular-nums; transition: opacity .3s, transform .3s var(--mw-ease); }
.mw__n.is-new { color: var(--mw-blue-2); }
.mw__me { margin-top: auto; display: flex; align-items: center; gap: 8px; padding: 8px 6px 2px; border-top: 1px solid rgba(11, 31, 63, .06); }
.mw__av { width: 26px; height: 26px; flex: none; border-radius: 50%; display: grid; place-items: center; font-size: 10px; font-weight: 700; letter-spacing: .02em; color: #fff; background: linear-gradient(140deg, #3D7BFF, #0B1F3F); }
.mw__who { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.mw__who b { font-size: 12px; font-weight: 700; color: var(--mw-ink); }
.mw__who small { font-size: 11px; color: #5A667D; }


.mw__head { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; height: var(--mw-head-h); padding: 0 12px 0 16px; }
.mw__h { margin: 0; display: flex; flex-direction: column; min-width: 0; }
.mw__h b { font-size: 14.5px; font-weight: 700; letter-spacing: -.01em; line-height: 1.2; color: var(--mw-ink); }
.mw__count { font-size: 11.5px; font-weight: 500; line-height: 1.35; color: var(--mw-soft); white-space: nowrap; transition: opacity .3s; }
.mw__count > span { display: inline-block; }

.mw__seg { position: relative; flex: none; display: grid; grid-template-columns: 1fr 1fr; padding: 2px; border-radius: 9px; background: rgba(11, 31, 63, .07); }
.mw__thumb {
  position: absolute; top: 2px; bottom: 2px; left: 2px; width: calc(50% - 2px);
  border-radius: 7px; background: #fff;
  box-shadow: 0 1px 2px rgba(11, 31, 63, .12), 0 3px 8px -4px rgba(11, 31, 63, .2);
  transform: translateX(100%);
  transition: transform .6s var(--mw-spring);
}
.mw__tab {
  position: relative; z-index: 1;
  min-width: 64px; height: 26px; padding: 0 11px; margin: 0;
  border: 0; border-radius: 7px; background: transparent;
  font-family: inherit; font-size: 12.5px; font-weight: 600; letter-spacing: -.005em; line-height: 1; color: #56627A;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: color .3s;
}
.mw__tab::after { content: ""; position: absolute; inset: -9px -2px; }
.mw__tab[data-mw-tab="despues"] { color: var(--mw-ink); }
.mw__tab:focus-visible { outline: 2px solid var(--mw-blue); outline-offset: 1px; border-radius: 7px; }
html:not(.js) .mw__seg { visibility: hidden; }


.mw__scene { position: relative; flex: 1; min-height: 0; }
.mw__scene:focus-visible { outline: 2px solid var(--mw-blue); outline-offset: -4px; border-radius: 10px; }
.mw__stack {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; gap: 8px;
  margin: 0; padding: 2px 12px 8px; list-style: none;
  overflow: hidden;
  contain: layout paint;
}


.mw__card {
  position: relative; flex: none;
  display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 11px; align-items: start;
  padding: 10px 12px 11px 11px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .97);
  box-shadow:
    0 0 0 1px rgba(11, 31, 63, .05),
    0 1px 2px rgba(11, 31, 63, .04),
    0 10px 24px -14px rgba(11, 31, 63, .26);
  transform-origin: 50% 0;
}
.mw__card > * { transition: opacity .3s var(--mw-ease); }
.mw__card.is-stacked > * { opacity: 0; }
.mw__ic { position: relative; width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .10), inset 0 1px 0 rgba(255, 255, 255, .28); }
.mw__ic svg { width: 19px; height: 19px; fill: none; stroke: #fff; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.mw__ic svg .mw__fill { fill: #fff; stroke: none; }
.mw__ic--map  { background: linear-gradient(160deg, #3FD886, #12A05A); color: #12A05A; }
.mw__ic--eye  { background: linear-gradient(160deg, #FFCB45, #F29A0E); color: #F29A0E; }
.mw__ic--msg  { background: linear-gradient(160deg, #6E9DFF, #2A62E8); color: #2A62E8; }
.mw__ic--cal  { background: linear-gradient(160deg, #FF7468, #E2372B); color: #E2372B; }
.mw__ping { position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 0 2px currentColor; opacity: 0; pointer-events: none; }
.mw__txt { display: block; min-width: 0; padding-top: 1px; }
.mw__row { display: flex; align-items: baseline; gap: 8px; }
.mw__t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 700; letter-spacing: -.005em; color: var(--mw-ink); }
.mw__time { margin-left: auto; flex: none; font-size: 11px; font-weight: 500; color: #6B7690; white-space: nowrap; }
.mw__b {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
  margin-top: 2px; font-size: 12.5px; line-height: 1.36; color: var(--mw-txt);
}


@container mw (max-width: 329px) { .mw__time { display: none; } }


.mw__empty {
  position: absolute; inset: 0 0 10px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 0 20px; text-align: center;
  opacity: 0; visibility: hidden; transform: scale(.97);
  transition: opacity .35s var(--mw-ease), transform .5s var(--mw-ease), visibility 0s .5s;
}
.mw__tray { width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; background: #EBEFF6; }
.mw__tray svg { width: 25px; height: 25px; fill: none; stroke: #8792A8; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.mw__e-t { margin: 14px 0 0; font-size: 15px; font-weight: 700; letter-spacing: -.01em; color: var(--mw-ink); }
.mw__e-s { margin: 4px 0 0; max-width: 28ch; text-wrap: balance; font-size: 12.5px; line-height: 1.45; color: var(--mw-txt); }
.mw__days { position: relative; display: grid; grid-template-columns: repeat(7, 26px); margin-top: 16px; }
.mw__d { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 5px; height: 34px; padding-top: 6px; font-size: 10.5px; font-weight: 700; line-height: 1; color: #97A1B5; transition: color .25s; }
.mw__d::after { content: ""; width: 6px; height: 6px; border-radius: 50%; box-shadow: inset 0 0 0 1.3px #C6CDDB; }
.mw__d.is-now { color: var(--mw-blue-2); }
.mw__cur { position: absolute; left: 0; top: 0; width: 26px; height: 34px; border-radius: 8px; background: rgba(61, 123, 255, .12); opacity: 0; transform: translateX(calc(var(--d, 0) * 100%)); transition: transform .3s var(--mw-ease), opacity .3s; }
.mw__days.is-run .mw__cur { opacity: 1; }
.mw__days.is-reset .mw__cur { transition: none; }


.mw__status {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  height: 24px; margin: 0;
  font-size: 11.5px; font-weight: 500; letter-spacing: .01em; color: #56627A;
  background: #F3F5F9; border-top: 1px solid rgba(11, 31, 63, .06);
}
.mw__status svg { width: 12px; height: 12px; fill: none; stroke: #8A94A8; stroke-width: 1.4; stroke-linecap: round; }
.mw__cap { margin: 10px 0 0; font-size: 14px; line-height: 1.45; font-weight: 500; color: #fff; }
.mw__cap span { display: inline-block; color: var(--on-dark-2); font-weight: 400; }


.mw__cursor {
  position: absolute; left: 0; top: 0; z-index: 6;
  width: 17px; height: 22px;
  pointer-events: none; opacity: 0;
}
.mw__cursor svg { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 1px 1.2px rgba(0, 0, 0, .32)); }
.mw__cursor path { fill: #0B0D12; stroke: #fff; stroke-width: 1.5; stroke-linejoin: round; }
.mw__click { position: absolute; left: -9px; top: -8px; width: 22px; height: 22px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(61, 123, 255, .6); opacity: 0; }
html:not(.js) .mw__cursor { display: none; }


.js .mw__card {
  transform: translate3d(var(--tx, calc(100% + 40px)), var(--ty, 0px), 0) scale(var(--ts, 1));
  opacity: var(--o, 0);
  z-index: var(--z, 0);
  transition: transform .95s var(--mw-spring), opacity .45s var(--mw-ease);
}
.js .mw__n:not(.is-on) { opacity: 0; transform: scale(.6); }
.js .mw:not(.is-ready) .mw__count { opacity: 0; }


.js .mw:not(.is-despues) .mw__empty { opacity: 1; visibility: visible; transform: none; transition: opacity .45s var(--mw-ease) .12s, transform .6s var(--mw-ease) .12s, visibility 0s; }
.js .mw:not(.is-despues) .mw__thumb { transform: translateX(0); }
.js .mw:not(.is-despues) .mw__tab[data-mw-tab="antes"] { color: var(--mw-ink); }
.js .mw:not(.is-despues) .mw__tab[data-mw-tab="despues"] { color: #56627A; }


.mw.is-instant *, .mw.is-instant *::before, .mw.is-instant *::after,
.mw .mw__card.is-instant, .mw .mw__card.is-instant > * { transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  .mw, .mw *, .mw *::before, .mw *::after { transition: none !important; animation: none !important; }
  .mw__cursor { display: none; }
}


.pains { border-top: 1px solid var(--line); }
.pain { position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 6px 48px; padding: 22px 0 22px 22px; border-bottom: 1px solid var(--line); }

.pain::before { content: ""; position: absolute; left: 0; top: 22px; bottom: 22px; width: 3px; border-radius: 2px; background: var(--amber); transition: background-color var(--dur-3) var(--ease-out) calc(var(--rd, 0ms) + var(--si, 0) * var(--stagger) + 600ms); }
.pains.is-visible .pain::before, html:not(.js) .pain::before { background: var(--blue); }
.pain__q { font-size: 1.16rem; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; color: var(--navy); }
.pain__a { display: grid; gap: 4px; font-size: 16px; color: var(--muted); }

.pain__fix { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 6px; font-size: 15px; }
.pain__fix a { display: inline-flex; align-items: center; min-height: 32px; padding: 4px 12px; border: 1px solid transparent; border-radius: 999px; background: #EEF3FF; color: var(--blue-text); font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background-color var(--dur-1), scale var(--dur-1) var(--ease-out); }
.pain__fix a:hover { background: #DCE6FF; border-color: rgba(43, 91, 255, .35); }
.pain__fix a:active { scale: .97; }

@media (prefers-reduced-motion: no-preference) {
  .js .pains:not(.is-visible) .pain__fix a { opacity: 0; }
  .js .pains.is-visible .pain__fix a { animation: fix-in 620ms var(--ease-land) calc(var(--rd, 0ms) + var(--si, 0) * var(--stagger) + 640ms) backwards; }
  .js .pains.is-visible .pain__fix a + a { animation-delay: calc(var(--rd, 0ms) + var(--si, 0) * var(--stagger) + 730ms); }
}
@keyframes fix-in { from { opacity: 0; translate: 0 6px; scale: .9; } }

@media (min-width: 900px) {
  .pains { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; row-gap: 12px; border-top: 0; }
  .pain { grid-template-columns: minmax(0, 1fr); gap: 8px; border-top: 0; border-bottom: 0; }

  .pain { grid-template-rows: auto 1fr; }
  .pain__a { align-content: space-between; }

  @supports (grid-template-rows: subgrid) {
    .pain { grid-row: span 2; grid-template-rows: subgrid; row-gap: 8px; }
  }
}
@media (max-width: 767px) {
  .pain { grid-template-columns: minmax(0, 1fr); padding: 18px 0 18px 18px; }
  .pain::before { top: 18px; bottom: 18px; }
  .pain__q { font-size: 1.06rem; }
}


.method { position: relative; }
.method__nodes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.method__line { position: absolute; left: 7px; right: 0; top: 7px; height: 2px; background: var(--line-2); }

.method__line span { display: block; height: 100%; background: var(--blue); transform: scaleX(0); transform-origin: left; transition: transform var(--dur-4) var(--ease-in-out) .1s; }
.method.is-visible .method__line span { transform: scaleX(1); }
.node { position: relative; padding-top: 34px; display: flex; flex-direction: column; gap: 8px; font-size: 16.5px; color: var(--muted); }
.node__dot { position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 50%; background: var(--gray); border: 2px solid var(--line-2); scale: .8; transition: border-color var(--dur-2), background-color var(--dur-2), scale var(--dur-3) var(--ease-spring); }
.method.is-visible .node__dot { border-color: var(--blue); background: var(--blue); scale: 1; }
.method.is-visible .node:nth-child(1) .node__dot { transition-delay: 100ms; }
.method.is-visible .node:nth-child(2) .node__dot { transition-delay: 400ms; }
.method.is-visible .node:nth-child(3) .node__dot { transition-delay: 600ms; }
.node__num { font-size: clamp(2.6rem, 4.4vw, 3.6rem); font-weight: 700; letter-spacing: -.05em; line-height: .9; color: var(--navy); }
.node__phase { font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--navy); line-height: 1.5; }
.node__sub { font-size: 14.5px; font-weight: 500; color: var(--muted); letter-spacing: 0; text-transform: none; }

@media (max-width: 767px) { .node__sep { display: none; } .node__sub { display: block; } }
.node__q { font-size: 16px; font-weight: 500; color: var(--blue-text); min-height: 1.6em; }
.node__touch { margin-top: 2px; padding-top: 4px; font-size: 15px; }
.node__touch em { font-style: normal; font-weight: 700; color: var(--navy); }
@media (max-width: 899px) {
  .method__nodes { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-left: 36px; }
  .method__line { left: 7px; right: auto; top: 8px; bottom: 8px; width: 2px; height: auto; }
  .method__line span { transform: scaleY(0); transform-origin: top; height: 100%; width: 100%; }
  .method.is-visible .method__line span { transform: scaleY(1); }
  .node { padding-top: 0; gap: 6px; }
  .node__dot { left: -36px; top: 4px; }
  .node__num { display: none; }
}


.svcs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.svc { display: flex; flex-direction: column; gap: 6px; padding-top: 18px; border-top: 1px solid var(--line-2); font-size: 16px; color: var(--muted); }
.svc h3 { font-size: 1.22rem; color: var(--navy); letter-spacing: -.015em; line-height: 1.2; transition: color var(--dur-1); }
.svc { position: relative; }
.svc__link { margin-top: auto; padding-top: 4px; align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; min-height: 32px; font-size: 14.5px; font-weight: 700; color: var(--blue-text); text-decoration: none; }

.svc__link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.svc__link:focus-visible { outline: none; }
.svc:has(.svc__link:focus-visible) { outline: 3px solid var(--blue); outline-offset: 4px; border-radius: 6px; }
.svc__link span { display: inline-block; transition: translate var(--dur-2) var(--ease-out); }
.svc__link:hover { text-decoration: underline; text-underline-offset: 4px; }
.svc__link:hover span { translate: 3px 0; }
@media (hover: hover) { .svc:hover h3 { color: var(--blue-strong); } }
@media (max-width: 1023px) { .svcs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 639px) {
  .svcs {
    grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%; gap: 12px;
    overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
    margin: 0 calc(var(--gutter) * -1); padding: 2px var(--gutter) 8px; scroll-padding-inline: var(--gutter);
    scrollbar-width: none;
  }
  .svcs::-webkit-scrollbar { display: none; }
  .svcs:focus-visible { outline-offset: -3px; }
  .svc { scroll-snap-align: start; padding: 18px; border: 0; border-radius: var(--radius); background: var(--gray); }
}





.steps { position: relative; }
.steps__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.steps__rail { position: absolute; left: 7px; right: 0; top: 7px; height: 2px; background: var(--line-2); }
.steps__rail span { display: block; width: 100%; height: 100%; background: var(--blue); transform-origin: left; transform: scaleX(var(--fill, 0)); transition: transform 200ms linear; }
.step { position: relative; display: grid; gap: 6px; align-content: start; padding-top: 34px; font-size: 16px; color: var(--muted); }
.step::before { content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 2px solid var(--line-2); transition: border-color var(--dur-2), background-color var(--dur-2), scale var(--dur-2) var(--ease-spring); }
.js .step:not(.is-on)::before { scale: .85; }
.step.is-on::before, html:not(.js) .step::before { border-color: var(--blue); background: var(--blue); }
html:not(.js) .steps__rail span { transform: none; }
.step__n { font-family: var(--mono); font-size: 14px; font-weight: 700; color: var(--blue-text); }
.step h3 { font-size: 1.2rem; color: var(--navy); letter-spacing: -.015em; }
@media (max-width: 899px) {
  .steps { padding-left: 34px; }
  .steps__list { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .steps__rail { left: 7px; right: auto; top: 8px; bottom: 8px; width: 2px; height: auto; }
  .steps__rail span { transform-origin: top; transform: scaleY(var(--fill, 0)); }
  .step { padding-top: 0; gap: 4px; }
  .step::before { left: -34px; top: 3px; }
}

@media (min-width: 900px) and (prefers-reduced-motion: no-preference) {
  .steps__rail span { transition: transform 1300ms linear; }
  .step::before { transition: border-color 300ms, background-color 300ms, box-shadow 300ms, scale 520ms var(--ease-land, var(--ease-spring)); }
  .step:nth-child(2)::before { transition-delay: 330ms; }
  .step:nth-child(3)::before { transition-delay: 665ms; }
  .step:nth-child(4)::before { transition-delay: 1000ms; }
}




.gx {
  --gx-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 .055'/%3E%3C/filter%3E%3Crect width='360' height='360' filter='url(%23n)'/%3E%3C/svg%3E");
  --gx-far-w1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='340'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M358.1 89.4h0M105.6 302h0M190.1 70.5h0M67.9 18.4h0M321.9 216.5h0M246.4 304.6h0M19.1 213.5h0M27 301.3h0M160.1 267.4h0M22.7 56.8h0M196.6 17h0M192.6 185.2h0M158 120.3h0M261.7 259.3h0M225.5 203.6h0M107.8 201.6h0M367.9 134.4h0' stroke='%23FFFFFF' stroke-opacity='.32' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
  --gx-far-w2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='340'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M104.6 127h0M91.4 266.2h0M353.6 35.5h0M275 13.4h0M7.3 14.5h0M31.8 267.4h0M321.1 268.1h0M240.8 250.5h0M53.8 73.9h0M321.8 311.3h0M327.9 138.4h0M352.8 264.8h0M115.1 25.9h0M312.6 17.9h0M238.8 74.3h0M314.3 183.4h0M57.6 170.4h0' stroke='%23FFFFFF' stroke-opacity='.32' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
  --gx-far-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='340'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M204.6 211.2h0M112.5 82.6h0M307.2 58h0M200.9 115.3h0M35.7 118.3h0M58.3 329.2h0M265.3 216h0M280.7 303.8h0M144.4 64.1h0M354.9 206.2h0M195.4 274.9h0M150.9 215h0M220.8 134.3h0M57 225.5h0M278 63.4h0M219.3 185.4h0' stroke='%23C9D8FF' stroke-opacity='.5' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
  --gx-far-v: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='340'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M229.6 35.4h0M284 135.5h0M158 31.4h0M177.3 324.8h0M56.1 275.6h0M351.9 175.6h0M99.8 167.5h0M144.7 323.5h0' stroke='%23D9CFFF' stroke-opacity='.55' stroke-width='1.1'/%3E%3C/g%3E%3C/svg%3E");
  --gx-stars-mid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='540'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M83.7 64.7h0M203.6 78.1h0M344.5 297.9h0M428.1 348.5h0M74.1 481.9h0M527.1 54.6h0M575.5 344.2h0M293.1 158.7h0M600.8 186.3h0' stroke='%23FFFFFF' stroke-opacity='.62' stroke-width='1.5'/%3E%3Cpath d='M202.7 496.1h0M399.9 188.1h0M298.2 82.5h0M210.4 323.8h0M220.6 247.3h0M83.3 297.5h0' stroke='%23C9D8FF' stroke-opacity='.8' stroke-width='1.6'/%3E%3Cpath d='M555 464.6h0M448.1 93.1h0M68.4 236.4h0' stroke='%23D9CFFF' stroke-opacity='.8' stroke-width='1.7'/%3E%3C/g%3E%3C/svg%3E");
  --gx-stars-bright: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='980' height='700'%3E%3Cdefs%3E%3CradialGradient id='b'%3E%3Cstop offset='0' stop-color='%23BFD3FF' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23BFD3FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='v'%3E%3Cstop offset='0' stop-color='%23CDBFFF' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23CDBFFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='96.4' cy='589.7' r='6' fill='url(%23v)'/%3E%3Ccircle cx='96.4' cy='589.7' r='1' fill='%23fff'/%3E%3Ccircle cx='317.1' cy='175.7' r='6' fill='url(%23b)'/%3E%3Ccircle cx='317.1' cy='175.7' r='1' fill='%23fff'/%3E%3Ccircle cx='534' cy='512.2' r='6' fill='url(%23b)'/%3E%3Ccircle cx='534' cy='512.2' r='1' fill='%23fff'/%3E%3Ccircle cx='593.9' cy='429.5' r='6' fill='url(%23v)'/%3E%3Ccircle cx='593.9' cy='429.5' r='1' fill='%23fff'/%3E%3Ccircle cx='746.7' cy='389.5' r='6' fill='url(%23b)'/%3E%3Ccircle cx='746.7' cy='389.5' r='1' fill='%23fff'/%3E%3C/svg%3E");
  --gx-cst-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='48' viewBox='0 0 300 48'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%239DB8FF' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%239DB8FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M6 40L74 29M74 29L128 35M128 35L206 15M206 15L292 6' fill='none' stroke='%23A9C1FF' stroke-opacity='.34' stroke-width='.8' stroke-dasharray='none'/%3E%3Ccircle cx='128' cy='35' r='5.5' fill='none' stroke='%23BFD3FF' stroke-opacity='.45' stroke-width='.75'/%3E%3Ccircle cx='6' cy='40' r='5' fill='url(%23h)'/%3E%3Ccircle cx='6' cy='40' r='1.15' fill='%23E8EEFF'/%3E%3Ccircle cx='74' cy='29' r='5' fill='url(%23h)'/%3E%3Ccircle cx='74' cy='29' r='1.15' fill='%23E8EEFF'/%3E%3Ccircle cx='128' cy='35' r='5' fill='url(%23h)'/%3E%3Ccircle cx='128' cy='35' r='1.15' fill='%23E8EEFF'/%3E%3Ccircle cx='206' cy='15' r='5' fill='url(%23h)'/%3E%3Ccircle cx='206' cy='15' r='1.15' fill='%23E8EEFF'/%3E%3C/svg%3E");
  --gx-cst-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='124' height='110' viewBox='0 0 124 110'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%239DB8FF' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%239DB8FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M6 16L30 58M30 58L56 102M56 102L104 22M104 22L118 6' fill='none' stroke='%23A9C1FF' stroke-opacity='.34' stroke-width='.8' stroke-dasharray='none'/%3E%3Ccircle cx='6' cy='16' r='5' fill='url(%23h)'/%3E%3Ccircle cx='6' cy='16' r='1.15' fill='%23E8EEFF'/%3E%3Ccircle cx='30' cy='58' r='5' fill='url(%23h)'/%3E%3Ccircle cx='30' cy='58' r='1.15' fill='%23E8EEFF'/%3E%3Ccircle cx='56' cy='102' r='5' fill='url(%23h)'/%3E%3Ccircle cx='56' cy='102' r='1.6' fill='%23E8EEFF'/%3E%3Ccircle cx='104' cy='22' r='5' fill='url(%23h)'/%3E%3Ccircle cx='104' cy='22' r='1.15' fill='%23E8EEFF'/%3E%3C/svg%3E");
  --gx-cst-c: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='190' viewBox='0 0 72 190'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%239DB8FF' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%239DB8FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M10 184L34 130M34 130L16 86M16 86L52 42M52 42L64 6' fill='none' stroke='%23A9C1FF' stroke-opacity='.34' stroke-width='.8' stroke-dasharray='3 4'/%3E%3Ccircle cx='16' cy='86' r='5.5' fill='none' stroke='%23BFD3FF' stroke-opacity='.45' stroke-width='.75'/%3E%3Ccircle cx='10' cy='184' r='5' fill='url(%23h)'/%3E%3Ccircle cx='10' cy='184' r='1.15' fill='%23E8EEFF'/%3E%3Ccircle cx='34' cy='130' r='5' fill='url(%23h)'/%3E%3Ccircle cx='34' cy='130' r='1.15' fill='%23E8EEFF'/%3E%3Ccircle cx='16' cy='86' r='5' fill='url(%23h)'/%3E%3Ccircle cx='16' cy='86' r='1.15' fill='%23E8EEFF'/%3E%3Ccircle cx='52' cy='42' r='5' fill='url(%23h)'/%3E%3Ccircle cx='52' cy='42' r='1.15' fill='%23E8EEFF'/%3E%3C/svg%3E");
}



.gx {

  --gx-base: linear-gradient(158deg, #0B1F3F 0%, #0A1C3C 34%, #0D1B47 66%, #141A52 100%);
  --gx-blue: 80% 26%;   --gx-blue-s: 44% 62%;
  --gx-vio: 99% 82%;    --gx-vio-s: 34% 50%;
  --gx-core: 84% 14%;   --gx-core-s: 18% 26%;
  --gx-ind: 54% 0%;     --gx-ind-s: 30% 34%;   --gx-ind-a: .16;
  --gx-deep: 2% 104%;   --gx-deep-s: 38% 46%;
  --gx-swirl: 79% 30%;  --gx-swirl-s: 34% 52%;
  --gx-stars-mask: radial-gradient(78% 100% at 80% 18%, #000 28%, rgba(0, 0, 0, .55) 58%, rgba(0, 0, 0, .22) 82%, rgba(0, 0, 0, .14));
  --gx-quiet: linear-gradient(#000, #000);
  position: absolute; inset: 0; z-index: -1;
  overflow: hidden; pointer-events: none;
  contain: strict;
  background: #0B1F3F;
}
.gx > * { position: absolute; }


.gx::before {
  content: ""; position: absolute; inset: 0;
  background:
    var(--gx-grain) 0 0 / 360px 360px,
    radial-gradient(var(--gx-core-s) at var(--gx-core), rgba(178, 202, 255, .17), rgba(178, 202, 255, .06) 42%, rgba(178, 202, 255, .015) 64%, rgba(178, 202, 255, 0) 76%),
    radial-gradient(var(--gx-blue-s) at var(--gx-blue), rgba(61, 123, 255, .30), rgba(61, 123, 255, .16) 28%, rgba(61, 123, 255, .06) 50%, rgba(61, 123, 255, .015) 63%, rgba(61, 123, 255, 0) 74%),
    radial-gradient(var(--gx-vio-s) at var(--gx-vio), rgba(139, 124, 255, .26), rgba(139, 124, 255, .13) 30%, rgba(139, 124, 255, .045) 52%, rgba(139, 124, 255, .01) 64%, rgba(139, 124, 255, 0) 74%),
    radial-gradient(var(--gx-ind-s) at var(--gx-ind), rgba(91, 108, 245, var(--gx-ind-a)), rgba(91, 108, 245, calc(var(--gx-ind-a) * .375)) 42%, rgba(91, 108, 245, 0) 72%),
    radial-gradient(var(--gx-deep-s) at var(--gx-deep), rgba(42, 98, 232, .18), rgba(42, 98, 232, .07) 40%, rgba(42, 98, 232, 0) 72%),
    var(--gx-base);
}


.gx__neb { inset: 0; opacity: .85; }
.gx__neb::before {
  content: ""; position: absolute; inset: 0;
  background: conic-gradient(from 210deg at var(--gx-swirl), rgba(91, 108, 245, 0) 0deg, rgba(91, 108, 245, .20) 48deg, rgba(61, 123, 255, .07) 104deg, rgba(61, 123, 255, 0) 150deg, rgba(139, 124, 255, .15) 226deg, rgba(61, 123, 255, .05) 300deg, rgba(91, 108, 245, 0) 360deg);
  -webkit-mask-image: radial-gradient(var(--gx-swirl-s) at var(--gx-swirl), transparent, rgba(0, 0, 0, .55) 14%, #000 24%, rgba(0, 0, 0, .45) 46%, transparent 74%);
          mask-image: radial-gradient(var(--gx-swirl-s) at var(--gx-swirl), transparent, rgba(0, 0, 0, .55) 14%, #000 24%, rgba(0, 0, 0, .45) 46%, transparent 74%);
}


.gx__via {
  --gx-via-x: 76%; --gx-via-y: 44%; --gx-via-w: 1500px; --gx-via-h: 360px; --gx-via-r: -16deg;
  left: var(--gx-via-x); top: var(--gx-via-y);
  width: var(--gx-via-w); height: var(--gx-via-h);
  margin: calc(var(--gx-via-h) / -2) 0 0 calc(var(--gx-via-w) / -2);
  transform: rotate(var(--gx-via-r));
  background:
    var(--gx-far-w1) 141px 77px / 380px 340px, var(--gx-far-w2) 141px 77px / 380px 340px,
    var(--gx-far-b) 141px 77px / 380px 340px, var(--gx-far-v) 141px 77px / 380px 340px,
    linear-gradient(180deg, rgba(6, 14, 38, 0) 43%, rgba(6, 14, 38, .2) 49%, rgba(6, 14, 38, .12) 53%, rgba(6, 14, 38, 0) 59%),
    linear-gradient(180deg, rgba(61, 123, 255, 0), rgba(61, 123, 255, .06) 20%, rgba(96, 128, 255, .15) 38%, rgba(150, 146, 255, .2) 50%, rgba(116, 124, 250, .14) 62%, rgba(91, 108, 245, .05) 80%, rgba(91, 108, 245, 0));
  -webkit-mask-image: radial-gradient(50% 50% at 50% 50%, #000, rgba(0, 0, 0, .62) 30%, rgba(0, 0, 0, .22) 56%, rgba(0, 0, 0, .05) 72%, transparent 84%);
          mask-image: radial-gradient(50% 50% at 50% 50%, #000, rgba(0, 0, 0, .62) 30%, rgba(0, 0, 0, .22) 56%, rgba(0, 0, 0, .05) 72%, transparent 84%);
}


.gx__stars { inset: -8px; }
.gx__stars::before {
  content: ""; position: absolute; inset: 0;
  background:
    var(--gx-stars-bright) 120px 40px / 980px 700px,
    var(--gx-stars-mid) 40px 10px / 620px 540px,
    var(--gx-far-w1) 0 0 / 380px 340px, var(--gx-far-w2) 0 0 / 380px 340px,
    var(--gx-far-b) 0 0 / 380px 340px, var(--gx-far-v) 0 0 / 380px 340px;

  -webkit-mask-image: var(--gx-stars-mask), var(--gx-quiet); -webkit-mask-composite: source-in;
          mask-image: var(--gx-stars-mask), var(--gx-quiet);         mask-composite: intersect;
}


.gx__near { inset: 0; }
.gx__cst { position: absolute; background: no-repeat 0 0 / 100% 100%; }
.gx__cst--a { width: 300px; height: 48px; background-image: var(--gx-cst-a); }
.gx__cst--b { width: 124px; height: 110px; background-image: var(--gx-cst-b); }
.gx__cst--c { width: 72px; height: 190px; background-image: var(--gx-cst-c); }


.gx__twg { position: absolute; inset: 0; }
.gx__twg > i {
  position: absolute; left: var(--x, 50%); top: var(--y, 50%); width: 3px; height: 3px; margin: -1.5px 0 0 -1.5px; border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 3px 1px rgba(205, 220, 255, .75), 0 0 10px 3px rgba(91, 108, 245, .32);
  opacity: .85;
  animation: gx-tw var(--d, 7s) ease-in-out var(--dl, 0s) 12;
}
.gx__twg > i:nth-child(2) { animation-delay: calc(var(--dl, 0s) - var(--d, 7s) * .37); }
.gx__twg > i:nth-child(3) { animation-delay: calc(var(--dl, 0s) - var(--d, 7s) * .71); }

.gx__fl::before, .gx__fl::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 21px; height: 1px; margin: -.5px 0 0 -10.5px;
  background: linear-gradient(90deg, rgba(220, 232, 255, 0), rgba(220, 232, 255, .8), rgba(220, 232, 255, 0));
}
.gx__fl::after { transform: rotate(90deg); width: 15px; margin-left: -7.5px; }
@keyframes gx-tw { 0%, 100% { opacity: .85; } 50% { opacity: .18; } }


.gx__cst--a::after {
  content: ""; position: absolute; left: 0; top: 0; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255, 255, 255, .95), rgba(205, 220, 255, .6) 30%, rgba(139, 124, 255, .18) 62%, rgba(139, 124, 255, 0));
  opacity: 0;
  animation: gx-sig 11s linear 2.4s 2;
}

@keyframes gx-sig {
  0%    { transform: translate(6px, 40px); opacity: 0; }
  2.5%  { opacity: .95; }
  8.2%  { transform: translate(74px, 29px); }
  14.6% { transform: translate(128px, 35px); }
  24.2% { transform: translate(206px, 15px); }
  31%   { opacity: .95; }
  34.4%, 100% { transform: translate(292px, 6px); opacity: 0; }
}

.gx__horizon { --gx-hz-x: 50%; --gx-cap: 40px; --gx-pw: 1200px; --gx-atm-w: 980px; --gx-atm-h: 120px; inset: 0; }
.gx__horizon::before {
  content: ""; position: absolute;
  left: var(--gx-hz-x); top: calc(100% - var(--gx-cap) - var(--gx-atm-h));
  width: var(--gx-atm-w); height: calc(var(--gx-atm-h) * 2); margin-left: calc(var(--gx-atm-w) / -2);
  background: radial-gradient(50% 50% at 50% 50%, rgba(120, 150, 255, .34), rgba(100, 120, 250, .16) 32%, rgba(91, 108, 245, .055) 58%, rgba(91, 108, 245, .012) 74%, rgba(91, 108, 245, 0) 86%);
}
.gx__planet {
  position: absolute; overflow: hidden; border-radius: 50%;
  left: var(--gx-hz-x); top: calc(100% - var(--gx-cap));
  width: var(--gx-pw); height: calc(var(--gx-pw) * .34); margin-left: calc(var(--gx-pw) / -2);
  background: radial-gradient(40% 26% at 50% 0%, #0E2457 0%, #0A1A40 30%, #06122E 60%, #040C22 100%);

  box-shadow: inset 0 1.5px 0 rgba(222, 232, 255, .92), inset 0 7px 16px -7px rgba(150, 178, 255, .7);

  -webkit-mask-image: radial-gradient(50% 100% at 50% 0%, #000 30%, rgba(0, 0, 0, .7) 52%, transparent 88%);
          mask-image: radial-gradient(50% 100% at 50% 0%, #000 30%, rgba(0, 0, 0, .7) 52%, transparent 88%);
}

.gx__horizon::after {
  content: ""; position: absolute;
  left: var(--gx-hz-x); top: calc(100% - var(--gx-cap) - 15px);
  width: var(--gx-glint-w, 620px); height: 30px; margin-left: calc(var(--gx-glint-w, 620px) / -2);
  background:
    radial-gradient(closest-side, rgba(244, 247, 255, .9), rgba(186, 202, 255, .34) 40%, rgba(150, 170, 255, 0)) 50% 50% / 150px 30px no-repeat,
    linear-gradient(90deg, rgba(200, 215, 255, 0), rgba(226, 234, 255, .5) 50%, rgba(200, 215, 255, 0)) 50% 50% / 100% 1px no-repeat;
  animation: gx-glint 13s ease-in-out 7 alternate;
}
@keyframes gx-glint { from { opacity: .6; } to { opacity: 1; } }

.gx__grid {
  position: absolute; left: 26%; right: 26%; top: 0; height: 70%;
  background:
    linear-gradient(90deg, rgba(150, 180, 255, .55) 1px, transparent 1px) 50% 0 / 44px 100%,
    linear-gradient(rgba(150, 180, 255, .55) 1px, transparent 1px) 0 6px / 100% 22px;
  transform: perspective(220px) rotateX(62deg); transform-origin: 50% 0;
  -webkit-mask-image: radial-gradient(60% 90% at 50% 0%, rgba(0, 0, 0, .9), rgba(0, 0, 0, .35) 45%, transparent 75%);
          mask-image: radial-gradient(60% 90% at 50% 0%, rgba(0, 0, 0, .9), rgba(0, 0, 0, .35) 45%, transparent 75%);
  opacity: .2;
}



.hero:has(> .gx--hero) { padding-bottom: 88px; }
@media (max-width: 959px) { .hero:has(> .gx--hero) { padding-bottom: 84px; } }
@media (max-width: 599px) { .hero:has(> .gx--hero) { padding-bottom: 56px; } }


#inicio::before, #inicio::after { display: none; }


.gx--hero::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 30px; background: linear-gradient(#0B1F3F, rgba(11, 31, 63, 0)); }

.gx--hero .gx__horizon { --gx-hz-x: 72%; --gx-cap: 60px; --gx-pw: 1800px; --gx-atm-w: 1180px; --gx-atm-h: 130px; }

.gx--hero .gx__cst--a { left: calc(50% + 190px); top: 7px; }
.gx--hero .gx__cst--b { left: calc(50% + 600px); top: 118px; }
@media (max-width: 1399px) { .gx--hero .gx__cst--b { display: none; } }


@media (min-width: 960px) {
  .gx--hero { --gx-quiet: linear-gradient(90deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3) calc(50% + 10px), #000 calc(50% + 90px)); }
}

.gx--hero .gx__twg--1 { --d: 7s; --dl: -1s; }
.gx--hero .gx__twg--2 { --d: 9s; --dl: -4s; }
.gx--hero .gx__twg--3 { --d: 6s; --dl: -3s; }
.gx--hero .gx__twg--1 > i:nth-child(1) { --x: 54%; --y: 63%; }
.gx--hero .gx__twg--1 > i:nth-child(2) { --x: 4%; --y: 22%; }
.gx--hero .gx__twg--2 > i:nth-child(1) { --x: 95.5%; --y: 9%; }
.gx--hero .gx__twg--2 > i:nth-child(2) { --x: calc(50% + 482px); --y: 13px; }
.gx--hero .gx__twg--2 > i:nth-child(3) { --x: calc(50% + 718px); --y: 124px; }
.gx--hero .gx__twg--3 > i:nth-child(1) { --x: 63%; --y: 4.5%; }
.gx--hero .gx__twg--3 > i:nth-child(2) { --x: 97%; --y: 64%; }
@media (max-width: 1399px) { .gx--hero .gx__twg--2 > i:nth-child(3) { display: none; } }

@media (max-width: 959px) {
  .gx--hero {
    --gx-blue: 86% 62%; --gx-blue-s: 70% 34%;
    --gx-vio: 100% 92%; --gx-vio-s: 60% 26%;
    --gx-core: 90% 54%; --gx-core-s: 34% 14%;
    --gx-ind: 100% 15%; --gx-ind-s: 80% 24%; --gx-ind-a: .44;
    --gx-deep: 0% 100%; --gx-deep-s: 60% 24%;
    --gx-swirl: 82% 60%; --gx-swirl-s: 60% 28%;
    --gx-stars-mask: radial-gradient(100% 70% at 80% 62%, #000 25%, rgba(0, 0, 0, .5) 60%, rgba(0, 0, 0, .22)), radial-gradient(70% 22% at 100% 0%, rgba(0, 0, 0, .7), transparent);
    --gx-quiet: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6) 50%, #000 62%);
  }
  .gx--hero .gx__cst { display: none; }
  .gx--hero .gx__via { --gx-via-x: 60%; --gx-via-y: 76%; --gx-via-w: 980px; --gx-via-h: 250px; --gx-via-r: -22deg; }
  .gx--hero .gx__horizon { --gx-hz-x: 50%; --gx-cap: 44px; --gx-pw: 1500px; --gx-atm-w: 1000px; --gx-atm-h: 110px; }
  .gx--hero .gx__twg--1 > i:nth-child(1) { --x: 93%; --y: 2.2%; }
  .gx--hero .gx__twg--2 > i:nth-child(1) { --x: 3%; --y: 53.6%; }
  .gx--hero .gx__twg--3 > i:nth-child(1) { --x: 96%; --y: 97%; }
  .gx--hero .gx__twg > i:nth-child(n+2) { display: none; }
}
@media (max-width: 599px) {
  .gx--hero .gx__horizon { --gx-cap: 32px; --gx-pw: 1100px; --gx-atm-w: 760px; --gx-atm-h: 90px; --gx-glint-w: 360px; }
  .gx__grid { display: none; }
}


.band > .gx { z-index: -2; }
.gx--band {
  --gx-base: linear-gradient(200deg, #0B1F3F 0%, #0A1B3B 50%, #0E1946 100%);
  --gx-blue: 4% 0%;     --gx-blue-s: 36% 52%;
  --gx-vio: 96% 100%;   --gx-vio-s: 38% 52%;
  --gx-core: 78% 0%;    --gx-core-s: 18% 20%;
  --gx-ind: 62% 34%;    --gx-ind-s: 30% 34%;
  --gx-deep: 100% 0%;   --gx-deep-s: 30% 40%;
  --gx-swirl: 92% 96%;  --gx-swirl-s: 34% 46%;
  --gx-stars-mask: radial-gradient(90% 90% at 70% 100%, #000 20%, rgba(0, 0, 0, .5) 55%, rgba(0, 0, 0, .2));
}
.gx--band .gx__stars::before { background-position: 300px 200px, 220px 90px, 130px 60px, 130px 60px, 130px 60px, 130px 60px; }
@media (min-width: 960px) { .gx--band { --gx-quiet: linear-gradient(90deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4) 42%, #000 50%); } }
.gx--band .gx__via { --gx-via-x: 70%; --gx-via-y: 62%; --gx-via-w: 1600px; --gx-via-h: 400px; --gx-via-r: 14deg; opacity: .85; }
.gx--band .gx__cst--c { left: calc(50% + 616px); top: 34%; }
@media (max-width: 1399px) { .gx--band .gx__cst--c { display: none; } }
.gx--band .gx__twg--1 { --d: 8s; --dl: -3s; }
.gx--band .gx__twg--2 { --d: 6.5s; --dl: -1s; }
.gx--band .gx__twg--1 > i:nth-child(1) { --x: 47%; --y: 6%; }
.gx--band .gx__twg--1 > i:nth-child(2) { --x: 3%; --y: 78%; }
.gx--band .gx__twg--2 > i:nth-child(1) { --x: 3.5%; --y: 30%; }
.gx--band .gx__twg--2 > i:nth-child(2) { --x: calc(50% + 680px); --y: calc(34% + 6px); }
@media (max-width: 1399px) { .gx--band .gx__twg--2 > i:nth-child(2) { display: none; } }

.gx__horizon--top { transform: scaleY(-1); }
.gx--band .gx__horizon { --gx-hz-x: 78%; --gx-cap: 30px; --gx-pw: 1500px; --gx-atm-w: 900px; --gx-atm-h: 90px; --gx-glint-w: 420px; opacity: .8; }
@media (max-width: 767px) {
  .gx--band { --gx-core: 92% 0%; --gx-core-s: 30% 12%; --gx-blue: 0% 0%; --gx-blue-s: 50% 30%; }
  .gx--band .gx__horizon { --gx-hz-x: 86%; --gx-cap: 22px; --gx-pw: 1000px; --gx-atm-w: 420px; --gx-atm-h: 60px; --gx-glint-w: 260px; }
  .gx--band .gx__via { --gx-via-x: 50%; --gx-via-y: 70%; --gx-via-w: 900px; --gx-via-h: 240px; --gx-via-r: 24deg; }
  .gx--band .gx__twg--1 > i:nth-child(1) { --x: 91%; --y: 3.5%; }
  .gx--band .gx__twg--1 > i:nth-child(2), .gx--band .gx__twg--2 { display: none; }
}


.zona > .gx { z-index: -3; }
.gx--card {
  --gx-base: linear-gradient(135deg, #0B1F3F 0%, #0B1D3D 55%, #0F1A48 100%);
  --gx-blue: 100% 0%;   --gx-blue-s: 46% 70%;
  --gx-vio: 70% 100%;   --gx-vio-s: 36% 60%;
  --gx-core: 92% 8%;    --gx-core-s: 16% 26%;
  --gx-ind: 40% 0%;     --gx-ind-s: 26% 40%;
  --gx-deep: 0% 100%;   --gx-deep-s: 30% 50%;
  --gx-swirl: 96% 20%;  --gx-swirl-s: 30% 60%;
  --gx-stars-mask: radial-gradient(70% 100% at 85% 30%, #000 25%, rgba(0, 0, 0, .45) 60%, rgba(0, 0, 0, .15));
  border-radius: inherit;
}
.gx--card .gx__stars::before { background-position: 60px 120px, 310px 40px, 200px 170px, 200px 170px, 200px 170px, 200px 170px; }
.gx--card { --gx-quiet: linear-gradient(90deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4) 56%, #000 66%); }
@media (max-width: 899px) { .gx--card { --gx-quiet: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4) 52%, #000 66%); } }
.gx--card .gx__twg--1 { --d: 7s; --dl: -2s; }
.gx--card .gx__twg--2 { --d: 8.5s; --dl: -6s; }
.gx--card .gx__twg--1 > i:nth-child(1) { --x: 56%; --y: 12%; }
.gx--card .gx__twg--1 > i:nth-child(2) { --x: 60%; --y: 92%; }
.gx--card .gx__twg--2 > i:nth-child(1) { --x: 97%; --y: 88%; }
@media (max-width: 899px) { .gx--card .gx__twg--1 > i:nth-child(2), .gx--card .gx__twg--2 { display: none; } }


.gx__twg > i { animation-iteration-count: 3; }
.gx__horizon::after { animation-iteration-count: 1; }

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .gx--hero .gx__stars, .gx--hero .gx__near { will-change: transform; }
}

@media (max-width: 767px) {
  .gx--band .gx__twg > i, .gx--band .gx__horizon::after, .gx--card .gx__twg > i { animation: none; }
}

.gx.is-paused .gx__twg > i, .gx.is-paused .gx__horizon::after, .gx.is-paused .gx__cst--a::after { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .gx__twg > i, .gx__horizon::after { animation: none !important; }
  .gx__cst--a::after { display: none; }
}
@media (forced-colors: active) { .gx { display: none; } }