.signal-visual{background:#223d32;color:#edf5ea;min-height:730px;padding:110px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:5%;position:relative;overflow:hidden}
.signal-visual:before{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#c9f0cf 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.signal-visual-head{position:relative;z-index:1}.signal-visual-head>span{font-size:12px;text-transform:uppercase;letter-spacing:.14em}.signal-visual h2{font:500 clamp(53px,6vw,96px)/.98 Archivo;letter-spacing:-.065em;margin:24px 0 32px}.signal-visual-head p{font-size:17px;line-height:1.7;max-width:490px}
.signal-radar{width:min(520px,100%);aspect-ratio:1;align-self:center;justify-self:center;position:relative;display:grid;place-items:center}.radar-ring{border:1px solid #8bbd92a0;border-radius:50%;position:absolute;inset:12%;}.ring-two{inset:25%}.ring-three{inset:38%}.radar-center{width:92px;height:92px;background:#e7f5df;color:#223d32;border-radius:50%;display:grid;place-items:center;font:500 55px Archivo;z-index:3;box-shadow:0 0 0 15px #e7f5df1f}.radar-node{position:absolute;background:#345945;border:1px solid #a8d5a9;border-radius:100px;padding:12px 20px;font-size:13px;z-index:2;transition:background .35s,color .35s,transform .35s}.node-one{top:7%;left:37%}.node-two{bottom:22%;left:1%}.node-three{bottom:18%;right:0}.radar-node.active{background:#ddf4d7;color:#223d32;transform:scale(1.09)}.radar-beam{position:absolute;inset:5%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 310deg,#b0e3ae77 350deg,transparent 360deg);animation:signal-sweep 6s linear infinite;mask:radial-gradient(transparent 0 10%,#000 40%);opacity:.7}.signal-visual-caption{grid-column:1/-1;font-size:13px;opacity:.8;border-top:1px solid #cde6c062;padding-top:20px;z-index:1}
.signal .source-route article{position:relative}.signal .source-route article:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:#567e61;transform:scaleX(0);transform-origin:left;transition:transform 1s}.signal .source-route article.is-visible:before{transform:scaleX(1)}
@keyframes signal-sweep{to{transform:rotate(360deg)}}
@media(max-width:900px){.signal-visual{grid-template-columns:1fr;gap:20px;padding:80px var(--pad)}.signal-radar{width:min(500px,100%)}.signal-visual-caption{grid-column:1}}
@media(max-width:600px){.signal-visual{padding:70px 22px;min-height:auto}.signal-visual h2{font-size:55px}.signal-visual-head p{font-size:15px}.signal-radar{width:100%;margin:20px 0}.radar-node{font-size:10px;padding:8px 12px}.radar-center{width:68px;height:68px;font-size:39px}}
@media(prefers-reduced-motion:reduce){.radar-beam{animation:none}.radar-node,.signal .source-route article:before{transition:none}}