/* Two paths on Start: a short entrance, clear interaction, and brand marks. */
.home-hero-actions .hero-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:12px;
  min-width:0;
  padding-right:38px;
  box-shadow:0 3px 0 rgba(20,54,66,.16);
  transition:transform .36s cubic-bezier(.18,.9,.2,1.2),box-shadow .36s ease,filter .36s ease;
}
.home-hero-actions .hero-cta-secondary{box-shadow:0 3px 0 rgba(20,54,66,.2)}
.home-hero-actions .hero-cta small,
.home-hero-actions .hero-cta strong{position:relative;z-index:1}
.home-hero-actions .hero-cta-mark{
  position:absolute;
  top:10px;
  right:10px;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.38);
  transform:rotate(8deg);
  transition:transform .38s cubic-bezier(.2,.8,.2,1),background .28s ease;
}
.home-hero-actions .hero-cta-secondary .hero-cta-mark{background:#edf2ff;transform:rotate(-8deg)}
.home-hero-actions .hero-cta-mark img{width:21px;height:21px;object-fit:contain}
.home-hero-actions .hero-cta::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.12) 35%,rgba(255,255,255,.9) 49%,rgba(255,255,255,.12) 63%,transparent 78%);
  transform:translateX(-140%);
}
.home-hero-actions .hero-cta-secondary::after{background:linear-gradient(110deg,transparent 22%,rgba(76,117,223,.08) 35%,rgba(113,151,245,.54) 49%,rgba(76,117,223,.08) 63%,transparent 78%)}
.view-start.is-current .home-hero-actions .hero-cta{animation:hero-cta-arrive .8s ease-out backwards}
.view-start.is-current .home-hero-actions .hero-cta:nth-child(2){animation-delay:.17s}
@keyframes hero-cta-arrive{
  0%{opacity:.4;transform:translateY(25px) scale(.9) rotate(-2deg)}
  65%{opacity:1;transform:translateY(-5px) scale(1.025) rotate(1deg)}
  100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}
}
@keyframes hero-cta-shine{
  from{transform:translateX(-140%)}
  to{transform:translateX(140%)}
}
@keyframes hero-cta-mark-spark{
  0%,100%{transform:rotate(8deg) scale(1)}
  45%{transform:rotate(-18deg) scale(1.28)}
  70%{transform:rotate(12deg) scale(1.12)}
}
@media(hover:hover){
  .home-hero-actions .hero-cta:hover{transform:translateY(-9px) rotate(-2deg) scale(1.045);box-shadow:0 17px 28px rgba(20,54,66,.31);filter:saturate(1.08)}
  .home-hero-actions .hero-cta-secondary:hover{transform:translateY(-9px) rotate(2deg) scale(1.045)}
  .home-hero-actions .hero-cta:hover::after{animation:hero-cta-shine .85s ease-out both}
  .home-hero-actions .hero-cta:hover .hero-cta-mark{animation:hero-cta-mark-spark .68s ease-in-out both}
}
.home-hero-actions .hero-cta:focus-visible{outline:3px solid #fff;outline-offset:3px;transform:translateY(-7px) scale(1.035);box-shadow:0 15px 26px rgba(20,54,66,.29)}
.home-hero-actions .hero-cta:focus-visible::after{animation:hero-cta-shine .85s ease-out both}
.home-hero-actions .hero-cta:active,
.home-hero-actions .hero-cta:hover:active{transform:translateY(3px) scale(.95);box-shadow:0 1px 2px rgba(20,54,66,.18)}
.home-hero-actions .hero-cta:active::after{animation:hero-cta-shine .45s ease-out both}
@media(max-width:650px){
  .home-hero-actions .hero-cta{min-height:79px;padding-right:29px}
  .home-hero-actions .hero-cta-mark{top:8px;right:7px;width:19px;height:19px;border-radius:6px}
  .home-hero-actions .hero-cta-mark img{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){
  .view-start.is-current .home-hero-actions .hero-cta{animation:none}
  .home-hero-actions .hero-cta,
  .home-hero-actions .hero-cta-mark{transition:none;animation:none!important}
  .home-hero-actions .hero-cta::after{animation:none!important}
  .home-hero-actions .hero-cta:hover,
  .home-hero-actions .hero-cta:focus-visible,
  .home-hero-actions .hero-cta:active,
  .home-hero-actions .hero-cta:hover:active{transform:none}
  .home-hero-actions .hero-cta:hover::after,
  .home-hero-actions .hero-cta:focus-visible::after{transform:translateX(-140%)}
  .home-hero-actions .hero-cta:hover .hero-cta-mark,
  .home-hero-actions .hero-cta-secondary:hover .hero-cta-mark{transform:none}
}