.timeline-container{width:100%;padding:2rem 1rem;box-sizing:border-box;overflow-x:auto}.timeline{display:flex;justify-content:space-between;position:relative;max-width:1200px;margin:0 auto}.timeline::before{content:'';position:absolute;top:24px;left:40px;right:40px;height:4px;background-color:var(--surface2,#e0e0e0);z-index:1}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1;padding:0 .5rem;text-align:center}.step-icon{width:50px;height:50px;border-radius:50%;background-color:#07C160;color:#fff;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;border:4px solid var(--surface0,#fff);box-shadow:0 4px 10px rgba(0,0,0,.2);transition:transform .3s ease,background-color .3s ease}.timeline-step:hover .step-icon{transform:scale(1.1);background-color:#059647}.step-content{margin-top:1rem}.step-title{font-size:1.1rem;font-weight:700;margin:0 0 .5rem;color:var(--text0,#333)}.step-desc{font-size:.85rem;color:var(--text1,#666);line-height:1.3;margin:0}@media (max-width:768px){.timeline{flex-direction:column;align-items:flex-start}.timeline::before{top:0;bottom:0;left:24px;width:4px;height:100%}.timeline-step{flex-direction:row;align-items:flex-start;text-align:left;margin-bottom:2rem;width:100%}.step-content{margin-top:0;margin-left:1.5rem}}