/**
 * App-download landing pages — scoped on body.pk-app-download-landing.home-abs
 */

body.pk-app-download-landing > main,
body.pk-app-download-landing #pk-app-download-landing {
  margin-top: 0;
}

body.pk-app-download-landing .pk-app-landing-hero .eyebrow {
  display: inline-flex;
  margin-bottom: 16px;
}

/* Mailer-specific kicker (tracked directory picks) — HiW scale, not a quote. */
body.pk-app-download-landing .pk-app-landing-kicker {
  display: block;
  margin: 20px 0 0;
  padding: 18px 22px 18px 20px;
  border: 0;
  border-left: 3px solid var(--pk-abs-border, #e5e5e5);
  border-radius: 0 12px 12px 0;
  background: var(--pk-abs-surface-warm, #fafaf8);
  max-width: 52ch;
}

body.pk-app-download-landing .pk-app-landing-kicker__text {
  margin: 0;
  font-size: clamp(17px, 2.5vw, 22px);
  font-weight: 800;
  line-height: 1.38;
  color: var(--pk-abs-text, #202a37);
}

/* With mailer kicker: H1 matches HiW hero scale (smaller than default free-trial). */
body.pk-app-download-landing .pk-app-landing-hero--mailer h1 {
  font-size: clamp(40px, 5vw, 60px);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  margin: 14px 0 0;
}

body.pk-app-download-landing .pk-app-landing-hero--mailer .hero-sub {
  margin-top: 20px;
}

/* Mobile: badges inside hero-cta replace QR (homepage pattern). */
body.pk-app-download-landing .pk-app-landing-hero .hero-badges-mobile {
  display: none;
}

@media (max-width: 720px) {
  body.pk-app-download-landing .pk-app-landing-hero .hero-qr {
    display: none;
  }

  body.pk-app-download-landing .pk-app-landing-hero .hero-badges-mobile {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
  }

  body.pk-app-download-landing .pk-app-landing-kicker {
    max-width: none;
    margin-bottom: 14px;
    padding: 14px 16px 14px 14px;
  }

  body.pk-app-download-landing .final-qr-desktop {
    display: none;
  }

  body.pk-app-download-landing .final-badges-mobile {
    display: flex;
  }

  body.pk-app-download-landing .final-cta-image {
    height: 280px;
  }
}