@charset "UTF-8";

.whyBlock{padding:28px 0 24px;}
.whyBlock .container{
  background:#fff;
  border-radius:8px;
  padding:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.whyBlock__check{color:var(--teal);font-weight:700;margin-right:8px;}
.whyBlock__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:16px;}
.whyBlock__title{flex:1 1 auto;}
.whyBlock__title h2{margin:0;color:var(--brand);font-size:22px;line-height:1.1;font-weight:700;letter-spacing:-.02em;}
.whyBlock__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0 14px;}
.whyBlock__card{
  border:1px solid var(--line);
  border-radius:8px;
  padding:16px;
  box-shadow:0 10px 24px rgba(10,25,45,.08);
  background:#fff;
}
.whyBlock__card h3{margin:0 0 6px;font-size:14px;color:var(--navy);}
.whyBlock__card p{margin:0;font-size:14px;color:#5c6b7a;line-height:1.55;}
.whyBlock__trust{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 10px 24px rgba(10,25,45,.08);
  padding:16px 24px 20px;
  margin-top:8px;
  overflow:hidden;
}
.whyBlock__trustHead h3{margin:0;color:var(--navy);font-size:16px;line-height:1.2;font-weight:600;}
.whyBlock__trustRow{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.whyBlock__stat{display:flex;align-items:baseline;gap:6px;}
.whyBlock__num{font-size:1.8rem;font-weight:700;color:var(--navy);}
.whyBlock__label{font-size:.95rem;color:#4f6175;}
.whyBlock__updated{margin-left:auto;font-size:.85rem;color:#4f6175;}

.btn.refBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:8px;
  border:1px solid var(--navy);
  background:var(--navy);
  color:#fff;
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  line-height:1;
  transition:background .18s ease, transform .18s ease;
}

.btn.refBtn:hover{
  background:#001f46;
  transform:translateY(-1px);
}

@media (max-width: 700px){
  .whyBlock{padding:20px 0 16px;}
  .whyBlock__head{display:block;margin-bottom:14px;}
  .whyBlock__title h2{font-size:24px;line-height:1.15;margin:0 0 6px;}
  .whyBlock__grid{grid-template-columns:1fr;gap:10px;margin-bottom:12px;}
  .whyBlock__card{padding:14px 14px 13px;}
  .whyBlock__card h3{font-size:15px;line-height:1.35;}
  .whyBlock__trust{padding:14px 14px 12px;margin-top:0;}
  .whyBlock__trustRow{display:block;}
  .whyBlock__stat{margin-bottom:8px;}
  .whyBlock__num{font-size:22px;}
  .whyBlock__label{font-size:14px;line-height:1.4;}
  .whyBlock__updated{display:block;margin:6px 0 0;font-size:13px;white-space:normal;}
}