@layer components{.contact-steps{counter-reset:step;margin:0 0 clamp(1.5rem,2vw,2rem);padding:0;list-style:none}.contact-steps li{font-family:var(--font-body),sans-serif;font-size:var(--text-body);color:var(--color-text-muted);counter-increment:step;align-items:baseline;gap:.75rem;margin-bottom:.75rem;line-height:1.6;display:flex}.contact-steps li:before{width:28px;height:28px;font-family:var(--font-body),sans-serif;font-size:var(--text-small);color:var(--color-coral);content:counter(step);background:var(--color-warm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}}