/* An original magnetic surface, confined to the homepage hero. */
.hero-ferro { background: radial-gradient(ellipse at 80% 45%, #14354a, transparent 65%), #091726; }
.hero-ferro::before { opacity: .35; }
.hero-ferro-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; }
.hero-ferro[data-ferro="ready"] .hero-ferro-canvas { opacity: .9; }
.hero-ferro::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, #091726 0%, #091726f5 29%, #091726bf 44%, #09172630 62%, #09172608 100%), linear-gradient(0deg, #091726 0%, transparent 24%, transparent 82%, #09172660); }
.hero-ferro > .container { position: relative; z-index: 1; }
.hero-ferro[data-ferro="ready"] .ops-console { background: transparent; border-color: #59e1ee25; box-shadow: none; }
.hero-ferro[data-ferro="ready"] .ops-console::before { display: none; }
.hero-ferro .ops-console-head, .hero-ferro .ops-console-foot { text-shadow: 0 1px 8px #071422; }
.hero-ferro .ops-node { background: #0c2134eb; }
@media (max-width: 900px) {
  .hero-ferro-canvas { top: 38%; height: 62%; }
  .hero-ferro::after { background: linear-gradient(180deg, #091726 0%, #091726 32%, #091726d9 44%, #09172633 66%, #09172626 90%, #091726 100%); }
}
@media (forced-colors: active) {
  .hero-ferro-canvas { display: none; }
}