.dev-steps-wrapper[data-astro-cid-gfkyf54k]{display:flex;justify-content:space-between;width:100%;gap:1rem;overflow:auto}@media(max-width:1024px){.dev-steps-wrapper[data-astro-cid-gfkyf54k]{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:3rem 2rem}.dev-steps-wrapper[data-astro-cid-gfkyf54k]>div[data-astro-cid-gfkyf54k]>svg[data-astro-cid-gfkyf54k]{max-width:240px;height:auto}}@media(max-width:640px){.dev-steps-wrapper[data-astro-cid-gfkyf54k]{grid-template-columns:1fr;gap:2.5rem;overflow:hidden;justify-content:center;align-items:center}.dev-steps-wrapper[data-astro-cid-gfkyf54k]>div[data-astro-cid-gfkyf54k]>svg[data-astro-cid-gfkyf54k]{max-width:320px;margin:auto}}.steps-container[data-astro-cid-gfkyf54k]{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem;position:relative}.step-item[data-astro-cid-gfkyf54k]{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-circle[data-astro-cid-gfkyf54k]{width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:2rem}.step-01[data-astro-cid-gfkyf54k]{background:linear-gradient(135deg,#a8d5ff,#6bb6ff)}.step-02[data-astro-cid-gfkyf54k]{background:linear-gradient(135deg,#5ba8ff,#2e8bff)}.step-03[data-astro-cid-gfkyf54k]{background:linear-gradient(135deg,#2e8bff,#0d5fb3)}.step-04[data-astro-cid-gfkyf54k]{background:linear-gradient(135deg,#0d5fb3,#0a3d70)}.step-circle-inner[data-astro-cid-gfkyf54k]{width:160px;height:160px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.step-circle-core[data-astro-cid-gfkyf54k]{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.step-content[data-astro-cid-gfkyf54k]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1.5rem}.step-01[data-astro-cid-gfkyf54k] .step-circle-core[data-astro-cid-gfkyf54k]{background:linear-gradient(135deg,#a8d5ff,#6bb6ff)}.step-02[data-astro-cid-gfkyf54k] .step-circle-core[data-astro-cid-gfkyf54k]{background:linear-gradient(135deg,#5ba8ff,#2e8bff)}.step-03[data-astro-cid-gfkyf54k] .step-circle-core[data-astro-cid-gfkyf54k]{background:linear-gradient(135deg,#2e8bff,#0d5fb3)}.step-04[data-astro-cid-gfkyf54k] .step-circle-core[data-astro-cid-gfkyf54k]{background:linear-gradient(135deg,#0d5fb3,#0a3d70)}.step-number[data-astro-cid-gfkyf54k]{font-size:48px;font-weight:700;color:#fff;line-height:1}.step-label[data-astro-cid-gfkyf54k]{font-size:14px;font-weight:500;color:#fff;margin-top:4px;letter-spacing:1px}.step-connector[data-astro-cid-gfkyf54k]{position:absolute;top:100px;left:50%;width:100%;height:2px;background:#e5e7eb;z-index:-1}.step-item[data-astro-cid-gfkyf54k]:last-child .step-connector[data-astro-cid-gfkyf54k]{display:none}.step-title[data-astro-cid-gfkyf54k]{font-size:17px;font-weight:600;color:#000;margin-bottom:.75rem;max-width:220px}.step-description[data-astro-cid-gfkyf54k]{font-size:14px;line-height:20px;text-align:center;color:#6b7280;max-width:220px}.code-sample-container[data-astro-cid-gfkyf54k]{background:#123c69;border-radius:24px;padding:2.5rem;max-width:1200px;margin:0 auto}.code-sample-header[data-astro-cid-gfkyf54k]{font-size:14px;font-weight:600;color:#fff;letter-spacing:1px;margin-bottom:1.5rem}.code-block[data-astro-cid-gfkyf54k]{background:#0a2540;border-radius:12px;padding:1rem 2rem;margin-bottom:1.5rem}.code-block[data-astro-cid-gfkyf54k] pre[data-astro-cid-gfkyf54k]{margin:0;overflow-x:hidden}.code-block[data-astro-cid-gfkyf54k] code[data-astro-cid-gfkyf54k]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.8;color:#a8d5ff;white-space:pre-wrap;word-break:break-word}.code-sample-footer[data-astro-cid-gfkyf54k]{font-size:14px;line-height:20px;color:#fffc;text-align:left}@media(max-width:1024px){.steps-container[data-astro-cid-gfkyf54k]{grid-template-columns:repeat(2,1fr);gap:3rem}.step-connector[data-astro-cid-gfkyf54k]{display:none}}@media(max-width:640px){.steps-container[data-astro-cid-gfkyf54k]{grid-template-columns:1fr;gap:2.5rem}.step-circle[data-astro-cid-gfkyf54k]{width:160px;height:160px}.step-circle-inner[data-astro-cid-gfkyf54k]{width:130px;height:130px}.step-circle-core[data-astro-cid-gfkyf54k]{width:100px;height:100px}.step-number[data-astro-cid-gfkyf54k]{font-size:36px}.step-label[data-astro-cid-gfkyf54k]{font-size:12px}.code-sample-container[data-astro-cid-gfkyf54k],.code-block[data-astro-cid-gfkyf54k]{padding:1.5rem}.code-block[data-astro-cid-gfkyf54k] code[data-astro-cid-gfkyf54k]{font-size:12px}.step-title[data-astro-cid-gfkyf54k]{font-size:16px;font-weight:600;max-width:220px}.step-description[data-astro-cid-gfkyf54k]{font-size:16px;max-width:600px}.step-description[data-astro-cid-gfkyf54k]>p[data-astro-cid-gfkyf54k]>br[data-astro-cid-gfkyf54k]{display:none}}