/* Service pages (/ai-automation, /data-integrations, /dedicated-teams, /maintenance-support, /uipath-services).
   Short by design: dark hero, what we do on a tinted band, how it starts, one proof, the call. */
.svc-hero h1 { max-width: 18ch; }
.svc-hero .lead { max-width: 56ch; margin-top: 18px; }
.svc-hero .row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.svc-hero .btn.go, .svc-hero .btn.go:hover { background: #F2C230; color: #15181A; border-color: #F2C230; }
.svc-hero .btn.ghost { color: var(--panel-ink); border-color: var(--line-strong); }
.svc-hero .btn.ghost:hover { background: var(--panel-ink); color: var(--panel); }
.svc-band { background: var(--surface-2); border-block: 1px solid var(--line); }
.svc-h { font-family: var(--f-display); font-stretch: 118%; font-weight: 760; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.05; letter-spacing: -.03em; }
.svc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 28px; }
.svc-item { background: var(--surface); border: 1px solid var(--line-strong); padding: 22px 24px; }
.svc-item h3 { display: flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 700; letter-spacing: -.01em; }
.svc-item h3::before { content: ""; flex: none; width: 12px; height: 12px; background: var(--yellow); border: 1px solid var(--ink); }
.svc-item p { margin-top: 8px; color: var(--ink-2); font-size: 16px; line-height: 1.5; }
.svc-item .more { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 12px; font-size: 15px; }
.svc-item .more a { text-decoration: underline; text-underline-offset: 3px; }
.svc-steps { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 28px; counter-reset: s; border-top: 2px solid var(--ink); }
.svc-steps li { counter-increment: s; padding: 20px 24px 4px 0; }
.svc-steps li + li { padding-left: 24px; border-left: 1px solid var(--line); }
.svc-steps li::before { content: counter(s, decimal-leading-zero); display: block; font-family: var(--f-mono); font-stretch: 87.5%; font-size: 12px; font-weight: 600; color: var(--muted); margin-bottom: 10px; }
.svc-steps h3 { font-size: 18px; font-weight: 700; }
.svc-steps p { margin-top: 6px; color: var(--ink-2); font-size: 15.5px; line-height: 1.5; }
.svc-proof { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 48px; align-items: end; }
.svc-proof .k { font-family: var(--f-mono); font-stretch: 87.5%; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.svc-proof blockquote, .svc-proof .claim { margin-top: 12px; font-family: var(--f-display); font-stretch: 112%; font-weight: 640; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.2; letter-spacing: -.015em; color: var(--ink); max-width: 34ch; }
.svc-proof .who { margin-top: 12px; color: var(--muted); font-size: 15px; }
.svc-proof .num { font-family: var(--f-display); font-stretch: 125%; font-weight: 800; font-size: clamp(56px, 8vw, 104px); line-height: .9; letter-spacing: -.05em; color: var(--yellow); }
.svc-proof .num span { display: block; margin-top: 8px; font-family: var(--f-body); font-stretch: 100%; font-weight: 500; font-size: 15px; letter-spacing: 0; color: var(--muted); }
.svc-proof .btn-text { margin-top: 18px; display: inline-flex; color: var(--ink); }
@media (max-width: 760px) {
  .svc-grid, .svc-steps { grid-template-columns: minmax(0, 1fr); }
  .svc-steps li + li { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); }
  .svc-proof { grid-template-columns: minmax(0, 1fr); }
}

/* Link under the steps (Dedicated Teams: the 30-day promise). */
.svc-more { margin-top: 24px; }

/* Animated figures on service pages (/ai-automation, /data-integrations): caption and Pause/Replay.
   With reduced motion the figure is a still picture, so the controls are hidden. */
.svc-fig { margin: 28px 0 0; }
.svc-fig-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 16px; margin-top: 16px; font-family: var(--f-mono); font-stretch: 87.5%; font-size: 11px; line-height: 1.5; color: var(--muted); }
.svc-fig-foot > span:first-child { max-width: 80ch; }
.svc-ctl { display: inline-flex; gap: 6px; }
.svc-btn { padding: 6px 10px; background: transparent; color: var(--ink); border: 1px solid var(--line-strong); font-family: var(--f-mono); font-stretch: 87.5%; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }
.svc-btn:hover { border-color: var(--ink); }
@media (prefers-reduced-motion: reduce) { .svc-ctl { display: none; } }