/* ============================================================
   LEVIAPAY — shared site footer
   Self-contained (no CSS-var deps) so it renders identically on
   every page regardless of which stylesheet the page loads.
   Markup lives inline on each page (static, legally reliable);
   this file only styles it.
   ============================================================ */
.lpf{padding:48px 0 0;border-top:1px solid #e8e8ef;background:#fff;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#110E34}
.lpf *{box-sizing:border-box}
.lpf-inner{width:min(1200px,calc(100% - 96px));margin:0 auto}
.lpf-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:48px}
.lpf-brand img{width:150px;height:auto;display:block}
.lpf-col{display:flex;flex-direction:column;gap:12px}
.lpf-col h4{font-size:16px;font-weight:600;color:#110E34;margin:0 0 4px}
.lpf-col a{color:#97A3B6;text-decoration:none;font-size:14px;transition:color .2s ease}
.lpf-col a:hover{color:#652CD1}
.lpf-sub p{margin:0;font-size:14px;color:#97A3B6;line-height:22px}
.lpf-form{display:flex;align-items:center;background:#f5f5f9;border:1px solid #e8e8ef;border-radius:5000px;padding:4px 4px 4px 16px;gap:8px;margin-top:8px}
.lpf-form input{flex:1;border:none;background:transparent;font-size:14px;color:#110E34;outline:none;font-family:inherit;min-width:0}
.lpf-form input::placeholder{color:#9d9daf}
.lpf-send{background:#652CD1;color:#fff;border:none;padding:8px 20px;border-radius:5000px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s ease;flex-shrink:0}
.lpf-send:hover{background:#46208F}
.lpf-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid #e8e8ef}
.lpf-copy{font-size:13px;color:#97A3B6}
.lpf-social{display:flex;gap:16px}
.lpf-social a{width:36px;height:36px;border-radius:50%;background:#f5f5f9;display:flex;align-items:center;justify-content:center;color:#97A3B6;transition:background .2s ease,color .2s ease}
.lpf-social a:hover{background:#652CD1;color:#fff}
@media (max-width:880px){.lpf-top{grid-template-columns:1fr 1fr;gap:28px}.lpf-bottom{flex-direction:column;gap:16px;text-align:center}}
@media (max-width:560px){.lpf-top{grid-template-columns:1fr}}