/* v1.17.4 — desktop footer spacing correction */
@media (min-width: 901px) {
  body .dk-footer,
  body footer.site-footer,
  body .site-footer {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .dk-footer-inner,
  body .site-footer .dk-footer-inner,
  body footer .dk-footer-inner {
    width: min(1180px, 88vw) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 70px 0 42px !important;
    display: grid !important;
    grid-template-columns: 1.35fr .95fr .9fr 1fr !important;
    gap: 58px !important;
    align-items: start !important;
  }

  body .dk-footer-brand,
  body .dk-footer-col,
  body .dk-footer-connect,
  body .dk-footer-links {
    min-width: 0 !important;
    margin: 0 !important;
  }

  body .dk-footer-brand {
    padding-right: 22px !important;
  }

  body .dk-footer-brand img {
    max-width: 72px !important;
    height: auto !important;
    margin-bottom: 24px !important;
  }

  body .dk-footer-brand p {
    max-width: 300px !important;
    line-height: 1.7 !important;
    margin-bottom: 28px !important;
  }

  body .dk-footer-col h4,
  body .dk-footer-connect h4,
  body .dk-footer-links h4 {
    margin: 0 0 22px !important;
  }

  body .dk-footer-col a,
  body .dk-footer-connect a,
  body .dk-footer-links a {
    display: block !important;
    margin: 0 0 15px !important;
    white-space: normal !important;
  }

  body .dk-footer-bottom,
  body .site-footer .dk-footer-bottom,
  body footer .dk-footer-bottom {
    width: min(1180px, 88vw) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 24px 0 34px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 28px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
  }

  body .dk-footer-bottom > * {
    position: static !important;
    float: none !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  body .dk-footer-bottom .copyright,
  body .dk-footer-copyright {
    margin-left: auto !important;
    text-align: right !important;
    white-space: normal !important;
  }

  body .dk-back-top,
  body .back-to-top,
  body .dk-footer .back-to-top {
    right: 22px !important;
    bottom: 22px !important;
  }
}

/* Keep existing mobile footer behaviour untouched. */

/* v1.17.5 — explicit footer structure; desktop first, mobile preserved */
.dk-footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid rgba(76,177,244,.22)!important;
  background:linear-gradient(180deg,#03101a,#02070d)!important;
  overflow:hidden!important;
}
.dk-footer-shell{
  width:min(1180px,88vw)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:72px 0 54px!important;
  display:grid!important;
  grid-template-columns:1.35fr .9fr .9fr .9fr!important;
  gap:clamp(42px,5vw,78px)!important;
  align-items:start!important;
}
.dk-footer-brand-block,
.dk-footer-column{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.dk-footer-logo{
  display:inline-block!important;
  margin:0 0 24px!important;
}
.dk-footer-logo img{
  display:block!important;
  width:auto!important;
  height:62px!important;
  max-width:150px!important;
  object-fit:contain!important;
}
.dk-footer-brand-block>p{
  max-width:280px!important;
  margin:0 0 28px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:15px!important;
  line-height:1.65!important;
}
.dk-footer-project-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:0 18px!important;
  border:1px solid #43b7ff!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.dk-footer-column h4{
  margin:0 0 24px!important;
  color:#45b9ff!important;
  -webkit-text-fill-color:#45b9ff!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
.dk-footer-column nav{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
.dk-footer-column nav a{
  display:block!important;
  margin:0 0 14px!important;
  padding:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
}
.dk-footer-column nav a:hover,
.dk-footer-column nav a.back-footer{
  color:#53bbff!important;
  -webkit-text-fill-color:#53bbff!important;
}
.dk-footer-meta{
  width:min(1180px,88vw)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:22px 0 30px!important;
  border-top:1px solid rgba(76,177,244,.18)!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
.dk-footer-meta span{
  color:#8aa4b8!important;
  -webkit-text-fill-color:#8aa4b8!important;
  font-size:10px!important;
  line-height:1.4!important;
  letter-spacing:.08em!important;
}

/* Intermediate desktop/tablet: reduce spread before stacking. */
@media(min-width:761px) and (max-width:1050px){
  .dk-footer-shell{
    grid-template-columns:1.2fr .8fr .8fr .8fr!important;
    gap:32px!important;
  }
}

/* Mobile: compact stacked footer, matching the existing mobile behaviour. */
@media(max-width:760px){
  .dk-footer-shell{
    width:min(100% - 44px,520px)!important;
    padding:58px 0 30px!important;
    grid-template-columns:1fr 1fr!important;
    gap:38px 24px!important;
  }
  .dk-footer-brand-block{
    grid-column:1/-1!important;
    text-align:center!important;
  }
  .dk-footer-logo{
    margin-bottom:20px!important;
  }
  .dk-footer-logo img{
    height:74px!important;
    margin:0 auto!important;
  }
  .dk-footer-brand-block>p{
    max-width:330px!important;
    margin:0 auto 24px!important;
    font-size:13px!important;
    text-align:center!important;
  }
  .dk-footer-project-btn{
    margin:0 auto!important;
  }
  .dk-footer-column h4{
    font-size:9px!important;
  }
  .dk-footer-column nav a{
    font-size:10px!important;
    margin-bottom:12px!important;
  }
  .dk-footer-company{
    grid-column:1/-1!important;
    text-align:center!important;
  }
  .dk-footer-company nav{
    align-items:center!important;
  }
  .dk-footer-meta{
    width:min(100% - 44px,520px)!important;
    justify-content:center!important;
    padding:20px 0 30px!important;
    text-align:center!important;
  }
}


/* =================================================================
   v1.17.6 — FINAL RESPONSIVE FOOTER
   One footer structure, two intentional layouts:
   desktop = four-column site grid
   mobile  = compact branded footer matching the previously approved feel
   ================================================================= */

/* DESKTOP */
@media (min-width: 901px) {
  body .dk-footer{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:linear-gradient(180deg,#03101a 0%,#02070d 100%)!important;
    border-top:1px solid rgba(67,183,255,.20)!important;
    overflow:hidden!important;
  }

  body .dk-footer-shell{
    box-sizing:border-box!important;
    width:min(1180px,88vw)!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:68px 0 48px!important;
    display:grid!important;
    grid-template-columns:minmax(260px,1.35fr) minmax(130px,.85fr) minmax(130px,.85fr) minmax(150px,.9fr)!important;
    column-gap:clamp(42px,4.8vw,72px)!important;
    row-gap:0!important;
    align-items:start!important;
  }

  body .dk-footer-brand-block,
  body .dk-footer-column{
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    float:none!important;
  }

  body .dk-footer-logo{
    display:inline-block!important;
    margin:0 0 20px!important;
  }

  body .dk-footer-logo img{
    display:block!important;
    height:58px!important;
    width:auto!important;
    max-width:145px!important;
    margin:0!important;
  }

  body .dk-footer-brand-block>p{
    width:auto!important;
    max-width:285px!important;
    margin:0 0 26px!important;
    padding:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:15px!important;
    line-height:1.65!important;
    text-align:left!important;
  }

  body .dk-footer-project-btn{
    display:inline-flex!important;
    width:auto!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 17px!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body .dk-footer-column h4{
    margin:2px 0 22px!important;
    padding:0!important;
    color:#43b7ff!important;
    -webkit-text-fill-color:#43b7ff!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    text-align:left!important;
  }

  body .dk-footer-column nav{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    align-items:flex-start!important;
  }

  body .dk-footer-column nav a{
    display:block!important;
    width:auto!important;
    margin:0 0 13px!important;
    padding:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.45!important;
    letter-spacing:.08em!important;
    text-align:left!important;
    white-space:normal!important;
  }

  body .dk-footer-meta{
    box-sizing:border-box!important;
    width:min(1180px,88vw)!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:20px 0 28px!important;
    border-top:1px solid rgba(67,183,255,.16)!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
  }

  body .dk-footer-meta span{
    margin:0!important;
    padding:0!important;
    text-align:right!important;
  }
}

/* MOBILE + SMALL TABLET
   Compact: brand first, social links, essential company links, copyright.
   The long Explore directory is intentionally hidden on small screens because
   the main mobile menu already provides those links. */
@media (max-width: 900px) {
  body .dk-footer{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:linear-gradient(180deg,#03101a 0%,#02070d 100%)!important;
    border-top:1px solid rgba(67,183,255,.20)!important;
    overflow:hidden!important;
  }

  body .dk-footer-shell{
    box-sizing:border-box!important;
    width:min(100% - 40px,560px)!important;
    max-width:560px!important;
    margin:0 auto!important;
    padding:48px 0 28px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:0!important;
  }

  body .dk-footer-brand-block{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }

  body .dk-footer-logo{
    display:inline-block!important;
    margin:0 0 18px!important;
  }

  body .dk-footer-logo img{
    display:block!important;
    height:68px!important;
    width:auto!important;
    max-width:150px!important;
    margin:0 auto!important;
  }

  body .dk-footer-brand-block>p{
    width:100%!important;
    max-width:350px!important;
    margin:0 auto 22px!important;
    padding:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:14px!important;
    line-height:1.65!important;
    text-align:center!important;
  }

  body .dk-footer-project-btn{
    display:inline-flex!important;
    width:auto!important;
    min-height:42px!important;
    margin:0 auto 34px!important;
    padding:0 18px!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* Mobile navigation already carries these links; avoid an oversized footer. */
  body .dk-footer-shell > .dk-footer-column:nth-of-type(2){
    display:none!important;
  }

  body .dk-footer-shell > .dk-footer-column:nth-of-type(3),
  body .dk-footer-company{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }

  body .dk-footer-shell > .dk-footer-column:nth-of-type(3){
    padding:25px 0 18px!important;
    border-top:1px solid rgba(67,183,255,.16)!important;
  }

  body .dk-footer-column h4{
    margin:0 0 17px!important;
    padding:0!important;
    color:#43b7ff!important;
    -webkit-text-fill-color:#43b7ff!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    text-align:center!important;
  }

  body .dk-footer-shell > .dk-footer-column:nth-of-type(3) nav{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px 18px!important;
    margin:0!important;
    padding:0!important;
  }

  body .dk-footer-shell > .dk-footer-column:nth-of-type(3) nav a{
    display:inline-block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.45!important;
    letter-spacing:.07em!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  body .dk-footer-company{
    padding:18px 0 8px!important;
    border-top:1px solid rgba(67,183,255,.10)!important;
  }

  body .dk-footer-company h4{
    display:none!important;
  }

  body .dk-footer-company nav{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px 18px!important;
    margin:0!important;
    padding:0!important;
  }

  body .dk-footer-company nav a{
    display:inline-block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.45!important;
    letter-spacing:.07em!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  body .dk-footer-company nav a.back-footer{
    color:#53bbff!important;
    -webkit-text-fill-color:#53bbff!important;
  }

  body .dk-footer-meta{
    box-sizing:border-box!important;
    width:min(100% - 40px,560px)!important;
    max-width:560px!important;
    margin:0 auto!important;
    padding:18px 0 26px!important;
    border-top:1px solid rgba(67,183,255,.16)!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }

  body .dk-footer-meta span{
    margin:0!important;
    padding:0!important;
    color:#8da7ba!important;
    -webkit-text-fill-color:#8da7ba!important;
    font-size:9px!important;
    line-height:1.5!important;
    letter-spacing:.06em!important;
    text-align:center!important;
    white-space:normal!important;
  }

  body .dk-back-to-future{
    right:16px!important;
    bottom:16px!important;
  }
}

@media (max-width: 420px) {
  body .dk-footer-shell{
    width:calc(100% - 32px)!important;
    padding-top:42px!important;
  }

  body .dk-footer-logo img{
    height:62px!important;
  }

  body .dk-footer-brand-block>p{
    max-width:315px!important;
    font-size:13px!important;
  }

  body .dk-footer-shell > .dk-footer-column:nth-of-type(3) nav,
  body .dk-footer-company nav{
    gap:9px 14px!important;
  }

  body .dk-footer-shell > .dk-footer-column:nth-of-type(3) nav a,
  body .dk-footer-company nav a{
    font-size:9px!important;
  }
}