/* Cosmetic pass over the legacy landing markup: spacing, type and small fixes.
   Selectors carry an extra class so they outrank the Tailwind utilities. */

/* Hero: a smaller dead band above the Trading card on desktop, and on phones
   enough room that the card's background no longer covers the coin cluster */
main.relative {
  padding-bottom: 136px;
}
@media (min-width: 768px) {
  main.relative {
    padding-bottom: 300px;
  }
}

/* Body copy was set with the -0.07em headline tracking, which crowds it */
p.tracking-tight-custom {
  letter-spacing: -0.02em;
}
p.tracking-tight-custom.leading-116 {
  line-height: 1.3;
}

/* Grey subtitles under section titles: a touch looser, and smaller on phones
   where they ran four or five lines */
h3.text-silver-gray-lighter.tracking-tight-custom {
  letter-spacing: -0.045em;
}
@media (max-width: 767px) {
  h3.text-silver-gray-lighter.tracking-tight-custom {
    font-size: 1.75rem;
    line-height: 1.15;
  }
}

/* Deposit steps: text ran into the card's right edge */
.investing-section .glass-container.items-center {
  padding-right: 16px;
}

/* Closing CTA lost its logo row, so give the headline the room instead */
section.bg-main-dark > .max-w-7xl > .text-center {
  padding-top: 24px;
}