.nav-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(11,15,18,.88);color:#fff;font-size:24px;cursor:pointer}
@media(max-width:1020px){.nav{position:relative}.nav-toggle{display:inline-flex}.links{display:none!important;position:absolute;top:calc(100% + 1px);left:0;right:0;align-items:stretch!important;flex-direction:column;gap:4px!important;padding:14px;background:rgba(11,15,18,.98);border:1px solid rgba(255,255,255,.14);border-radius:0 0 16px 16px;box-shadow:0 24px 40px rgba(0,0,0,.45)}.links.open{display:flex!important}.links a{display:block!important;width:100%;padding:12px 14px;border-radius:10px}.links a:hover,.links a:focus{background:rgba(139,211,77,.09)}.links .portal{margin-top:3px;text-align:center}}
.service-card.survey {
  background: linear-gradient(145deg, rgba(20, 43, 61, .18), rgba(11, 15, 18, .58)), url('assets/survey-mapping.webp') center/cover;
}

.service-card.inspect {
  background: linear-gradient(145deg, rgba(53, 39, 19, .14), rgba(11, 15, 18, .58)), url('assets/inspections-thermal.webp') center/cover;
}

.service-card.os {
  background: linear-gradient(145deg, rgba(18, 37, 28, .14), rgba(11, 15, 18, .62)), url('assets/eagleos-dashboard.webp') center/cover;
}