.herbie-langkah-section { padding: 70px 0; background: #ffffff; border-top: 1px solid var(--herbie-border); border-bottom: 1px solid var(--herbie-border); }
.herbie-langkah-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 32px; align-items: flex-start; }
.herbie-step-card { padding-top: 8px; }
.herbie-step-num { font-size: 0.8125rem; font-weight: 800; color: var(--herbie-primary); border-bottom: 2px solid var(--herbie-primary); padding-bottom: 4px; display: inline-block; margin-bottom: 14px; }
.herbie-step-title { font-size: 1.125rem; font-weight: 700; color: #0f172a; margin-bottom: 8px; }
.herbie-step-desc { font-size: 0.875rem; color: #64748b; line-height: 1.55; }
@media (max-width: 960px) { .herbie-langkah-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 580px) { .herbie-langkah-grid { grid-template-columns: 1fr; } }