.hero-visual {
  background-image: linear-gradient(180deg, #071a3008 40%, #071a3088 100%), url('/hero-drone.webp');
  background-position: center;
  background-size: cover;
}
.hero-visual .visual-grid, .hero-visual .sun, .hero-visual .drone,
.hero-visual .controller, .hero-visual .field-lines { display: none; }
@media (max-width: 620px) {
  .site-header { height: 70px; padding: 0 16px; }
  .brand { gap: 10px; min-width: 0; }
  .brand-mark { flex: 0 0 38px; width: 38px; height: 38px; font-size: 18px; }
  .brand strong { white-space: nowrap; font-size: 13px; letter-spacing: .015em; }
  .brand small { font-size: 9px; letter-spacing: .08em; }
  .header-cta { height: 38px; padding: 0 13px; font-size: 13px; white-space: nowrap; }
  .hero { gap: 26px; padding: 34px 18px 44px; }
  .eyebrow { gap: 8px; font-size: 12px; line-height: 1.55; letter-spacing: .025em; }
  .eyebrow span { flex: 0 0 24px; width: 24px; }
  h1 { margin: 18px 0; font-size: 32px; line-height: 1.2; letter-spacing: -.035em; }
  .lead { font-size: 15px; line-height: 1.72; }
  .trust-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; margin: 20px 0; font-size: 12px; line-height: 1.55; }
  .trust-list span:last-child { grid-column: 1 / -1; }
  .hero-actions { gap: 10px; margin-top: 22px; }
  .button { height: 50px; padding: 0 18px; font-size: 14px; border-radius: 11px; }
  .microcopy { margin-top: 14px; font-size: 11px; line-height: 1.6; }
  .hero-visual { height: 285px; background-position: 54% center; border-radius: 17px; }
  .visual-caption { left: 16px; right: 16px; bottom: 16px; padding: 13px 15px; }
  .visual-caption strong { font-size: 14px; }
  .visual-caption small { font-size: 10px; }
  .section, .section.pale { padding: 66px 18px; }
  .section-heading h2, .about-copy h2, .final-cta h2 { font-size: 27px; line-height: 1.35; }
}