:root{--rollout-bg-primary:var(--seceng-color-background,#0a0f1a);--rollout-bg-secondary:var(--seceng-color-surface-card,#101828);--rollout-bg-tertiary:#1c263a;--rollout-text-primary:var(--seceng-color-foreground,#f8fafc);--rollout-text-secondary:#cbd5e1;--rollout-text-tertiary:var(--seceng-color-muted,#94a3b8);--rollout-accent-brand:var(--seceng-color-brand,#22d3ee);--rollout-accent-emerald:#10b981;--rollout-accent-blue:#3b82f6;--rollout-accent-amber:#f59e0b;--rollout-accent-red:#ef4444;--rollout-status-enabled:#059669;--rollout-status-pilot:#2563eb;--rollout-status-scheduled:#d97706;--rollout-status-pending:#475569;--rollout-border-radius:16px;--rollout-border-radius-lg:24px;--rollout-border-radius-sm:8px;--rollout-spacing-xs:.5rem;--rollout-spacing-sm:1rem;--rollout-spacing-md:1.5rem;--rollout-spacing-lg:2rem;--rollout-spacing-xl:3rem;--rollout-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--rollout-shadow-glow:0 0 20px rgb(var(--seceng-color-brand-rgb,34 211 238) / .15);--rollout-grid-size:32px;--rollout-grid-opacity:.06;--rollout-transition:all .3s cubic-bezier(.4, 0, .2, 1);--rollout-transition-fast:all .15s cubic-bezier(.4, 0, .2, 1)}.rollout-container{background:var(--rollout-bg-primary);align-items:flex-start;min-height:70vh;padding-top:2rem;display:flex;position:relative;overflow:hidden}.rollout-grid-bg{opacity:var(--rollout-grid-opacity);background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:var(--rollout-grid-size) var(--rollout-grid-size);position:absolute;inset:0}.rollout-vignette{pointer-events:none;background:radial-gradient(#0000 0% 50%,#0000004d 100%);position:absolute;inset:0}.rollout-workflow-step{transition:var(--rollout-transition);border-radius:var(--rollout-border-radius);padding:var(--rollout-spacing-md);position:relative}.rollout-workflow-step:after{content:"";background:linear-gradient(to right, var(--rollout-bg-tertiary), transparent);width:1rem;height:2px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.rollout-workflow-step:last-child:after{display:none}.rollout-department-card{position:relative;overflow:hidden}.rollout-department-card:before{content:"";opacity:0;background:linear-gradient(to bottom right,#ffffff08,#0000);transition:opacity .3s;position:absolute;inset:0}.rollout-department-card:hover:before{opacity:1}.rollout-status-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.rollout-support-card{position:relative;overflow:hidden}.rollout-support-card:before{content:"";background:linear-gradient(to bottom right,#10182880,#0a0f1a80);position:absolute;inset:0}.rollout-support-icons{color:#94a3b8;column-gap:.75rem;display:flex}.rollout-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rollout-modal-content{background:#0a0f1a;border:1px solid #1c263acc;border-radius:1rem;max-width:72rem;max-height:90vh;position:relative;overflow:auto;box-shadow:0 25px 50px -12px #00000080}.rollout-modal-close{color:#94a3b8;z-index:10;cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:1rem;right:1rem}.rollout-modal-close:hover{color:#fff}.rollout-fullpage{background:#050812;min-height:100vh}.rollout-embed{border:1px solid #1c263acc;border-radius:.75rem}.rollout-gradient-border{position:relative}.rollout-gradient-border:before{content:"";background:linear-gradient(135deg, rgba(var(--seceng-color-brand-rgb,34 211 238) / .25) 0%, rgba(var(--seceng-color-violet-rgb,139 92 246) / .25) 50%, rgba(var(--seceng-color-brand-rgb,34 211 238) / .15) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;border-radius:.75rem;padding:1px;position:absolute;inset:0}.rollout-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite rollout-pulse}@keyframes rollout-pulse{0%,to{opacity:1}50%{opacity:.6}}.rollout-glow{box-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f, 0 0 0 1px #ffffff0a, 0 0 20px rgb(var(--seceng-color-brand-rgb,34 211 238) / .1)}
@keyframes progress-fill{0%{width:0%}to{width:var(--progress-width,0%)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-glow{0%,to{box-shadow:0 0 0 2px #10b9814d}50%{box-shadow:0 0 0 2px #10b98199}}.rollout-progress-bar{background:#1c263a99;border-radius:2px;width:100%;height:4px;margin-top:.5rem;overflow:hidden}.rollout-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;height:100%;transition:width .3s;animation:1.5s ease-out progress-fill}.rollout-progress-fill.completed{animation:2s ease-in-out progress-glow}.rollout-animate-in{animation:.6s ease-out slide-in-up}.rollout-animate-in:first-child{animation-delay:.1s}.rollout-animate-in:nth-child(2){animation-delay:.2s}.rollout-animate-in:nth-child(3){animation-delay:.3s}.rollout-animate-in:nth-child(4){animation-delay:.4s}.rollout-animate-in:nth-child(5){animation-delay:.5s}.rollout-animate-in:nth-child(6){animation-delay:.6s}@media (prefers-reduced-motion:reduce){.rollout-progress-fill,.rollout-animate-in,.rollout-progress-dot.current,.rollout-progress-dot.completed{animation:none}.rollout-department-mini:hover,.rollout-architect-contact:hover,.rollout-animate-in:hover{transform:none}}.rollout-progress-dot.completed:hover{animation:1s ease-in-out progress-glow}.rollout-animate-in:hover{border-color:#9ca3af66;transition:all .3s;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.rollout-progress-dot.completed{animation:3s ease-in-out infinite subtle-glow}@keyframes subtle-glow{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 3px #10b98166}}.rollout-progress-dot.current{animation:1.5s ease-in-out infinite progress-pulse}@keyframes progress-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.rollout-utilization-bar{background:#1c263a99;border-radius:3px;width:100%;height:6px;margin-top:.25rem;overflow:hidden}.rollout-utilization-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .5s;animation:2s ease-out progress-fill}
.rollout-company-logo{background:linear-gradient(135deg, rgb(var(--seceng-color-brand-rgb,34 211 238) / .8) 0%, rgb(var(--seceng-color-violet-rgb,139 92 246) / .8) 100%);transition:transform .2s}.rollout-company-logo:hover{transform:scale(1.05)}.rollout-progress-dot{transition:all .3s;box-shadow:0 0 0 3px #0000}.rollout-progress-dot.completed{box-shadow:0 0 0 3px #10b98133}.rollout-progress-dot.current{box-shadow:0 0 0 3px rgb(var(--seceng-color-brand-rgb,34 211 238) / .25);animation:2s infinite pulse-current}@keyframes pulse-current{0%,to{opacity:1}50%{opacity:.7}}.rollout-department-mini{border:1px solid #0000;transition:all .2s}.rollout-department-mini:hover{border-color:#9ca3af4d;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.rollout-architect-avatar{border:2px solid rgb(var(--seceng-color-brand-rgb,34 211 238) / .3);transition:border-color .2s}.rollout-architect-contact{text-decoration:none;transition:all .2s}.rollout-architect-contact:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.rollout-metric-item{border-radius:.25rem;padding:.5rem 0;transition:all .2s}.rollout-metric-item:hover{background:#1c263a80;padding-left:.75rem;padding-right:.75rem}@media (max-width:1024px){.rollout-container{min-height:auto;padding:1rem}.rollout-company-header{text-align:center;flex-direction:column;gap:1rem}}