/* Marc Infotech — services page composition. Uses shared tokens and components. */
.services-intro { padding-bottom: var(--space-12); }
.services-intro__title { font-size: var(--fs-display); max-width: 12ch; }
.services-intro__subhead { margin-top: var(--space-6); color: var(--color-text-muted); font-size: 1.125rem; max-width: 58ch; }
.services-list { padding-bottom: var(--space-20); }
.service-row { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: var(--space-6); padding-block: var(--space-12); border-top: 1px solid var(--color-border); }
.service-row:last-child { border-bottom: 1px solid var(--color-border); }
.service-row__index { font-family: var(--font-mono); font-size: var(--fs-mono); color: var(--color-accent); padding-top: var(--space-2); }
.service-row__body { max-width: 900px; }
.service-row__title { font-size: var(--fs-h2); margin-bottom: var(--space-4); }
.service-row__problem { color: var(--color-text-muted); font-size: 1.0625rem; max-width: 68ch; }
.service-row__details { display: grid; gap: var(--space-6); margin-top: var(--space-8); }
.service-row__details h3 { font-family: var(--font-sans); font-size: var(--fs-small); text-transform: uppercase; letter-spacing: var(--tracking-wide); margin-bottom: var(--space-2); }
.service-row__details p { color: var(--color-text-muted); }
.service-row__tags { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-6); }
.service-row__tags li { border: 1px solid var(--color-border); border-radius: var(--radius-pill); padding: 5px var(--space-3); font-family: var(--font-mono); font-size: var(--fs-eyebrow); color: var(--color-text-muted); }
.service-row__action { margin-top: var(--space-6); }
.service-row--featured { background: var(--color-surface-1); margin-inline: calc(var(--space-4) * -1); padding-inline: var(--space-4); border-radius: var(--radius-lg); }
.cta-band { background-color: var(--color-surface-1); border-block: 1px solid var(--color-border); padding-block: var(--space-12); }
.cta-band__inner { display:flex; flex-direction:column; gap:var(--space-6); align-items:center; text-align:center; max-width:640px; margin-inline:auto; }
.cta-band__title { font-size:clamp(1.75rem,2.5vw + .75rem,2.5rem); }
.cta-band__sub { color:var(--color-text-muted); font-size:1.0625rem; }
.cta-band__action { margin-top:var(--space-2); }
@media (min-width:768px){ .service-row { grid-template-columns: 5rem minmax(0,1fr); gap:var(--space-8); } .service-row__details { grid-template-columns:1fr 1fr; } .service-row--featured { margin-inline:calc(var(--space-8) * -1); padding-inline:var(--space-8); } }
@media (prefers-reduced-motion:reduce){ .service-row * { transition:none !important; } }