/* =========================================================
   DATAXSYS DESIGN SYSTEM v2.5
   Engine-inspired dark footer, compact navigation, white wordmark
   ========================================================= */
.site-footer.site-footer--dark {
  margin-top: 6rem;
  padding: 4.5rem 0 2rem;
  background: #101118 !important;
  color: #fff;
  overflow: hidden;
}

.footer-shell { width: min(1220px, calc(100% - 48px)); }

.footer-main {
  display: grid;
  grid-template-columns: minmax(210px, .72fr) minmax(0, 1.7fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: start;
  padding-bottom: 4rem;
}

.footer-brand-block { max-width: 255px; }
.footer-brand-logo { display: inline-block; width: 190px; line-height: 0; }
.footer-brand-logo img { width: 100%; height: auto; display: block; }
.footer-brand-block p {
  margin: 1.35rem 0 1rem;
  color: rgba(255,255,255,.58);
  font-size: .76rem;
  line-height: 1.55;
}
.footer-contact a {
  color: rgba(255,255,255,.82);
  font-size: .73rem;
  font-weight: 700;
}
.footer-contact a:hover { color: #fff; }

.footer-links--engine {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: clamp(1.5rem, 3vw, 3.25rem);
  margin: 0;
}
.footer-links--engine h3 {
  margin: 0 0 1rem;
  color: #fff !important;
  font-family: var(--dx-font-body) !important;
  font-size: .72rem !important;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}
.footer-links--engine a {
  display: block;
  margin: .62rem 0;
  color: rgba(255,255,255,.62) !important;
  font-size: .69rem;
  line-height: 1.35;
  transition: color .2s ease, transform .2s ease;
}
.footer-links--engine a:hover {
  color: #fff !important;
  transform: translateX(2px);
}

.footer-legal-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.5rem 0 1.7rem;
  border-top: 1px solid rgba(255,255,255,.48);
  color: rgba(255,255,255,.76);
  font-size: .62rem;
  line-height: 1.4;
}
.footer-legal-row > div { display: flex; flex-wrap: wrap; gap: 1.35rem; }
.footer-legal-row a { color: rgba(255,255,255,.58); }
.footer-legal-row a:hover { color: #fff; }

.footer-wordmark-panel {
  width: 100%;
  display: grid;
  grid-template-rows: auto auto auto;
  gap: clamp(1.8rem, 3vw, 3rem);
  align-items: center;
  justify-items: center;
  padding: 1.1rem 0 .2rem;
}
.footer-wordmark-line {
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,.5);
}
.footer-wordmark-panel img {
  width: min(84vw, 1030px);
  max-height: 285px;
  object-fit: contain;
  display: block;
}

@media (max-width: 900px) {
  .footer-main { grid-template-columns: 1fr; gap: 3rem; }
  .footer-brand-block { max-width: 330px; }
  .footer-links--engine { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 640px) {
  .site-footer.site-footer--dark { padding-top: 3.5rem; }
  .footer-shell { width: calc(100% - 28px); }
  .footer-links--engine { grid-template-columns: 1fr 1fr; gap: 2rem 1.5rem; }
  .footer-legal-row { align-items: flex-start; flex-direction: column; gap: .85rem; }
  .footer-wordmark-panel img { width: 96vw; }
}

@media (max-width: 420px) {
  .footer-links--engine { grid-template-columns: 1fr; }
  .footer-brand-logo { width: 165px; }
}

.btn-client-website{
display:inline-flex;align-items:center;justify-content:center;
padding:16px 30px;border-radius:999px;
background:#fff!important;color:#111!important;
border:2px solid #fff!important;font-weight:700;
text-decoration:none;transition:all .25s ease}
.btn-client-website:hover{
background:#f2f2f2!important;color:#111!important;
border-color:#f2f2f2!important;
box-shadow:0 10px 24px rgba(0,0,0,.18);
transform:translateY(-2px)}