/* Custom styles for NSquare Web Solutions site */
:root{
  --primary:#0d6efd; /* Bootstrap primary */
  --accent:#0b5ed7;
  --muted:#6c757d;
  --bg:#f8f9fa;
}

/* Body & typography */
body{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:#222;
  background: #fff;
  -webkit-font-smoothing:antialiased;
}

/* Hero illustration placeholder */
.illustration{
  max-width:420px;
  margin-left:auto;
}

/* Service icon */
.service-card .icon{
  width:56px;height:56px;display:flex;align-items:center;justify-content:center;
  font-size:20px;
}

/* Tech cards */
.tech-card { transition: transform .18s ease, box-shadow .18s ease; }
.tech-card:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(13,110,253,0.12); }

/* Buttons */
.btn-primary{ background: linear-gradient(180deg,var(--primary),var(--accent)); border-color: transparent; }
.btn-outline-primary { border-color: var(--primary); color:var(--primary); }

/* Footer */
footer { font-size:0.95rem; }

/* Responsive tweaks */
@media (max-width:768px){
  .illustration{ display:none; }
}