/* ============================================================
   SERVICES / WHAT WE DO PAGE STYLES
   ============================================================ */
.services-hero-bg {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 70% 50%, rgba(0,170,255,.08) 0%, transparent 60%),
              radial-gradient(ellipse at 10% 80%, rgba(245,158,11,.06) 0%, transparent 50%);
}
.services-category-section { margin-bottom: 4rem; }
.category-heading {
  display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;
  padding-bottom: 1rem; border-bottom: 1px solid var(--border-glass);
}
.category-icon { font-size: 1.5rem; }
.category-title { font-size: 1.25rem; font-weight: 700; }
.category-badge { margin-left: auto; }

.services-full-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}
.service-card-full {
  padding: 2rem; cursor: pointer; text-align: left;
  background: var(--bg-card); border: 1px solid var(--border-glass);
  border-radius: var(--radius-xl); transition: all var(--transition-base);
  display: flex; flex-direction: column; gap: 1rem;
  position: relative; overflow: hidden;
}
.service-card-full::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0;
  height: 2px; background: var(--gradient-blue);
  transform: scaleX(0); transform-origin: left;
  transition: transform var(--transition-base);
}
.service-card-full:hover::after { transform: scaleX(1); }
.service-card-full:hover { background: var(--bg-card-hover); border-color: var(--border-glow); transform: translateY(-4px); box-shadow: var(--shadow-lg), 0 0 30px rgba(0,170,255,.08); }
.service-card-icon {
  width: 56px; height: 56px; border-radius: var(--radius-md);
  background: var(--accent-blue-glow); border: 1px solid rgba(0,170,255,.2);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; transition: all var(--transition-base);
}
.service-card-full:hover .service-card-icon { background: var(--accent-blue); }
.service-card-title { font-size: 1.05rem; font-weight: 700; }
.service-card-desc { font-size: 0.875rem; color: var(--text-secondary); line-height: 1.7; flex: 1; }
.service-learn-more { display: inline-flex; align-items: center; gap: 0.375rem; color: var(--accent-blue); font-size: 0.875rem; font-weight: 600; transition: gap var(--transition-fast); }
.service-card-full:hover .service-learn-more { gap: 0.625rem; }

/* CTA Strip */
.services-cta-strip {
  margin-top: 4rem; padding: 3rem;
  background: linear-gradient(135deg, rgba(0,170,255,.08) 0%, rgba(245,158,11,.06) 100%);
  border: 1px solid var(--border-glass); border-radius: var(--radius-2xl);
  display: flex; align-items: center; justify-content: space-between; gap: 2rem;
  flex-wrap: wrap;
}
.cta-strip-text h3 { font-size: 1.5rem; font-weight: 800; margin-bottom: 0.5rem; }
.cta-strip-text p { color: var(--text-secondary); font-size: 0.95rem; }