/* ===== Compact NAV + spacing fixes ===== */

@media (max-width: 640px){
  .container{ padding: 14px; } /* was 24px */
}

@media (max-width: 640px){
  .nav-inner{
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }
}

nav.links, .links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

nav.links a, .links a{
  font-size:14px;
  line-height:1.1;
  padding:8px 10px;
  border-radius:999px;
  text-decoration:none;
  white-space:nowrap;
}

nav.links a.cta, .links a.cta{
  padding:8px 12px;
  font-weight:600;
}

@media (max-width: 640px){
  nav.links, .links{ gap:6px; }
  nav.links a, .links a{
    font-size:12.5px;
    padding:7px 9px;
  }
  nav.links a.cta, .links a.cta{
    padding:7px 11px;
  }
}

@keyframes drone-drift {
  0%   { transform: translateX(0) translateY(0) scale(1); }
  50%  { transform: translateX(-18px) translateY(6px) scale(1.015); }
  100% { transform: translateX(0) translateY(0) scale(1); }
}

@keyframes drone-fade {
  0%, 100% { opacity: 0.085; }
  50%      { opacity: 0.11; }
}
/* ===== HERO: animated blueprint watermark ===== */
.hero{
  position: relative;
  overflow: hidden;
}

/* Drone blueprint watermark (make sure drone-blueprint.svg is in the SAME folder as index.html) */
.hero::before{
  content:"";
  position:absolute;
  inset:-40px;
  background: url("drone-blueprint.svg") no-repeat right -140px center;
  background-size: 760px;
  opacity: 0.085;
  pointer-events:none;

  animation:
    drone-drift 32s ease-in-out infinite,
    drone-fade 18s ease-in-out infinite;
}

/* Soft vignette so text stays crisp */
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(700px 520px at 18% 22%, rgba(7,10,18,0.0), rgba(7,10,18,0.62));
  pointer-events:none;
}

/* Ensure hero content is above watermark layers */
.hero > *{
  position: relative;
  z-index: 1;
}

@media (max-width: 640px){
  .hero::before{
    opacity: 0.045;
    background-position: center;
    background-size: 560px;
    animation:
      drone-drift 40s ease-in-out infinite,
      drone-fade 26s ease-in-out infinite;
  }
}