.wallet-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 5.55vw;
  padding: 5vw 5.5556%;
  background: #fafbfc;
  font-family: 'Geist', sans-serif;
  color: #1d2939;
}
.wallet-copy { grid-column: 2; grid-row: 1; margin-left: 10.3vw; }
.wallet-copy .section-kicker {
  font: 500 clamp(14px, .97vw, 28px)/1.4 'Geist', sans-serif;
  color: #7060ff;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 0 1.15vw;
}
.wallet-copy h2 {
  font: 500 clamp(40px, 3.89vw, 112px)/1.1 'Schibsted Grotesk', sans-serif;
  color: #1d2939;
  letter-spacing: -.035em;
  margin: 0 0 2vw;
}
.wallet-copy > p:not(.section-kicker) {
  font-size: clamp(17px, 1.25vw, 36px);
  line-height: 1.5;
  color: #475467;
  margin: 0;
}
.wallet-benefits {
  list-style: none;
  margin: 1.75vw 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.05vw .65vw;
  max-width: 81%;
}
.wallet-benefits li {
  display: flex;
  gap: .6vw;
  align-items: center;
  color: #7060ff;
  background: #ffffffb3;
  border-radius: 999px;
  font-size: clamp(14px, 1.11vw, 32px);
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
}
.wallet-benefits img { width: clamp(22px, 1.67vw, 48px); height: auto; flex-shrink: 0; }
.wallet-product { grid-column: 1; grid-row: 1; background: #8178ff; }
.wallet-product .analytics-gradient-fallback {
  background: radial-gradient(ellipse at 85% 40%, #dc3bb5 0%, transparent 50%), radial-gradient(ellipse at 20% 45%, #8272ff 10%, transparent 55%), radial-gradient(ellipse at 8% 92%, #ffe99e, transparent 38%), #7264c0;
}
@media (max-width: 1100px) {
  .wallet-copy { margin-left: 3vw; }
  .wallet-benefits { max-width: 100%; }
}
@media (max-width: 800px) {
  .wallet-section { grid-template-columns: 1fr; gap: 38px; padding: 60px 24px; }
  .wallet-copy { grid-column: 1; grid-row: 1; margin-left: 0; }
  .wallet-product { grid-column: 1; grid-row: 2; }
  .wallet-copy h2 { font-size: clamp(40px, 7vw, 56px); margin-bottom: 25px; }
  .wallet-copy .section-kicker { margin-bottom: 18px; }
  .wallet-benefits { gap: 16px 12px; max-width: 460px; margin-top: 25px; }
  .wallet-benefits li { gap: 8px; font-size: 16px; }
}
