.workflow{padding:80px 48px;position:relative;overflow:hidden}.workflowBg{pointer-events:none;z-index:0;position:absolute;inset:0}.workflowBg .blob{filter:blur(120px);opacity:.15;border-radius:50%;animation:24s ease-in-out infinite blobMove;position:absolute}.workflowBg .blob1{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);width:450px;height:450px;animation-delay:-5s;top:20%;left:-8%}.workflowBg .blob2{background:radial-gradient(circle,#f59e0b 0%,#0000 70%);width:350px;height:350px;animation-delay:-12s;bottom:10%;right:-5%}.workflowInner{z-index:1;max-width:1280px;margin:0 auto;position:relative}.workflowHeader{text-align:center;margin-bottom:72px}.workflowLabel{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;background:#ef682914;border:1px solid #ef68291f;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.workflowTitle{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.15}.workflowTitle .highlight{background:linear-gradient(135deg, var(--accent) 0%, #f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.workflowSub{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:1.05rem;line-height:1.7}.workflowLayout{grid-template-columns:1fr 1.1fr;align-items:center;gap:64px;display:grid}.workflowSteps{flex-direction:column;gap:8px;display:flex}.workflowStep{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;align-items:flex-start;gap:18px;padding:22px 24px;transition:background .35s,border-color .35s,box-shadow .35s;display:flex;position:relative}.workflowStep:hover{background:#ffffff09;border-color:#ffffff14}.workflowStep.active{background:#ef68290a;border-color:#ef682933;box-shadow:0 0 30px #ef68290f}.stepNumber{width:38px;height:38px;color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:background .35s,border-color .35s,color .35s,box-shadow .35s;display:flex}.workflowStep.active .stepNumber{color:var(--accent);background:#ef68291f;border-color:#ef682940;box-shadow:0 0 16px #ef682926}.stepContent{flex:1}.stepTitle{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:700;transition:color .35s}.stepDesc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.stepProgress{background:var(--accent);border-radius:0 0 16px 16px;width:0;height:2px;transition:width;position:absolute;bottom:0;left:0}.workflowStep.active .stepProgress{width:100%;transition:width 4s linear}.simPanel{-webkit-backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;min-height:440px;position:relative;overflow:hidden}.simPanelGlow{z-index:0;pointer-events:none;background:radial-gradient(#ef68290f 0%,#0000 70%);position:absolute;inset:-50px}.simScreen{z-index:1;flex-direction:column;height:440px;padding:32px;display:flex;position:relative}.simHeader{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.simHeaderTitle{color:var(--text-primary);font-size:.85rem;font-weight:700}.simStatusBadge{color:var(--accent);background:#ef68291a;border:1px solid #ef682926;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:.65rem;font-weight:600;display:inline-flex}.simStatusDot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}.simContent{flex:1;position:relative}.simConnect{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;animation:.4s ease-out fadeIn;display:flex}.simShopifyLogo{color:#fff;background:#95bf47;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;font-weight:800;display:flex}.simConnectBar{background:#ffffff0f;border-radius:3px;width:200px;height:6px;overflow:hidden}.simConnectFill{background:linear-gradient(90deg, var(--accent), #f59e0b);border-radius:3px;width:0%;height:100%;animation:3.5s ease-in-out forwards connectFill}@keyframes connectFill{0%{width:0%}60%{width:85%}80%{width:90%}to{width:100%}}.simConnectText{color:var(--text-secondary);font-size:.8rem}.simConnectSuccess{color:#4ade80;opacity:0;align-items:center;gap:6px;font-size:.8rem;font-weight:600;animation:.4s ease-out 3.2s forwards fadeIn;display:flex}.simCheckIcon{background:#4ade8026;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;display:flex}.simBuilder{flex-direction:column;gap:14px;height:100%;animation:.4s ease-out fadeIn;display:flex}.simBuilderToolbar{gap:8px;display:flex}.simTool{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:8px 14px;font-size:.65rem;font-weight:600;transition:all .25s}.simTool.active{color:var(--accent);background:#ef682914;border-color:#ef682933}.simBuilderCanvas{background:#ffffff05;border:1px dashed #ffffff14;border-radius:16px;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow:hidden}.simBlock{opacity:0;border-radius:10px;align-items:center;gap:10px;padding:14px;animation:.45s cubic-bezier(.4,0,.2,1) forwards blockAppear;display:flex;transform:translateY(16px)scale(.96)}.simBlock:first-child{animation-delay:.15s}.simBlock:nth-child(2){animation-delay:.45s}.simBlock:nth-child(3){animation-delay:.75s}.simBlock:nth-child(4){animation-delay:1.05s}@keyframes blockAppear{to{opacity:1;transform:translateY(0)scale(1)}}.simBlockBanner{background:linear-gradient(135deg,#ef682926,#f59e0b1a);border:1px solid #ef68291f}.simBlockProducts{background:#ffffff08;border:1px solid #ffffff0f}.simBlockNav{background:#ffffff05;border:1px solid #ffffff0d}.simBlockCart{background:#4ade800f;border:1px solid #4ade801a}.simBlockIcon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.simBlockLabel{color:var(--text-secondary);font-size:.7rem;font-weight:600}.simBlockDragHandle{color:#ffffff80;cursor:grab;margin-left:auto;font-size:.7rem}.simSync{flex-direction:column;gap:12px;height:100%;animation:.4s ease-out fadeIn;display:flex}.simSyncHeader{justify-content:space-between;align-items:center;display:flex}.simSyncCount{color:var(--text-secondary);font-size:.75rem;font-weight:600}.simSyncCountNum{color:var(--accent);font-weight:700}.simSyncBar{background:#ffffff0f;border-radius:2px;width:100%;height:4px;margin-bottom:4px;overflow:hidden}.simSyncFill{background:linear-gradient(90deg, var(--accent), #f59e0b);border-radius:2px;height:100%;animation:3.8s ease-in-out forwards syncFill}@keyframes syncFill{0%{width:0%}to{width:100%}}.simProductList{flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden}.simProduct{opacity:0;background:#ffffff06;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;animation:.35s ease-out forwards productSlideIn;display:flex;transform:translate(-20px)}.simProduct:first-child{animation-delay:.3s}.simProduct:nth-child(2){animation-delay:.7s}.simProduct:nth-child(3){animation-delay:1.1s}.simProduct:nth-child(4){animation-delay:1.5s}.simProduct:nth-child(5){animation-delay:1.9s}@keyframes productSlideIn{to{opacity:1;transform:translate(0)}}.simProductThumb{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.simProductInfo{flex:1}.simProductName{color:var(--text-primary);font-size:.7rem;font-weight:600}.simProductSku{color:var(--text-secondary);font-size:.58rem}.simProductStatus{color:#4ade80;align-items:center;gap:4px;font-size:.58rem;font-weight:600;display:flex}.simProductStatusDot{background:#4ade80;border-radius:50%;width:5px;height:5px}.simNotifications{flex-direction:column;gap:14px;height:100%;animation:.4s ease-out fadeIn;display:flex}.simNotifPreview{flex-direction:column;gap:10px;display:flex}.simNotif{opacity:0;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards notifPop;display:flex;transform:translateY(-12px)scale(.97)}.simNotif:first-child{animation-delay:.3s}.simNotif:nth-child(2){animation-delay:1.2s}.simNotif:nth-child(3){animation-delay:2.1s}@keyframes notifPop{to{opacity:1;transform:translateY(0)scale(1)}}.simNotifIcon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.simNotifContent{flex:1}.simNotifTitle{color:var(--text-primary);margin-bottom:2px;font-size:.75rem;font-weight:700}.simNotifBody{color:var(--text-secondary);font-size:.65rem;line-height:1.4}.simNotifTime{color:#ffffff80;white-space:nowrap;flex-shrink:0;font-size:.55rem}.simNotifStats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;display:grid}.simStat{text-align:center;background:#ffffff06;border:1px solid #ffffff0d;border-radius:12px;padding:12px}.simStatValue{color:var(--accent);margin-bottom:2px;font-size:1.1rem;font-weight:800}.simStatLabel{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.55rem}@media (max-width:1024px){.workflowLayout{gap:40px}}@media (max-width:768px){.workflow{padding:80px 20px}.workflowLayout{grid-template-columns:1fr;gap:32px}.simPanel{min-height:380px}.simScreen{height:380px;padding:24px}.simNotifStats{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.workflow{padding:64px 16px}.simScreen{padding:20px}}