:root{--beacon-size:16px;--beacon-color-dot:#3b82f6;--beacon-color-ring:rgba(59, 130, 246, 0.55);--beacon-duration:2.2s;--beacon-scale:6}.beacon{position:relative;width:var(--beacon-size);aspect-ratio:1;border-radius:50%;background:var(--beacon-color-dot);box-shadow:0 0 14px rgba(59,130,246,.9),0 0 0 6px rgba(59,130,246,.15);animation:beacon-throb var(--beacon-duration)ease-in-out infinite}.beacon::before,.beacon::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--beacon-color-ring);transform:scale(1);opacity:.7;will-change:transform,opacity;animation:beacon-ripple var(--beacon-duration)linear infinite}.beacon::after{animation-delay:calc(var(--beacon-duration)/2)}@keyframes beacon-ripple{0%{transform:scale(1);opacity:.7}80%{opacity:0}100%{transform:scale(var(--beacon-scale));opacity:0}}@keyframes beacon-throb{0%,100%{box-shadow:0 0 12px #3b82f6,0 0 0 6px rgba(59,130,246,.15)}50%{box-shadow:0 0 24px #3b82f6,0 0 0 10px rgba(59,130,246,.1)}}.logo-with-beacon{display:flex;align-items:center;gap:var(--space-4)}.beacon{flex-shrink:0}@media(prefers-reduced-motion:reduce){.beacon,.beacon::before,.beacon::after{animation:none !important}}