/* WEBTRUST_PREMIUM_FOUNDATION_V1 */

.wt-foundation{
  padding:82px 0 96px;
}

.wt-foundation-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.wt-foundation-card{
  min-width:0;
  padding:26px 24px;
  border:1px solid var(--wt-line);
  border-radius:19px;
  background:linear-gradient(180deg,rgba(50,8,20,.80),rgba(23,3,9,.95));
  box-shadow:0 20px 52px rgba(0,0,0,.22);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.wt-foundation-card:hover{
  transform:translateY(-5px);
  border-color:var(--wt-line-strong);
  box-shadow:0 27px 64px rgba(0,0,0,.30);
}

.wt-foundation-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin-bottom:17px;
  border:1px solid rgba(218,170,66,.48);
  border-radius:50%;
  color:var(--wt-gold-light);
  background:rgba(218,170,66,.05);
  font-size:24px;
}

.wt-foundation-card h3{
  margin:0 0 9px;
  color:var(--wt-gold-light);
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
}

.wt-foundation-card p{
  margin:0;
  color:var(--wt-muted);
  font-size:14px;
  line-height:1.62;
}

.wt-foundation-status{
  margin-top:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:24px 28px;
  border:1px solid rgba(218,170,66,.50);
  border-radius:18px;
  background:
    radial-gradient(circle at 85% 50%,rgba(218,170,66,.08),transparent 28%),
    linear-gradient(135deg,rgba(54,8,21,.90),rgba(22,3,9,.97));
}

.wt-foundation-status span{
  display:block;
  margin-bottom:5px;
  color:var(--wt-gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.wt-foundation-status strong{
  color:var(--wt-gold-light);
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
}

.wt-foundation-status-badge{
  flex:0 0 auto;
  padding:10px 14px;
  border:1px solid rgba(218,170,66,.42);
  border-radius:999px;
  color:var(--wt-gold-light);
  background:rgba(218,170,66,.055);
  font-size:12px;
  font-weight:900;
}

@media(max-width:950px){
  .wt-foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .wt-foundation-grid{grid-template-columns:1fr}
  .wt-foundation-status{align-items:flex-start;flex-direction:column}
}