
.service-hero {
  padding: 88px 0 62px;
  background:
    radial-gradient(circle at 84% 12%, rgba(22,137,255,.18), transparent 30%),
    linear-gradient(180deg,#071a33,#041020);
}
.service-hero h1 { max-width: 940px; margin-bottom: 14px; }
.service-hero .lead { max-width: 850px; }
.service-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.service-tags span { padding:7px 10px; border-radius:8px; background:rgba(22,137,255,.12); color:#cae8ff; font-size:.76rem; font-weight:700; }
.service-layout { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr); gap:26px; align-items:start; }
.service-panel { padding:30px; border:1px solid rgba(106,184,255,.17); border-radius:20px; background:linear-gradient(155deg,rgba(14,40,76,.93),rgba(6,22,43,.98)); }
.service-panel + .service-panel { margin-top:18px; }
.service-panel h2 { margin-top:0; }
.sign-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
.sign-grid div { padding:15px; border:1px solid rgba(106,184,255,.13); border-radius:11px; background:rgba(5,19,38,.52); color:#d7e4f3; font-size:.88rem; }
.deliverables { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
.deliverables article { padding:18px; border-left:3px solid var(--cyan); background:rgba(8,26,51,.65); border-radius:0 12px 12px 0; }
.deliverables strong { display:block; color:#fff; }
.deliverables p { margin:6px 0 0; color:#aebfd5; font-size:.86rem; }
.service-side { position:sticky; top:100px; padding:26px; border:1px solid rgba(54,215,255,.22); border-radius:18px; background:rgba(5,19,38,.88); }
.service-side h2 { margin:0 0 10px; font-size:1.45rem; }
.service-side p { color:#aebfd5; }
.service-side .btn { width:100%; margin-top:14px; }
.service-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.service-process div { padding:20px; border-top:2px solid var(--cyan); background:rgba(8,26,51,.67); border-radius:0 0 13px 13px; }
.service-process span { color:var(--cyan); font-weight:900; }
.service-process h3 { margin:10px 0 6px; font-size:1rem; }
.service-process p { margin:0; color:#aebfd5; font-size:.84rem; }
.related-box { display:flex; justify-content:space-between; align-items:center; gap:22px; padding:26px; border:1px solid rgba(54,215,255,.18); border-radius:18px; background:linear-gradient(140deg,#0d2a50,#07172d); }
.related-box h2 { margin:0 0 6px; }
.related-box p { margin:0; color:#aebfd5; }
@media(max-width:920px){.service-layout{grid-template-columns:1fr}.service-side{position:relative;top:auto}.service-process{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.sign-grid,.deliverables,.service-process{grid-template-columns:1fr}.related-box{align-items:flex-start;flex-direction:column}.related-box .btn{width:100%}}


/* CORREÇÃO DE ESPAÇAMENTO ENTRE TECNOLOGIAS E CTAS */
.service-hero .service-tags {
  margin-bottom: 22px;
}

.service-hero .actions {
  margin-top: 0;
}

@media (max-width: 650px) {
  .service-hero .service-tags {
    margin-bottom: 18px;
  }

  .service-hero .actions {
    gap: 10px;
  }
}
