.sector-applications {
  background: linear-gradient(180deg, #030712 0%, #06101d 48%, #030712 100%);
}

.sector-applications .applications {
  gap: 18px;
}

.sector-applications .app-card {
  min-height: 390px;
  padding: 30px;
  border-color: rgba(145, 196, 255, .22);
  box-shadow: 0 20px 52px rgba(0, 0, 0, .24);
  transition: transform .3s, border-color .3s, box-shadow .3s;
}

.sector-applications .app-card:hover {
  transform: translateY(-6px);
  border-color: rgba(40, 213, 255, .58);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .38);
}

.sector-applications .app-card::before {
  background: linear-gradient(0deg, rgba(3, 7, 18, .99) 4%, rgba(3, 7, 18, .8) 38%, rgba(3, 7, 18, .12) 78%);
}

.sector-applications .app-card .symbol {
  position: absolute;
  top: 20px;
  inset-inline-start: 20px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 99px;
  background: rgba(3, 7, 18, .5);
  backdrop-filter: blur(8px);
  color: #d9f7ff;
}

.sector-applications .app-card h3 {
  font-size: 23px;
  line-height: 1.3;
  margin-bottom: 8px;
}

.sector-applications .app-card p {
  color: #bdc9d9;
  font-size: 15px;
  margin-bottom: 0;
}

.sector-applications .app-card:nth-child(1) { background-image: url('/assets/sectors/agriculture.webp'); }
.sector-applications .app-card:nth-child(2) { background-image: url('/assets/sectors/security-defense.webp'); }
.sector-applications .app-card:nth-child(3) { background-image: url('/assets/sectors/maritime.webp'); }
.sector-applications .app-card:nth-child(4) { background-image: url('/assets/sectors/smart-cities.webp'); }
.sector-applications .app-card:nth-child(5) { background-image: url('/assets/sectors/energy.webp'); }
.sector-applications .app-card:nth-child(6) { background-image: url('/assets/sectors/mining.webp'); }
.sector-applications .app-card:nth-child(7) { background-image: url('/assets/sectors/climate.webp'); }
.sector-applications .app-card:nth-child(8) { background-image: url('/assets/sectors/disaster.webp'); }
.sector-applications .app-card:nth-child(9) { background-image: url('/assets/sectors/infrastructure.webp'); }
.sector-applications .app-card:nth-child(10) { background-image: url('/assets/sectors/logistics.webp'); }

@media (max-width: 1000px) {
  .sector-applications .applications { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .sector-applications .applications { grid-template-columns: 1fr; }
  .sector-applications .app-card { min-height: 360px; }
}