/* CORSA Marketing Web - Hero Trust Metrics & Wilayas Strip */
html, body { overflow-x: hidden; max-width: 100vw; }
.hero-trust-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 32px;
  max-width: 520px;
}
.trust-badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(7, 60, 48, 0.12);
  font-size: 12px;
  color: #073c30;
  box-shadow: 0 4px 12px rgba(7, 60, 48, 0.04);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.trust-badge-pill strong {
  color: #073c30;
  font-weight: 700;
}
.trust-pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0ece7b;
  box-shadow: 0 0 10px #0ece7b;
  animation: beaconPulse 1.8s infinite;
}
@keyframes beaconPulse {
  0%, 100% { transform: scale(0.9); opacity: 0.8; }
  50% { transform: scale(1.3); opacity: 1; }
}
.trust-star-icon {
  color: #e9bf66;
  font-size: 14px;
}

/* Coverage Wilayas Strip */
.coverage-strip {
  background: #052c24;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 16px 24px;
}

.coverage-inner {
  max-width: 1400px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.coverage-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #e9bf66;
  white-space: nowrap;
}

.coverage-tags {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.coverage-tag {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #c9d9c8;
  font-size: 12px;
  transition: all 0.2s ease;
}

.coverage-tag.primary {
  background: rgba(14, 206, 123, 0.15);
  border-color: rgba(14, 206, 123, 0.4);
  color: #45d07a;
  font-weight: 600;
}

.coverage-tag.expand {
  color: #e9bf66;
  border-color: rgba(233, 191, 102, 0.3);
}

/* Safety Section */
.safety-section {
  padding: 90px var(--space);
  background: #f7f5ef;
  color: #073c30;
}

.safety-container { max-width: 1300px; margin: auto; }
.safety-header { text-align: center; max-width: 680px; margin: 0 auto 55px; }

.section-tag {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  background: rgba(7, 60, 48, 0.08);
  color: #073c30;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 14px;
}

.safety-header h2 {
  font-size: clamp(34px, 4vw, 52px);
  margin-bottom: 16px;
  line-height: 1.35;
}

.safety-header p { color: #486552; font-size: 16px; }

.safety-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.safety-card {
  background: #ffffff;
  border: 1px solid #e4dfd3;
  border-radius: 18px;
  padding: 32px 26px;
  box-shadow: 0 4px 20px rgba(6, 20, 18, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.safety-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(6, 20, 18, 0.08);
}

.safety-icon-box {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 20px;
  background: #f2f5f1;
}

.safety-card h3 { font-size: 20px; font-weight: 600; margin-bottom: 12px; }
.safety-card p { font-size: 14px; color: #58625b; line-height: 1.8; margin: 0; }

/* A deliberate transition from the introduction to role discovery. */
.coverage-strip{position:relative;background:#e7e9dd;color:#073c30;padding:26px var(--space);border:0;border-bottom:3px solid #c8a45b}
.coverage-inner{max-width:1330px;gap:24px;justify-content:space-between}.coverage-badge{color:#073c30;font-size:13px;padding-left:24px;border-left:1px solid #073c3026;min-height:36px}.coverage-tags{gap:8px 18px;flex:1;justify-content:center}.coverage-tag{border:0;border-radius:0;background:none;padding:6px 0;color:#486450;font-size:12px;white-space:nowrap}.coverage-tag.primary{background:#073c30;color:#f5f2e9;border:0;border-radius:8px;padding:9px 14px}.coverage-tag.expand{color:#775a22;font-size:11px}.coverage-strip .stat-pulse-dot{background:#9b7b38;box-shadow:none;animation:none}
/* A map panel with clear origin and destination landmarks. */
.route-preview{background:#fff;border-radius:16px;box-shadow:0 18px 42px #073c300c;overflow:hidden}.route-map-wrap{position:relative}.route-top{position:relative;z-index:2;background:#fff;padding:22px 24px;border-bottom:1px solid #073c3010;font-size:14px}.preview-label{background:#eef1e8;padding:5px 10px;border-radius:20px;font-size:10px;color:#49634d}.route-art{background:#eaf0e7;width:100%;min-height:280px;max-height:340px;object-fit:cover}.route-bottom{background:#fff;padding:25px 27px;border-top:1px solid #073c3010}.route-status{font-size:24px;line-height:1.5}.route-bottom p{font-size:13px;margin-top:8px;color:#58705b}.map-point{position:absolute;z-index:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:8px;color:#073c30;font-size:11px;box-shadow:0 6px 15px #073c3012;pointer-events:none}.map-point i{width:7px;height:7px;border-radius:50%;background:#073c30}.map-point-start{left:9%;bottom:15%}.map-point-end{right:13%;top:38%}.map-point-end i{background:#c99d40}
@media(max-width:1050px){.coverage-inner{gap:12px}.coverage-badge{padding-left:16px}.coverage-tags{gap:6px 13px}}
@media(max-width:760px){.coverage-strip{padding:22px 24px}.coverage-inner{display:block}.coverage-badge{border:0;padding:0;margin-bottom:12px;min-height:0}.coverage-tags{justify-content:flex-start;gap:7px 16px}.coverage-tag{font-size:11px}.coverage-tag.primary{font-size:11px;padding:8px 11px}.coverage-tag.expand{flex-basis:100%;margin-top:3px}.route-top{padding:18px}.route-art{min-height:245px}.route-bottom{padding:22px}.route-status{font-size:22px}.map-point{font-size:10px;padding:7px 10px}}