.pointer-canvas, .pointer-field { display: none; }

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .pointer-canvas {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 40;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .pointer-field {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgb(253 169 71 / .19), rgb(253 169 71 / .065) 35%, transparent 68%);
    opacity: 0;
    transition: opacity .3s ease;
  }
  .feature-spread .pointer-field {
    background: radial-gradient(circle, rgb(255 242 211 / .48), rgb(255 225 170 / .16) 38%, transparent 68%);
  }
  .agent-spread__copy,
  .overview-preview,
  .feature-reader,
  .download-content { position: relative; z-index: 1; }
  .is-pointer-lit > .pointer-field { opacity: 1; }
}