/* =====================================================
   FOOTER — footer grid + bottom bar
   ===================================================== */
footer{padding:72px 0 44px;border-top:1px solid var(--b);background:var(--bg2);transition:background var(--tr)}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;margin-bottom:52px}
.fbrand p{font-size:13px;color:var(--t2);line-height:1.8;margin:14px 0 20px;max-width:270px}
.fsoc{display:flex;gap:7px}
.sbtn{width:32px;height:32px;border:1px solid var(--b);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all var(--tf);text-decoration:none;color:var(--t2);background:var(--bgc)}
.sbtn:hover{border-color:var(--ap);color:var(--ap);background:var(--ag)}
.fcol h4{font-family:var(--font-ui);font-weight:700;font-size:13px;color:var(--t1);margin-bottom:16px}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.fcol ul li a{font-size:12px;color:var(--t2);text-decoration:none;transition:color var(--tf)}
.fcol ul li a:hover{color:var(--ap)}
.fbot{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--b)}
.fbot p{font-size:12px;color:var(--tm)}
.arbadge{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;color:var(--tm)}
.lmark{width:32px;height:32px;background:linear-gradient(135deg,var(--ap),var(--as));border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;color:#050810}