/*
 Barefoot Technologies v1.6
 Partners grid intentionally mirrors the ZenaConsult Partners page:
 full light canvas, 4 equal cards, compact logos, restrained typography.
 This file has a unique filename specifically to bypass stale browser/server caches.
*/

.zena-partners-page{
  max-width:1240px !important;
  padding-top:32px !important;
  padding-bottom:0 !important;
}

/* Keep the Barefoot/Zena relationship introduction in the existing Barefoot dark theme */
.zena-primary-row{
  display:grid !important;
  grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr) !important;
  gap:56px !important;
  align-items:center !important;
  padding:8px 0 50px !important;
  border-bottom:1px solid rgba(132,180,218,.16) !important;
}
.zena-primary-copy{max-width:790px !important}
.zena-primary-copy h2{
  margin:8px 0 15px !important;
  font-size:clamp(2rem,4vw,3.1rem) !important;
  letter-spacing:-.035em !important;
}
.zena-primary-copy p{
  max-width:760px !important;
  color:var(--muted) !important;
  line-height:1.7 !important;
}
.zena-primary-mark{
  justify-self:end !important;
  min-width:260px !important;
  padding:25px 26px !important;
  text-align:center !important;
  border-left:1px solid rgba(28,173,255,.26) !important;
}
.zena-wordmark{
  display:block !important;
  color:#fff !important;
  font-size:2rem !important;
  font-weight:750 !important;
  letter-spacing:-.05em !important;
}
.zena-wordmark span{color:var(--cyan) !important;font-weight:500 !important}
.zena-primary-mark small{
  display:block !important;
  margin-top:6px !important;
  color:var(--muted) !important;
  font-size:.72rem !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

.zena-ecosystem-intro{
  max-width:900px !important;
  padding:56px 0 34px !important;
}
.zena-ecosystem-intro h2{
  margin:8px 0 0 !important;
  max-width:850px !important;
  font-size:clamp(1.7rem,3.2vw,2.5rem) !important;
  line-height:1.14 !important;
  letter-spacing:-.03em !important;
}

/* Zena-style light partner directory — full viewport width, not a dark Barefoot card */
.zena-directory-wrap{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  margin:0 0 0 -50vw !important;
  padding:46px 0 72px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fbfbfc !important;
  box-shadow:none !important;
  color:#101827 !important;
}
.zena-directory-inner{
  width:calc(100% - 96px) !important;
  max-width:1908px !important;
  margin:0 auto !important;
}
.zena-directory-heading{
  padding:0 0 34px !important;
  color:#101827 !important;
  text-align:center !important;
}
.zena-directory-heading h3{
  margin:0 !important;
  color:#101827 !important;
  font-size:clamp(1.55rem,2.2vw,2.05rem) !important;
  line-height:1.18 !important;
  font-weight:500 !important;
  letter-spacing:-.025em !important;
}
.zena-directory-heading h3 strong{
  font-weight:800 !important;
}
.zena-directory-heading p{
  margin:10px 0 0 !important;
  color:#8c8f96 !important;
  font-size:1rem !important;
  line-height:1.5 !important;
}

/* Exact four-across Zena-style geometry */
.zena-tech-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  column-gap:32px !important;
  row-gap:32px !important;
  align-items:stretch !important;
}
.zena-tech-card{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  min-height:260px !important;
  aspect-ratio:1.48 / 1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:38px 28px 28px !important;
  overflow:hidden !important;
  border:1px solid rgba(17,24,39,.035) !important;
  border-radius:22px !important;
  background:#fff !important;
  color:#101827 !important;
  text-decoration:none !important;
  box-shadow:0 8px 26px rgba(17,24,39,.055) !important;
  transition:transform .16s ease,box-shadow .16s ease !important;
}
.zena-tech-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 12px 30px rgba(17,24,39,.085) !important;
}
.zena-tech-card__logo{
  flex:0 0 100px !important;
  width:100% !important;
  height:100px !important;
  margin:0 0 14px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.zena-tech-card__logo img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:126px !important;
  max-height:88px !important;
  margin:0 auto !important;
  padding:0 !important;
  object-fit:contain !important;
}
.zena-tech-card__name{
  margin:0 !important;
  color:#111827 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  text-align:center !important;
}
.zena-tech-card__capability{
  margin:auto 0 0 !important;
  padding-top:19px !important;
  color:#999ca2 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.3 !important;
  text-align:center !important;
}

@media (min-width:1700px){
  .zena-tech-card{
    min-height:305px !important;
    padding-top:42px !important;
    padding-bottom:33px !important;
  }
  .zena-tech-card__logo{
    flex-basis:112px !important;
    height:112px !important;
  }
  .zena-tech-card__logo img{
    max-width:138px !important;
    max-height:94px !important;
  }
  .zena-tech-card__name{font-size:18px !important}
  .zena-tech-card__capability{font-size:16px !important}
}

@media (max-width:1100px){
  .zena-directory-inner{width:calc(100% - 64px) !important}
  .zena-tech-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:24px !important;
  }
}
@media (max-width:800px){
  .zena-primary-row{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }
  .zena-primary-mark{
    justify-self:start !important;
    min-width:0 !important;
    padding:20px 0 0 !important;
    text-align:left !important;
    border-left:0 !important;
    border-top:1px solid rgba(28,173,255,.22) !important;
  }
  .zena-directory-inner{width:calc(100% - 40px) !important}
  .zena-tech-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }
  .zena-tech-card{
    min-height:230px !important;
    aspect-ratio:auto !important;
  }
}
@media (max-width:520px){
  .zena-directory-wrap{padding-top:34px !important}
  .zena-directory-inner{width:calc(100% - 28px) !important}
  .zena-tech-grid{grid-template-columns:1fr !important}
  .zena-tech-card{
    min-height:245px !important;
    max-width:420px !important;
    margin:0 auto !important;
  }
}