.hero{background:var(--color-surface);isolation:isolate;place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}@media not (min-width:48rem){.hero{background:linear-gradient(157.95deg, #c0e8ff80 6.25%, #ffffff80 41.31%, #f5fafb80 75.06%, #d7f8ff80 102.24%), radial-gradient(42.6% 50% at 50% 50%, #fff 0%, var(--color-surface) 100%)}}.hero__field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sphere-field{position:absolute;inset:0}.sphere-field__stage{width:var(--stage-w);height:var(--stage-h);transform:translate(-50%, -50%) scale(var(--stage-scale,1));transform-origin:50%;position:absolute;top:50%;left:50%}.sphere-field__sphere{left:calc(var(--x) - var(--size) / 2);top:calc(var(--y) - var(--size) / 2);width:var(--size);height:var(--size);position:absolute}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.hero [data-sphere],.hero [data-hero-copy]{opacity:0}}