@media(prefers-reduced-motion:reduce){
  .hero-blob,.hero h1 .g,.fc1,.fc2,.fc3,#trail,#arrowhead,#nodes circle{animation:none!important}

  #trail{stroke-dashoffset:0}#arrowhead,#nodes circle{opacity:1}
}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:42px}

  .hero-art{max-width:480px;margin:0 auto;width:100%}

  .intro-grid{grid-template-columns:1fr;gap:34px}

  .visa-card{grid-template-columns:1fr;gap:48px}

  .visa-right{max-width:420px;margin:0 auto;width:100%}

  .visa-bar{grid-template-columns:1fr}

  .svc-grid{grid-template-columns:1fr}

  .why-grid{grid-template-columns:1fr 1fr}

  .steps{grid-template-columns:repeat(5,minmax(195px,1fr));gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}

  .steps::before{display:none}

  .step{scroll-snap-align:start}

  h1,.hero h1{font-size:50px}

  h2,.sec-head h2,.intro h2,.cta h2,.visa-title{font-size:34px}

  h3,.svc h3,.foot-cta h3{font-size:24px}

  h4{font-size:19px}

  h5{font-size:16px}

  h6{font-size:15px}
}

@media(max-width:680px){
  .nav-links{
    position:fixed;inset:74px 0 auto 0;background:rgba(244,248,246,.97);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    flex-direction:column;align-items:stretch;
    gap:0;padding:10px 28px 26px;border-bottom:1px solid rgba(3,31,52,.10);
    box-shadow:0 24px 40px -28px rgba(3,31,52,.5);
    transform:translateY(-130%);opacity:0;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s;
  }

  .nav-links.open{transform:none;opacity:1}

  .nav-links a:not(.btn){padding:15px 4px;width:100%;border-radius:10px;border-bottom:1px solid rgba(3,31,52,.10)}

  .nav-links a:not(.btn)::after{display:none}

  .nav-links .btn{margin:18px 0 0;width:100%;justify-content:center}

  .menu-btn{display:flex}

  .topbar .tline{display:none}

  .topbar-in{justify-content:center;padding:8px 0;min-height:0}

  .topbar-contact{gap:16px;font-size:.8rem;flex-wrap:wrap;justify-content:center}

  .why-grid{grid-template-columns:1fr}

  .cta{padding:56px 26px}

  .hero-stats{gap:22px}

  .prod-feats{grid-template-columns:1fr}

  .prod-visual{padding:30px}

  .contact-card{padding:26px}

  .usa-cta{padding:44px 24px}

  .foot-bottom{flex-direction:column;align-items:center;text-align:center;gap:16px}

  .foot-bottom .socials{order:-1}

  .foot-bottom span{order:0}

  h1,.hero h1{font-size:36px}

  h2,.sec-head h2,.intro h2,.cta h2,.visa-title{font-size:27px}

  h3,.svc h3,.foot-cta h3{font-size:21px}

  h4{font-size:18px}

  h5{font-size:16px}

  h6{font-size:14px}
}

@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto}

  .reveal{opacity:1;transform:none}
}