/* The public-site masthead, shared by every campaign landing page. Keep this
   geometry in sync with index.html: it is the LeadSignal signal mark, not an
   approximation made separately for each page. */
.ls-brand{display:flex;align-items:center;text-decoration:none;color:inherit}
.ls-logostack{display:inline-flex;flex-direction:column;line-height:1.02}
.ls-logotop{display:inline-flex;align-items:center;gap:12px}
.ls-signalmark{position:relative;width:16px;height:16px;flex:none}
.ls-signalmark::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#7c3aed;box-shadow:0 0 8px #7c3aed}
.ls-signalmark i{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;border:1.5px solid #7c3aed;animation:ls-radiowave 2.8s ease-out infinite}
.ls-signalmark i:nth-child(2){animation-delay:1.4s}
.ls-logo{font:800 25px Figtree,sans-serif;letter-spacing:-.02em}
.ls-logo span{color:#7c3aed}
.ls-byline{font:700 9px Figtree,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#756b83;margin-top:3px;margin-left:28px}
.ls-brand--compact .ls-logo{font-size:16px}
.ls-brand--compact .ls-signalmark{transform:scale(.72);transform-origin:left center;margin-right:-4px}
.ls-brand--compact .ls-byline{display:none}
@keyframes ls-radiowave{0%{transform:scale(.4);opacity:.75}80%{opacity:0}100%{transform:scale(3.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.ls-signalmark i{display:none}}