.btn.hd { background: var(--accent-soft); }
.paywall { width: min(820px, 94vw); }
.pay-main { display: grid; gap: 14px; align-content: start; }
.pay-main h2 { margin-bottom: 4px; }
.perks { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.perk { display: flex; gap: 12px; align-items: flex-start; }
.perk b { font-size: 22px; line-height: 1.2; }
.perk span { display: grid; }
.perk small { color: var(--ink-2); font-size: 14px; }
.price { font-size: 16px; margin: 6px 0 0; }
.price strong { font: 700 40px/1 var(--display); color: var(--ink); }