.abt-hero{
  padding:18px 0 8px;
  background:linear-gradient(180deg,#f5f7fb 0%,#eef4fb 100%);
}

.abt-hero__shell{
  position:relative;
}

.abt-slider{
  position:relative;
  outline:none;
}

.abt-slider__track{
  display:flex;
  transition:transform .45s ease;
  will-change:transform;
}

.abt-slide{
  min-width:100%;
}

.abt-slide__inner{
  position:relative;
  min-height:360px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid #dbe6f4;
  box-shadow:0 18px 40px rgba(15, 23, 42, .07);
  background:linear-gradient(180deg,#edf3fa 0%,#f8fbff 100%);
}

.abt-slide__inner.has-image{
  display:flex;
  align-items:stretch;
  justify-content:center;
}

.abt-slide__media{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  padding:0 86px;
  text-decoration:none;
  background:radial-gradient(circle at top right, rgba(0,87,216,.10), transparent 30%), linear-gradient(180deg,#edf3fa 0%,#f8fbff 100%);
}

.abt-slide__media picture,
.abt-slide__media img{
  display:block;
  width:100%;
  height:100%;
}

.abt-slide__media img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
}

.abt-slide__card{
  position:absolute;
  left:20px;
  bottom:20px;
  z-index:2;
  display:grid;
  gap:12px;
  width:min(240px, calc(100% - 40px));
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(220,229,240,.92);
  backdrop-filter:blur(8px);
  box-shadow:0 16px 32px rgba(10, 24, 56, .14);
}

.abt-slide__eyebrow{
  display:block;
  font-size:.95rem;
  line-height:1.35;
  font-weight:800;
  color:#1d2c43;
}

.abt-slide__cta{
  width:100%;
  min-width:0 !important;
  min-height:50px;
  justify-content:center;
}

.abt-slide__fallback{
  position:relative;
  z-index:1;
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 38px;
  color:#fff;
  background:radial-gradient(circle at 85% 18%, rgba(18,146,255,.26), transparent 19%), radial-gradient(circle at 74% 64%, rgba(255,106,0,.18), transparent 24%), linear-gradient(118deg, #07142b 0%, #102955 55%, #154386 100%);
}

.abt-slide__fallback h1{
  margin:8px 0 12px;
  font-size:clamp(2rem,4vw,3.35rem);
  max-width:12ch;
}

.abt-slide__fallback p{
  max-width:38ch;
  margin:0 0 18px;
  font-size:1.05rem;
}

.abt-slide__fallback-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.abt-slider__arrow{
  position:absolute;
  top:50%;
  z-index:3;
  width:48px;
  height:48px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:var(--af-primary);
  display:grid;
  place-items:center;
  box-shadow:0 12px 28px rgba(15,23,42,.10);
  transform:translateY(-50%);
}

.abt-slider__arrow svg{
  width:20px;
  height:20px;
}

.abt-slider__arrow--prev{
  left:18px;
  transform:translateY(-50%) rotate(180deg);
}

.abt-slider__arrow--next{
  right:18px;
}

.abt-slider__dots{
  position:absolute;
  right:24px;
  bottom:20px;
  z-index:3;
  display:flex;
  gap:8px;
}

.abt-slider__dot{
  width:10px;
  height:10px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(120, 136, 160, .42);
}

.abt-slider__dot.is-active{
  width:28px;
  background:var(--af-primary);
}

@media (max-width: 1200px){
  .abt-slide__inner,
  .abt-slide__fallback{
    min-height:330px;
  }
  .abt-slide__media{
    padding:0 74px;
  }
}

@media (max-width: 1024px){
  .abt-slide__inner,
  .abt-slide__fallback{
    min-height:300px;
  }
  .abt-slide__media{
    padding:0 58px;
  }
  .abt-slide__card{
    width:min(220px, calc(100% - 32px));
    left:16px;
    bottom:16px;
    padding:14px;
    border-radius:20px;
  }
  .abt-slider__arrow{
    width:42px;
    height:42px;
  }
}

@media (max-width: 767px){
  .abt-hero{
    padding-top:14px;
  }
  .abt-slide__inner,
  .abt-slide__fallback{
    min-height:232px;
    border-radius:22px;
  }
  .abt-slide__media{
    padding:0 16px 14px;
    align-items:center;
  }
  .abt-slide__card{
    width:min(180px, calc(100% - 24px));
    left:12px;
    bottom:12px;
    gap:10px;
    padding:12px;
    border-radius:18px;
  }
  .abt-slide__eyebrow{
    font-size:.84rem;
  }
  .abt-slide__cta{
    min-height:44px;
    padding:12px 14px;
    font-size:.94rem;
  }
  .abt-slider__arrow{
    width:36px;
    height:36px;
    top:calc(50% - 6px);
  }
  .abt-slider__arrow--prev{left:10px;}
  .abt-slider__arrow--next{right:10px;}
  .abt-slider__dots{
    right:12px;
    bottom:10px;
  }
  .abt-slide__fallback{
    padding:22px 20px 24px;
  }
  .abt-slide__fallback h1{
    font-size:2rem;
  }
  .abt-slide__fallback p{
    font-size:.96rem;
    max-width:30ch;
  }
  .abt-slide__fallback-actions .af-btn{
    width:100%;
    min-width:0;
  }
}