/* Services Page - Visual Rich Cards */
.srv-section { 
  background: var(--navy-dark); 
  padding: 4rem 0; 
  position: relative;
}
.srv-section::before {
  content: '';
  position: absolute;
  top: 20%;
  left: -10%;
  width: 40%;
  height: 60%;
  background: radial-gradient(ellipse, rgba(59,130,246,0.04) 0%, transparent 70%);
  pointer-events: none;
}
.srv-section::after {
  content: '';
  position: absolute;
  bottom: 10%;
  right: -10%;
  width: 35%;
  height: 50%;
  background: radial-gradient(ellipse, rgba(139,92,246,0.03) 0%, transparent 70%);
  pointer-events: none;
}
.srv-grid { max-width: 1440px; margin: 0 auto; padding: 0 1.5rem; display: flex; flex-direction: column; gap: 2rem; }

.srv-card {
  display: grid; grid-template-columns: 320px 1fr; gap: 0;
  background: linear-gradient(160deg, rgba(15,25,65,0.9), rgba(8,12,36,0.95));
  border-radius: 20px; overflow: hidden;
  border: 1.5px solid rgba(96,165,250,0.25);
  transition: all 0.35s; position: relative; cursor: pointer;
}
.srv-card::before {
  content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 100%;
  background: var(--accent); border-radius: 20px 0 0 20px;
}
.srv-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 60px rgba(0,0,0,0.3), 0 0 30px rgba(59,130,246,0.2);
  border-color: var(--accent);
}
.srv-card:nth-child(even) { grid-template-columns: 1fr 320px; }
.srv-card:nth-child(even) .srv-img-wrap { order: 2; }
.srv-card:nth-child(even)::before { left: auto; right: 0; border-radius: 0 20px 20px 0; }

.srv-img-wrap { position: relative; overflow: hidden; }
.srv-img-wrap img { width: 100%; height: 100%; min-height: 280px; object-fit: cover; transition: transform 0.5s; }
.srv-card:hover .srv-img-wrap img { transform: scale(1.06); }

.srv-body { padding: 2.5rem; display: flex; flex-direction: column; justify-content: center; }
.srv-body h3 { font-size: 1.5rem; font-weight: 800; color: #F0F4FF; margin-bottom: 0.8rem; }
.srv-body > p { font-size: 1rem; color: #94A3B8; line-height: 1.7; margin-bottom: 1.2rem; }
.srv-body ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem 1.5rem; }
.srv-body li {
  font-size: 0.88rem; color: #94A3B8; padding-left: 1.2rem; position: relative; line-height: 1.5;
}
.srv-body li::before {
  content: ''; position: absolute; left: 0; top: 7px;
  width: 8px; height: 8px; border-radius: 50%; background: var(--accent);
}

@media (max-width: 900px) {
  .srv-card, .srv-card:nth-child(even) { grid-template-columns: 1fr; }
  .srv-card:nth-child(even) .srv-img-wrap { order: 0; }
  .srv-img-wrap img { min-height: 200px; }
  .srv-body { padding: 1.5rem; }
  .srv-body ul { grid-template-columns: 1fr; }
}


/* Mobile responsive for service cards */
@media (max-width: 768px) {
  .srv-section { padding: 2rem 0; }
  .srv-grid { padding: 0 1rem; gap: 1.5rem; }
  .srv-card, .srv-card:nth-child(even) { grid-template-columns: 1fr; }
  .srv-card:nth-child(even) .srv-img-wrap { order: 0; }
  .srv-img-wrap img { min-height: 180px; height: 180px; }
  .srv-body { padding: 1.5rem; }
  .srv-body h3 { font-size: 1.2rem; }
  .srv-body ul { grid-template-columns: 1fr; }
}