.process-timeline{justify-content:space-between;margin-top:64px;display:flex;position:relative}.process-timeline:before{content:"";z-index:0;background-color:#ddd6fe;height:1px;position:absolute;top:32px;left:0;right:0}.process-step{z-index:1;text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.process-circle{color:#fff;background-color:#7c3aed;border:1px solid #7c3aed;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;font-size:18px;font-weight:800;transition:all .3s;display:flex}.process-step:hover .process-circle{background-color:#6d28d9;border-color:#6d28d9;transform:translateY(-4px)}.process-content h4{color:#1e1b4b;text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.tech-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tech-badge{color:#1e1b4b;background-color:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.tech-badge:hover{color:#7c3aed;border-color:#7c3aed;transform:translateY(-1px)}@media (max-width:768px){.process-timeline{flex-direction:column;align-items:flex-start;gap:40px}.process-timeline:before{width:1px;height:100%;top:0;bottom:0;left:32px}.process-step{text-align:left;flex-direction:row;gap:24px;width:100%}.process-circle{flex-shrink:0;margin-bottom:0}}