.hero{--hero-flow-art:url("/assets-20261102/53a23997e54a412e79c0edd7.svg")}
/* Hero atmosphere: a quiet text zone and luminous flowing contours behind the screens. */
.hero {
  background:
    linear-gradient(90deg,rgba(9,18,33,.92) 0%,rgba(12,23,40,.76) 34%,rgba(12,23,40,0) 66%),
    radial-gradient(ellipse at 87% 27%,rgba(23,143,163,.35),transparent 48%),
    radial-gradient(ellipse at 67% 84%,rgba(255,112,94,.24),transparent 46%),
    radial-gradient(ellipse at 100% 100%,rgba(91,68,143,.30),transparent 50%),
    linear-gradient(135deg,#0a1424 12%,#172a42 66%,#112839);
}
.hero::before {
  z-index:-2; opacity:.55; pointer-events:none;
  background-image:radial-gradient(circle,rgba(187,218,233,.28) .8px,transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(90deg,transparent 28%,#000 72%);
  mask-image:linear-gradient(90deg,transparent 28%,#000 72%);
}
.hero::after {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:var(--hero-flow-art);background-repeat:no-repeat;background-size:cover;background-position:center;
  opacity:.85;animation:hero-atmosphere-enter 1.6s ease-out both;
}
.hero .hero-glow { display:none; }
.hero .hero-noise {opacity:.055;}
.hero .stage-orbit {display:none;}
.hero .stage-canvas::after {
  border-radius:0;filter:blur(48px);inset:12% -8% -8% 0;width:auto;height:auto;
  background:radial-gradient(ellipse at 65% 50%,rgba(61,177,191,.17),transparent 68%);
}
.hero .stage-tabs {background:rgba(8,20,36,.66);border-color:rgba(175,220,232,.24);box-shadow:0 8px 32px #04101d30,inset 0 1px 0 #ffffff0b;}
.hero .hero-proof {color:#c0cad7;border-top-color:#a9c7d02e;}
@keyframes hero-atmosphere-enter {from{opacity:0;transform:translate3d(20px,8px,0)}to{opacity:.85;transform:translate3d(0,0,0)}}
@media(max-width:1100px){.hero::before{-webkit-mask-image:linear-gradient(180deg,transparent 24%,#000 74%);mask-image:linear-gradient(180deg,transparent 24%,#000 74%)}.hero::after{background-position:65% bottom;background-size:auto 80%;}.hero{background:linear-gradient(180deg,#0b1729 5%,#12283e 58%,#18333f 80%,#1e263c);}}
@media(max-width:600px){.hero::after{opacity:.55;animation:none}.hero::before{opacity:.3}.hero .stage-canvas::after{filter:blur(24px)}}
@media(prefers-reduced-motion:reduce){.hero::after{animation:none}}