/* components/lead-onboard.css · THE ONE ONBOARD FLOW's own skin (DEC-401, 2026-10-06).
   The modal wears components/canonical/resolve-review.css (.orr-*), the one modal skin the
   operator already knows; this file holds only the building picker and the promote moment,
   which moved here from pages/11-leads.html so the Leads page and the Subscribers card
   celebrate the same way. Tokens only, no raw hex. */
.lob-pick{width:100%;font:inherit;font-size:var(--text-sm);color:var(--text);background:var(--glass-bg);
  border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);box-sizing:border-box}
.lob-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lob-hint{margin:var(--space-xs) 0 0;font-size:var(--text-xs);color:var(--text-tertiary)}

/* Promote moment · aurora shimmer + soft glow + a tiny rising particle field.
   Premium and subtle, all token colours (accent/ok/info), no emoji, no library.
   Skippable (any click or key), reduced-motion-safe, ~2.5s and gone. */
.promo-burst{position:fixed;inset:0;pointer-events:none;z-index:var(--z-modal,1000);overflow:hidden}
.promo-aurora{position:absolute;inset:-20% -35%;background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--accent) 22%,transparent) 44%,color-mix(in srgb,var(--ok) 18%,transparent) 52%,color-mix(in srgb,var(--info) 14%,transparent) 60%,transparent 74%);filter:blur(26px);opacity:0;transform:translateX(-18%) skewY(-4deg);animation:promoAurora 2.4s var(--ease,ease) forwards}
@keyframes promoAurora{12%{opacity:.9}55%{opacity:.5}to{opacity:0;transform:translateX(16%) skewY(-4deg)}}
.promo-glow{position:absolute;left:50%;top:46%;width:46vmin;height:46vmin;border-radius:50%;transform:translate(-50%,-50%) scale(.35);background:radial-gradient(circle,color-mix(in srgb,var(--ok) 32%,transparent) 0%,color-mix(in srgb,var(--accent) 15%,transparent) 42%,transparent 70%);filter:blur(10px);opacity:0;animation:promoGlow 1.6s var(--ease,ease) forwards}
@keyframes promoGlow{18%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}
.promo-burst i{position:absolute;bottom:-2vh;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 10px 2px currentColor;opacity:0;animation:promoRise cubic-bezier(.2,.6,.3,1) forwards}
@keyframes promoRise{8%{opacity:.85}to{transform:translateY(-108vh);opacity:0}}
@media (prefers-reduced-motion: reduce){.promo-burst{display:none}}