.xe-footer{
      border-top:1px solid var(--line);
      background: rgba(255,255,255,.02);
      margin-top: 28px;
  }
  .xe-footer .inner{ max-width:1200px; margin:0 auto; padding:18px 16px; }
  .xe-footer .grid{ display:grid; gap:16px; }
  @media (min-width:700px){ .xe-footer .cols-4{ grid-template-columns: 2fr 1fr 1fr 1fr; } }

  .xe-footer h4{
      margin:0 0 8px; font-size:14px; text-transform:uppercase;
      letter-spacing:.12em; color:var(--muted);
  }
  .xe-footer ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
  .xe-footer a{ color:inherit; text-decoration:none; }
  .xe-footer a:hover{ text-decoration:underline; }

  .xe-footer .brand{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
  .xe-footer .brand img{ height:28px; width:auto; border-radius:6px; }
  .xe-footer .small{ font-size:14px; color:var(--muted); }

  .xe-footer .newsletter{ margin-top:10px; }
  .xe-footer .newsletter input{
      width:100%; padding:10px 12px; border-radius:10px;
      border:1px solid var(--line); background:#0e1526; color:var(--text);
  }
  .xe-footer .newsletter button{
      margin-top:8px; padding:10px 12px; border-radius:10px; border:none;
      background: linear-gradient(135deg, var(--accent), #6ad1ff); color:#0b1220; font-weight:700; cursor:pointer;
  }

  .xe-footer .bottom{
      display:flex; justify-content:space-between; align-items:center;
      gap:10px; flex-wrap:wrap; margin-top:14px; padding-top:12px; border-top:1px solid var(--line);
  }
  .xe-footer .social{ display:flex; gap:10px; flex-wrap:wrap; }
  .xe-footer .social a{
      display:inline-block; padding:8px 12px; border-radius:10px; border:1px solid var(--line);
      text-decoration:none; font-weight:600; background: rgba(255,255,255,.04);
  }