/* ============================================================
   KARAWAY — Unified footer (shared: Landing + Legal)
   Self-contained, prefixed .kwf-, no dependency on page tokens
   ============================================================ */
.kwf{
  --kwf-bg:#0b0f0d;
  --kwf-text:rgba(255,255,255,0.62);
  --kwf-bright:#ffffff;
  --kwf-accent:#9ecf96;
  --kwf-rule:rgba(255,255,255,0.10);
  --kwf-sans:'Inter', system-ui, -apple-system, sans-serif;
  --kwf-mono:'Inter', system-ui, -apple-system, sans-serif;
  position:relative;
  z-index:5;
  background:var(--kwf-bg);
  color:var(--kwf-text);
  font-family:var(--kwf-sans);
  padding:72px 32px 40px;
  border-top:1px solid var(--kwf-rule);
}
.kwf-inner{ max-width:1120px; margin:0 auto; }

.kwf-top{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:56px;
  align-items:start;
}

/* Brand column */
.kwf-brand-col{ max-width:340px; }
.kwf-brand{
  display:inline-flex; align-items:center; gap:10px;
  text-decoration:none; color:var(--kwf-bright);
  font-weight:700; font-size:19px; letter-spacing:-0.2px;
  margin-bottom:16px;
}
.kwf-mark{
  width:26px; height:26px; border-radius:50%;
  background:url('img/karaway-logo.png') center / cover no-repeat;
}
.kwf-tag{
  margin:0 0 22px; font-size:14px; line-height:1.6;
  color:var(--kwf-text);
}
.kwf-social{ display:flex; gap:12px; }
.kwf-social a{
  width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,0.06); color:var(--kwf-text);
  transition:background .15s ease, color .15s ease, transform .15s ease;
}
.kwf-social a:hover{ background:rgba(158,207,150,0.18); color:var(--kwf-bright); transform:translateY(-2px); }
.kwf-social svg{ width:15px; height:15px; }

/* Legal links cluster */
.kwf-legal{
  display:flex; flex-direction:column; align-items:flex-start; gap:12px;
  padding-top:4px;
}
.kwf-legal a{
  font-size:13px; color:var(--kwf-text); text-decoration:none;
  line-height:1.4; transition:color .15s ease;
}
.kwf-legal a:hover{ color:var(--kwf-accent); }

.kwf-divider{ height:1px; background:var(--kwf-rule); margin:48px 0 28px; }

/* Bottom */
.kwf-bottom{
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:32px; flex-wrap:wrap;
}
.kwf-company{
  margin:0; font-size:13px; line-height:1.7; max-width:620px;
  color:var(--kwf-text);
}
.kwf-company strong{ color:rgba(255,255,255,0.85); font-weight:600; }
.kwf-company a{ color:var(--kwf-text); text-decoration:none; }
.kwf-company a:hover{ color:var(--kwf-accent); }
.kwf-meta{
  display:flex; flex-direction:column; gap:6px; align-items:flex-end;
  font-family:var(--kwf-mono); font-size:10px; letter-spacing:0.12em;
  text-transform:uppercase; color:rgba(255,255,255,0.4);
  white-space:nowrap;
}

@media (max-width:860px){
  .kwf{ padding:56px 22px 36px; }
  .kwf-top{ grid-template-columns:1fr; gap:40px; }
  .kwf-bottom{ flex-direction:column; align-items:flex-start; gap:20px; }
  .kwf-meta{ align-items:flex-start; }
}

/* Compact variant — Onboarding + Thank-you (single column, centered) */
.kwf--compact{ padding:48px 24px 38px; text-align:center; }
.kwf--compact .kwf-inner{ display:flex; flex-direction:column; align-items:center; gap:18px; max-width:640px; }
.kwf--compact .kwf-brand{ margin-bottom:0; }
.kwf--compact .kwf-legal{ flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px 18px; padding-top:0; }
.kwf--compact .kwf-company{ max-width:560px; margin:0 auto; }
.kwf--compact .kwf-meta{ flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px 16px; }