/* DroneData v21 — navigation, readability, and footer cleanup only.
   Deliberately avoids the contact page/form and all delivery logic. */

:root{
  --dd-orange:#9f4d24;
  --dd-orange-hover:#bd612f;
  --dd-navy:#111522;
  --dd-readable:#343947;
  --dd-readable-strong:#252a37;
}

/* ===== DESKTOP NAV — tighter composition, heavier labels ===== */
@media (min-width:1024px){
  nav.fixed > div:first-child{
    gap:1.25rem!important;
  }
  nav.fixed .dd-site-logo-button{
    margin-right:-72px!important;
  }
  nav.fixed > div:first-child > div[class*="hidden"][class*="lg:flex"]{
    gap:2.15rem!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    line-height:1!important;
  }
  nav.fixed > div:first-child > div[class*="hidden"][class*="lg:flex"] > button{
    color:var(--dd-orange)!important;
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    line-height:1!important;
    opacity:1!important;
  }
  nav.fixed > div:first-child > div[class*="hidden"][class*="lg:flex"] > button:hover{
    color:var(--dd-orange-hover)!important;
  }
}

/* Tablet keeps the nav compact without squeezing the logo. */
@media (min-width:1024px) and (max-width:1220px){
  nav.fixed > div:first-child{gap:.9rem!important}
  nav.fixed .dd-site-logo-button{margin-right:-42px!important}
  nav.fixed > div:first-child > div[class*="hidden"][class*="lg:flex"]{gap:1.45rem!important}
  nav.fixed > div:first-child > div[class*="hidden"][class*="lg:flex"] > button{font-size:13px!important}
}

/* Mobile menu: strong, legible, compact. */
nav.fixed div[class*="absolute"][class*="top-full"]{
  gap:1rem!important;
  padding:1.5rem!important;
}
nav.fixed div[class*="absolute"][class*="top-full"] > button{
  color:var(--dd-orange)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  line-height:1.15!important;
}

/* ===== ANALYTICS CAPABILITIES — remove low-contrast/noisy microcopy ===== */
#platform{
  --dd-card-copy:#3a4050;
  --dd-card-muted:#52596a;
}

#platform p{
  text-rendering:optimizeLegibility;
}
#platform p.text-base,
#platform p[class*="text-base"]{
  color:var(--dd-card-copy)!important;
  font-weight:650!important;
  line-height:1.68!important;
}
#platform p.text-sm,
#platform p[class*="text-sm"]{
  color:var(--dd-card-copy)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.68!important;
}
#platform .font-mono{
  font-weight:850!important;
  letter-spacing:.085em!important;
}
#platform [class*="text-[9px]"],
#platform [class*="text-[10px]"]{
  font-size:11px!important;
  line-height:1.35!important;
}
#platform .text-brand-navy\/40,
#platform .text-brand-navy\/45,
#platform .text-brand-navy\/50,
#platform .text-brand-navy\/55,
#platform .text-brand-navy\/60,
#platform .text-brand-navy\/65{
  color:var(--dd-card-muted)!important;
}
#platform h2,
#platform h3{
  color:var(--dd-readable-strong)!important;
  font-weight:950!important;
}
#platform article{
  background:#f7f6f2!important;
}
#platform article [class*="border-brand-navy/10"]{
  border-color:rgba(23,27,42,.14)!important;
}

/* Small labels/list items on the cards should be confidently readable. */
#platform li,
#platform [class*="uppercase"]:not(h1):not(h2):not(h3):not(button){
  font-weight:850!important;
}

/* ===== FOOTER — compact, intentional, no crowding ===== */
footer.bg-brand-navy{
  padding-top:2.25rem!important;
  padding-bottom:2.25rem!important;
  border-top-color:rgba(255,255,255,.10)!important;
}
footer.bg-brand-navy > div{
  display:grid!important;
  grid-template-columns:minmax(235px,1.15fr) auto auto!important;
  align-items:center!important;
  gap:1.25rem 2.5rem!important;
}
footer.bg-brand-navy > div > div:first-child{
  min-width:0!important;
}
footer.bg-brand-navy .dd-footer-logo{
  width:230px!important;
  max-width:230px!important;
  max-height:66px!important;
  margin:0 0 .45rem!important;
  object-fit:contain!important;
  object-position:left center!important;
}
footer.bg-brand-navy > div > div:first-child p{
  margin:0!important;
  color:rgba(255,255,255,.76)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:1.35!important;
}
footer.bg-brand-navy nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:.65rem 1.25rem!important;
  color:rgba(255,255,255,.82)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
  line-height:1.15!important;
}
footer.bg-brand-navy nav button{
  color:rgba(255,255,255,.82)!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  transition:color .2s ease!important;
}
footer.bg-brand-navy nav button:hover{
  color:var(--dd-orange-hover)!important;
}
footer.bg-brand-navy > div > p:last-child{
  margin:0!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.56)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:.045em!important;
  line-height:1.2!important;
  text-align:right!important;
}

@media(max-width:900px){
  footer.bg-brand-navy > div{
    grid-template-columns:1fr!important;
    justify-items:start!important;
    gap:1.25rem!important;
  }
  footer.bg-brand-navy nav{
    justify-content:flex-start!important;
  }
  footer.bg-brand-navy > div > p:last-child{
    text-align:left!important;
  }
}

@media(max-width:640px){
  footer.bg-brand-navy{
    padding-top:1.75rem!important;
    padding-bottom:1.75rem!important;
  }
  footer.bg-brand-navy .dd-footer-logo{
    width:200px!important;
    max-width:200px!important;
    max-height:58px!important;
  }
  footer.bg-brand-navy nav{
    gap:.65rem 1rem!important;
    font-size:11px!important;
  }
}