.managed-migration{border:1px solid var(--border);background:var(--card);border-radius:1.5rem;margin:0;padding:2rem}.managed-migration-map{grid-template-columns:minmax(0,1fr) 8.75rem minmax(0,1.35fr);align-items:center;display:grid}.managed-migration-origin{border:1px solid var(--border);background:var(--surface-alt);border-radius:1.125rem;padding:1.75rem}.managed-migration-icon{background:var(--brand-soft);width:3.5rem;height:3.5rem;color:var(--brand-text);border-radius:1rem;flex-shrink:0;place-items:center;display:inline-grid}.managed-migration-origin h3,.managed-migration-destinations>h3{font-size:var(--text-xl);letter-spacing:-.025em;color:var(--foreground);font-weight:650;line-height:1.3}.managed-migration-origin h3{margin-top:1.25rem}.managed-migration-origin p{color:var(--foreground);font-size:var(--text-base);margin-top:.75rem}.managed-migration-servers{color:var(--muted-foreground);flex-wrap:wrap;gap:.8rem;margin-top:1.75rem;display:flex}.managed-migration-link{min-height:20rem;color:var(--brand-text);align-self:stretch;position:relative}.managed-migration-link>span{text-align:center;font-size:var(--text-label);padding:.6rem;position:absolute;top:0;left:0;right:0}.managed-migration-link>svg:not(.managed-migration-links-mobile):not(.managed-migration-links-desktop){background:var(--card);box-sizing:content-box;padding:3px;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.managed-migration-links-desktop{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.managed-migration-links-mobile{display:none}.migration-track,.migration-pulse{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke}.migration-track{stroke:var(--border)}.migration-pulse{stroke:var(--brand);stroke-width:3px;stroke-linecap:round;stroke-dasharray:12 88;stroke-dashoffset:100px;opacity:0}[data-migration-ready] .migration-pulse{animation:2.8s linear infinite both paused managed-migration-transfer}[data-migration-ready] .migration-pulse-secondary{animation-delay:.4s}[data-migration-ready][data-visible]:has([data-migration-motion]:checked) .migration-pulse{animation-play-state:running}.managed-migration-destinations{gap:1rem;display:grid}.managed-migration-destination{border:1px solid var(--brand-line);background:var(--brand-soft);border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem;display:flex}.managed-migration-destination>div{min-width:0}.managed-migration-destination h4{font-size:var(--text-lead);font-weight:650;line-height:1.3}.managed-migration-destination p{color:var(--foreground);font-size:var(--text-sm);margin-top:.4rem}.managed-migration-destination>svg{color:var(--ok);flex-shrink:0;margin-left:auto}.managed-migration-contract{font-size:var(--text-sm);color:var(--foreground);align-items:center;gap:.6rem;display:flex}.managed-migration-contract svg{color:var(--brand-text);flex-shrink:0}.managed-migration figcaption{color:var(--muted-foreground);text-align:center;font-size:var(--text-label);margin-top:1.5rem}.managed-migration-controls{justify-content:center;margin-top:.75rem;display:none}[data-migration-ready] .managed-migration-controls{display:flex}.managed-migration-controls label{min-height:2.75rem;color:var(--muted-foreground);font-size:var(--text-label);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem;display:inline-flex}.managed-migration-controls input{width:1rem;height:1rem;accent-color:var(--primary)}.managed-migration-controls label:focus-within{outline:3px solid var(--ring);outline-offset:2px;border-radius:.35rem}.managed-migration-comparison{margin-top:2rem}.managed-migration-comparison table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:var(--text-base);color:var(--foreground);line-height:1.6}.managed-migration-comparison th,.managed-migration-comparison td{border-bottom:1px solid var(--border);vertical-align:top;padding:1.25rem}.managed-migration-comparison thead th{font-size:var(--text-sm);background:var(--surface-alt);font-weight:650}.managed-migration-comparison tr>:first-child{width:18%}.managed-migration-comparison tr>:not(:first-child){width:41%}.managed-migration-comparison tbody th{font-size:var(--text-sm);font-weight:650}.managed-migration-comparison tbody th>span{align-items:center;gap:.65rem;display:flex}.managed-migration-comparison tbody th svg{color:var(--brand-text);flex-shrink:0}.managed-migration-comparison tr>:last-child{background:var(--brand-soft)}.managed-migration-comparison td:before{display:none}@keyframes managed-migration-transfer{0%{stroke-dashoffset:100px;opacity:0}10%,85%{opacity:1}to{stroke-dashoffset:-12px;opacity:0}}@media (width<=1023px){.managed-migration{padding:1.5rem}.managed-migration-map{grid-template-columns:minmax(0,1fr) 5rem minmax(0,1.35fr)}.managed-migration-origin{padding:1.25rem}.managed-migration-destination{gap:.75rem;padding:1rem}}@media (width<=767px){.managed-migration{padding:1.25rem}.managed-migration-map{grid-template-columns:minmax(0,1fr)}.managed-migration-origin{text-align:center}.managed-migration-servers{justify-content:center;margin-top:1rem}.managed-migration-link{height:5rem;min-height:0}.managed-migration-links-desktop{display:none}.managed-migration-links-mobile{width:5rem;height:5rem;margin:auto;display:block}.managed-migration-link>span{text-align:left;padding:0;top:1rem;left:calc(50% + 1rem)}.managed-migration-link>svg:not(.managed-migration-links-mobile):not(.managed-migration-links-desktop){transform:rotate(90deg)}.managed-migration-comparison thead{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.managed-migration-comparison tbody tr{border:1px solid var(--border);border-radius:1rem;grid-template-columns:minmax(0,1fr);margin-bottom:1.25rem;display:grid;overflow:hidden}.managed-migration-comparison tr>:first-child,.managed-migration-comparison tr>:not(:first-child){width:auto;padding:1rem;display:block}.managed-migration-comparison tbody th{background:var(--card)}.managed-migration-comparison td:before{content:attr(data-label);font-size:var(--text-label);margin-bottom:.5rem;font-weight:650;display:block}.managed-migration-comparison tr>:last-child{border-bottom:0}}@media (width<=479px){.managed-migration-destination>svg{display:none}.managed-migration-destination .managed-migration-icon{width:3rem;height:3rem}}@media (prefers-reduced-motion:reduce){.migration-pulse{opacity:0;animation:none!important}[data-migration-ready] .managed-migration-controls{display:none}}.migration-steps-controls{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:none}[data-steps-ready] .migration-steps-controls{display:flex}.migration-steps-controls>span{font-size:var(--text-sm);color:var(--muted-foreground)}.migration-steps-controls>button{border:1px solid var(--border);background:var(--card);min-height:2.75rem;color:var(--foreground);font-size:var(--text-sm);cursor:pointer;border-radius:.5rem;padding:.55rem .85rem}.migration-steps-stage{isolation:isolate;margin-top:2rem;position:relative}.migration-steps-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem;display:grid;position:relative}.migration-steps-track{z-index:-1;background:var(--border);pointer-events:none;height:2px;position:absolute;top:1.5rem;left:1.5rem;right:calc(20% - 2.5rem)}.migration-steps-track:before{content:"";background:var(--brand);transform:scaleX(var(--steps-progress,0));transform-origin:0;transition:transform .8s;position:absolute;inset:0}.migration-step{flex-direction:column;min-width:0;display:flex}.migration-step-header{align-items:center;gap:.65rem;display:flex}.migration-step-icon{border:1px solid var(--border);background:var(--card);width:3rem;height:3rem;color:var(--foreground);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;transition:background .25s,border-color .25s,box-shadow .25s;display:grid}.migration-step-icon:disabled{cursor:default;opacity:1}.migration-step-number{font-size:var(--text-xs);color:var(--muted-foreground);background:var(--background);padding:.2rem .3rem;font-weight:650}.migration-step-copy{border:1px solid var(--border);background:var(--card);border-radius:1rem;flex:1;margin-top:1.25rem;padding:1.1rem;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}.migration-step-copy h3{font-size:var(--text-lead);letter-spacing:-.025em;font-weight:650;line-height:1.3}.migration-step-copy>p{color:var(--foreground);font-size:var(--text-sm);margin-top:.75rem;line-height:1.65}.migration-step[data-step-state=active] .migration-step-icon{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);box-shadow:0 0 0 5px var(--brand-soft)}.migration-step[data-step-state=active] .migration-step-copy{background:var(--brand-soft);border-color:var(--brand-line);box-shadow:var(--shadow-control);transform:translateY(-3px)}.migration-step[data-step-state=complete] .migration-step-copy{border-color:var(--ok)}.migration-step-icon:focus-visible,.migration-steps-controls button:focus-visible{outline:3px solid var(--ring);outline-offset:4px}@media (width<=1023px){.migration-steps-list{grid-template-columns:minmax(0,1fr);gap:1.5rem}.migration-steps-track{width:2px;height:var(--steps-track-height,auto);inset:1.5rem auto 1.5rem 1.5rem}.migration-steps-track:before{transform:scaleY(var(--steps-progress,0));transform-origin:top}.migration-step-copy{margin-top:.75rem;margin-left:4rem}.migration-step[data-step-state=active] .migration-step-copy{transform:none}[data-steps-ready] .migration-steps-controls{display:none}}@media (prefers-reduced-motion:reduce){.migration-step-icon,.migration-step-copy,.migration-steps-track:before{transition:none}.migration-step[data-step-state=active] .migration-step-copy{transform:none}[data-steps-ready] .migration-steps-controls{display:none}}
