/* /nfc only: the hero checks and the Android note. Tokens from site.css (BRAND); no shadows or gradients. */
.nf-checks { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.nf-checks li { position: relative; padding-left: 32px; font-weight: 700; color: var(--kz-plum); line-height: 1.6; }
.nf-checks li::before {
  content: ""; position: absolute; left: 0; top: .25em; width: 20px; height: 20px; border-radius: 50%; background: var(--kz-blush) no-repeat center / 12px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.4 2.4 4.6-5' fill='none' stroke='%23BE1F60' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.nf-checks-l li { font-weight: 400; color: var(--kz-mauve); }
.val .nf-checks-l { margin-top: 18px; }
.nf-note { margin-top: 20px; padding: 14px 18px; border: 1px solid var(--mk-line); border-radius: 16px; background: var(--kz-paper); color: var(--kz-plum); font-size: 15px; font-weight: 700; line-height: 1.7; }
.nf-hero-img img { display: block; width: 100%; max-width: 320px; height: auto; margin: 0 auto; border-radius: 32px; background: var(--kz-blush); }