/* Quiet, consistent illustrations for the service workflow. */
.step-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 136px;
    gap: 24px;
    align-items: center;
}
.step-copy { min-width: 0; }
.process-illustration { margin: 0; width: 100%; }
.process-illustration svg { display: block; width: 100%; height: auto; }
#budget-planning { scroll-margin-top: 120px; }
@media (max-width: 700px) {
    .step-intro { grid-template-columns: minmax(0, 1fr) 108px; gap: 16px; }
}
@media (max-width: 480px) {
    .step-intro { grid-template-columns: 1fr; gap: 10px; }
    .process-illustration { width: 112px; justify-self: center; }
}