/* Theme: Technical Authority */
/* Navy + Electric Blue - Professional Expertise */

:root {
  --primary: #0d2137;
  --primary-light: #1a3a5c;
  --primary-color: #0d2137;
  --accent: #0088ff;
  --accent-hover: #0077e6;
  --secondary: #6b7280;
  --secondary-color: #0088ff;
  --success-color: #22c55e;
  --light-gray: #94a3b8;
  --background: #ffffff;
  --background-alt: #f8fafc;
  --bg-color: #ffffff;
  --bg-light: #f8fafc;
  --text-dark: #1e293b;
  --text-light: #ffffff;
  --text-color: #1e293b;
  --border: #e2e8f0;
  --border-color: #e2e8f0;
  --success: #22c55e;
  --header-bg: #0d2137;
  --header-text: #ffffff;
  --footer-bg: #0d2137;
  --footer-text: #ffffff;
  --radius-md: 8px;
  --radius-lg: 12px;
}

body {
  background: var(--background);
  color: var(--text-dark);
}

/* Header */
.header {
  background: var(--primary);
  border-bottom: 1px solid var(--primary-light);
}

.logo {
  color: var(--text-light);
}

.logo-icon {
  color: var(--accent);
}

.nav-links a {
  color: var(--light-gray);
}

.nav-links a:hover {
  color: var(--text-light);
}

.nav-phone {
  color: var(--text-light);
}

.btn-primary {
  background: var(--accent);
  color: var(--text-light);
}

.btn-primary:hover {
  background: var(--accent-hover);
}

.btn-secondary {
  border-color: var(--accent);
  color: var(--accent);
}

.btn-secondary:hover {
  background: var(--accent);
  color: var(--text-light);
}

/* Hero */
.hero {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  color: var(--text-light);
}

.hero-subtitle {
  color: var(--light-gray);
}

.hero-features .check {
  color: var(--accent);
}

.hero-location {
  color: var(--light-gray);
}

/* Services */
.services {
  background: var(--background);
}

.service-card {
  background: var(--background);
  border: 1px solid var(--border);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.service-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  border-color: var(--accent);
}

.service-icon {
  color: var(--accent);
}

.service-price {
  color: var(--accent);
}

/* Trust Bar */
.trust-bar {
  background: var(--background-alt);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.trust-number {
  color: var(--accent);
}

.trust-label {
  color: var(--secondary);
}

/* Why Different */
.why-different {
  background: var(--background);
}

.why-column.problems .icon {
  color: #ef4444;
}

.why-column.solutions .icon {
  color: var(--success);
}

/* How It Works */
.how-it-works {
  background: var(--background-alt);
}

.step-number {
  background: var(--accent);
  color: var(--text-light);
}

/* Pricing Preview */
.pricing-preview {
  background: var(--background);
}

.pricing-item {
  background: var(--background-alt);
  border: 1px solid var(--border);
}

.pricing-item-price {
  color: var(--accent);
}

/* Service Area */
.service-area {
  background: var(--primary);
  color: var(--text-light);
}

.city-tag {
  background: var(--primary-light);
  color: var(--text-light);
  border: 1px solid var(--accent);
}

/* CTA Section */
.cta-section {
  background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);
  color: var(--text-light);
}

.cta-form input,
.cta-form select {
  background: var(--text-light);
  color: var(--text-dark);
  border-color: transparent;
}

.cta-form input:focus,
.cta-form select:focus {
  border-color: var(--accent);
  outline: none;
}

.cta-phone a {
  color: var(--accent);
}

/* Footer */
.footer {
  background: var(--primary);
  color: var(--light-gray);
}

.footer-brand .logo {
  color: var(--text-light);
}

.footer h4 {
  color: var(--text-light);
}

.footer a {
  color: var(--light-gray);
}

.footer a:hover {
  color: var(--accent);
}

.footer-bottom {
  border-top: 1px solid var(--primary-light);
  color: var(--secondary);
}