/* FILE: social-proof.css / PURPOSE: fade bar + footer stats / AI-NOTE: no marquee */

.sp-bar { display:flex; align-items:center; justify-content:center; gap:.5rem; height:2.5rem; padding:0 1rem; width:100%; background:linear-gradient(90deg,var(--pe-brand-900) 0%,var(--pe-brand-800) 100%); border-bottom:1px solid color-mix(in srgb,var(--pe-brand-400) 25%,transparent); overflow:hidden; position:relative; z-index:1; }
.sp-bar__dot { display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--pe-accent-400,#fb923c); flex-shrink:0; }
.sp-bar__text { font-size:.8rem; font-weight:500; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:90vw; opacity:0; transition:opacity .4s ease; }
.sp-bar__text--visible { opacity:1; }
@media (prefers-reduced-motion:reduce) { .sp-bar__text,.sp-bar__text--visible { opacity:1; transition:none; } }

.pstats { display:flex; flex-wrap:wrap; gap:1rem 2.5rem; padding:1.5rem 1.5rem .75rem; border-top:1px solid rgba(255,255,255,.12); margin-bottom:1.25rem; justify-content:center; }
.pstats__item { display:flex; flex-direction:column; align-items:center; gap:.2rem; min-width:5rem; }
.pstats__value { font-size:1.375rem; font-weight:700; color:var(--pe-accent-400,#fb923c); line-height:1.1; letter-spacing:-.02em; font-variant-numeric:tabular-nums; display:flex; align-items:center; gap:.25rem; }
.pstats__label { font-size:.65rem; font-weight:500; text-transform:uppercase; letter-spacing:.06em; color:rgba(200,210,220,.8); text-align:center; line-height:1.3; }
.pstats__online-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#22c55e; flex-shrink:0; animation:pstats-pulse 2s ease-in-out infinite; }
@keyframes pstats-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }
@media (max-width:480px) { .pstats{gap:.75rem 1.5rem;padding:1rem 1rem .5rem} .pstats__value{font-size:1.125rem} .sp-bar{height:auto;min-height:2.5rem;padding:.4rem 1rem} .sp-bar__text{white-space:normal;text-align:center} }