.proofs .proof .proof-icon.proof-art {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--blue);
  overflow: visible;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.proofs .proof .proof-icon.proof-art svg {
  width: 56px;
  height: 56px;
  stroke: currentColor;
  overflow: visible;
}
.proofs .proof .proof-icon.proof-art::before,
.proofs .proof .proof-icon.proof-art::after { content: none; animation: none; }
.js .proof-grid.is-visible .proof .proof-icon.proof-art,
.js .proof-grid.is-visible .proof .proof-icon.proof-art > svg { animation: none; transform: none; }
.proof-art svg path,
.proof-art svg g,
.proof-art svg rect,
.proof-art svg circle { transform-box: fill-box; transform-origin: center; }
.proof-art .proof-secure-shield { animation: proofSecureBreathe 4s ease-in-out infinite; }
.proof-art .proof-secure-lock { animation: proofLockSettle 4s ease-in-out infinite; }
.proof-art .proof-secure-shackle { animation: proofShackleClose 4s ease-in-out infinite; }
.proof-art .proof-secure-check { stroke-dasharray: 1; animation: proofStrokeConfirm 4s ease-in-out infinite; }
.proof-art .proof-secure-light { animation: proofSecureLight 4s ease-in-out infinite; }
.proof-art .proof-analysis-scan { opacity: 0; animation: proofAnalysisScan 3.8s cubic-bezier(.4,0,.2,1) infinite; }
.proof-art .proof-analysis-line { animation: proofAnalysisLine 3.8s ease-in-out infinite; transform-origin: left center; }
.proof-art .proof-analysis-line-second { animation-delay: .2s; }
.proof-art .proof-analysis-line-third { animation-delay: .65s; }
.proof-art .proof-analysis-line-fourth { animation-delay: .85s; }
.proof-art .proof-analysis-tile { animation: proofAnalysisTile 3.8s ease-in-out .5s infinite; }
.proof-art .proof-analysis-check { animation: proofBadgeConfirm 3.8s ease-in-out .7s infinite; }
.proof-art .proof-analysis-tick { stroke-dasharray: 1; animation: proofStrokeConfirm 3.8s ease-in-out .7s infinite; }
.proof-art .proof-account-head { animation: proofProfileHead 4.2s ease-in-out infinite; }
.proof-art .proof-account-body { animation: proofProfileBody 4.2s ease-in-out infinite; }
.proof-art .proof-account-outline { animation: proofSecureLight 4.2s ease-in-out infinite; }
.proof-art .proof-account-badge { animation: proofBadgeConfirm 4.2s ease-in-out .35s infinite; }
.proof-art .proof-account-free { stroke-dasharray: 1; animation: proofStrokeConfirm 4.2s ease-in-out .35s infinite; }
.proof-art .proof-device { animation: proofDeviceLift 4s ease-in-out infinite; }
.proof-art .proof-device-ipad { animation-delay: .3s; }
.proof-art .proof-device-phone { animation-delay: .6s; }
.proof-art .proof-device-check { stroke-dasharray: 1; animation: proofStrokeConfirm 4s ease-in-out infinite; }
.proof-art .proof-device-check-mac { animation-delay: .15s; }
.proof-art .proof-device-check-ipad { animation-delay: .45s; }
.proof-art .proof-device-check-phone { animation-delay: .75s; }
.proof .proof-art svg * { animation-play-state: paused; }
.proof.proof-motion-playing .proof-art svg * { animation-play-state: running; }
@keyframes proofSecureBreathe {
  0%, 100% { transform: scale(1); }
  30% { transform: scale(1.045); }
  65% { transform: scale(.985); }
}
@keyframes proofLockSettle {
  0%, 100% { transform: translateY(0); }
  20% { transform: translateY(-2px); }
  45% { transform: translateY(1px); }
  65% { transform: translateY(0); }
}
@keyframes proofShackleClose {
  0%, 60%, 100% { transform: translateY(0); }
  18% { transform: translateY(-2px); }
  35% { transform: translateY(0); }
}
@keyframes proofStrokeConfirm {
  0%, 100% { stroke-dashoffset: 0; opacity: 1; }
  12% { stroke-dashoffset: 1; opacity: .4; }
  42%, 75% { stroke-dashoffset: 0; opacity: 1; }
}
@keyframes proofSecureLight {
  0%, 100% { opacity: .4; }
  35% { opacity: 1; }
  70% { opacity: .65; }
}
@keyframes proofAnalysisScan {
  0% { opacity: 0; transform: translateY(-13px); }
  10% { opacity: .9; transform: translateY(-13px); }
  65% { opacity: .9; transform: translateY(18px); }
  78%, 100% { opacity: 0; transform: translateY(18px); }
}
@keyframes proofAnalysisLine {
  0%, 100% { transform: scaleX(1); opacity: .8; }
  20% { transform: scaleX(.65); opacity: .4; }
  48%, 70% { transform: scaleX(1); opacity: 1; }
}
@keyframes proofAnalysisTile {
  0%, 100% { transform: scale(1); opacity: .7; }
  25% { transform: scale(.8); opacity: .4; }
  50% { transform: scale(1.12); opacity: 1; }
  75% { transform: scale(1); opacity: 1; }
}
@keyframes proofBadgeConfirm {
  0%, 100% { transform: scale(1); }
  20% { transform: scale(.93); }
  48% { transform: scale(1.08); }
  70% { transform: scale(1); }
}
@keyframes proofProfileHead {
  0%, 100% { transform: translateY(0); }
  30% { transform: translateY(-2px); }
  65% { transform: translateY(1px); }
}
@keyframes proofProfileBody {
  0%, 100% { transform: scaleX(1); }
  35% { transform: scaleX(1.045); }
  70% { transform: scaleX(.985); }
}
@keyframes proofDeviceLift {
  0%, 100% { transform: translateY(0); }
  30% { transform: translateY(-2px); }
  65% { transform: translateY(1px); }
}
@media (max-width: 640px) {
  .proofs .proof .proof-icon.proof-art svg { width: 52px; height: 52px; }
}
@media (prefers-reduced-motion: reduce) {
  .proof .proof-art svg * { animation: none; transform: none; opacity: 1; stroke-dashoffset: 0; }
  .proof-art .proof-analysis-scan { opacity: 0; }
}

.proofs { padding: 44px 0 52px; }
.proofs .proof-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-radius: 24px;
  border-color: rgba(121, 157, 211, .14);
  background: linear-gradient(120deg, rgba(255,255,255,.82), rgba(245,249,255,.68));
  box-shadow: 0 12px 32px rgba(45,75,120,.045), inset 0 1px 0 #fff;
}
.proofs .proof { padding: 22px 18px; }
.proofs .proof + .proof { border-left-color: rgba(121,157,211,.12); }
.proofs .proof strong { margin-bottom: 6px; font-size: 16px; line-height: 1.3; }
.proofs .proof > span:not(.proof-icon) { display: block; max-width: 240px; margin: 0 auto; font-size: 14px; line-height: 1.5; }
.proofs .proof .proof-icon.proof-art { width: 56px; height: 56px; margin: 0 auto 12px;  }
.proofs .proof .proof-icon.proof-art svg { width: 56px; height: 56px; }
.proofs .proofs-actions { margin-top: 28px; padding: 0 14px; }
.proofs .proof-requirement { margin-top: 10px; padding: 0 14px; font-size: 14px; line-height: 1.4; color: var(--muted); }
@media (min-width: 641px) and (max-width: 980px) {
  .proofs { padding-top: 40px; }
  .proofs .proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .proofs .proof:nth-child(3) { border-left: 0; }
  .proofs .proof:nth-child(n+3) { border-top: 1px solid rgba(121,157,211,.12); }
}
@media (max-width: 640px) {
  .proofs { padding: 32px 0 40px; }
  .proofs .proof-grid { grid-template-columns: 1fr; border-radius: 20px; }
  .proofs .proof { display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 14px; align-items: center; padding: 16px; text-align: left; }
  .proofs .proof + .proof { border-left: 0; border-top: 1px solid rgba(121,157,211,.12); }
  .proofs .proof .proof-icon.proof-art { grid-column: 1; grid-row: 1 / span 2; width: 52px; height: 52px; margin: 0; }
  .proofs .proof .proof-icon.proof-art svg { width: 52px; height: 52px; }
  .proofs .proof strong { grid-column: 2; align-self: end; margin: 0 0 4px; }
  .proofs .proof > span:not(.proof-icon) { grid-column: 2; align-self: start; max-width: none; margin: 0; }
  .proofs .proofs-actions { margin-top: 24px; }
  .proofs .proofs-actions .button { width: min(100%, 420px); }
}
