.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:1px solid color-mix(in srgb,var(--agent-color) 20%,transparent);transition:background-color .2s ease,border-color .2s ease;cursor:pointer;overflow:hidden;isolation:isolate;text-align:center;display:flex;justify-content:center}.sdlc-card:hover{background-color:color-mix(in srgb,var(--agent-color) 5%,transparent);border-color:color-mix(in srgb,var(--agent-color) 35%,transparent)}.sdlc-card-text{position:relative;font-size:.6875rem;font-weight:700;color:var(--agent-color);opacity:.7;transition:opacity .2s ease;z-index:1;letter-spacing:.05em;text-transform:uppercase;line-height:1;white-space:nowrap}.sdlc-card:hover .sdlc-card-text{opacity:1}.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(148,163,184,.3)}@media (max-width:640px){.sdlc-flow-wrapper{flex-direction:column;gap:.75rem}.sdlc-connector{width:auto;height:2rem;transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.sdlc-card:hover{transform:none}}