/* How we verify (/how-we-verify/) */
.vf-hero { background: linear-gradient(135deg, #0B263E 0%, #123a5c 60%, #0f4a6f 100%); color: #fff; padding: 30px 0 64px; }
.vf-hero .crumbs { color: rgba(255, 255, 255, .75); }
.vf-hero .crumbs a:hover { color: #fff; }
.vf-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; align-items: center; margin-top: 20px; }
.vf-eyebrow { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #6fd0f5; }
.vf-hero h1 { color: #fff; font-size: clamp(32px, 4vw, 48px); margin-bottom: 16px; }
.vf-lead { font-size: 18px; line-height: 1.65; color: rgba(255, 255, 255, .85); max-width: 640px; }
.vf-pills { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 0; padding: 0; }
.vf-pills li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px; font-size: 14px; font-weight: 600; background: rgba(255, 255, 255, .06); }
.vf-pills svg { color: #6fd0f5; }
.vf-badge { justify-self: center; display: flex; flex-direction: column; align-items: center; width: 240px; padding: 34px 20px; border-radius: 22px; background: #fff; color: var(--navy); box-shadow: 0 24px 60px rgba(0, 0, 0, .3); text-align: center; }
.vf-badge__seal { display: grid; place-items: center; width: 96px; height: 96px; border-radius: 50%; background: #EAF6FB; color: var(--blue); margin-bottom: 14px; box-shadow: 0 0 0 8px #F4FAFD; }
.vf-badge__title { margin: 0; font-size: 20px; font-weight: 800; }
.vf-badge__sub { margin: 2px 0 0; font-size: 13px; color: var(--muted); }

.vf-sec { padding-top: 72px; padding-bottom: 72px; }
.vf-band { background: var(--gray-2); }
.vf-h2 { text-align: center; margin-bottom: 36px; }
.vf-h2--left { text-align: left; margin-bottom: 20px; }

.vf-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; counter-reset: none; position: relative; }
.vf-steps::before { content: ''; position: absolute; top: 21px; left: 12%; right: 12%; height: 2px; background: repeating-linear-gradient(90deg, #BFE3F2 0 8px, transparent 8px 14px); }
.vf-steps li { position: relative; text-align: center; padding: 0 8px; }
.vf-steps__n { position: relative; display: grid; place-items: center; width: 44px; height: 44px; margin: 0 auto 16px; border-radius: 50%; background: var(--blue); color: #fff; font-weight: 800; font-size: 18px; box-shadow: 0 0 0 6px #fff; }
.vf-steps h3 { font-size: 17px; margin-bottom: 6px; }
.vf-steps p { margin: 0; color: #3d5266; font-size: 15px; }

.vf-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.vf-card { background: #fff; border: 1px solid #e6e6e6; border-radius: 14px; padding: 24px; }
.vf-card h3 { font-size: 17px; margin: 16px 0 6px; }
.vf-card p { margin: 0; color: #3d5266; font-size: 15px; }
.vf-card--accent { border: 2px solid var(--blue); }
.vf-tile { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: #EAF6FB; color: var(--blue); }
.vf-tile--sm { width: 38px; height: 38px; border-radius: 10px; flex: none; }

.vf-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.vf-keep { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
.vf-keep li { display: flex; gap: 14px; align-items: flex-start; color: #3d5266; }
.vf-keep strong { color: var(--navy); }
.vf-limits { padding: 30px; border-radius: 16px; background: #FFF8EC; border: 1px solid #F3DDB0; }
.vf-limits p { color: #5b4a2b; }
.vf-limits ul { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 10px; }
.vf-limits li { display: flex; align-items: center; gap: 10px; font-weight: 600; }
.vf-limits li svg { flex: none; color: #C0392B; background: #FBE3E1; border-radius: 50%; padding: 3px; width: 22px; height: 22px; }
.vf-limits__note { margin: 0; font-size: 14px; }

.vf-todo { list-style: none; counter-reset: todo; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.vf-todo li { counter-increment: todo; background: #fff; border-radius: 14px; padding: 24px 22px; border: 1px solid #e6e6e6; }
.vf-todo li::before { content: counter(todo, decimal-leading-zero); display: block; font-size: 28px; font-weight: 800; color: #BFE3F2; margin-bottom: 8px; line-height: 1; }
.vf-todo strong { display: block; font-size: 17px; margin-bottom: 6px; }
.vf-todo span { color: #3d5266; font-size: 15px; }

.vf-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px 40px; flex-wrap: wrap; padding: 36px 40px; border-radius: 18px; background: #EAF6FB; }
.vf-cta h2 { margin-bottom: 6px; }
.vf-cta p { margin: 0; color: #3d5266; }
.vf-cta__btns { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.vf-cta__link { font-weight: 600; text-decoration: none; font-size: 14px; }

@media (max-width: 960px) {
  .vf-hero__grid, .vf-two { grid-template-columns: 1fr; }
  .vf-badge { display: none; }
  .vf-steps, .vf-todo { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
  .vf-steps::before { display: none; }
  .vf-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .vf-sec { padding-top: 52px; padding-bottom: 52px; }
  .vf-steps, .vf-todo, .vf-grid { grid-template-columns: 1fr; }
  .vf-steps li { text-align: left; display: grid; grid-template-columns: 44px 1fr; column-gap: 16px; padding: 0; }
  .vf-steps__n { grid-row: span 2; margin: 0; }
  .vf-cta { padding: 26px 22px; }
  .vf-cta__btns { align-items: stretch; width: 100%; }
}