/* Local-only visual direction for the homepage capabilities section. */
.services-overview .nexa-atlas {
  position: relative;
  margin: 16px 0 0;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid #e5eef5;
  border-radius: 12px;
  background: #edf5f9;
  box-shadow: 0 24px 60px #020b173d;
  color: #102f43;
}
.services-overview .nexa-atlas-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 22px 24px 16px; border-bottom: 1px solid #20455c12; }
.services-overview .nexa-atlas-topline span:first-child { font-size: 1.2rem; letter-spacing: .18em; font-weight: 750; }
.services-overview .nexa-atlas-topline span:last-child { color: #4c6e7c; font-size: .65rem; letter-spacing: .13em; font-weight: 600; }
.services-overview .nexa-atlas-art { position: relative; aspect-ratio: 2/1; overflow: hidden; }
.services-overview .nexa-atlas-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.services-overview .nexa-atlas-caption { display: grid; grid-template-columns: 3px 1fr; align-items: center; column-gap: 12px; row-gap: 3px; padding: 12px 18px; background: #f7fbfd; border-top: 1px solid #cddde6; }
.services-overview .nexa-atlas-rule { width: 3px; height: 32px; grid-row: span 2; background: #008e5b; }
.services-overview .nexa-atlas-caption strong { font-size: clamp(.875rem, 1.25vw, 1.1rem); white-space: nowrap; font-weight: 600; line-height: 1.35; letter-spacing: -.025em; }
.services-overview .nexa-atlas-caption strong span { color: #008253; }
.services-overview .nexa-atlas-note { grid-column: 2; text-align: left; color: #436777; font-size: .72rem; line-height: 1.45; }
.services-overview .nexa-atlas-note small { color: #667c88; font-size: .65rem; }
.services-overview .services-overview-layout { grid-template-columns: minmax(0, 1.15fr) minmax(0, 480px); gap: clamp(28px, 3.5vw, 52px); align-items: stretch; }
.services-overview { padding: 40px 0 44px; }
.services-overview .services-intro-text { margin-bottom: 0; }
.services-overview .services-links > .services-entry { flex: 0 0 auto; }
.services-overview .services-links { max-width: 480px; width: 100%; gap: 8px; align-self: center; }
.services-overview .services-entry, .services-overview .services-entry:first-child { display: grid; align-items: center; text-decoration: none; color: #fff; border: 1px solid #ffffff12; border-radius: 9px; padding: 12px 14px; min-height: 0; grid-template-columns: 28px minmax(0, 1fr) 30px; gap: 10px; background: linear-gradient(105deg, #ffffff07, #ffffff02); }
.services-overview .services-entry:hover { border-color: #63dfa066; background: #103149; }
.services-overview .services-entry .entry-icon { display: none; }
.services-overview .services-entry-iconbox { width: 28px; background: none; border: 0; border-radius: 0; }
.services-overview .services-entry-number { font-size: .8rem; font-weight: 500; color: #74c7a6; }
.services-overview .services-entry h3 { font-size: 1rem; font-weight: 600; line-height: 1.35; margin: 0; }
.services-overview .services-entry p { font-size: .875rem; line-height: 1.45; margin-top: 3px; color: #b9cbd9; }
.services-overview .services-entry-arrow { display: grid; place-items: center; width: 30px; height: 30px; font-size: 1rem; border-radius: 50%; }
@media (max-width: 960px) {
  .services-overview .services-overview-layout { grid-template-columns: 1fr; gap: 28px; }
  .services-overview .services-links { max-width: 100%; }
  .services-overview .nexa-atlas-art { aspect-ratio: 16/9; }
}
@media (max-width: 600px) {
  .services-overview .nexa-atlas { border-radius: 10px; margin-top: 16px; }
  .services-overview .nexa-atlas-topline { padding: 18px 18px 14px; }
  .services-overview .nexa-atlas-topline span:last-child { font-size: .6rem; letter-spacing: .08em; }
  .services-overview .nexa-atlas-art { aspect-ratio: 16/9; }
  .services-overview .nexa-atlas-caption { padding: 10px 12px; grid-template-columns: 3px 1fr; column-gap: 9px; row-gap: 3px; }
  .services-overview .nexa-atlas-caption strong { font-size: .875rem; }
  .services-overview .nexa-atlas-note { grid-column: 2; text-align: left; font-size: .75rem; }
  .services-overview .services-links { max-width: 100%; gap: 8px; }
  .services-overview .services-entry, .services-overview .services-entry:first-child { min-height: 0; padding: 12px; grid-template-columns: 24px minmax(0, 1fr) 28px; gap: 8px; }
  .services-overview .services-entry-iconbox { width: 24px; }
  .services-overview .services-entry h3 { font-size: 1rem; }
  .services-overview .services-entry p { font-size: .875rem; line-height: 1.45; }
  .services-overview .services-entry-arrow { width: 28px; height: 28px; }
}
