/* Four layers: CLARIFY, IDENTIFY, REACH, CONVERT. */
.hero::before,.hero::after{content:none!important}
.signal-art{position:absolute;z-index:0;right:calc(max(24px,(100vw - 1160px)/2) - 176px);top:50%;width:650px;aspect-ratio:1;transform:translateY(-50%);isolation:isolate;pointer-events:none;contain:layout style;opacity:var(--signal-opacity,1)}
.signal-art::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#18374866,transparent 68%);opacity:.7}
.signal-depth{position:absolute;inset:0;transform:translate3d(0,var(--depth-y,0px),0) scale(var(--depth-scale,1));transform-origin:50% 50%}
.signal-layer{position:absolute;inset:0;transform:translate3d(var(--ring-x,0px),var(--ring-y,0px),0);will-change:transform}
.signal-ring{position:absolute;inset:var(--ring-inset);border:1px solid var(--ring-color);border-radius:50%;box-shadow:inset 0 0 28px #17364920;transform:translate3d(var(--idle-x),var(--idle-y),0);animation:signal-drift 11s ease-in-out infinite;animation-delay:var(--drift-delay);transition:border-color .7s ease,box-shadow .7s ease}
.signal-ring::before,.signal-ring::after{content:"";position:absolute;left:50%;top:-4px;width:1px;height:8px;background:var(--ring-color)}
.signal-ring::after{top:auto;bottom:-4px}
.signal-layer:nth-child(1){--ring-inset:4%;--ring-color:#496779;--idle-x:16px;--idle-y:-12px;--drift-x:21px;--drift-y:-6px;--drift-delay:-2s}
.signal-layer:nth-child(2){--ring-inset:13%;--ring-color:#567782;--idle-x:-12px;--idle-y:10px;--drift-x:-7px;--drift-y:15px;--drift-delay:-5s}
.signal-layer:nth-child(3){--ring-inset:22%;--ring-color:#75928d;--idle-x:8px;--idle-y:7px;--drift-x:4px;--drift-y:11px;--drift-delay:-8s}
.signal-layer:nth-child(4){--ring-inset:31%;--ring-color:#95ac86;--idle-x:-5px;--idle-y:-4px;--drift-x:-2px;--drift-y:-7px;--drift-delay:-1s}
.signal-art.is-driven .signal-ring{animation:none;transform:none}
.signal-art.is-locked .signal-ring{border-color:#d4ff5d99;box-shadow:inset 0 0 28px #d4ff5d04}
.signal-compass{position:absolute;inset:35%;transform:rotate(var(--needle-angle,0deg));transform-origin:48.3% 51.5%;will-change:transform}
.signal-compass img{display:block;width:100%;height:100%;object-fit:contain;opacity:.9}
.signal-pulse{position:absolute;inset:34%;border:1px solid var(--lime);border-radius:50%;opacity:0;pointer-events:none}
.signal-art.is-pulsing .signal-pulse{animation:signal-lock-pulse 1.15s cubic-bezier(.16,1,.3,1) 1}
@keyframes signal-drift{0%,100%{transform:translate3d(var(--idle-x),var(--idle-y),0)}50%{transform:translate3d(var(--drift-x),var(--drift-y),0)}}
@keyframes signal-lock-pulse{0%{transform:scale(.86);opacity:0}18%{opacity:.5}100%{transform:scale(2.7);opacity:0}}
.signal-art.is-offscreen .signal-ring{animation-play-state:paused}
@media(max-width:1100px) and (min-width:801px){.signal-art{width:580px;right:-228px;opacity:calc(var(--signal-opacity,1)*.6)}}
@media(max-width:800px){.signal-art{width:480px;right:-170px;top:36%;opacity:calc(var(--signal-opacity,1)*.33)}.signal-layer,.signal-compass{will-change:auto}}
@media(max-width:560px){.signal-art{width:390px;right:-145px;top:35%;opacity:calc(var(--signal-opacity,1)*.25)}}
@media(prefers-reduced-motion:reduce){.signal-art .signal-ring{animation:none;transform:none}.signal-art .signal-layer,.signal-art .signal-depth,.signal-art .signal-compass{transform:none;will-change:auto}.signal-art .signal-pulse{animation:none!important}.signal-art .signal-ring{transition:none}}