/* ============================================================
   RAD SYNC AGENCY — /services page-only styles
   Loaded AFTER styles.css. Builds strictly on existing tokens.
   A two-part discipline row: outcome copy + a "what's included"
   surface card with a quantified proof chip. No new visual language.
   ============================================================ */

/* Compact hero (no growth chart on this page) */
.svc-hero { min-height: auto; padding-top: clamp(140px, 17vh, 210px); padding-bottom: clamp(40px, 6vh, 80px); }
.svc-hero .shead { margin-bottom: 0; }
.svc-hero .hero__cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 2.2em; }

/* Discipline row */
.svc { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(28px, 5vw, 72px); align-items: center; }
.svc--flip .svc__copy { order: 2; }
.svc__tag { font-family: var(--ff-label); font-weight: 600; font-size: 0.84rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--signal); display: inline-flex; align-items: center; gap: 0.7em; }
.svc__tag::before { content: ""; width: 24px; height: 2px; background: var(--signal); border-radius: 2px; }
.svc__h { font-family: var(--ff-display); font-size: clamp(2rem, 3.4vw, 3rem); line-height: 0.95; letter-spacing: 0.012em; text-transform: uppercase; color: var(--text); margin: 0.5em 0 0.5em; }
.svc__lead { color: var(--text-2); font-size: clamp(1.02rem, 1.3vw, 1.16rem); line-height: 1.6; margin: 0 0 1.5em; max-width: 46ch; }
.svc__who { display: inline-flex; align-items: center; gap: 0.6em; font-size: 0.9rem; color: var(--text-3); margin-bottom: 1.6em; }
.svc__who b { color: var(--text-2); font-weight: 600; }
.svc__actions { display: flex; flex-wrap: wrap; gap: 14px 18px; align-items: center; }
.svc__path { display: inline-flex; align-items: center; gap: 0.4em; font-size: 0.9rem; font-weight: 600; color: var(--text-2); transition: color 0.2s; }
.svc__path b { color: var(--text); font-weight: 700; }
.svc__path .arrow { color: var(--signal); transition: transform 0.25s var(--ease); }
.svc__path:hover { color: var(--text); }
.svc__path:hover .arrow { transform: translateX(4px); }

/* "What's included" surface card */
.svc__card { padding: clamp(26px, 2.8vw, 40px); border: 1px solid var(--card-line); border-radius: var(--radius); background: var(--card-bg); box-shadow: var(--card-shadow), var(--card-inset); }
.svc__card h3 { font-family: var(--ff-label); font-weight: 700; font-size: 0.8rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-3); margin: 0 0 1.2em; }
.svc__list { list-style: none; margin: 0 0 1.6em; padding: 0; display: flex; flex-direction: column; gap: 13px; }
.svc__list li { display: flex; align-items: flex-start; gap: 11px; font-size: 0.97rem; line-height: 1.5; color: var(--text-2); }
.svc__list .ck { flex: none; width: 22px; height: 22px; padding: 4px; border-radius: 50%; box-sizing: border-box; background: var(--signal-tint); color: var(--signal); margin-top: 1px; }

/* Quantified proof chip */
.svc__proof { display: flex; align-items: baseline; gap: 0.6em; padding-top: 1.3em; border-top: 1px solid var(--card-line); }
.svc__proof b { font-family: var(--ff-display); font-size: clamp(2rem, 3vw, 2.7rem); line-height: 0.9; color: var(--signal); letter-spacing: 0.01em; }
.svc__proof span { font-size: 0.88rem; color: var(--text-2); line-height: 1.35; }

@media (max-width: 880px) {
  .svc { grid-template-columns: 1fr; gap: clamp(26px, 5vw, 40px); }
  .svc--flip .svc__copy { order: 0; }
}