/* V72 — service cards overlap the hero and all CTA buttons share one baseline. */
@media (min-width: 981px){
  /* The light-zone must sit above the hero stacking context so its cards can overlap it. */
  .techtrim-home .tt-light-zone{
    position:relative!important;
    z-index:3!important;
    overflow:visible!important;
  }
  .techtrim-home #services{
    position:relative!important;
    z-index:4!important;
    margin-top:-58px!important;
    padding-top:0!important;
    margin-bottom:-30px!important;
  }
  /* Only the cards themselves move onto the lower part of the hero. */
  .techtrim-home #services .tt-service-cards{
    position:relative!important;
    z-index:5!important;
    transform:translateY(-26px)!important;
    margin-top:0!important;
  }
  /* Keep the title out of the way of the overlap. */
  .techtrim-home #services>h2{
    position:relative!important;
    z-index:5!important;
    margin:0 0 6px!important;
  }

  /* Stable card geometry and identical CTA baseline on all three service cards. */
  .techtrim-home .tt-service-card{
    position:relative!important;
  }
  .techtrim-home .tt-service-copy{
    position:relative!important;
    padding:10px 11px 47px!important;
    box-sizing:border-box!important;
  }
  .techtrim-home .tt-card-foot{
    position:absolute!important;
    left:11px!important;
    right:11px!important;
    bottom:12px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  .techtrim-home .tt-card-foot>a{
    margin:0!important;
    align-self:center!important;
    transform:none!important;
  }
}

@media (max-width:980px){
  .techtrim-home #services .tt-service-cards{transform:none!important}
  .techtrim-home .tt-service-copy{position:relative!important}
}