.crumb {
  font-family: var(--ui); font-variation-settings: "wdth" 100, "wght" 600;
  font-size: .74rem; letter-spacing: .11em; text-transform: uppercase;
  color: var(--secondary); display: flex; gap: .55rem; align-items: center; margin: 0 0 1.6rem;
}
.crumb a { color: var(--secondary); text-decoration: none; }
.crumb a:hover { color: var(--green-ink); }
.crumb span { color: var(--hair-strong); }
.crumb b { font-variation-settings: "wdth" 100, "wght" 700; color: var(--ink); }

.suphead { padding-block: clamp(52px, 7vw, 104px) clamp(36px, 4.5vw, 60px); }
.suphead__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 88px); align-items: end; }
@media (max-width: 900px) { .suphead__grid { grid-template-columns: 1fr; gap: 2rem; } }
.suphead .d1 { font-size: clamp(2.75rem, 6.4vw, 5.4rem); }
.suphead__side { color: var(--secondary); max-width: 34ch; }

.give { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(34px, 5vw, 84px); align-items: start; }
@media (max-width: 940px) { .give { grid-template-columns: 1fr; gap: 2.4rem; } }
@media (min-width: 941px) { .ladder__wrap { position: sticky; top: 108px; } }

.ladder { list-style: none; margin: 1.4rem 0 0; padding: 0; border-top: 1px solid var(--hair-strong); }
.ladder li {
  display: grid; grid-template-columns: 104px minmax(0,1fr); gap: clamp(14px, 2vw, 26px);
  align-items: baseline; padding-block: clamp(14px, 1.8vw, 20px);
  border-bottom: 1px solid var(--hair);
}
.ladder .amt {
  font-family: var(--display); font-variation-settings: "wdth" 66, "wght" 900;
  font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1; letter-spacing: -.02em;
  color: var(--green-ink); font-variant-numeric: lining-nums tabular-nums;
}
.ladder .buys { color: var(--secondary); font-size: 1rem; line-height: 1.5; }
.ladder .buys b { color: var(--ink); font-weight: 600; }
.ladder__note { margin-top: 1.2rem; color: var(--secondary); font-size: .95rem; line-height: 1.55; }

.method + .method { margin-top: clamp(30px, 4vw, 48px); padding-top: clamp(30px, 4vw, 48px); border-top: 1px solid var(--hair-strong); }
.method__step {
  font-family: var(--ui); font-variation-settings: "wdth" 100, "wght" 700;
  font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; color: var(--green-ink); margin: 0 0 .5rem;
}
.method h3 { margin: 0 0 .8rem; }
.method p { color: var(--secondary); margin: 0 0 1.2rem; }

.paydl { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: .55rem clamp(16px,2vw,28px); margin: 0; }
@media (max-width: 560px) { .paydl { grid-template-columns: 1fr; gap: .2rem 0; } }
.paydl dt { font-family: var(--ui); font-variation-settings: "wdth" 100, "wght" 700;
  font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--secondary); padding-top: .25rem; }
.paydl dd { margin: 0 0 .5rem; color: var(--ink); font-size: 1.02rem; line-height: 1.5; }
.paydl dd.mono { font-family: var(--ui); font-variation-settings: "wdth" 100, "wght" 600;
  letter-spacing: .06em; font-variant-numeric: lining-nums tabular-nums; }

.after { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: clamp(26px, 3.5vw, 56px); }
@media (max-width: 820px) { .after { grid-template-columns: 1fr; gap: 1.8rem; } }
.after__col h3 { margin: 0 0 .6rem; }
.after__col p { color: var(--secondary); font-size: 1rem; line-height: 1.55; margin: 0; }

.otherways { display: flex; gap: .8rem 1.4rem; flex-wrap: wrap; align-items: center; margin-top: 1.6rem; }

.qr {
  margin-top: clamp(28px, 3.4vw, 48px); padding: clamp(22px, 2.6vw, 34px);
  background: var(--raised); border: 1px solid var(--hair); border-radius: 4px;
}
.qr__head { margin-bottom: clamp(18px, 2.2vw, 26px); }
.qr__k {
  margin: 0 0 .45rem; font-family: var(--display); font-variation-settings: "wdth" 70, "wght" 800;
  text-transform: uppercase; font-size: 1.25rem; color: var(--ink);
}
.qr__n { margin: 0; color: var(--secondary); font-size: .97rem; line-height: 1.5; }

.qr__list {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: clamp(20px, 3vw, 34px);
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.qr__item { min-width: 0; text-align: center; }
.qr__code {
  width: clamp(128px, 16vw, 168px); margin: 0 auto .85rem;
  padding: 12px; background: #fff; border: 1px solid var(--hair); border-radius: 4px;
}
.qr__code svg { display: block; width: 100%; height: auto; }
.qr__name {
  margin: 0 0 .2rem; font-family: var(--display); font-variation-settings: "wdth" 78, "wght" 750;
  text-transform: uppercase; font-size: 1.02rem; letter-spacing: .01em; color: var(--ink);
}
.qr__handle {
  margin: 0 0 .5rem; color: var(--secondary); font-size: .92rem; line-height: 1.45;
  overflow-wrap: anywhere;
}
.qr__link { font-size: .92rem; }