/* Landing v2 — built on DS tokens */
.lp-wrap{ max-width: var(--cf-wrap); margin: 0 auto; padding: 0 var(--cf-s-6); }
.lp-hero{
  padding: calc(var(--cf-s-16) + 10px) 0 var(--cf-s-12);
}
.lp-hero__grid{
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: var(--cf-s-10);
  align-items: start;
}
@media (max-width: 900px){
  .lp-hero__grid{ grid-template-columns: 1fr; gap: var(--cf-s-8); }
}

.lp-kicker{
  font-size: var(--cf-fs-sm);
  color: var(--cf-text-dim);
  margin: 0 0 var(--cf-s-3);
}
.lp-title{
  font-size: var(--cf-fs-3xl);
  line-height: var(--cf-lh-tight);
  margin: 0 0 var(--cf-s-4);
}
@media (max-width: 720px){
  .lp-title{ font-size: 34px; }
}
.lp-subtitle{
  font-size: var(--cf-fs-lg);
  color: var(--cf-text-dim);
  margin: 0 0 var(--cf-s-6);
  max-width: 52ch;
}

.lp-cta{ display:flex; gap: var(--cf-s-3); flex-wrap: wrap; margin: 0 0 var(--cf-s-6); }
.lp-cta--center{ justify-content:center; margin-top: var(--cf-s-8); }

.lp-trust{ display:flex; gap: var(--cf-s-2); flex-wrap: wrap; }
.lp-pill{
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--cf-border-soft);
  border-radius: 999px;
  padding: 8px 10px;
  color: var(--cf-text);
  font-size: var(--cf-fs-sm);
}

.lp-card{
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--cf-border-soft);
  border-radius: var(--cf-r-xl);
  box-shadow: var(--cf-shadow-md);
  padding: var(--cf-s-6);
  backdrop-filter: blur(12px);
}
.lp-card__top{ display:flex; align-items:flex-start; justify-content:space-between; gap: var(--cf-s-4); margin-bottom: var(--cf-s-5); }
.lp-card__label{ font-size: var(--cf-fs-sm); color: var(--cf-text-dim); }
.lp-card__title{ font-size: 20px; font-weight: 700; }
.lp-badge{
  background: linear-gradient(135deg, rgba(34,211,238,0.25), rgba(99,102,241,0.25));
  border: 1px solid var(--cf-border-soft);
  border-radius: 999px;
  padding: 8px 10px;
  font-weight: 700;
  color: var(--cf-text);
}

.lp-payouts{ display:flex; flex-direction:column; gap: 10px; }
.lp-payout{
  display:flex; justify-content:space-between; gap: var(--cf-s-3);
  padding: 10px 12px;
  border-radius: var(--cf-r-md);
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.08);
}
.lp-payout__to{ color: var(--cf-text-dim); font-size: var(--cf-fs-sm); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; }
.lp-payout__amount{ font-weight: 700; }
.lp-card__bottom{ margin-top: var(--cf-s-5); display:flex; justify-content:space-between; align-items:center; }
.lp-link{ color: var(--cf-neon); font-weight: 600; text-decoration: none; }
.lp-link:hover{ text-decoration: underline; }
.lp-muted{ color: var(--cf-text-faint); font-size: var(--cf-fs-sm); }

.lp-section{ padding: var(--cf-s-12) 0; }
.lp-section--alt{ background: rgba(255,255,255,0.03); border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); }
.lp-h2{ font-size: 28px; margin: 0 0 var(--cf-s-3); }
.lp-lead{ color: var(--cf-text-dim); margin: 0 0 var(--cf-s-8); max-width: 70ch; }

.lp-features{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--cf-s-4);
}
@media (max-width: 980px){
  .lp-features{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
  .lp-features{ grid-template-columns: 1fr; }
}
.lp-feature{
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--cf-border-soft);
  border-radius: var(--cf-r-lg);
  padding: var(--cf-s-6);
}
.lp-feature__icon{ font-size: 22px; margin-bottom: var(--cf-s-3); }
.lp-feature h3{ margin: 0 0 8px; font-size: 18px; }
.lp-feature p{ margin: 0; color: var(--cf-text-dim); }

.lp-faq{ display:grid; gap: var(--cf-s-3); }
.lp-faq__item{
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--cf-border-soft);
  border-radius: var(--cf-r-lg);
  padding: var(--cf-s-4) var(--cf-s-5);
}
.lp-faq__item summary{ cursor: pointer; font-weight: 700; }
.lp-faq__item p{ margin: var(--cf-s-3) 0 0; color: var(--cf-text-dim); }