/* ── Netscylla shared styles ────────────────────────────────────────── */

/* Layout utilities */
.justify  { text-align: justify; }
.center   { text-align: center; }
section   { padding: 2rem; }
.bg-grey  { background-color: #dcdcdc; }

/* Service/consultancy list */
ul.run {
  margin: 1em;
  padding: 0 0 0 2em;
  overflow: hidden;
  list-style: none;
}
li.run { margin: 1em; padding: 1em; }

/* Icon hover colour */
a:hover .fa-envelope,
a:hover .fa-github,
a:hover .fa-linkedin-in,
a:hover .fa-x-twitter,
a:hover .fa-facebook-square,
a:hover .fa-brands { color: #00c3f9 !important; }

/* ── Navbar ─────────────────────────────────────────────────────────── */
.navbar-brand img { max-width: 100px; }

/* ── Hero (index page) ───────────────────────────────────────────────── */
body { margin: 0; padding: 0; }

.hero-banner {
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);
  color: #fff;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.hero-banner h1 { font-weight: 700; letter-spacing: -0.5px; }
.hero-banner h2 { color: #00c3f9; font-weight: 300; }

/* ── Service cards ───────────────────────────────────────────────────── */
.service-card {
  border: 0;
  border-radius: .75rem;
  transition: box-shadow .2s;
}
.service-card:hover { box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.15); }
.service-card .rounded-circle {
  object-fit: cover;
  border: 3px solid #dee2e6;
}

/* ── Footer ─────────────────────────────────────────────────────────── */
footer {
  background-color: #f8f9fa;
  border-top: 1px solid #dee2e6;
  padding: 1.25rem 0;
  margin-top: 2rem;
}
footer a { color: #495057; }
footer a:hover { color: #0d6efd; }

/* ── Carousel ────────────────────────────────────────────────────────── */
.carousel-item img {
  max-height: 420px;
  object-fit: cover;
  width: 100%;
}
.carousel-caption {
  background: rgba(0,0,0,.55);
  border-radius: .5rem;
  padding: 1rem 1.25rem;
}

/* ── Responsive tweaks ───────────────────────────────────────────────── */
@media (max-width: 767.98px) {
  div.hero-banner  { height: 110px !important; }
  .hero-banner img { max-height: 70px !important; }
  .hero-banner h1  { font-size: 1.4rem !important; margin-bottom: 0 !important; }
  .hero-banner h2  { font-size: 1rem !important;  margin-bottom: 0 !important; }
  .hero-banner .lead { font-size: 0.8rem !important; }
  .hero-banner .col-md-3 { flex: 0 0 auto; width: auto; }
  .hero-banner .col-md-9 { flex: 1 1 0; }
  .carousel-caption h3,
  .carousel-caption h2 { font-size: 1.1rem; }
  .carousel-caption p  { font-size: .85rem; }
  .carousel-item img   { max-height: 250px; }
}

/* Whitepaper rows */
.wp-row { padding: .75rem 0; border-bottom: 1px solid #e9ecef; }
.wp-row:last-child { border-bottom: 0; }