/* Moving color field, with a quiet reading surface and a level AOS panel. */
.hero{background:#fff}
.hero-atmosphere{position:absolute;top:0;inset-inline:0;height:780px;z-index:-3;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 16% 32%,#7aabff8c,transparent 53%),radial-gradient(ellipse at 42% 61%,#f5a67999,transparent 48%),linear-gradient(133deg,#ecf5ff 8%,#ced6fb99 44%,#fff 80%);mask-image:linear-gradient(#000 0%,#000 64%,transparent 100%)}
.hero-atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 32%,#ffffff19 51%,#ffffffe8 85%)}
.hero-ambient-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 800ms ease}
.hero-atmosphere.is-ready .hero-ambient-canvas{opacity:1}
.hero-gridlines{opacity:.35;mask-image:linear-gradient(#000,transparent 740px)}
.hero-visual{perspective:none}
.hero .system-window{transform:none;border-color:#ffffffee;box-shadow:0 32px 90px #273d6226,0 5px 18px #273d620a;background:#ffffffed}
.hero .hero-description{color:#46576c}
.hero .hero-eyebrow{font-size:14px}
.hero .hero-note{font-size:14px;color:#607087}
.hero .orbit-label{font-size:12px;letter-spacing:1.8px;color:#52657c}
.hero .floating-note strong{font-size:14px}
.hero .floating-note div>span{font-size:12px;color:#627389}
.hero .visual-caption{font-size:12px;letter-spacing:1.3px;color:#607189}
html[lang=en] .hero-atmosphere{background:radial-gradient(ellipse at 84% 32%,#7aabff8c,transparent 53%),radial-gradient(ellipse at 58% 61%,#f5a67999,transparent 48%),linear-gradient(227deg,#ecf5ff 8%,#ced6fb99 44%,#fff 80%)}
html[lang=en] .hero-atmosphere::after{background:linear-gradient(270deg,transparent 32%,#ffffff19 51%,#ffffffe8 85%)}
.hero-atmosphere.is-idle .hero-ambient-canvas{transition:none}
@media(max-width:980px){.hero .hero-note{font-size:13px}.hero .orbit-label{font-size:11px}.hero .visual-caption{font-size:11px}.hero .floating-note strong{font-size:13px}}
@media(max-width:760px){
  .hero-atmosphere{height:1150px;mask-image:linear-gradient(transparent 0%,#000 35%,#000 75%,transparent 100%)}
  .hero-atmosphere::after,html[lang=en] .hero-atmosphere::after{background:linear-gradient(#ffffffed 0%,#ffffff8c 28%,transparent 60%)}
  .hero .hero-note{font-size:14px;align-items:flex-start}
  .hero .hero-note .mini-line{margin-top:10px}
  .hero .hero-eyebrow{font-size:13px}
  .hero .orbit-label{font-size:11px;letter-spacing:1.4px}
  .hero .visual-caption{font-size:10px;letter-spacing:1px}
  .hero .floating-note strong{font-size:13px}
  .hero .floating-note div>span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.hero-ambient-canvas{transition:none}}