.solution-workflow{--sw-ease:cubic-bezier(.22,1,.36,1);aspect-ratio:16/9;border:1px solid color-mix(in srgb,var(--color-lineColor)75%,transparent);background:linear-gradient(165deg,var(--color-blue)0%,var(--color-secondary)48%,#090c14 100%);width:100%;min-height:300px;font-family:var(--font-dmSans);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 -20px 80px #4f46e547,0 -4px 24px #4f46e51f,0 24px 48px -12px #0000008c}.solution-workflow.glowing-border:before{opacity:.35;animation-duration:14s}.solution-workflow__ambient{pointer-events:none;background:radial-gradient(ellipse 42% 38% at 12% 18%,color-mix(in srgb,var(--color-primary)28%,transparent),transparent 72%),radial-gradient(ellipse 38% 42% at 88% 82%,color-mix(in srgb,var(--color-tertiary)18%,transparent),transparent 70%);position:absolute;inset:0}.solution-workflow__chrome{z-index:4;border-bottom:1px solid color-mix(in srgb,var(--color-lineColor)80%,transparent);background:color-mix(in srgb,var(--color-charcoalBlue)90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative}.solution-workflow__chrome-left{align-items:center;gap:10px;min-width:0;display:flex}.solution-workflow__dots{flex-shrink:0;gap:5px;display:flex}.solution-workflow__dots span{background:color-mix(in srgb,var(--color-offWhite)25%,transparent);border-radius:50%;width:9px;height:9px}.solution-workflow__dots span:first-child{background:#ff5f57}.solution-workflow__dots span:nth-child(2){background:#febc2e}.solution-workflow__dots span:last-child{background:#28c840}.solution-workflow__title{color:color-mix(in srgb,var(--color-offWhite)70%,transparent);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.solution-workflow__live{color:var(--color-tertiary);flex-shrink:1;align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.solution-workflow__live-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.solution-workflow__live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite sw-live-pulse}@keyframes sw-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.solution-workflow__pipeline{z-index:3;justify-content:space-between;gap:4px;margin:0;padding:14px 16px 10px;list-style:none;display:flex;position:relative}.solution-workflow__pipeline-track{background:color-mix(in srgb,var(--color-lineColor)60%,transparent);border-radius:2px;height:2px;position:absolute;top:26px;left:10%;right:10%;overflow:hidden}.solution-workflow__pipeline-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-tertiary));width:0%;height:100%;transition:width .6s var(--sw-ease);border-radius:2px}.solution-workflow[data-phase-index="1"] .solution-workflow__pipeline-fill{width:25%}.solution-workflow[data-phase-index="2"] .solution-workflow__pipeline-fill{width:50%}.solution-workflow[data-phase-index="3"] .solution-workflow__pipeline-fill{width:75%}.solution-workflow[data-phase-index="4"] .solution-workflow__pipeline-fill{width:100%}.solution-workflow[data-pipeline-index="0"] .solution-workflow__pipeline-fill{width:12%}.solution-workflow[data-pipeline-index="1"] .solution-workflow__pipeline-fill{width:56%}.solution-workflow[data-pipeline-index="2"] .solution-workflow__pipeline-fill{width:100%}.solution-workflow__pipeline-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.solution-workflow__pipeline-icon{border:1px solid color-mix(in srgb,var(--color-lineColor)80%,transparent);background:color-mix(in srgb,var(--color-charcoalBlue)80%,transparent);width:28px;height:28px;color:color-mix(in srgb,var(--color-offWhite)50%,transparent);transition:all .4s var(--sw-ease);border-radius:10px;justify-content:center;align-items:center;display:flex}.solution-workflow__pipeline-step.is-active .solution-workflow__pipeline-icon{border-color:var(--color-tertiary);background:color-mix(in srgb,var(--color-primary)35%,transparent);color:var(--color-tertiary);box-shadow:0 0 20px color-mix(in srgb,var(--color-primary)40%,transparent)}.solution-workflow__pipeline-step.is-done .solution-workflow__pipeline-icon{border-color:color-mix(in srgb,var(--color-tertiary)50%,transparent);color:#22c55e}.solution-workflow__pipeline-label{color:color-mix(in srgb,var(--color-offWhite)45%,transparent);text-align:center;font-size:10px;line-height:1.2}.solution-workflow__pipeline-step.is-active .solution-workflow__pipeline-label{color:var(--color-offWhite)}.solution-workflow__body{min-height:0;padding:8px 16px 20px;position:relative}.solution-workflow__panels{grid-template-columns:repeat(3,1fr);gap:10px;height:100%;display:grid}.solution-workflow__panel{border:1px solid color-mix(in srgb,var(--color-lineColor)70%,transparent);background:color-mix(in srgb,var(--color-charcoalBlue)65%,transparent);transition:opacity .45s var(--sw-ease),transform .45s var(--sw-ease),border-color .45s var(--sw-ease);opacity:.45;border-radius:14px;overflow:hidden;transform:scale(.97)}.solution-workflow__panel.is-active{opacity:1;border-color:color-mix(in srgb,var(--color-tertiary)45%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--color-primary)20%,transparent);transform:scale(1)}.solution-workflow__panel-head{border-bottom:1px solid color-mix(in srgb,var(--color-lineColor)60%,transparent);color:color-mix(in srgb,var(--color-offWhite)85%,transparent);align-items:center;gap:8px;padding:10px 12px;font-size:11px;font-weight:500;display:flex}.solution-workflow__panel-icon{background:color-mix(in srgb,var(--color-primary)30%,transparent);width:22px;height:22px;color:var(--color-tertiary);border-radius:7px;justify-content:center;align-items:center;display:flex}.solution-workflow__panel-body{padding:10px 12px 12px}.solution-workflow__card{background:color-mix(in srgb,var(--color-blue)80%,transparent);border:1px solid color-mix(in srgb,var(--color-lineColor)50%,transparent);border-radius:10px;padding:10px}.solution-workflow__card+.solution-workflow__card{margin-top:8px}.solution-workflow__card-title{color:var(--color-offWhite);font-size:11px;font-weight:500;line-height:1.35}.solution-workflow__card-meta{color:color-mix(in srgb,var(--color-offWhite)55%,transparent);margin-top:4px;font-size:10px}.solution-workflow__badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-block}.solution-workflow__badge--warn{color:#fbbf24;background:#f59e0b40}.solution-workflow__badge--ok{color:#4ade80;background:#22c55e40}.solution-workflow__badge--info{background:color-mix(in srgb,var(--color-primary)30%,transparent);color:var(--color-tertiary)}.solution-workflow__progress{background:color-mix(in srgb,var(--color-lineColor)50%,transparent);border-radius:4px;height:4px;margin-top:8px;overflow:hidden}.solution-workflow__progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-tertiary));height:100%;transition:width .8s var(--sw-ease);border-radius:4px}.solution-workflow__fleet-row{border-bottom:1px solid color-mix(in srgb,var(--color-lineColor)40%,transparent);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:10px;display:flex}.solution-workflow__fleet-row:last-child{border-bottom:none}.solution-workflow__status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.solution-workflow__status-dot--green{background:#22c55e}.solution-workflow__status-dot--amber{background:#f59e0b}.solution-workflow__status-dot--red{background:#ef4444}.solution-workflow__release-stamp{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.solution-workflow__release-stamp svg{color:#22c55e;animation:sw-stamp-in .5s var(--sw-ease)forwards;margin-bottom:8px}@keyframes sw-stamp-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.solution-workflow__release-label{color:#4ade80;font-size:12px;font-weight:600}.solution-workflow__release-meta{color:color-mix(in srgb,var(--color-offWhite)55%,transparent);margin-top:4px;font-size:10px}@media (max-width:768px){.solution-workflow{aspect-ratio:auto;min-height:400px}.solution-workflow__body{height:auto}.solution-workflow__panels{grid-template-columns:1fr;gap:0}.solution-workflow__panel:not(.is-active){display:none}.solution-workflow__panel.is-active{opacity:1;transform:none}.solution-workflow__pipeline-label{display:none}.solution-workflow__pipeline{padding-bottom:8px}.solution-workflow__live{max-width:62%}.solution-workflow__live-text{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box}}@media (prefers-reduced-motion:reduce){.solution-workflow__live-dot,.solution-workflow__release-stamp svg{animation:none}.solution-workflow__panel{transition:none}}