/* Homepage-only signal motion: readable CTAs first, motion second. */
.guide-card.all-guides{
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(135deg,#06335a 0%,#0c6382 55%,#0a2b52 100%)!important;
  color:#eaffff!important;
  border-color:rgba(135,239,255,.56)!important;
  box-shadow:inset 0 0 0 1px rgba(207,251,255,.08),0 18px 36px rgba(0,0,0,.18);
}
.guide-card.all-guides:before{display:none!important}
.guide-card.all-guides:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-45% auto -45% -35%;
  width:32%;
  background:linear-gradient(90deg,transparent,rgba(160,246,255,.24),transparent);
  transform:skewX(-18deg) translateX(-180%);
  animation:fmp-signal-scan 5.8s ease-in-out 1.15s infinite;
}
.guide-card.all-guides p{color:#bff7ff!important;opacity:1!important}
.guide-card.all-guides h3{color:#eaffff!important;text-shadow:0 1px 0 rgba(1,13,27,.3)}
.guide-card.all-guides .card-link{color:#eaffff!important}
.guide-card.all-guides .card-link::after{content:"";display:inline-block;width:26px;height:1px;margin:0 0 4px 7px;background:currentColor;transition:width .24s ease}
.guide-card.all-guides:hover .card-link::after{width:42px}

.guide-card{will-change:transform;animation:fmp-card-enter .58s cubic-bezier(.2,.72,.25,1) both}
.guide-card:nth-child(2){animation-delay:.06s}.guide-card:nth-child(3){animation-delay:.12s}
.guide-card:nth-child(4){animation-delay:.18s}.guide-card:nth-child(5){animation-delay:.24s}
.guide-card:nth-child(6){animation-delay:.3s}
.guide-card:hover{transform:translateY(-7px)!important;box-shadow:0 18px 32px rgba(0,10,23,.28)}

.route-path em{overflow:hidden}
.route-path em::before{content:"";position:absolute;inset:0 auto 0 -35%;width:30%;background:#d9fbff;box-shadow:0 0 12px #59ddff;animation:fmp-route-pulse 3.4s ease-in-out infinite}
.route-path em:nth-of-type(2)::before{animation-delay:1.05s}
.signal-core{animation:fmp-core-breath 3.6s ease-in-out infinite}

@keyframes fmp-signal-scan{0%,24%{transform:skewX(-18deg) translateX(-180%)}52%,100%{transform:skewX(-18deg) translateX(620%)}}
@keyframes fmp-card-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes fmp-route-pulse{0%,50%,100%{transform:translateX(0);opacity:0}16%,34%{transform:translateX(460%);opacity:1}}
@keyframes fmp-core-breath{0%,100%{box-shadow:0 0 0 15px rgba(30,205,255,.06),0 0 50px #1cc7ff}50%{box-shadow:0 0 0 22px rgba(30,205,255,.035),0 0 68px rgba(75,218,255,.78)}}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

@media(max-width:600px){
  .guide-card.all-guides:after{animation:none;transform:skewX(-18deg) translateX(240%)}
}