/* Core Reset */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: auto; }
body { font-family: 'Inter', system-ui, sans-serif; color: var(--text-primary); background: var(--dark-primary); line-height:1.6; }

:root {
  --primary:#ffc400;
  --primary-accent:#ff9500;
  --gradient:linear-gradient(135deg,var(--primary),var(--primary-accent));
  --radius:20px;
  --shadow:0 10px 30px -10px rgba(0,0,0,0.25);
  --glass:rgba(255,255,255,0.12);
  
  /* Professional color scheme inspired by Eberst Law */
  --dark-primary: #0a0d14;
  --dark-secondary: #1a1f2b;
  --dark-tertiary: #2a2f3b;
  --text-primary: #ffffff;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --accent-gold: #fbbf24;
  --accent-orange: #f97316;
  --accent-red: #dc2626;
  --white-section: #ffffff;
}

/* Navbar */
.navbar { position:fixed; top:0; left:0; right:0; z-index:100; background:#0a0d14; border-bottom:1px solid rgba(255,196,0,0.3); transition:all .3s ease; }
.navbar.scrolled { background:#0a0d14; box-shadow:0 4px 30px -5px rgba(0,0,0,0.5); }
.nav-inner { display:grid; grid-template-columns: 260px 1fr auto; align-items:center; height:70px; padding:0; }
.navbar .logo { display:flex; align-items:center; cursor:pointer; font-weight:800; font-size:22px; letter-spacing:.5px; color: #ffffff; gap:12px; padding:0 20px; justify-content:center; background:#0a0d14; height:70px; border-right:1px solid rgba(255,196,0,0.3); }
.logo span { line-height:1; display:flex; align-items:center; }
.navbar .logo-icon { width:42px; height:42px; border-radius:10px; background:var(--gradient); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:20px; line-height:1; color:#000; box-shadow:0 4px 15px rgba(255,196,0,0.4); }
.nav-links { display:flex; align-items:center; gap:16px; justify-content:center; padding:0 20px; }
.nav-links button, .nav-links a:not(.cta) { background:none; border:none; font-weight:600; font-size:15px; cursor:pointer; color: #ffffff; position:relative; padding:8px 8px; transition:color .3s; text-decoration:none; white-space:nowrap; text-align:center; }
.navbar.scrolled .nav-links button, .navbar.scrolled .nav-links a:not(.cta) { color:#ffffff; }
.nav-links button:hover, .nav-links a:not(.cta):hover { color:var(--primary-accent); }
.nav-links a:not(.cta).active { color:var(--primary-accent); }
.nav-links a:not(.cta)::after { content:''; position:absolute; bottom:2px; left:50%; transform:translateX(-50%); width:0; height:2px; background:var(--gradient); transition:width .3s ease; }
.nav-links a:not(.cta):hover::after, .nav-links a:not(.cta).active::after { width:80%; }
.nav-links .cta { background:var(--gradient); color:#000; font-weight:700; padding:12px 20px; border-radius:50px; text-decoration:none; font-size:14px; box-shadow:0 6px 18px rgba(255,196,0,0.4); transition:.3s; margin-left:12px; }
.nav-links .cta:hover { filter:brightness(.9); transform:translateY(-2px); }

.nav-cta { background:var(--gradient); color:#000; font-weight:700; padding:12px 26px; border-radius:50px; text-decoration:none; font-size:14px; box-shadow:0 6px 18px rgba(255,196,0,0.4); transition:.3s; margin-right:32px; white-space:nowrap; }
.nav-cta:hover { filter:brightness(.9); transform:translateY(-2px); }

.mobile-toggle { 
  display:none; 
  background:none; 
  border:none; 
  font-size:30px; 
  cursor:pointer; 
  color: #ffffff; 
  margin-right:20px;
  z-index: 1000;
  position: relative;
}
.navbar.scrolled .mobile-toggle { color:#ffffff; }
.mobile-menu { 
  display:none; 
  flex-direction:column; 
  background:rgba(10, 13, 20, 0.98); 
  backdrop-filter:blur(10px); 
  padding:20px; 
  border-bottom:1px solid rgba(255,196,0,0.2);
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.mobile-menu.open { display:flex !important; }
.mobile-menu button, .mobile-menu a { background:none; border:none; padding:14px 4px; font-size:16px; font-weight:600; text-align:left; cursor:pointer; color: #ffffff; border-bottom:1px solid rgba(255,255,255,0.1); text-decoration:none; display:block; width:100%; }

/* Sidebar Navigation */
.page-sidebar {
  position: fixed;
  left: 0;
  top: 70px;
  width: 260px;
  height: calc(100vh - 70px);
  background: linear-gradient(180deg, #1a1f2b 0%, #0a0d14 100%);
  border-right: 1px solid rgba(255, 196, 0, 0.1);
  padding: 32px 0;
  z-index: 90;
  overflow-y: auto;
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
}

.sidebar-content {
  padding: 0 20px;
}

.sidebar-title {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--accent-gold);
  margin-bottom: 20px;
  padding: 0 12px;
}

.sidebar-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar-menu li {
  margin-bottom: 4px;
}

.sidebar-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  border-radius: 10px;
  transition: all 0.3s ease;
  position: relative;
}

.sidebar-link .icon {
  font-size: 18px;
  width: 24px;
  text-align: center;
}

.sidebar-link:hover {
  background: rgba(255, 196, 0, 0.1);
  color: var(--accent-gold);
  transform: translateX(4px);
}

.sidebar-link.active {
  background: linear-gradient(135deg, var(--primary), var(--primary-accent));
  color: #000;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(255, 196, 0, 0.3);
}

.sidebar-link.active .icon {
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));
}

/* Content shift for sidebar */
body {
  padding-left: 260px;
}
.mobile-menu a.cta { background:var(--gradient); color:#000; text-align:center; border:none; margin-top:8px; border-radius:10px; }

/* Hero */
.hero { min-height:100vh; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; padding:110px 24px 80px; background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.55)),url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1920&q=80') center/cover fixed; }
.hero-video-wrapper { position:absolute; inset:0; overflow:hidden; z-index:0; background:#000; }
.hero-video { width:100%; height:100%; object-fit:cover; filter:brightness(.55) saturate(1.15); transform:scale(1.0); background:#000; object-position:center; }
.hero-overlay { z-index:1; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.65)),radial-gradient(circle at 30% 70%, rgba(255,196,0,0.12) 0%, transparent 55%), radial-gradient(circle at 80% 25%, rgba(255,80,80,0.15) 0%, transparent 55%); animation:pulse 5s ease-in-out infinite; }
.hero-content { position:relative; z-index:2; max-width:1100px; }

/* Dramatic tagline styling */
.hero-tagline { margin-bottom: 40px; }
.tagline-small { 
  display: block;
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  font-weight: 700;
  letter-spacing: 3px;
  color: #ffc400;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}
.tagline-big {
  font-size: clamp(2.8rem, 7vw, 4.5rem);
  font-weight: 900;
  line-height: 0.95;
  color: #ffffff;
  text-shadow: 4px 4px 16px rgba(0,0,0,0.9);
  margin-bottom: 0;
  letter-spacing: 1px;
}
.accent-text {
  color: #ffc400;
  display: block;
  position: relative;
}

/* Value proposition styling */
.hero-value-prop { 
  margin-bottom: 35px; 
  border-left: 4px solid #ffc400;
  padding-left: 30px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  border-radius: 16px;
  padding: 30px;
  margin: 30px 0;
}
.hero-subtitle {
  font-size: clamp(1.3rem, 2.5vw, 1.8rem);
  font-weight: 700;
  color: #ffc400;
  margin-bottom: 25px;
  letter-spacing: 1px;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
  text-transform: uppercase;
}
.hero-value-prop .lead {
  color: #f8f9fa;
  font-size: clamp(1.1rem, 1.8vw, 1.3rem);
  line-height: 1.6;
  font-weight: 400;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
}
.hero-value-prop .lead strong {
  color: #ffc400;
  font-weight: 700;
}
.hero-value-prop .lead b {
  color: #ffffff;
  font-weight: 600;
}

/* Enhanced benefits styling */
.hero-benefits {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin: 32px auto 32px;
  max-width: 900px;
}
.benefit-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  border: 1px solid rgba(255, 196, 0, 0.2);
  transition: all 0.3s ease;
}
.benefit-item:hover {
  background: rgba(255, 196, 0, 0.15);
  transform: translateY(-2px);
}
.benefit-icon {
  font-size: 20px;
  width: 35px;
  height: 35px;
  background: var(--gradient);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 3px 10px rgba(255, 196, 0, 0.3);
}
.benefit-item span:last-child {
  color: #f0f0f0;
  font-size: 15px;
  font-weight: 500;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
  line-height: 1.4;
}

.hero h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); line-height:1.15; font-weight:800; margin-bottom:28px; color:#fff; text-shadow:4px 4px 12px rgba(0,0,0,0.6); }
.hero p { color:#f5f5f5; font-size:clamp(.98rem,1.3vw,1.15rem); margin:0 auto 18px; max-width:900px; line-height:1.65; }
.hero p.lead { font-size:clamp(1.05rem,1.5vw,1.25rem); }

/* Enhanced CTA section */
.hero-cta-enhanced { margin-top: 42px; }
.cta-urgent {
  background: rgba(255, 196, 0, 0.95);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 20px 30px;
  margin-bottom: 25px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 15px 35px -10px rgba(255, 196, 0, 0.4);
}
.cta-label {
  display: block;
  font-size: clamp(0.8rem, 1.2vw, 0.95rem);
  font-weight: 800;
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.cta-phone {
  display: block;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 900;
  color: #000;
  text-decoration: none;
  letter-spacing: 1px;
  margin-bottom: 6px;
  transition: all 0.3s ease;
}
.cta-phone:hover {
  transform: scale(1.02);
  text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.cta-availability {
  display: block;
  font-size: clamp(0.75rem, 1.1vw, 0.9rem);
  font-weight: 700;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Trust indicators */
.trust-indicators {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin: 35px 0 45px;
  padding: 25px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(12px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.trust-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
}
.trust-icon {
  font-size: 24px;
  width: 40px;
  height: 40px;
  background: var(--gradient);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(255, 196, 0, 0.3);
}
.trust-item span {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

.hero-cta { margin-top:42px; display:flex; gap:20px; flex-wrap:wrap; justify-content:center; }

/* Buttons */
.btn-primary { background:var(--gradient); color:#000; font-weight:700; padding:16px 38px; border:none; border-radius:50px; cursor:pointer; font-size:15px; letter-spacing:.5px; box-shadow:0 12px 30px -5px rgba(255,196,0,0.5); transition:.35s; }
.btn-primary:hover { filter:brightness(.95); transform:translateY(-3px); }
.btn-secondary { background:rgba(255,255,255,0.1); color:#fff; border:2px solid #fff; padding:14px 36px; border-radius:50px; font-weight:600; cursor:pointer; font-size:15px; letter-spacing:.5px; transition:.35s; }
.btn-secondary:hover { background:#fff; color:#000; }
.btn-primary.full { width:100%; }

/* Stats */
.stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:34px; margin-top:70px; padding:38px; background:rgba(255,255,255,0.09); backdrop-filter:blur(14px); border-radius:24px; border:1px solid rgba(255,255,255,0.25); }
.stat .value { font-size:42px; font-weight:800; color:var(--primary); margin-bottom:6px; text-shadow:2px 2px 6px rgba(0,0,0,0.4); }
.stat .label { font-size:14px; font-weight:600; color:#fff; letter-spacing:.5px; }

/* Sections */
.section { padding:90px 0; position:relative; }
.section.dark { background:#0d0f12; color:#f5f5f5; }
.center { text-align:center; }
.section-lead { max-width:760px; margin:0 auto 46px; font-size:1.05rem; color: var(--text-secondary); }
.dark .section-lead { color:#9ca3af; }

/* Enhanced Services Section */
.services-essential {
  background: linear-gradient(135deg, #0d0f12 0%, #1a1d23 100%);
  position: relative;
  overflow: hidden;
}
.services-essential::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255, 196, 0, 0.08) 0%, transparent 50%),
              radial-gradient(circle at 80% 20%, rgba(255, 149, 0, 0.06) 0%, transparent 50%);
  pointer-events: none;
}

.section-header-dramatic {
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}
.section-eyebrow {
  display: block;
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 3px;
  color: #ffc400;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-shadow: 0 0 10px rgba(255, 196, 0, 0.3);
}

/* Ensure eyebrow is visible on light backgrounds */
.case-studies .section-eyebrow,
.audiences-section .section-eyebrow,
.testimonials-trust .section-eyebrow {
  color: #d97706;
  text-shadow: none;
  font-weight: 900;
}
.section-title-dramatic {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 900;
  line-height: 0.9;
  color: #ffffff;
  margin-bottom: 25px;
  text-shadow: 4px 4px 20px rgba(0,0,0,0.8);
  letter-spacing: 1px;
}
/* Dark text variant for light backgrounds */
.section-title-dramatic.dark-text {
  color: var(--text-primary);
  text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}
.section-title-dramatic.dark-text .accent-gold {
  text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}

.accent-gold {
  color: #ffc400;
  display: block;
  text-shadow: 0 0 15px rgba(255, 196, 0, 0.4);
}
.section-subtitle {
  font-size: clamp(1.1rem, 1.8vw, 1.3rem);
  color: #cbd5e1;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.5;
  font-weight: 400;
}

/* Enhanced service cards */
.cards-enhanced {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  margin: 60px 0;
}
.service-card-enhanced {
  background: linear-gradient(145deg, #1a1f2e, #2d3346);
  border: 1px solid rgba(255, 196, 0, 0.1);
  border-radius: 20px;
  padding: 30px 25px;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);
}
.service-card-enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 196, 0, 0.1), transparent);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.service-card-enhanced:hover::before {
  opacity: 1;
}
.service-card-enhanced:hover {
  transform: translateY(-8px);
  border-color: rgba(255, 196, 0, 0.3);
  box-shadow: 0 20px 40px -10px rgba(255, 196, 0, 0.2);
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.icon-enhanced {
  width: 60px;
  height: 60px;
  background: var(--gradient);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  box-shadow: 0 8px 20px rgba(255, 196, 0, 0.4);
  position: relative;
  z-index: 2;
}

/* Service badges */
.priority-badge, .service-badge, .urgent-badge {
  font-size: 10px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.priority-badge {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: white;
  box-shadow: 0 0 15px rgba(239, 68, 68, 0.4);
}
.service-badge {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
}
.urgent-badge {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: white;
  animation: pulse-badge 2s infinite;
}

.service-card-enhanced h3 {
  font-size: 1.3rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
}
.service-card-enhanced p {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

.card-impact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  border: 1px solid rgba(255, 196, 0, 0.2);
  position: relative;
  z-index: 2;
}
.impact-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.impact-value {
  font-size: 16px;
  font-weight: 800;
  color: #ffc400;
  text-shadow: 0 0 10px rgba(255, 196, 0, 0.3);
}

/* Priority and urgent card variants */
.service-card-enhanced.priority {
  border-color: rgba(239, 68, 68, 0.3);
  box-shadow: 0 10px 30px -10px rgba(239, 68, 68, 0.2);
}
.service-card-enhanced.urgent {
  border-color: rgba(245, 158, 11, 0.3);
  box-shadow: 0 10px 30px -10px rgba(245, 158, 11, 0.2);
}

/* Section CTA */
.section-cta {
  margin-top: 50px;
  text-align: center;
}
.btn-section-primary {
  background: var(--gradient);
  color: #000;
  font-weight: 800;
  font-size: 16px;
  padding: 18px 40px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  letter-spacing: 1px;
  text-transform: uppercase;
  box-shadow: 0 15px 35px -10px rgba(255, 196, 0, 0.5);
  transition: all 0.3s ease;
  margin-bottom: 15px;
}
.btn-section-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px -10px rgba(255, 196, 0, 0.6);
}
.cta-urgency {
  font-size: 14px;
  color: #ffc400;
  font-weight: 600;
  margin: 0;
}

@keyframes pulse-badge {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Case Studies Section - NOW DARK */
.case-studies {
  background: linear-gradient(135deg, var(--dark-primary) 0%, var(--dark-secondary) 100%);
  position: relative;
  color: var(--text-primary);
}

.case-studies::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 70%, rgba(251, 191, 36, 0.08) 0%, transparent 50%),
              radial-gradient(circle at 80% 20%, rgba(249, 115, 22, 0.06) 0%, transparent 50%);
  pointer-events: none;
}

.case-studies-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 30px;
  margin-top: 60px;
}

.case-study-card {
  background: linear-gradient(145deg, var(--dark-secondary), var(--dark-tertiary));
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 15px 35px -10px rgba(0,0,0,0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.case-study-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), transparent);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.case-study-card:hover::before {
  opacity: 1;
}

.case-study-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px -15px rgba(251, 191, 36, 0.2);
}

.case-study-card.featured {
  border: 2px solid var(--accent-gold);
  box-shadow: 0 20px 40px -15px rgba(251, 191, 36, 0.3);
}

.case-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}

.case-icon {
  width: 50px;
  height: 50px;
  background: var(--gradient);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  box-shadow: 0 6px 15px rgba(255, 196, 0, 0.3);
}

.case-badge {
  font-size: 10px;
  font-weight: 800;
  padding: 6px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.case-badge.success {
  background: linear-gradient(135deg, #10b981, #059669);
  color: white;
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.4);
}

.case-badge.victory {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
}

.case-badge.fast {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: white;
}

.case-study-card h3 {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--text-primary);
  margin-bottom: 15px;
  line-height: 1.3;
}

.case-study-card p {
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 20px;
}

.case-timeline {
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 15px;
}

/* Enhanced Audiences Section - NOW DARK */
.audiences-section {
  background: linear-gradient(135deg, var(--dark-secondary) 0%, var(--dark-primary) 100%);
  color: var(--text-primary);
  position: relative;
}

.audiences-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 70% 30%, rgba(249, 115, 22, 0.08) 0%, transparent 50%),
              radial-gradient(circle at 30% 80%, rgba(251, 191, 36, 0.06) 0%, transparent 50%);
  pointer-events: none;
}

.audiences-enhanced {
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-top: 60px;
}

.audience-section {
  background: linear-gradient(145deg, var(--dark-tertiary), rgba(42, 47, 59, 0.8));
  border-radius: 24px;
  padding: 40px;
  box-shadow: 0 15px 35px -10px rgba(0,0,0,0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.audience-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.audience-section.buyer::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), transparent);
}
.audience-section.tenant::before {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), transparent);
}
.audience-section.owner::before {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), transparent);
}

.audience-section:hover::before {
  opacity: 1;
}

.audience-section.buyer {
  border-color: rgba(59, 130, 246, 0.3);
}
.audience-section.tenant {
  border-color: rgba(16, 185, 129, 0.3);
}
.audience-section.owner {
  border-color: rgba(245, 158, 11, 0.3);
}

.audience-header {
  display: flex;
  align-items: flex-start;
  gap: 25px;
  margin-bottom: 35px;
}

.audience-icon {
  width: 70px;
  height: 70px;
  background: var(--gradient);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 8px 20px rgba(255, 196, 0, 0.3);
  flex-shrink: 0;
}

.audience-info {
  flex: 1;
}

.audience-badge {
  font-size: 11px;
  font-weight: 800;
  padding: 6px 14px;
  border-radius: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  display: inline-block;
}

.audience-badge.buyer {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
}
.audience-badge.tenant {
  background: linear-gradient(135deg, #10b981, #059669);
  color: white;
}
.audience-badge.owner {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: white;
}

.audience-section h3 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 900;
  line-height: 1.2;
  color: var(--text-primary);
  margin-bottom: 15px;
}

.danger-text {
  color: var(--accent-red);
  display: block;
}
.warning-text {
  color: var(--accent-orange);
  display: block;
}
.alert-text {
  color: var(--accent-gold);
  display: block;
}

.audience-section p {
  color: var(--text-secondary);
  font-size: 1.1rem;
  line-height: 1.6;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  margin-top: 30px;
}

.service-mini-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  border-radius: 16px;
  padding: 25px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  position: relative;
}

.service-mini-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.service-mini-card.critical::before {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), transparent);
}
.service-mini-card.essential::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), transparent);
}
.service-mini-card.important::before {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), transparent);
}
.service-mini-card.protective::before {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), transparent);
}
.service-mini-card.strategic::before {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), transparent);
}
.service-mini-card.urgent::before {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), transparent);
}

.service-mini-card:hover::before {
  opacity: 1;
}

.service-mini-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px -10px rgba(251, 191, 36, 0.2);
  border-color: var(--accent-gold);
}

.service-mini-card h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
}

.service-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  z-index: 2;
}

.service-details span {
  font-size: 14px;
  color: var(--text-secondary);
  font-weight: 500;
  padding-left: 0;
  position: relative;
}

/* Enhanced Contact Section */
.contact-enhanced {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.contact-enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 40%, rgba(255, 196, 0, 0.1) 0%, transparent 50%),
              radial-gradient(circle at 70% 80%, rgba(239, 68, 68, 0.08) 0%, transparent 50%);
  pointer-events: none;
}

.contact-hero {
  text-align: center;
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}

.contact-header h2 {
  color: #ffffff;
}

.contact-urgency {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: #fbbf24;
  font-weight: 600;
  margin: 25px auto;
  max-width: 600px;
  line-height: 1.5;
}

.contact-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 30px;
  margin-top: 40px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.contact-stat {
  text-align: center;
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  border: 1px solid rgba(255, 196, 0, 0.2);
}

.stat-number {
  font-size: 2rem;
  font-weight: 900;
  color: #ffc400;
  margin-bottom: 8px;
  text-shadow: 0 0 20px rgba(255, 196, 0, 0.3);
}

.stat-label {
  font-size: 12px;
  color: #cbd5e1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.contact-content {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 50px;
  margin-top: 60px;
  position: relative;
  z-index: 2;
}

.contact-methods {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.contact-method {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.4s ease;
}

.contact-method.priority {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.1);
  box-shadow: 0 10px 30px -10px rgba(239, 68, 68, 0.2);
}

.contact-method:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.3);
}

.method-icon {
  font-size: 40px;
  margin-bottom: 20px;
}

.contact-method h3 {
  font-size: 1.3rem;
  font-weight: 800;
  margin-bottom: 12px;
  color: #ffffff;
}

.contact-method p {
  color: #cbd5e1;
  margin-bottom: 20px;
  line-height: 1.5;
}

.method-cta {
  display: block;
  font-size: 1.4rem;
  font-weight: 800;
  margin-bottom: 10px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.method-cta.phone {
  color: #ffc400;
}

.method-cta.email {
  color: #60a5fa;
}

.method-cta:hover {
  transform: scale(1.05);
  text-shadow: 0 0 20px currentColor;
}

.method-note {
  font-size: 12px;
  color: #9ca3af;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.contact-form-wrapper {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  padding: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
}

.form-header {
  text-align: center;
  margin-bottom: 30px;
}

.form-header h3 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #ffc400;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.form-header p {
  color: #cbd5e1;
}

.form-urgent-notice {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(220, 38, 38, 0.1));
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 12px;
  padding: 15px 20px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  color: #fecaca;
}

.urgent-icon {
  font-size: 20px;
  animation: pulse-urgent 2s infinite;
}

@keyframes pulse-urgent {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.8; }
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
  margin-bottom: 25px;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-group label {
  font-size: 13px;
  font-weight: 700;
  color: #ffc400;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.form-group input,
.form-group select,
.form-group textarea {
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 15px 18px;
  color: #1f2937;
  font-size: 16px;
  transition: all 0.3s ease;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #6b7280;
}

.form-group select option {
  background: #ffffff;
  color: #1f2937;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #ffc400;
  background: rgba(255, 196, 0, 0.1);
  box-shadow: 0 0 0 3px rgba(255, 196, 0, 0.2);
}

.form-submit {
  text-align: center;
  margin-top: 30px;
}

.btn-contact-primary {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: white;
  border: none;
  border-radius: 16px;
  padding: 20px 40px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 15px 35px -10px rgba(239, 68, 68, 0.4);
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.btn-contact-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px -10px rgba(239, 68, 68, 0.5);
}

.btn-text {
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.btn-subtext {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.9;
}

.form-guarantee {
  margin-top: 20px;
}

.guarantee-items {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.guarantee-items span {
  font-size: 13px;
  color: #10b981;
  font-weight: 600;
}

.contact-trust-final {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 30px;
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 2;
}

.final-trust-item {
  text-align: center;
  padding: 20px;
  background: rgba(255, 196, 0, 0.05);
  border-radius: 16px;
  border: 1px solid rgba(255, 196, 0, 0.2);
}

.trust-number {
  display: block;
  font-size: 1.8rem;
  font-weight: 900;
  color: #ffc400;
  margin-bottom: 8px;
}

.trust-text {
  font-size: 12px;
  color: #cbd5e1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Testimonials & Trust Section */
.testimonials-trust {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  position: relative;
}

.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 30px;
  margin: 60px 0 80px;
}

.testimonial-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 15px 35px -10px rgba(0,0,0,0.1);
  border: 1px solid #e2e8f0;
  transition: all 0.4s ease;
  position: relative;
}

.testimonial-card.featured {
  border: 2px solid #ffc400;
  box-shadow: 0 20px 40px -15px rgba(255, 196, 0, 0.25);
}

.testimonial-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px -15px rgba(0,0,0,0.15);
}

.testimonial-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}

.client-info {
  display: flex;
  align-items: center;
  gap: 15px;
}

.client-avatar {
  width: 50px;
  height: 50px;
  background: var(--gradient);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: #000;
  font-size: 18px;
}

.client-details h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 4px;
}

.client-details span {
  font-size: 14px;
  color: var(--text-secondary);
  font-weight: 500;
}

.testimonial-rating {
  font-size: 18px;
}

.testimonial-card blockquote {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #374151;
  font-style: italic;
  margin-bottom: 20px;
  position: relative;
  padding-left: 20px;
}

.testimonial-card blockquote::before {
  content: '"';
  position: absolute;
  left: -10px;
  top: -10px;
  font-size: 4rem;
  color: #ffc400;
  opacity: 0.3;
  font-family: serif;
}

.testimonial-impact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  background: linear-gradient(135deg, #f0fdf4, #dcfce7);
  border-radius: 12px;
  border: 1px solid #bbf7d0;
  font-weight: 600;
  color: #166534;
}

.testimonial-impact span {
  font-weight: 800;
  color: #15803d;
  font-size: 1.1rem;
}

.trust-badges {
  margin-top: 60px;
  padding-top: 50px;
  border-top: 1px solid #e2e8f0;
}

.badges-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

.trust-badge {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #ffffff;
  padding: 25px;
  border-radius: 16px;
  box-shadow: 0 8px 25px -8px rgba(0,0,0,0.1);
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
}

.trust-badge:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px -10px rgba(0,0,0,0.15);
}

.badge-icon {
  width: 60px;
  height: 60px;
  background: var(--gradient);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  box-shadow: 0 6px 15px rgba(255, 196, 0, 0.3);
}

.badge-content h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 4px;
}

.badge-content span {
  font-size: 14px;
  color: var(--text-secondary);
  font-weight: 500;
}

/* Enhanced Footer */
.footer-enhanced {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #cbd5e1;
  position: relative;
}

.footer-enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 20%, rgba(255, 196, 0, 0.05) 0%, transparent 50%);
  pointer-events: none;
}

.footer-top {
  display: grid;
  grid-template-columns: 1.2fr 2fr;
  gap: 60px;
  padding: 60px 0 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 2;
}

.footer-brand .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  font-weight: 800;
  font-size: 22px;
  color: #ffffff;
}

.footer-brand .logo-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: var(--gradient);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 20px;
  line-height: 1;
  color: #000;
  box-shadow: 0 4px 15px rgba(255, 196, 0, 0.4);
}

.footer-brand .logo span {
  line-height: 1;
}

.footer-brand p {
  font-size: 16px;
  line-height: 1.6;
  color: #94a3b8;
  margin-bottom: 25px;
}

.footer-emergency {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 12px;
  padding: 20px;
  text-align: center;
}

.emergency-label {
  font-size: 12px;
  font-weight: 800;
  color: #ffc400;
  letter-spacing: 2px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.emergency-phone {
  display: block;
  font-size: 1.6rem;
  font-weight: 900;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
}

.emergency-phone:hover {
  color: #ffc400;
  transform: scale(1.05);
}

.footer-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.footer-column h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffc400;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
}

.footer-column ul {
  list-style: none;
}

.footer-column li {
  margin-bottom: 12px;
  white-space: nowrap;
}

.footer-column a {
  color: #94a3b8;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  font-size: 14px;
}

.footer-column a:hover {
  color: #ffffff;
  padding-left: 5px;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
  gap: 20px;
}

.footer-legal {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-legal > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-legal span {
  color: #64748b;
  font-size: 14px;
}

.legal-links {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.legal-links a {
  font-size: 13px;
  color: #64748b;
  text-decoration: none;
  transition: color 0.3s ease;
}

.legal-links a:hover {
  color: #ffc400;
}

.footer-final-cta {
  display: flex;
  align-items: center;
  gap: 15px;
  background: linear-gradient(135deg, rgba(255, 196, 0, 0.15), rgba(255, 149, 0, 0.1));
  border: 2px solid rgba(255, 196, 0, 0.4);
  border-radius: 16px;
  padding: 18px 30px;
  box-shadow: 0 8px 25px -8px rgba(255, 196, 0, 0.3);
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.footer-final-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 35px -10px rgba(255, 196, 0, 0.4);
}

.final-cta-text {
  font-size: 12px;
  font-weight: 800;
  color: #ffc400;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.final-cta-phone {
  font-size: 1.2rem;
  font-weight: 800;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
}

.final-cta-phone:hover {
  color: #ffc400;
  transform: scale(1.05);
}

.container { width:100%; max-width:1200px; margin:0 auto; padding:0 24px; }
.grad-title { font-size: clamp(2.1rem, 4.2vw, 3rem); font-weight:800; background:linear-gradient(90deg,#ffc400,#ff9d00,#ffb400); -webkit-background-clip:text; background-clip:text; color:transparent; margin-bottom:18px; letter-spacing:.5px; }

/* Grid */
.grid { display:grid; gap:28px; }
.cards-3 { grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); }
.service-card { background:linear-gradient(145deg,#1e1e1e,#262a30); color:#fff; border:1px solid rgba(255,255,255,0.06); padding:26px 22px 30px; border-radius:22px; position:relative; overflow:hidden; box-shadow:0 4px 25px -8px rgba(0,0,0,.5); transition:.4s; }
.service-card:before { content:""; position:absolute; inset:0; background:linear-gradient(140deg,rgba(255,196,0,.15),rgba(255,149,0,.05)); opacity:0; transition:.4s; }
.service-card:hover:before { opacity:1; }
.service-card .icon { width:56px; height:56px; border-radius:16px; background:var(--gradient); display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:700; color:#000; margin-bottom:18px; box-shadow:0 6px 18px rgba(255,196,0,.4); }
.service-card h3 { font-size:1.15rem; margin-bottom:10px; font-weight:600; }
.service-card p { font-size:.9rem; color:#cbd5e1; }

/* Audiences */
.audience { margin-top:70px; }
.aud-head h3 { font-size:1.9rem; font-weight:700; margin:12px 0 10px; }
.aud-head p { font-size:1rem; color: var(--text-secondary); }
.aud-grid { margin-top:20px; display:grid; gap:22px; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.aud-card { position:relative; border-radius:20px; background:linear-gradient(145deg,#ffffff,#f5f7fa); padding:22px 22px 26px; border:1px solid #e5e7eb; box-shadow:0 6px 22px -8px rgba(0,0,0,0.08); transition:.4s; overflow:hidden; }
.aud-card:before { content:""; position:absolute; inset:0; background:linear-gradient(130deg,rgba(255,196,0,.18),rgba(255,149,0,.08)); opacity:0; transition:.4s; }
.aud-card:hover:before { opacity:1; }
.aud-icon { width:52px; height:52px; border-radius:15px; background:var(--gradient); display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700; color:#000; margin-bottom:12px; box-shadow:0 5px 16px rgba(255,196,0,.4); }
.aud-card h4 { font-size:1.05rem; margin-bottom:8px; font-weight:600; color: var(--text-primary); }
.aud-card ul { list-style:none; font-size:.8rem; color: var(--text-secondary); display:grid; gap:4px; }
.aud-card li { display:flex; align-items:center; gap:6px; }
.aud-card li:before { content:""; width:6px; height:6px; background:var(--gradient); border-radius:50%; }

/* Pills */
.pill { display:inline-block; padding:6px 14px; border-radius:30px; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; background:#eee; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
.pill-blue { background:linear-gradient(120deg,#2563eb,#3b82f6); color:#fff; }
.pill-green { background:linear-gradient(120deg,#059669,#10b981); color:#fff; }
.pill-amber { background:linear-gradient(120deg,#f59e0b,#fbbf24); color:#fff; }

/* Contact */
.contact { background:linear-gradient(180deg,#ffffff,#f5f7fa); }
.contact-form { margin-top:40px; display:flex; flex-direction:column; gap:22px; }
.contact-form label { font-size:.75rem; font-weight:600; letter-spacing:.5px; text-transform:uppercase; color:#334155; margin-bottom:6px; display:block; }
.contact-form input, .contact-form select, .contact-form textarea { width:100%; padding:14px 16px; border:1px solid #d1d5db; border-radius:14px; font:inherit; background:#fff; transition:.3s; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { outline:none; border-color:var(--primary-accent); box-shadow:0 0 0 3px rgba(255,167,0,0.25); }
.grid-2 { display:grid; gap:22px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }

/* Footer */
.footer { background:#0f1114; color:#cbd5e1; padding:46px 0; margin-top:40px; font-size:.85rem; }
.footer-inner { display:flex; flex-direction:column; gap:16px; justify-content:center; align-items:center; text-align:center; }
.footer a { color:#94a3b8; text-decoration:none; font-weight:500; }
.footer a:hover { color:#fff; }
.mini-links { display:flex; gap:26px; }

/* Utilities */
.center { text-align:center; }
.block { display:block; }

/* Responsive Design - Mobile First Approach */

/* Large Desktop - 1920px+ */
@media (min-width: 1920px) {
  .hero-content { max-width: 1300px; }
  .tagline-big { font-size: 5.5rem; }
  .hero-value-prop .lead { font-size: 1.5rem; }
  .section { padding: 120px 40px; }
  .container { max-width: 1400px; }
  .cards-enhanced { grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); }
  .trust-indicators { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
}

/* Desktop - 1200px to 1919px */
@media (min-width: 1200px) and (max-width: 1919px) {
  .hero-content { max-width: 1100px; }
  .container { max-width: 1200px; }
  .section { padding: 100px 32px; }
}

/* Tablet Landscape - 1024px to 1199px */
@media (min-width: 1024px) and (max-width: 1199px) {
  .hero { padding: 110px 20px 80px; }
  .hero-content { max-width: 900px; }
  .tagline-big { font-size: clamp(3.2rem, 6vw, 4rem); }
  .hero-benefits { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .cards-enhanced { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .trust-indicators { grid-template-columns: repeat(3, 1fr); }
  .section { padding: 80px 20px; }
  .container { max-width: 1000px; }
}

/* Tablet Portrait - 768px to 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
  /* Global tablet fixes */
  * { box-sizing: border-box; }
  html, body { overflow-x: hidden !important; width: 100% !important; }
  body { margin-left: 0 !important; padding-left: 0 !important; }
  
  /* Hide sidebar on tablets */
  .page-sidebar { display: none !important; }
  main { margin-left: 0 !important; width: 100% !important; padding: 0 !important; }
  .hero, .section, .container { 
    width: 100% !important; 
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Navbar simplified */
  .navbar { width: 100%; }
  .nav-cta { display: none !important; }
  .nav-inner { grid-template-columns: 260px 1fr auto; padding: 0; }
  .nav-links { display: none; }
  .mobile-toggle { display: block; font-size: 26px; padding: 20px; }
  
  /* Content optimized */
  .container { max-width: 100% !important; padding: 0 20px !important; }
  .hero { padding: 100px 20px 70px !important; width: 100% !important; }
  .section { padding: 60px 20px !important; width: 100% !important; }
  
  /* Cards in 2 columns for tablets */
  .cards-enhanced { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
  .stats-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
  
  /* Typography adjusted */
  .tagline-big { font-size: clamp(2.4rem, 6vw, 3.2rem) !important; }
  .section-title { font-size: clamp(2rem, 5vw, 2.6rem) !important; }
  .hero-benefits { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .benefit-item { padding: 14px 18px; }
  .hero-value-prop { padding: 24px; margin: 24px 0; }
  .cards-enhanced { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .trust-indicators { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .case-studies-grid { grid-template-columns: repeat(2, 1fr); }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-content { grid-template-columns: 1fr; gap: 35px; }
  .contact-methods { flex-direction: row; justify-content: space-between; }
  .form-grid { grid-template-columns: repeat(2, 1fr); }
  .section { padding: 70px 16px; }
  .container { max-width: 720px; }
}

/* Desktop Small - hide CTA button on smaller screens */
@media (max-width: 1199px) {
  .nav-cta { display: none !important; }
}

/* Mobile Large - 480px to 767px */
@media (min-width: 480px) and (max-width: 767px) {
  /* Global fixes for large phones */
  * { box-sizing: border-box; }
  html, body { overflow-x: hidden !important; width: 100% !important; }
  body { margin-left: 0 !important; padding-left: 0 !important; }
  
  /* Hide sidebar */
  .page-sidebar { display: none !important; }
  main { margin-left: 0 !important; width: 100% !important; padding: 0 !important; }
  .hero, .section, .container { 
    width: 100% !important; 
    max-width: 100% !important; 
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  
  /* Navbar simplified */
  .nav-cta { display: none !important; }
  .nav-inner { grid-template-columns: 1fr auto; padding: 0; }
  .nav-links { display: none; }
  .mobile-toggle { display: block; font-size: 26px; padding: 18px; }
  
  /* Content optimized */
  .container { padding: 0 16px !important; }
  .hero { padding: 90px 16px 60px !important; width: 100% !important; }
  .section { padding: 50px 16px !important; }
  .hero-content { max-width: 100%; }
  .tagline-big { font-size: clamp(2.2rem, 7vw, 2.8rem) !important; }
  .hero-benefits { grid-template-columns: 1fr; gap: 10px; }
  .cards-enhanced { grid-template-columns: 1fr !important; gap: 16px !important; }
  .hero-value-prop { padding: 20px; margin: 20px 0; }
  .hero-cta { flex-direction: column; gap: 12px; }
  .cta-primary, .cta-secondary { width: 100%; max-width: 280px; }
  .cards-enhanced { grid-template-columns: 1fr; gap: 16px; }
  .trust-indicators { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .trust-item { flex-direction: column; text-align: center; gap: 6px; }
  .case-studies-grid { grid-template-columns: 1fr; }
  .services-grid { grid-template-columns: 1fr; }
  .contact-content { grid-template-columns: 1fr; gap: 30px; }
  .contact-methods { flex-direction: column; gap: 16px; }
  .form-grid { grid-template-columns: 1fr; }
  .section { padding: 60px 12px; }
  .container { max-width: 100%; }
}
/* Mobile Small - 320px to 479px */
@media (max-width: 479px) {
  /* Global mobile fixes */
  * { max-width: 100%; box-sizing: border-box; }
  html { overflow-x: hidden; }
  body { 
    margin-left: 0 !important; 
    padding-left: 0 !important; 
    overflow-x: hidden !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
  img { max-width: 100%; height: auto; }
  
  /* Hide sidebar on mobile */
  .page-sidebar { display: none !important; }
  main { margin-left: 0 !important; width: 100%; padding: 0 !important; }
  .hero, .section, .container { 
    width: 100% !important; 
    max-width: 100vw !important; 
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  
  /* Navigation - simplified */
  .navbar { padding: 0; }
  .nav-inner { grid-template-columns: 1fr auto; padding: 0; }
  .nav-links { display: none; }
  .nav-cta { display: none !important; }
  .mobile-toggle { 
    display: block !important; 
    font-size: 28px; 
    padding: 20px; 
    margin: 0;
    background: transparent;
    border: none;
    cursor: pointer;
  }
  .logo { font-size: 16px; padding: 0 16px; }
  .logo-icon { width: 32px; height: 32px; font-size: 14px; }
  
  /* Hide heavy elements */
  .hero-video-wrapper { display: none; }
  .trust-indicators { display: none; }
  
  /* Hero Section - ultra simplified */
  .hero { 
    padding: 90px 12px 40px !important; 
    min-height: 70vh !important;
    width: 100vw !important;
    margin-left: 0 !important;
  }
  .hero-content { max-width: 100% !important; text-align: center; padding: 0 8px; }
  .tagline-small { font-size: 0.65rem; letter-spacing: 1px; margin-bottom: 6px; }
  .tagline-big { 
    font-size: clamp(1.4rem, 7vw, 1.9rem) !important; 
    line-height: 1.2 !important; 
    margin-bottom: 10px !important;
    word-break: break-word;
  }
  .hero-subtitle { 
    font-size: clamp(0.85rem, 3.5vw, 1rem) !important; 
    margin-bottom: 16px !important; 
    line-height: 1.4 !important;
  }
  .hero-value-prop { padding: 14px; margin: 16px 0; }
  .hero-value-prop .lead { font-size: clamp(0.85rem, 3.5vw, 1rem); line-height: 1.4; }
  .hero-benefits { grid-template-columns: 1fr; gap: 8px; margin: 20px 0; }
  .benefit-item { padding: 12px; font-size: 13px; }
  .benefit-icon { font-size: 18px; width: 30px; height: 30px; }
  .hero-cta { flex-direction: column; gap: 10px; align-items: center; width: 100%; }
  .btn-primary, .btn-secondary, .cta-primary, .cta-secondary { 
    width: 90% !important; 
    max-width: 260px !important; 
    padding: 13px 20px !important; 
    font-size: 14px !important;
    display: block !important;
    margin: 0 auto !important;
  }
  
  /* Stats and Cards - simplified */
  .section { padding: 30px 12px !important; width: 100% !important; }
  .container { max-width: 100% !important; padding: 0 12px !important; width: 100% !important; }
  
  .stats { padding: 20px 8px; gap: 14px; }
  .cards-enhanced { grid-template-columns: 1fr !important; gap: 12px !important; padding: 0 !important; }
  .card-item { padding: 16px 12px !important; }
  .card-title { font-size: 1.15rem !important; }
  .card-text { font-size: 13px !important; }
  .card-btn { font-size: 13px !important; padding: 10px 16px !important; }
  .stat-item { padding: 16px; }
/* Services Cards */
  .section-wrapper { padding: 40px 16px; }
  .section-title { font-size: clamp(1.6rem, 7vw, 2rem); margin-bottom: 10px; text-align: center; }
  .section-subtitle { font-size: clamp(0.95rem, 4vw, 1.1rem); margin-bottom: 30px; text-align: center; }
  .cards-enhanced { grid-template-columns: 1fr; gap: 16px; padding: 0; }
  .card-item { padding: 20px; }
  .card-icon { width: 50px; height: 50px; font-size: 24px; margin-bottom: 14px; }
  .card-title { font-size: 1.3rem; margin-bottom: 10px; }
  .card-text { font-size: 14px; line-height: 1.6; margin-bottom: 16px; }
  .card-btn { padding: 11px 22px; font-size: 14px; width: 100%; }
  
  .stat-number { font-size: clamp(1.8rem, 6vw, 2.2rem); }
  .service-card { padding: 18px 14px 20px; }
  .cards-enhanced { grid-template-columns: 1fr; gap: 12px; }
  
  /* Trust Indicators */
  .trust-indicators { 
    grid-template-columns: 1fr; 
    gap: 10px;
    padding: 16px;
  }
  .trust-item { 
    flex-direction: column;
    text-align: center;
    gap: 6px;
    padding: 12px;
  }
  .trust-item span { font-size: 12px; }
  
  /* Grids and Layout */
  .case-studies-grid { grid-template-columns: 1fr; gap: 16px; }
  .services-grid { grid-template-columns: 1fr; gap: 16px; }
  .testimonials-grid { grid-template-columns: 1fr; gap: 16px; }
  
  
  /* Contact Section */
  .contact-content { grid-template-columns: 1fr; gap: 25px; }
  .contact-methods { flex-direction: column; gap: 12px; }
  .contact-method { padding: 16px; }
  .contact-method-icon { width: 40px; height: 40px; font-size: 20px; }
  .contact-method-title { font-size: 15px; }
  .contact-method-value { font-size: 14px; }
  .form-grid { grid-template-columns: 1fr; gap: 12px; }
  .form-group input, .form-group select, .form-group textarea { padding: 12px; font-size: 15px; }
  .contact-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .final-trust-item { padding: 12px; }
  
  /* Audience sections */
  .audience-header { text-align: center; flex-direction: column; gap: 16px; }
  .audience-icon { margin: 0 auto; width: 60px; height: 60px; }
  
  /* Guarantees */
  .guarantee-items { 
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }
  
  /* Badges */
  .badges-grid { grid-template-columns: 1fr; gap: 16px; }
  .trust-badge { 
    flex-direction: column; 
    text-align: center; 
    gap: 12px; 
    padding: 16px; 
  }
  
  /* Footer */
  .footer-top { 
    grid-template-columns: 1fr; 
    gap: 30px; 
    padding: 40px 16px;
  }
  .footer-links { 
    grid-template-columns: 1fr; 
    gap: 25px; 
  }
  .footer-bottom { 
    flex-direction: column; 
    gap: 20px; 
    text-align: center; 
    padding: 20px 16px;
  }
  .footer-legal { 
    flex-direction: column; 
    gap: 12px;
    min-width: auto;
    width: 100%;
  }
  .legal-links { 
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
  }
  .footer-final-cta {
    padding: 12px 20px;
    width: 100%;
    justify-content: center;
    max-width: 280px;
    margin: 0 auto;
    font-size: 14px;
  }
  
  /* Section padding adjustments */
  .section { padding: 50px 16px; }
  .container { max-width: 100%; padding: 0 16px; }
  
  /* Typography adjustments */
  .section-title { font-size: clamp(1.8rem, 6vw, 2.4rem); }
  .section-subtitle { font-size: clamp(0.9rem, 3vw, 1.1rem); }
  
  /* Mobile Menu */
  .mobile-menu { 
    padding: 16px; 
    top: 60px;
  }
  .mobile-menu a { 
    padding: 14px 16px; 
    font-size: 15px;
  }
  
  /* Stats improved */
  .stats-section { padding: 40px 16px; }
  .stats-grid { grid-template-columns: 1fr; gap: 20px; }
  .stat-item { padding: 24px; text-align: center; }
  .stat-number { font-size: 2.2rem; font-weight: 700; }
  .stat-label { font-size: 15px; margin-top: 8px; }
  
  /* CTA improved */
  .cta-section { padding: 40px 16px; text-align: center; }
  .cta-title { font-size: clamp(1.6rem, 7vw, 2rem); margin-bottom: 12px; }
  .cta-description { font-size: clamp(0.95rem, 4vw, 1.1rem); margin-bottom: 24px; line-height: 1.6; }
  .cta-content { gap: 20px; flex-direction: column; align-items: center; }
  .cta-buttons { flex-direction: column; gap: 12px; align-items: center; width: 100%; }
  .cta-buttons .btn { width: 100%; max-width: 280px; padding: 14px 24px; font-size: 15px; }
}

/* Animations */
@keyframes pulse { 0%,100% { opacity:.85; } 50% { opacity:.45; } }