/* Process Steps Section Component Styles */

.process-steps { display: grid; }
.process-step { padding: clamp(26px, 3vw, 34px) 0; border-top: 1px solid var(--border); display: grid; grid-template-columns: 300px 1fr; gap: clamp(18px, 3vw, 44px); align-items: start; }
.process-step:last-child { border-bottom: 1px solid var(--border); }
@media (max-width: 899px) { .process-step { grid-template-columns: 1fr; } }
.process-step__head { display: flex; gap: 16px; align-items: baseline; }
.process-step__num { font-family: var(--font-mono); font-size: 13px; letter-spacing: 0.08em; color: var(--blue); flex: 0 0 auto; }
.process-step__head h3 { font-size: clamp(19px, 2vw, 23px); line-height: 1.2; font-weight: 700; letter-spacing: -0.015em; color: var(--navy); }
.process-step__body p { font-size: 16px; line-height: 1.65; color: var(--text-body); max-width: 58ch; }
.handoff { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border); border: 1px solid var(--border); }
@media (max-width: 619px) { .handoff { grid-template-columns: 1fr; } }
.handoff__col { padding: 18px 20px; background: var(--bg-panel); }
.handoff__col--from-us { background: var(--white); }
.handoff__label { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); }
.handoff__col--from-us .handoff__label { color: var(--green); }
.handoff__col p { margin-top: 9px; font-size: 14.5px; line-height: 1.6; color: var(--text-dark-body); }