/* credentials.css — Certified-by strip (homepage) + Certifications section (about)
   Work order 2026-09-17. Badge images are official Accredible/HubSpot art —
   never restyle. Homepage strip is provider names only, text-based. */

:root{
  --cred-navy:#1A2B44;
  --cred-gold:#CBA135;
  --cred-slate:#5D7486;
}

/* ---------- homepage strip ---------- */
.cert-strip{
  border-top:1px solid rgba(26,43,68,.10);
  padding:22px 0;
  text-align:center;
}
.cert-strip p{
  margin:0;
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cred-slate);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}
.cert-strip .cert-strip-label{color:var(--cred-slate)}
.cert-strip .cert-strip-name{
  color:var(--cred-navy);
  font-weight:700;
  letter-spacing:.14em;
}
.cert-strip .cert-strip-dot{
  color:var(--cred-gold);
  font-weight:700;
}

/* ---------- about: certifications section ---------- */
.certs-section .cert-list{
  display:grid;
  gap:18px;
  margin-top:8px;
}
.cert-row{
  display:flex;
  align-items:center;
  gap:22px;
  padding:20px 24px;
  border:1px solid rgba(26,43,68,.12);
  border-radius:14px;
  background:#fff;
}
.cert-row .cert-badge{
  flex:0 0 auto;
  display:inline-flex;
  border-radius:50%;
  transition:transform .18s ease;
}
.cert-row .cert-badge:hover{transform:translateY(-2px)}
.cert-row .cert-badge img{
  width:84px;height:84px;
  border-radius:50%;
  display:block;
}
.cert-row .cert-badges{
  flex:0 0 auto;
  display:flex;
  gap:10px;
}
.cert-row .cert-badges .cert-badge img{width:72px;height:72px}
.cert-row h3{
  margin:0 0 4px;
  font-size:19px;
  color:var(--cred-navy);
}
.cert-row .cert-provider{
  margin:0;
  font-size:14px;
  color:var(--cred-slate);
}

@media (max-width:640px){
  .cert-row{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    padding:18px;
  }
  .cert-row .cert-badges{flex-wrap:wrap}
  .cert-strip p{font-size:12px;gap:10px}
}