/* ============================================================
   The Performance Code — SITE FOOTER (single source of truth)
   The same footer used on oliastasiuk.com / the assessment / the app.
   Pair with /assets/footer.js. Per-page accent themes the hover:
     --pcf-accent    (social-cell fill)      → falls back to --blue
     --pcf-accent-h  (legal link hover)      → falls back to --blue-bright / --blue3 / --blue2
   ============================================================ */
.pcf-footer{position:relative;z-index:1;margin-top:auto;background:#06090f;border-top:1px solid rgba(59,130,246,0.14);flex-shrink:0;font-family:Inter,-apple-system,'Segoe UI',Arial,sans-serif}
.pcf-social-bar{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,0.10)}
.pcf-cell{position:relative;height:84px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none;border-right:1px solid rgba(255,255,255,0.08);-webkit-tap-highlight-color:transparent;outline:none}
.pcf-cell:last-child{border-right:none}
.pcf-cell-fill{position:absolute;inset:0;background:var(--pcf-accent,var(--blue,#2f6df6));transform:translateX(-101%);transition:transform .44s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}
.pcf-cell:hover .pcf-cell-fill{transform:translateX(0)}
.pcf-cell-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1);pointer-events:none}
.pcf-cell:hover .pcf-cell-icon{transform:scale(1.12)}
.pcf-cell svg{fill:#fff;width:21px;height:21px;display:block}
.pcf-legal{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1200px;margin:0 auto;padding:18px 24px;border-top:1px solid rgba(255,255,255,0.06)}
.pcf-legal-brand{font-size:10px;font-weight:800;letter-spacing:0.18em;text-transform:uppercase;color:#fff;white-space:nowrap}
.pcf-legal-copy{font-size:11px;color:var(--pcf-mut,var(--text-secondary,var(--mut,#9aa6bf)));text-align:center;line-height:1.5}
.pcf-legal-links{display:flex;align-items:center;gap:12px;white-space:nowrap}
.pcf-legal-links a{font-size:11px;font-weight:500;color:var(--pcf-mut,var(--text-secondary,var(--mut,#9aa6bf)));text-decoration:none;transition:color .15s ease}
.pcf-legal-links a:hover{color:var(--pcf-accent-h,var(--blue-bright,var(--blue3,var(--blue2,#60a5fa))))}
.pcf-legal-links .pcf-dot{color:rgba(255,255,255,0.22);font-size:11px}
.pcf-site-link{color:var(--pcf-mut,var(--text-secondary,var(--mut,#9aa6bf)));text-decoration:none;transition:color .15s ease}
.pcf-site-link:hover{color:var(--pcf-accent-h,var(--blue-bright,var(--blue3,var(--blue2,#60a5fa))))}
@media(max-width:540px){
  .pcf-cell{height:60px}
  .pcf-cell svg{width:17px;height:17px}
  .pcf-legal{flex-direction:column;gap:12px;text-align:center;padding:20px 16px}
}