
/* v857 — Check Status approved design rebuild */
.check-match-v857{
  --check-blue:#0f64e8;
  --check-blue2:#1f66d1;
  --check-dark:#071a3a;
  --check-text:#31496f;
  --check-line:#dce7f5;
  --check-soft:#f5f9ff;
  background:#fff;
}
.check-match-v857 .topbar{
  background:#071c3e!important;
}
.check-match-v857 .topbar .nav{
  min-height:78px;
}
.check-match-v857 .nav-apply-btn,
.check-match-v857 .mobile-only.emergency-apply-red-v787GM{
  background:#0f64e8!important;
  color:#fff!important;
  border-radius:999px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(15,100,232,.25)!important;
}
.check-match-page-v857{
  background:
    radial-gradient(circle at 18% 28%, rgba(216,234,255,.62), transparent 34%),
    linear-gradient(180deg,#f7fbff 0%,#ffffff 64%);
  min-height:calc(100vh - 80px);
}

/* Hero with image */
.check-match-hero-v857{
  position:relative;
  min-height:360px;
  overflow:hidden;
  border-bottom:1px solid #dbe7f5;
}
.check-match-hero-bg-v857{
  position:absolute;
  inset:0;
  background:#eaf4ff;
}
.check-match-hero-bg-v857:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.92) 31%,rgba(247,251,255,.48) 52%,rgba(247,251,255,.10) 100%),
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(247,251,255,.88));
  pointer-events:none;
}
.check-match-hero-bg-v857:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:2;
  height:32%;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(247,251,255,.95));
}
.check-match-hero-bg-v857 img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transform:scale(1.01);
}
.check-match-hero-inner-v857{
  position:relative;
  z-index:3;
  min-height:360px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  align-items:center;
  gap:38px;
  padding:46px 0 42px;
}
.check-match-copy-v857{
  max-width:810px;
}
.check-match-kicker-row-v857{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
}
.check-match-kicker-icon-v857{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#edf5ff;
  border:1px solid #d8e7fb;
  color:#0f64e8;
  font-size:13px;
  font-family:Arial,sans-serif;
  font-weight:950;
}
.check-match-kicker-v857{
  color:#0f64e8;
  font-size:16px;
  font-weight:950;
  letter-spacing:.06em;
}
.check-match-copy-v857 h1{
  margin:0;
  color:#071a3a;
  font-size:clamp(44px,5.1vw,76px);
  line-height:1.08;
  letter-spacing:-.058em;
  font-weight:950;
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
.check-match-copy-v857 p{
  margin:24px 0 0;
  max-width:820px;
  color:#31496f;
  font-size:20px;
  line-height:1.68;
}
.check-match-privacy-badge-v857{
  align-self:end;
  margin-bottom:18px;
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  align-items:center;
  padding:18px 20px;
  border:1px solid #dce7f5;
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 16px 40px rgba(15,35,70,.11);
  backdrop-filter:saturate(125%) blur(8px);
}
.check-match-privacy-badge-v857 > span{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#edf5ff;
  color:#0f64e8;
  border:1px solid #d8e7fb;
  font-size:24px;
  font-family:Arial,sans-serif;
  font-weight:950;
}
.check-match-privacy-badge-v857 strong{
  display:block;
  color:#071a3a;
  font-size:16px;
  font-weight:950;
  margin-bottom:5px;
}
.check-match-privacy-badge-v857 p{
  margin:0;
  color:#31496f;
  font-size:15px;
  line-height:1.45;
}

/* Main card area */
.check-match-body-v857{
  position:relative;
  padding:0 0 58px;
}
.check-match-grid-v857{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);
  gap:28px;
  align-items:stretch;
  margin-top:-26px;
  position:relative;
  z-index:4;
}
.check-match-card-v857{
  border:1px solid #dce7f5;
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 44px rgba(15,35,70,.075);
  padding:34px;
  overflow:hidden;
  position:relative;
}
.check-match-card-v857:after{
  content:"";
  position:absolute;
  right:-60px;
  top:-70px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(31,102,209,.055),rgba(31,102,209,0) 68%);
  pointer-events:none;
}
.check-match-card-head-v857{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:20px;
}
.check-match-card-head-v857 > span{
  width:62px;
  height:62px;
  flex:0 0 62px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#edf5ff;
  border:1px solid #d8e7fb;
  color:#0f64e8;
  font-family:Arial,sans-serif;
  font-size:28px;
  font-weight:950;
  box-shadow:0 10px 22px rgba(15,100,232,.10);
}
.check-match-card-head-v857 h2{
  margin:0;
  color:#071a3a;
  font-size:clamp(25px,2vw,33px);
  line-height:1.15;
  letter-spacing:-.03em;
  font-weight:950;
}
.check-match-muted-v857{
  margin:0 0 22px;
  color:#31496f;
  font-size:18px;
  line-height:1.6;
}
.check-match-muted-v857 strong{
  color:#0f64e8;
}
.check-match-label-v857{
  display:block;
  color:#071a3a;
  font-weight:900;
  margin-bottom:10px;
}
.check-match-input-wrap-v857{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
}
.check-match-input-wrap-v857 input{
  width:100%;
  min-height:58px;
  border:1px solid #cfdced;
  border-radius:14px;
  background:#fff;
  color:#071a3a;
  font-size:18px;
  padding:0 18px;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.check-match-input-wrap-v857 input:focus{
  border-color:#0f64e8;
  box-shadow:0 0 0 4px rgba(15,100,232,.14);
}
.check-match-submit-v857{
  min-height:58px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#0657e8,#0074f5);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  font-size:19px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(15,100,232,.23);
  transition:transform .18s ease, box-shadow .18s ease;
}
.check-match-submit-v857:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(15,100,232,.30);
}
.check-match-submit-v857 span{
  font-size:27px;
  line-height:1;
  transform:translateY(-1px);
}
.check-match-safe-v857,
.check-match-note-v857{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  align-items:center;
  border:1px solid #e4edf8;
  border-radius:14px;
  background:#f1f7ff;
  margin-top:24px;
  padding:16px 18px;
}
.check-match-safe-v857 span,
.check-match-note-v857 span{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#0f64e8;
  color:#fff;
  font-size:20px;
  font-family:Arial,sans-serif;
  font-weight:950;
}
.check-match-safe-v857 p,
.check-match-note-v857 p{
  margin:0;
  color:#31496f;
  font-size:15px;
  line-height:1.5;
}
.check-match-note-v857{
  margin:24px 0 22px;
}
.check-match-note-v857 span{
  background:#edf5ff;
  color:#0f64e8;
  border:1px solid #d8e7fb;
}
.check-match-help-list-v857{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  display:grid;
  gap:18px;
}
.check-match-help-list-v857 li{
  position:relative;
  padding-left:42px;
  color:#31496f;
  font-size:18px;
  line-height:1.58;
}
.check-match-help-list-v857 li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:2px;
  width:27px;
  height:27px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#0f64e8;
  color:#fff;
  font-size:14px;
  font-weight:950;
}
.check-match-support-btn-v857{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border:1px solid #cfdced;
  border-radius:999px;
  background:#fff;
  color:#0f64e8;
  text-decoration:none;
  font-weight:950;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.check-match-support-btn-v857:hover{
  transform:translateY(-1px);
  border-color:#0f64e8;
  box-shadow:0 12px 24px rgba(15,100,232,.14);
}
.check-match-result-v857{
  margin-top:20px;
}

/* proof strip */
.check-match-proof-strip-v857{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1px solid #dce7f5;
  border-radius:20px;
  background:rgba(255,255,255,.96);
  box-shadow:0 16px 38px rgba(15,35,70,.06);
  overflow:hidden;
}
.check-match-proof-strip-v857 article{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:18px;
  align-items:center;
  padding:24px;
  border-left:1px solid #dce7f5;
}
.check-match-proof-strip-v857 article:first-child{
  border-left:0;
}
.check-match-proof-strip-v857 article > span{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#edf5ff;
  color:#0f64e8;
  border:1px solid #d8e7fb;
  font-family:Arial,sans-serif;
  font-size:25px;
  font-weight:950;
}
.check-match-proof-strip-v857 strong{
  display:block;
  color:#071a3a;
  font-size:17px;
  font-weight:950;
  margin-bottom:5px;
}
.check-match-proof-strip-v857 p{
  margin:0;
  color:#31496f;
  font-size:15px;
  line-height:1.45;
}

/* tracking result cards coming from existing JS */
.check-match-result-v857 .status-result,
.check-match-result-v857 > div{
  border-radius:16px!important;
}

/* responsive */
@media(max-width:1100px){
  .check-match-hero-inner-v857,
  .check-match-grid-v857{
    grid-template-columns:1fr;
  }
  .check-match-privacy-badge-v857{
    max-width:420px;
    margin-bottom:0;
  }
  .check-match-proof-strip-v857{
    grid-template-columns:repeat(2,1fr);
  }
  .check-match-proof-strip-v857 article:nth-child(3){
    border-left:0;
    border-top:1px solid #dce7f5;
  }
  .check-match-proof-strip-v857 article:nth-child(4){
    border-top:1px solid #dce7f5;
  }
}
@media(max-width:760px){
  .check-match-hero-v857{
    min-height:auto;
  }
  .check-match-hero-inner-v857{
    min-height:420px;
    padding:34px 0 32px;
  }
  .check-match-hero-bg-v857:before{
    background:
      linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.86) 56%,rgba(247,251,255,.24) 100%),
      linear-gradient(180deg,rgba(255,255,255,.05),rgba(247,251,255,.94));
  }
  .check-match-copy-v857 h1{
    font-size:42px;
  }
  .check-match-copy-v857 p{
    font-size:17px;
  }
  .check-match-card-v857{
    padding:24px 20px;
    border-radius:18px;
  }
  .check-match-card-head-v857{
    align-items:flex-start;
  }
  .check-match-card-head-v857 > span{
    width:50px;
    height:50px;
    flex-basis:50px;
    font-size:22px;
  }
  .check-match-help-list-v857 li{
    font-size:16px;
  }
  .check-match-proof-strip-v857{
    grid-template-columns:1fr;
  }
  .check-match-proof-strip-v857 article,
  .check-match-proof-strip-v857 article:nth-child(3),
  .check-match-proof-strip-v857 article:nth-child(4){
    border-left:0;
    border-top:1px solid #dce7f5;
  }
  .check-match-proof-strip-v857 article:first-child{
    border-top:0;
  }
}
@media(max-width:480px){
  .check-match-copy-v857 h1{
    font-size:36px;
  }
  .check-match-hero-inner-v857{
    min-height:390px;
  }
  .check-match-privacy-badge-v857{
    grid-template-columns:44px 1fr;
    padding:15px;
  }
  .check-match-privacy-badge-v857 > span{
    width:40px;
    height:40px;
  }
}
