/* Firmamento — Service detail pages */

.svc-hero{
  padding: 80px 0 48px;
  position:relative;
  overflow:hidden;
}
.svc-hero::before{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(820px 520px at 70% 15%, rgba(95,127,255,.10), transparent 55%),
    radial-gradient(760px 520px at 20% 80%, rgba(240,203,122,.10), transparent 60%);
  pointer-events:none;
}
.svc-hero__inner{ position:relative; }
.svc-hero__top{
  display:flex;
  justify-content:space-between;
  gap: 12px;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom: 16px;
}
.breadcrumb{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  color: rgba(74,74,74,.95);
  font-size: 14px;
  min-height: 44px;
}
.breadcrumb a{
  color: var(--c-blue-professional);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.breadcrumb a:hover{ color: var(--c-azure-bright); }

.svc-hero__sub{
  max-width: 78ch;
  font-size: 18px;
  line-height: 1.6;
}

.svc-grid{
  display:grid;
  gap: 16px;
  margin-top: 18px;
}
@media (min-width: 1024px){
  .svc-grid{ grid-template-columns: 1.2fr .8fr; align-items:start; }
}

.deliverables ul, .capabilities ul{
  margin: 12px 0 0;
  padding: 0;
  list-style:none;
  display:grid;
  gap: 10px;
}
.deliverables li, .capabilities li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  font-size: 14px;
  color: var(--text-secondary);
}
.deliverables li::before, .capabilities li::before{
  content:"";
  width: 6px; height: 6px;
  border-radius: 999px;
  background: var(--c-azure-bright);
  margin-top: 7px;
  flex: 0 0 auto;
}

.usecases{ margin-top: 16px; }

.cta-band{
  background: var(--c-navy);
  color: var(--c-white);
}
.cta-band p{ color: var(--c-gray-100); }
.cta-band__box{
  border-radius: var(--r-24);
  border: 1px solid var(--line-dark);
  background: rgba(255,255,255,.06);
  padding: 22px;
  box-shadow: var(--shadow-dark);
}
.cta-band__row{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  margin-top: 14px;
}