
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif}
.hero-wash{
  background:
   linear-gradient(90deg, rgba(0, 0, 0, .58) 0%, rgb(19 38 92 / 42%) 48%, rgba(250, 204, 21, .34) 100%), radial-gradient(circle at 82% 16%, rgb(255 221 87 / 15%), #151c4836 30%);
}
.glass-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(240,248,255,.90));
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.72);
}
.route-track{display:flex;width:max-content;gap:20px;animation:routeScroll 45s linear infinite}
.route-wrap{
  overflow:hidden;
  mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)
}
.route-wrap:hover .route-track{animation-play-state:paused}
@keyframes routeScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 10px))}}
.route-card{width:min(86vw,350px);flex:0 0 auto}
.legal-content h2{margin-top:2rem;font-size:1.25rem;font-weight:800;color:#0b2f63}
.legal-content p{margin-top:.8rem;line-height:1.9;color:#475569}
.legal-content ul{margin-top:.8rem;padding-left:1.25rem;list-style:disc;color:#475569}
.legal-content li{margin-top:.45rem;line-height:1.8}
.legal-content a{color:#1d4ed8;font-weight:700}
@media(max-width:640px){.route-track{animation-duration:34s}.route-card{width:82vw}}
@media(prefers-reduced-motion:reduce){.route-track{animation-play-state:paused}}

.float-call{animation:floatPulse 2.6s ease-in-out infinite}
@keyframes floatPulse{0%,100%{box-shadow:0 14px 34px rgba(13,109,183,.35)}50%{box-shadow:0 20px 48px rgba(250,204,21,.45)}}
