.steps-grid-wrap{border-left:1px solid var(--border);border-top:1px solid var(--border)}.step-card{background:var(--bg);border:1px solid var(--border);border-bottom:none;border-right:none;display:flex;flex-direction:column;gap:20px;height:100%;padding:44px 36px;transition:background .25s}.step-card:hover{background:var(--surface)}.step-number-wrap{align-items:flex-start;display:flex;justify-content:space-between}.step-num{color:#606060;font-family:var(--font-display);font-size:3.8rem;line-height:1;transition:color .25s}.step-card:hover .step-num{color:var(--accent)}.step-tag{color:var(--muted);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;line-height:1.6;text-align:right;text-transform:uppercase}.step-title{font-size:1rem;font-weight:600;line-height:1.35;margin:0}.step-body{color:var(--muted);flex:1;font-size:.85rem;font-weight:300;line-height:1.72;margin:0}.step-examples{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding-top:18px}.step-example{align-items:flex-start;color:var(--muted);display:flex;font-size:.75rem;gap:8px;line-height:1.5}.step-example:before{color:var(--accent);content:"→";flex-shrink:0}@media (max-width:767px){.step-card{padding:32px 24px}}