/* Color Variables & Palette Overrides */
:root {
  --sec-bg-dark: #070d14;       /* Deep command bunker navy */
  --sec-bg-card: #0f1722;       /* Slate panel background */
  --sec-border: #1e293b;        /* Hardened metallic border */
  --sec-accent: #f59e0b;        /* Tactical warning amber / gold */
  --sec-accent-hover: #d97706;  /* Darker amber */
  --sec-text-main: #f8fafc;     /* Crisp terminal text */
  --sec-text-muted: #94a3b8;    /* Muted status subtext */
}

/* Base Body & Global Styles */
body {
  background-color: var(--sec-bg-dark);
  color: var(--sec-text-main);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Hero Section Overlay Gradient */
.hero-overlay {
  background: linear-gradient(135deg, rgba(7, 13, 20, 0.95) 0%, rgba(15, 23, 34, 0.88) 100%);
}

/* Security Badge & Accent Elements */
.security-badge {
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: var(--sec-accent);
}
.dot.secure { 
  background-color: var(--sec-accent); 
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.6); 
}
.btn-secure { 
  background-color: var(--sec-accent); 
  color: #070d14; 
  font-weight: 700; 
  border: none;
  transition: background 0.2s ease;
}
.btn-secure:hover { 
  background-color: var(--sec-accent-hover); 
  color: #fff;
}

/* Console & Tracking Panels */
.security-console, .security-results, .service-card, .testimonial-card {
  background-color: var(--sec-bg-card) !important;
  border: 1px solid var(--sec-border) !important;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.5);
}
.secure-tag {
  background: rgba(245, 158, 11, 0.15) !important;
  color: var(--sec-accent) !important;
  border: 1px solid rgba(245, 158, 11, 0.3);
}

/* Service Grid Icon Wrappers */
.card-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sec-accent);
  margin-bottom: 16px;
}

/* Trust Strip Customization */
.trust-strip {
  background: #04080c;
  border-top: 1px solid var(--sec-border);
  border-bottom: 1px solid var(--sec-border);
  padding: 30px 0;
  color: var(--sec-text-muted);
}
.trust-grid .item svg {
  color: var(--sec-accent);
}
.trust-grid .item b {
  color: var(--sec-text-main);
}