@import url("https://fonts.googleapis.com/css2?family=Afacad:wght@400;500;600;700&display=swap");.widget-timeline-implementation{background:#f8f9fb;font-family:Afacad,Arial,sans-serif}.widget-timeline-implementation *{box-sizing:border-box;margin:0;padding:0}.widget-timeline-implementation .timeline-widget{background:#fff;border-radius:12px;border-top:4px solid #fad728;box-shadow:0 4px 20px rgba(0,0,0,.08);margin:0 auto;max-width:760px;padding:32px 28px}.widget-timeline-implementation .timeline-header{margin-bottom:32px;text-align:center}.widget-timeline-implementation .timeline-header h2{color:#1b2145;font-size:20px;font-weight:700}.widget-timeline-implementation .timeline-header p{color:#888;font-size:14px;margin-top:6px}.widget-timeline-implementation .timeline{display:flex;flex-direction:column;gap:0;position:relative}.widget-timeline-implementation .timeline:before{background:linear-gradient(180deg,#fad728,#1b2145);border-radius:2px;bottom:32px;content:"";left:28px;position:absolute;top:32px;width:3px}.widget-timeline-implementation .step{align-items:flex-start;cursor:pointer;display:flex;gap:24px;padding:16px 0;position:relative;transition:transform .2s}.widget-timeline-implementation .step:hover{transform:translateX(4px)}.widget-timeline-implementation .step-icon{align-items:center;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.15);color:#fff;display:flex;font-size:22px;font-weight:700;height:56px;justify-content:center;min-width:56px;position:relative;transition:transform .2s;width:56px;z-index:1}.widget-timeline-implementation .step:hover .step-icon{transform:scale(1.1)}.widget-timeline-implementation .step:first-child .step-icon{background:#1b2145}.widget-timeline-implementation .step:nth-child(2) .step-icon{background:#444}.widget-timeline-implementation .step:nth-child(3) .step-icon{background:#333}.widget-timeline-implementation .step:nth-child(4) .step-icon{background:#222;border:3px solid #fad728}.widget-timeline-implementation .step-content{background:#f8f9fb;border-left:4px solid transparent;border-radius:10px;flex:1;padding:18px 20px;transition:border-color .2s,background .2s}.widget-timeline-implementation .step:hover .step-content{background:#fffdf0;border-color:#fad728}.widget-timeline-implementation .step-num{color:#aaa;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.widget-timeline-implementation .step-title{color:#1b2145;font-size:16px;font-weight:700;margin-bottom:6px}.widget-timeline-implementation .step-desc{color:#666;font-size:14px;line-height:1.5}.widget-timeline-implementation .step-tag{background:#fad728;border-radius:20px;color:#1b2145;display:inline-block;font-size:12px;font-weight:700;margin-top:8px;padding:3px 10px}.widget-timeline-implementation .footer-note{background:#f0f7e8;border:1px solid #d4e8b0;border-radius:8px;color:#444;font-size:14px;margin-top:24px;padding:16px;text-align:center}.widget-timeline-implementation .footer-note strong{color:#1b2145}@media (max-width:480px){.widget-timeline-implementation .timeline:before{left:22px}.widget-timeline-implementation .step-icon{font-size:16px;height:44px;min-width:44px;width:44px}.widget-timeline-implementation .step-title{font-size:15px}}