/* Home hero: X line-up orbit around the core + particle vortex canvas (js/hero-orbit.js). */.x-viz{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;}.hero-object .x-pill{left:0;top:0;animation:none;will-change:transform;color:inherit;box-shadow:0 16px 50px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.025), 0 0 calc(var(--glow, 0) * 28px) rgba(155,220,255,calc(var(--glow, 0) * .28)), inset 0 0 0 1px rgba(155,220,255,calc(var(--glow, 0) * .45));transition:border-color .3s;}.x-pill .x-label{color:var(--white);font-family:"SLIMZ GOOGLE", sans-serif;font-size:.84rem;line-height:1;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;}.x-pill:hover{border-color:rgba(155,220,255,.45);}.hero-object.x-orbit-on .core-glow{background:rgba(134,196,255,.24);}@media (max-width: 700px){.hero-object{height:470px;}.hero-object .x-pill{min-height:34px;padding:0 11px;gap:7px;}.x-pill .x-label{font-size:.6rem;letter-spacing:.08em;}.x-pill .mini-wave{transform:scale(.8);}}/* Room for the logo glow. The mark box used to be exactly the logo size, so on GPU-composited
   layers (Safari, Chrome) its drop-shadow could be cut at the box edge and show as a light square.
   The box is now larger than the logo and the glow fades out inside it. */.hero-object .core-mark-shell{--mark-pad:72px;width:calc(34% + var(--mark-pad) * 2);}.hero-object .core-mark{box-sizing:border-box;padding:var(--mark-pad);}.hero-object .core-mark-shell::before,
.hero-object .core-mark-shell::after{inset:var(--mark-pad);}