/* ===== Verification Hub ===== */

.verify-page{max-width:760px; margin:0 auto; padding:72px 32px 96px; text-align:center}
.verify-page .page-title{font-size:38px; margin:0 0 16px}
.verify-page .page-lead{
  font-size:14.5px; line-height:1.8; color:var(--sub);
  margin:0 auto 44px; max-width:520px; text-wrap:pretty;
}

/* Larger card than the home-page teaser: roomier padding, bigger QR, bigger input. */
.verify-page .verify-card{padding:40px; text-align:left}
.verify-page .verify-head{gap:24px; margin-bottom:28px; flex-wrap:wrap}
.verify-page .qr{
  width:110px; height:110px; padding:10px;
  background:
    repeating-linear-gradient(0deg, var(--navy) 0 7px, #fff 7px 14px),
    repeating-linear-gradient(90deg, var(--navy) 0 7px, #fff 7px 14px);
  background-blend-mode:screen;
}
.verify-page .verify-head > div:last-child{flex:1; min-width:220px}
.verify-page .vt1{font-size:13px; letter-spacing:.08em; margin-bottom:6px}
.verify-page .vt2{font-size:12.5px; color:var(--sub); line-height:1.7; margin-top:0}
.verify-page .verify-row input{padding:14px 16px; font-size:14px}
.verify-page .verify-row .btn{padding:14px 26px}
.verify-page .verify-hint{margin-top:22px; font-size:11.5px}

@media (max-width:600px){
  .verify-page{padding:48px 20px 72px}
  .verify-page .verify-card{padding:28px}
}

/* Verification Hub uses a tighter eyebrow gap than the home hero. */
.verify-page .eyebrow{letter-spacing:.28em; margin-bottom:16px}