/* Footer logo — resized and aligned to match Impact Logic */
.footer-redesign-main{
  grid-template-columns:minmax(180px,.55fr) minmax(640px,1.65fr) !important;
  gap:clamp(52px,7vw,118px) !important;
}

.footer-brand-block{
  min-height:260px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}

.footer-redesign .footer-logo{
  width:clamp(120px,10vw,150px) !important;
  min-width:120px !important;
  max-width:150px !important;
  margin:0 !important;
  padding:0 !important;
  align-self:flex-start !important;
}

.footer-redesign .footer-logo-img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  object-position:left top !important;
}

@media(max-width:980px){
  .footer-redesign-main{
    grid-template-columns:1fr !important;
    gap:38px !important;
  }

  .footer-brand-block{
    min-height:auto !important;
  }

  .footer-redesign .footer-logo{
    width:140px !important;
    min-width:0 !important;
    max-width:140px !important;
  }
}

@media(max-width:640px){
  .footer-redesign .footer-logo{
    width:120px !important;
    max-width:120px !important;
  }
}


.nav,
header,
nav{border-bottom:none!important;box-shadow:none!important;}
.nav::after,
header::after,
nav::after{display:none!important;content:none!important;}
hr{border:none!important;height:0!important;}
.process-v2{margin-top:0!important;}


/* 1) Header more compact */
.nav{
  padding:14px clamp(20px,3vw,52px) !important;
}
.brand{
  transform:scale(.94);
  transform-origin:center;
}

/* 2) Footer typography slightly larger */
.footer-redesign .footer-col h3,
.footer-follow h3{
  font-size:17px !important;
}
.footer-redesign .footer-col li,
.footer-redesign .footer-col a{
  font-size:clamp(20px,1.35vw,24px) !important;
}
.footer-redesign-bottom{
  font-size:clamp(16px,1.08vw,19px) !important;
}

/* 3) Process separators softer, structure preserved */
.process-v2-step{
  border-bottom-color:rgba(39,21,13,.18) !important;
}
.process-v2-steps::before{
  opacity:.58 !important;
}
.process-v2-dot,
.process-v2-toggle{
  border-color:rgba(29,16,10,.78) !important;
}

/* 4) Stronger CTA micro-interaction */
.floating-talk{
  transition:
    transform .35s cubic-bezier(.16,1,.3,1),
    background .3s ease,
    color .3s ease,
    border-color .3s ease,
    box-shadow .35s ease,
    filter .35s ease !important;
}
.floating-talk:hover{
  transform:translateY(-5px) scale(1.02) !important;
  box-shadow:
    0 24px 70px rgba(58,29,19,.26),
    0 0 0 8px rgba(239,255,26,.16) !important;
  filter:brightness(1.02);
}

/* 5) Menu hover stronger */
.menu-toggle:hover,
.links-left .pill:hover,
.links-right .pill:hover{
  background:#27150d !important;
  color:#efff1a !important;
  border-color:#27150d !important;
  transform:translateY(-1px);
}
.menu-toggle,
.links-left .pill,
.links-right .pill{
  transition:
    transform .25s cubic-bezier(.16,1,.3,1),
    background .25s ease,
    color .25s ease,
    border-color .25s ease !important;
}

/* 6) Premium page-load animations */
.nav .brand,
.nav .links-left,
.nav .links-right,
.process-v2-step,
.process-v2-panel{
  opacity:0;
}

body.is-ready .nav .brand{
  animation:brandEnter .9s cubic-bezier(.16,1,.3,1) .08s both;
}
body.is-ready .nav .links-left{
  animation:fadeSlideIn .75s cubic-bezier(.16,1,.3,1) .16s both;
}
body.is-ready .nav .links-right{
  animation:fadeSlideInRight .75s cubic-bezier(.16,1,.3,1) .2s both;
}
body.is-ready .process-v2-step{
  animation:stepEnter .72s cubic-bezier(.16,1,.3,1) both;
}
body.is-ready .process-v2-step:nth-child(1){animation-delay:.22s}
body.is-ready .process-v2-step:nth-child(2){animation-delay:.30s}
body.is-ready .process-v2-step:nth-child(3){animation-delay:.38s}
body.is-ready .process-v2-step:nth-child(4){animation-delay:.46s}
body.is-ready .process-v2-step:nth-child(5){animation-delay:.54s}
body.is-ready .process-v2-step:nth-child(6){animation-delay:.62s}

body.is-ready .process-v2-panel{
  animation:panelEnter 1s cubic-bezier(.16,1,.3,1) .26s both;
}

@keyframes brandEnter{
  from{opacity:0;transform:translateY(-18px) scale(.94)}
  to{opacity:1;transform:translateY(0) scale(.94)}
}
@keyframes fadeSlideIn{
  from{opacity:0;transform:translateX(-18px)}
  to{opacity:1;transform:none}
}
@keyframes fadeSlideInRight{
  from{opacity:0;transform:translateX(18px)}
  to{opacity:1;transform:none}
}
@keyframes stepEnter{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:none}
}
@keyframes panelEnter{
  from{opacity:0;transform:translateX(46px) scale(.985)}
  to{opacity:1;transform:none}
}

@media (prefers-reduced-motion: reduce){
  .nav .brand,
  .nav .links-left,
  .nav .links-right,
  .process-v2-step,
  .process-v2-panel{
    opacity:1 !important;
    animation:none !important;
    transform:none !important;
  }
}