/* Shared bridge for the chat landing page. Keep the demos and motion intact,
   but make the public shell read like the logged-in KF.Social product. */
.legacy-chat{
  --legacy-cream:#F5F5F7;
  --legacy-cream-2:#EEF0FA;
  --legacy-ink:#111318;
  --legacy-body:#4F535E;
  --legacy-faint:#747986;
  --legacy-line:#E1E3EC;
  --legacy-gold:#2452D5;
  --legacy-gold-soft:#C9D2FF;
  background:var(--legacy-cream)!important;
  color:var(--legacy-ink)!important;
}
.legacy-chat .bg-field{opacity:.28}
.legacy-chat .bg-field .orb.a{background:radial-gradient(circle,#C9D2FF,transparent 68%)}
.legacy-chat .bg-field .orb.b{background:radial-gradient(circle,#F4DDE2,transparent 66%)}
.legacy-chat .bg-field .orb.c{background:radial-gradient(circle,#DDE3FF,transparent 68%)}
.legacy-chat .grain{opacity:.12;background-image:radial-gradient(rgba(17,19,24,.12) 1px,transparent 1px);mix-blend-mode:multiply}
.legacy-chat .nav.solid{background:rgba(245,245,247,.9);border-bottom:1px solid var(--legacy-line);box-shadow:0 8px 30px rgba(17,19,24,.05)}
.legacy-chat .nav .brand{color:var(--legacy-ink)}
.legacy-chat .nav .btn-g{background:var(--legacy-ink);border-color:var(--legacy-ink);color:var(--legacy-cream)}
.legacy-chat .nav .btn-p{background:var(--legacy-ink);color:var(--legacy-cream);box-shadow:0 8px 24px rgba(17,19,24,0.18)}
.legacy-chat .hero{color:var(--legacy-ink);background:var(--legacy-cream);min-height:92svh}
.legacy-chat .hero h1{color:var(--legacy-ink)}
.legacy-chat .hero h1 .grad{background:linear-gradient(100deg,var(--legacy-ink) 25%,var(--legacy-gold) 68%,#6e8cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.legacy-chat .hero-lede,.legacy-chat .free-line,.legacy-chat .trust-row,.legacy-chat .sec-sub{color:var(--legacy-body)}
.legacy-chat .free-line b{color:var(--legacy-gold);}
.legacy-chat .trust-row svg{color:var(--legacy-gold)}
.legacy-chat .eyebrow{color:var(--legacy-gold)}
.legacy-chat .store-badge,.legacy-chat .store-badge .s,.legacy-chat .store-badge .l{color:var(--legacy-cream)!important}
.legacy-chat .store-badge svg{fill:var(--legacy-cream)!important}
.legacy-chat .hero .btn-p,.legacy-chat .hero .btn-g{background:var(--legacy-ink);border-color:var(--legacy-ink);color:var(--legacy-cream)}
.legacy-chat .hero .btn-g:hover{background:#222b62}
.legacy-chat .pad,.legacy-chat .pad-s{background:var(--legacy-cream);color:var(--legacy-ink)}
.legacy-chat .pad:nth-of-type(even){background:var(--legacy-cream-2)}
.legacy-chat .sec-h{color:var(--legacy-ink)}
.legacy-chat .card,.legacy-chat .priv,.legacy-chat .vg,.legacy-chat .sw-card,.legacy-chat .cta-band{background:rgba(255,255,255,.94);border-color:var(--legacy-line);box-shadow:0 1px 2px rgba(17,19,24,.05),0 18px 42px -24px rgba(17,19,24,.18)}
.legacy-chat .card p,.legacy-chat .demo-caption,.legacy-chat .nb-note,.legacy-chat .cta-band p{color:var(--legacy-body)}
.legacy-chat .card:hover{border-color:var(--legacy-gold-soft);box-shadow:0 18px 42px -20px rgba(17,19,24,0.28)}
.legacy-chat .card-glow{background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),rgba(36,82,213,.16),transparent 60%)}
.legacy-chat .cta-band{background:linear-gradient(120deg,rgba(201,210,255,.42),rgba(255,255,255,.94) 60%);border-color:rgba(36,82,213,.28)}
.legacy-chat .cta-band .btn-p,.legacy-chat .cta-band .btn-g{background:var(--legacy-ink);border-color:var(--legacy-ink);color:var(--legacy-cream)}
.legacy-chat .foot-cta{background:var(--legacy-cream-2);color:var(--legacy-ink)}
.legacy-chat .foot-cta .sec-sub{color:var(--legacy-body)}
.legacy-chat footer.site{background:var(--legacy-cream);border-top:1px solid var(--legacy-line);color:var(--legacy-body)}
.legacy-chat footer.site a{color:var(--legacy-body)}
.legacy-chat footer.site a:hover{color:var(--legacy-ink)}
.legacy-chat .btn:focus-visible,.legacy-chat button:focus-visible{outline-color:var(--legacy-gold)}

/* Contrast contract: the light public shell must remain readable even while
   the interactive demo uses glass and blur. */
.legacy-chat .hero-lede,.legacy-chat .sec-sub,.legacy-chat .card p,.legacy-chat .demo-caption,.legacy-chat .nb-note,.legacy-chat .cta-band p{color:#4F535E}
.legacy-chat .bubble{background:rgba(255,255,255,.96);border-color:rgba(17,19,24,.14);color:#111318;box-shadow:0 16px 34px rgba(17,19,24,.14)}
.legacy-chat .bubble .who{color:#2447B7}
.legacy-chat .bubble.me{background:#2452D5;color:#fff}
.legacy-chat .bubble.me .who{color:#DDE3FF}
.legacy-chat .nav .brand{color:#111318!important}
.legacy-chat .nav .btn-g,.legacy-chat .nav .btn-p{background:#111318;color:#F5F5F7}

/* Product mock-ups intentionally stay dark inside the light public shell. Do
   not let the shell's ink colour leak into their UI text. */
.legacy-chat .screen{color:#F5F5F7}
.legacy-chat .screen .chat-top .nm,
.legacy-chat .screen .msg,
.legacy-chat .screen .typing,
.legacy-chat .screen .att,
.legacy-chat .screen .sheet-h{color:#F5F5F7}
.legacy-chat .screen .msg.them,
.legacy-chat .screen .typing{background:#1A2140;color:#F5F5F7}
.legacy-chat .mini-msg,
.legacy-chat .gt-bub,
.legacy-chat .tc-msg.them{color:#F5F5F7}
.legacy-chat .rx-chips span{color:#DFE6FF}
.legacy-chat .link-demo{background:#18244A;border-color:rgba(36,82,213,.35);color:#FFFFFF}
.legacy-chat .link-demo .lp-site{color:#B9C6EB}
.legacy-chat .link-demo .lp-title{color:#FFFFFF}
.legacy-chat .theme-chat{color:#F5F5F7}
.legacy-chat .th-chip{color:#46506A}
.legacy-chat .th-chip.on{background:var(--legacy-gold);color:#FFFFFF}
.legacy-chat .sw-txt span{color:#4F535E}
.legacy-chat .sw-actions .no{color:#4F535E}
.legacy-chat .qr-web{background:#FFFFFF;color:#111318;border-color:#D8DBE5;box-shadow:0 18px 38px rgba(17,19,24,.14)}
.legacy-chat .qr-web span[style]{color:#4F535E!important}
.legacy-chat .foot-cta .btn-g{background:#111318;border-color:#111318;color:#F5F5F7}
.legacy-chat .foot-cta .btn-g:hover{background:#222B62;border-color:#222B62}

/* Light-surface labels and voice control; keep dark-demo tokens local. */
.legacy-chat .vd-top,
.legacy-chat .dm-meta,
.legacy-chat .rr-status,
.legacy-chat .gcount,
.legacy-chat .priv p,
.legacy-chat .vg p,
.legacy-chat .quote cite,
.legacy-chat .foot-in,
.legacy-chat .foot-guides-row,
.legacy-chat .foot-guides-label{color:var(--legacy-body)}
.legacy-chat .foot-guides-label{opacity:1}
.legacy-chat .rr-status .ticks{color:var(--legacy-body)}
.legacy-chat .rr-status.read .ticks{color:var(--legacy-gold)}
.legacy-chat .wave-lg{background:var(--legacy-cream-2);border-color:var(--legacy-gold);color:var(--legacy-gold)}
.legacy-chat .wave-lg:hover{background:#DDE3FF;border-color:var(--legacy-gold)}
.legacy-chat .wave-lg .dur{color:var(--legacy-body)}