/* Three-step sequence follows the approved SiteGround steps composition.
   AgentPage keeps its neutral palette; selectors belong only to this block. */
.ap-sites-page .cs-process { scroll-margin-top: var(--cs-header-height,72px); }
.ap-sites-page .cs-process .cs-section-heading h2 { font-size: var(--type-display); line-height: var(--leading-display); letter-spacing: var(--tracking-display); }
.ap-sites-page .cs-process .cs-section-heading h2 > span { white-space: nowrap; }
.ap-sites-page .cs-process .cs-process-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-5); padding-top: var(--space-5); border-top: 1px solid #414141; }
.ap-sites-page .cs-process .cs-process-grid li { display: flex; flex-direction: column; min-width: 0; gap: var(--space-4); padding: 0; border: 0; }
.ap-sites-page .cs-process .cs-process-grid li + li { padding-left: var(--space-5); border-left: 1px solid #414141; }
.ap-sites-page .cs-process .cs-process-marker { display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: clamp(64px,7vw,96px); font-weight: var(--weight-semibold); line-height: 1; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.ap-sites-page .cs-process .cs-process-direction { padding-right: var(--space-1); color: #888; font-size: var(--type-heading); font-weight: var(--weight-regular); letter-spacing: 0; }
.ap-sites-page .cs-process .cs-process-copy { min-width: 0; }
.ap-sites-page .cs-process .cs-process-grid h3 { margin: 0 0 var(--space-2); }
.ap-sites-page .cs-process .cs-process-grid p { margin: 0; color: #bcbcbc; }
@media (max-width:1100px) and (min-width:761px) {
  .ap-sites-page .cs-process .cs-process-grid { gap: var(--space-4); }
  .ap-sites-page .cs-process .cs-process-grid li + li { padding-left: var(--space-4); }
}
@media (max-width:760px) {
  .ap-sites-page .cs-process .cs-section-heading { margin-bottom: var(--space-5); }
  .ap-sites-page .cs-process .cs-process-grid { grid-template-columns: minmax(0,1fr); gap: 0; padding-top: 0; }
  .ap-sites-page .cs-process .cs-process-grid li,
  .ap-sites-page .cs-process .cs-process-grid li + li { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: var(--space-4); padding: var(--space-4) 0; border-left: 0; border-bottom: 1px solid #414141; }
  .ap-sites-page .cs-process .cs-process-marker { align-self: start; font-size: 56px; }
  .ap-sites-page .cs-process .cs-process-direction { display: none; }
}
@media (max-width:480px) {
  .ap-sites-page .cs-process .cs-process-grid li,
  .ap-sites-page .cs-process .cs-process-grid li + li { grid-template-columns: 56px minmax(0,1fr); gap: var(--space-3); }
  .ap-sites-page .cs-process .cs-process-marker { font-size: 48px; }
}