/* Ads landing pages (/lp/): offer block, steps, final call. Uses the site tokens from site.css. */
.lp-offer { margin-top: 26px; display: inline-grid; gap: 4px; padding: 16px 20px 14px; background: var(--amber); color: var(--ink); border-radius: var(--r); max-width: 100%; }
.lp-offer-k { margin: 0; font-family: var(--f-display); font-weight: 900; font-variation-settings: "wdth" 62; font-stretch: 62%; font-size: clamp(1.7rem, 3.4vw, 2.5rem); line-height: 1; text-transform: uppercase; }
.lp-offer-s { margin: 0; font-family: var(--f-mono); font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; }
.lp-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; counter-reset: s; }
.lp-steps li { display: grid; gap: 8px; align-content: start; border-top: 4px solid var(--ink); padding-top: 18px; }
.lp-steps b { font-family: var(--f-display); font-weight: 850; font-variation-settings: "wdth" 70; font-stretch: 70%; font-size: 1.5rem; line-height: 1.05; text-transform: uppercase; }
.lp-steps span:not(.lp-step-n) { font-size: 1.1rem; line-height: 1.45; }
.lp-step-n { font-family: var(--f-mono); font-size: .8rem; letter-spacing: .14em; color: var(--rust); }
.lp-final { text-align: left; }
.lp-final .h2-like { margin-bottom: 28px; max-width: 18ch; }
.lp-head-call span { font-variant-numeric: tabular-nums; }
.lp-foot .foot-low { padding-top: 22px; padding-bottom: 22px; }
@media (max-width: 860px) {
  .lp-steps { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .k-lp main { padding-bottom: 60px; }
}