.header-cta{background:#000;color:#fff}
.header-cta:hover{background:#fff;color:#000}
.hero .display span:after{background:#fff}
.hero-pill span,.hero-pill b{background:#000;color:#fff}
.hero-pill:hover span,.hero-pill:hover b{background:#fff;color:#000}

@media(max-width:600px){
  .hero{background-position:92% center!important}
  .hero .hero-content{transform:translateY(10%)}
  .hero .display{line-height:.92}
  .hero .display span:after{margin-top:7px}
  .hero-pill span,.hero-pill b{background:#fff;color:#000}
  .hero-pill:hover span,.hero-pill:hover b{background:#fff;color:#000}
}
.hero-scroll-helper{display:none}
.hero .hero-content{
  position:absolute;
  left:0;
  bottom:10%;
  padding-top:0;
  padding-bottom:0;
}
@media(max-width:600px){
  .hero{min-height:calc(100svh - 16px)}
  .hero .hero-content{bottom:11%;padding:0 25px}
  .hero .display{font-size:40px;line-height:1.02}
  .hero-copy{margin-top:30px}
  .hero-pill span,.hero-pill b{min-height:54px}
  .hero-pill span{padding:0 22px}
  .hero-pill b{width:54px}
  .hero-scroll-helper{
    position:absolute;
    z-index:2;
    left:50%;
    bottom:18px;
    display:flex;
    align-items:center;
    gap:8px;
    transform:translateX(-50%);
    color:#fff;
    font-size:10px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .hero-scroll-helper b{font-size:15px;animation:alp-scroll-hint 1.5s ease-in-out infinite}
}
@keyframes alp-scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){.hero-scroll-helper b{animation:none}}

.alp-scroll-top{
  position:fixed;
  z-index:950;
  right:24px;
  bottom:24px;
  display:grid;
  width:48px;
  height:48px;
  padding:0;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:#000;
  color:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
  opacity:0;
  visibility:hidden;
  transform:translateY(12px) scale(.92);
  transition:opacity .25s ease,visibility .25s ease,transform .35s cubic-bezier(.22,1,.36,1),background .2s ease,color .2s ease;
  cursor:pointer;
}
.alp-scroll-top span{font-size:23px;line-height:1;transform:translateY(-1px)}
.alp-scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.alp-scroll-top:hover{background:#fff;color:#000}
.alp-scroll-top:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:600px){
  .alp-scroll-top{
    right:16px;
    bottom:calc(16px + env(safe-area-inset-bottom,0px));
    width:44px;
    height:44px;
  }
}
@media(prefers-reduced-motion:reduce){.alp-scroll-top{transition:none}}
