.oc-how__steps{counter-reset:oc-how;display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0;position:relative}.oc-how__steps:before{background:linear-gradient(180deg,var(--jade),transparent);bottom:28px;content:"";left:32px;opacity:.35;position:absolute;top:28px;width:2px}.oc-how__step{align-items:start;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;display:grid;gap:18px;grid-template-columns:64px 1fr auto;padding:22px 24px;position:relative}.oc-how__num{background:var(--bg-3);border:1px solid rgba(66,182,85,.45);border-radius:999px;box-shadow:0 0 0 4px var(--bg-0),0 0 16px rgba(66,182,85,.35);color:var(--jade);display:grid;font-family:var(--font-display);font-size:16px;font-weight:800;height:44px;place-items:center;width:44px}.oc-how__body h4{color:var(--white);font-size:18px;margin:6px 0}.oc-how__body p{color:var(--text-mute);font-size:14.5px;margin:0}.oc-how__dur{color:var(--jade);font-family:ui-monospace,monospace;font-size:11px;margin-left:8px}.oc-how__img img{border:1px solid var(--line);border-radius:10px;height:auto;width:120px}@media (max-width:768px){.oc-how__step{grid-template-columns:48px 1fr}.oc-how__img{display:none}}.oc-how__cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.oc-how__card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:32px}.oc-how__card-head{align-items:center;display:flex;gap:12px}.oc-how__num--sm{background:rgba(66,182,85,.12);border-color:transparent;box-shadow:none;font-size:15px;height:36px;width:36px}.oc-how__when{color:var(--jade);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.oc-how__card h4{color:var(--white);font-size:20px;margin:0}.oc-how__card p{color:var(--text-mute);font-size:15px;line-height:1.6;margin:0;text-wrap:pretty}