/* v56: Compact Why HL3C block — only changes from the original Service Area / Why HL3C section downward. */
.brand-v4-trust{
  padding:clamp(44px,5vw,72px) 22px!important;
  background:
    radial-gradient(circle at 12% 24%, rgba(34,197,194,.16), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(59,130,246,.14), transparent 34%),
    linear-gradient(180deg,#f7f5ee 0%,#eef6f6 100%)!important;
}

.brand-v4-trust-card{
  max-width:1500px!important;
  margin:0 auto!important;
  padding:clamp(26px,3vw,38px)!important;
  display:grid!important;
  grid-template-columns:minmax(320px,.82fr) minmax(620px,1.45fr)!important;
  column-gap:clamp(28px,4vw,60px)!important;
  row-gap:24px!important;
  align-items:center!important;
  border-radius:32px!important;
  background:
    linear-gradient(135deg,rgba(12,28,46,.96) 0%,rgba(21,73,85,.92) 48%,rgba(255,255,255,.92) 48.2%,rgba(255,255,255,.78) 100%)!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:0 24px 65px rgba(15,23,42,.14)!important;
  overflow:hidden!important;
  position:relative!important;
}

.brand-v4-trust-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:7px;
  background:linear-gradient(180deg,#62f1df,#5b7cff,#ffbe5c,#ff6f90)!important;
}

.brand-v4-trust-card > span,
.brand-v4-trust-card h2,
.brand-v4-trust-card > p{
  grid-column:1!important;
  position:relative!important;
  z-index:1!important;
}

.brand-v4-trust-card > span{
  color:#a7fff0!important;
  letter-spacing:.19em!important;
  font-size:13px!important;
  font-weight:950!important;
  margin:0 0 12px!important;
}

.brand-v4-trust-card h2{
  max-width:520px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(28px,2.3vw,42px)!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
  text-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}

.brand-v4-trust-card > p{
  max-width:520px!important;
  margin:16px 0 0!important;
  color:rgba(238,247,255,.78)!important;
  font-size:clamp(15px,1vw,18px)!important;
  line-height:1.75!important;
  font-weight:650!important;
  text-shadow:none!important;
}

.brand-v4-trust-grid{
  grid-column:2!important;
  grid-row:1 / span 3!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  position:relative!important;
  z-index:1!important;
}

.brand-v4-trust-grid div{
  min-height:112px!important;
  padding:18px 20px 18px 22px!important;
  border-radius:22px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:14px!important;
  row-gap:6px!important;
  align-items:start!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-top:0!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(12px)!important;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease!important;
}

.brand-v4-trust-grid div:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 48px rgba(15,23,42,.13)!important;
  border-color:rgba(76,125,255,.26)!important;
}

.brand-v4-trust-grid div::before{
  content:"";
  grid-column:1 / -1;
  height:4px;
  width:100%;
  border-radius:999px;
  margin:-18px 0 10px;
  background:#21c4bb;
}
.brand-v4-trust-grid div:nth-child(2)::before{background:#4c7dff;}
.brand-v4-trust-grid div:nth-child(3)::before{background:#ffb84d;}
.brand-v4-trust-grid div:nth-child(4)::before{background:#ff6b8a;}

.brand-v4-trust-grid strong{
  grid-column:1!important;
  grid-row:2 / span 2!important;
  display:inline-flex!important;
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  color:#fff!important;
  background:linear-gradient(135deg,#2563eb,#24b7ad)!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:950!important;
}
.brand-v4-trust-grid div:nth-child(2) strong{background:linear-gradient(135deg,#4c7dff,#7c5cff)!important;}
.brand-v4-trust-grid div:nth-child(3) strong{background:linear-gradient(135deg,#f59e0b,#f97316)!important;}
.brand-v4-trust-grid div:nth-child(4) strong{background:linear-gradient(135deg,#fb7185,#e11d48)!important;}

.brand-v4-trust-grid span{
  grid-column:2!important;
  grid-row:2!important;
  display:block!important;
  margin:0!important;
  color:#101827!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:950!important;
}

.brand-v4-trust-grid p{
  grid-column:2!important;
  grid-row:3!important;
  margin:0!important;
  color:#526173!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:650!important;
  text-shadow:none!important;
}

/* Slightly separate the following CTA from the compact Why block */
.brand-v4-cta{
  margin-top:0!important;
  background:linear-gradient(135deg,#0f172a 0%,#173b5b 54%,#16a394 100%)!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
}

@media (max-width:1100px){
  .brand-v4-trust-card{
    grid-template-columns:1fr!important;
    background:linear-gradient(135deg,rgba(12,28,46,.96) 0%,rgba(21,73,85,.92) 42%,rgba(255,255,255,.88) 42.2%,rgba(255,255,255,.78) 100%)!important;
  }
  .brand-v4-trust-grid{
    grid-column:1!important;
    grid-row:auto!important;
    margin-top:8px!important;
  }
  .brand-v4-trust-card h2,
  .brand-v4-trust-card > p{max-width:760px!important;}
}

@media (max-width:720px){
  .brand-v4-trust{padding:34px 16px!important;}
  .brand-v4-trust-card{padding:24px!important;border-radius:26px!important;}
  .brand-v4-trust-grid{grid-template-columns:1fr!important;}
  .brand-v4-trust-grid div{min-height:0!important;}
}