.hero{--pointer-x:65%;--pointer-y:45%;--route-x:0px;--route-y:0px;isolation:isolate;background:linear-gradient(120deg,#f2f5ff,#e9f2ff 72%,#eff6ff)}
.interactive-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.background-glow{position:absolute;inset:-10%;background:radial-gradient(ellipse 330px 290px at var(--pointer-x) var(--pointer-y),#72b8ff38,transparent 80%),radial-gradient(ellipse at 80% 55%,#b9d7ff40,transparent 65%);filter:blur(14px)}
.route-map{position:absolute;width:105%;height:105%;left:-2.5%;top:-2.5%;transform:translate(var(--route-x),var(--route-y));transition:transform .35s ease-out}
.background-grid{position:absolute;inset:0;background-image:radial-gradient(#6994dd24 .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 25%,#000 85%);opacity:.6}
.hero-copy,.hero-visual{z-index:1}.hero-visual .orbit{background:transparent;border-color:#ffffff85}
@media(max-width:700px){.background-glow{background:radial-gradient(ellipse at 70% 70%,#95caff30,transparent 65%)}.route-map{opacity:.65}.background-grid{opacity:.35}}
@media(prefers-reduced-motion:reduce){.route-map{transform:none;transition:none}}