/* ============================================================
   Edge Capital — cross-face switcher
   One engine, three faces. Lets a demo move advisor → client → mobile.
   ============================================================ */
.faces{
  position:fixed;left:18px;bottom:18px;z-index:200;
  display:flex;align-items:center;gap:4px;
  background:rgba(14,43,92,.92);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.10);border-radius:13px;
  padding:5px;box-shadow:0 12px 34px rgba(10,33,72,.34);
  font-family:"Geist",system-ui,sans-serif;
}
.faces .fc-lab{
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  color:#7E93B6;padding:0 8px 0 9px;white-space:nowrap;
}
.faces a{
  display:flex;align-items:center;gap:7px;text-decoration:none;
  font-size:13px;font-weight:600;color:#AEBED8;
  padding:8px 13px;border-radius:9px;transition:background .14s,color .14s;
  white-space:nowrap;
}
.faces a:hover{background:rgba(255,255,255,.07);color:#E7EEFB;}
.faces a.on{background:rgba(255,255,255,.12);color:#fff;cursor:default;}
.faces a.on .fc-dot{background:var(--gold,#B98A2F);}
.faces .fc-dot{
  width:7px;height:7px;border-radius:50%;background:#56688A;flex:0 0 7px;
}
@media (max-width:520px){
  .faces{left:50%;transform:translateX(-50%);bottom:10px;padding:4px;}
  .faces .fc-lab{display:none;}
  .faces a{padding:7px 11px;font-size:12px;}
}