.sdlc-flow-container{display:flex;justify-content:center;width:100%;margin-bottom:1rem;overflow:hidden}.sdlc-flow-wrapper{display:inline-flex;gap:.5rem;padding:.125rem}.sdlc-card,.sdlc-flow-wrapper{align-items:center;position:relative}.sdlc-card{min-width:4.5rem;padding:.75rem;border-radius:.75rem;background:transparent;border:4px solid transparent;transition:all .3s ease;cursor:pointer;overflow:hidden;isolation:isolate;text-align:center;display:flex;justify-content:center}.sdlc-card:before{content:"";position:absolute;inset:-4px;background:var(--agent-color);opacity:0;transition:opacity .15s ease;border-radius:.75rem;animation:card-bg-shimmer 6s ease-in-out infinite;z-index:0}.sdlc-card:hover{transform:scale(1.02)}.sdlc-card:hover:before{animation:hover-shimmer 1.5s ease-in-out infinite;animation-fill-mode:both}@keyframes hover-shimmer{0%,to{opacity:.15}50%{opacity:.3}}.sdlc-card-text{position:relative;font-size:.6875rem;font-weight:700;color:rgba(140,140,140,1);transition:color .3s ease;z-index:1;letter-spacing:.05em;text-transform:uppercase;animation:text-shimmer 6s ease-in-out infinite;line-height:1;white-space:nowrap}.sdlc-card:hover .sdlc-card-text{color:rgba(60,60,60,1);animation:none;font-weight:800}.sdlc-connector{flex:0 0 auto;width:1.5rem;justify-content:center}.sdlc-connector,.sdlc-dots{display:flex;align-items:center}.sdlc-dots{gap:.2rem}.sdlc-dot{width:.2rem;height:.2rem;border-radius:50%;background:rgba(120,120,120,.15);transition:all .3s ease}.sdlc-card:after{content:"";position:absolute;inset:-4px;border-radius:.75rem;background:linear-gradient(90deg,transparent 0,var(--agent-color) 50%,transparent 100%);padding:4px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:border-shimmer 6s ease-in-out infinite;background-size:200% 100%}.sdlc-card:first-child:after{animation-delay:0s}.sdlc-card:nth-child(3):after{animation-delay:.5s}.sdlc-card:nth-child(5):after{animation-delay:1s}.sdlc-card:nth-child(7):after{animation-delay:1.5s}.sdlc-card:first-child .sdlc-card-text{animation-delay:0s}.sdlc-card:nth-child(3) .sdlc-card-text{animation-delay:.5s}.sdlc-card:nth-child(5) .sdlc-card-text{animation-delay:1s}.sdlc-card:nth-child(7) .sdlc-card-text{animation-delay:1.5s}.sdlc-card:first-child:before{animation-delay:0s}.sdlc-card:nth-child(3):before{animation-delay:.5s}.sdlc-card:nth-child(5):before{animation-delay:1s}.sdlc-card:nth-child(7):before{animation-delay:1.5s}@keyframes text-shimmer{0%,to{color:rgba(140,140,140,1)}15%,25%{color:var(--agent-color);filter:brightness(1.2)}}@keyframes card-bg-shimmer{0%,to{opacity:0}15%,25%{opacity:.05}}.sdlc-card:hover:before{animation-name:hover-shimmer!important}@keyframes border-shimmer{0%,to{opacity:0;background-position:-200% 0}10%{opacity:1;background-position:-100% 0}20%{opacity:1;background-position:0 0}30%{opacity:0;background-position:200% 0}}.sdlc-dot{animation:dot-glow 6s ease-in-out infinite}.sdlc-connector:nth-child(2) .sdlc-dot:first-child{animation-delay:.2s}.sdlc-connector:nth-child(2) .sdlc-dot:nth-child(2){animation-delay:.3s}.sdlc-connector:nth-child(2) .sdlc-dot:nth-child(3){animation-delay:.4s}.sdlc-connector:nth-child(4) .sdlc-dot:first-child{animation-delay:.7s}.sdlc-connector:nth-child(4) .sdlc-dot:nth-child(2){animation-delay:.8s}.sdlc-connector:nth-child(4) .sdlc-dot:nth-child(3){animation-delay:.9s}.sdlc-connector:nth-child(6) .sdlc-dot:first-child{animation-delay:1.2s}.sdlc-connector:nth-child(6) .sdlc-dot:nth-child(2){animation-delay:1.3s}.sdlc-connector:nth-child(6) .sdlc-dot:nth-child(3){animation-delay:1.4s}@keyframes dot-glow{0%,to{background:rgba(120,120,120,.15);transform:scale(1);box-shadow:none}8%{background:rgba(180,180,180,.5);transform:scale(1.4);box-shadow:0 0 4px rgba(200,200,200,.2)}16%{background:rgba(160,160,160,.3);transform:scale(1.2);box-shadow:0 0 2px rgba(180,180,180,.15)}24%{background:rgba(120,120,120,.15);transform:scale(1);box-shadow:none}}@media (max-width:640px){.sdlc-flow-wrapper{flex-direction:column;gap:.75rem}.sdlc-connector{width:auto;height:2rem;transform:rotate(90deg)}.sdlc-gradient-wave{background:linear-gradient(180deg,transparent 0,transparent 20%,var(--plan-primary) 25%,var(--build-primary) 35%,var(--qa-primary) 45%,var(--deliver-primary) 55%,transparent 60%,transparent 100%);animation:wave-flow-vertical 6s ease-in-out infinite}@keyframes wave-flow-vertical{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}}@media (prefers-reduced-motion:reduce){.sdlc-gradient-wave{animation:none;opacity:0}.sdlc-card,.sdlc-dot{animation:none}.sdlc-card:hover{transform:none}}