.migration-story{margin-top:65px;border:1px solid #273c59;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 90% 0,#233e6044,transparent 65%),#0c192d;color:#e6eefb;box-shadow:0 22px 65px #162b4f13}.migration-heading{padding:36px 38px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 45px;align-items:end}.migration-heading>span{grid-column:1/-1;font-size:8px;letter-spacing:2px;color:#91a8c7}.migration-heading h3{font-size:29px;line-height:1.2;letter-spacing:-.8px;font-weight:500;margin:4px 0 0}.migration-heading em{font-style:normal;color:#a9bdde}.migration-heading>p{font-size:12px;line-height:1.8;color:#8fa6c5;max-width:370px;margin:0}.migration-scene{padding:16px 27px 0;position:relative}.migration-scene svg{display:block;width:100%;height:auto;max-height:310px}.migration-scene-note{display:block;text-align:right;color:#647d9e;font-size:7px;margin:0 10px 18px}.migration-stream{stroke-dasharray:5 15;animation:migration-flow 8s linear infinite}.migration-records{animation:migration-records 12s ease-in-out infinite;transform-origin:720px 140px}.migration-ready{animation:migration-ready 12s ease-in-out infinite}.migration-mapper{animation:migration-glow 4s ease-in-out infinite}.migration-steps{list-style:none;margin:0;padding:0 38px 31px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.migration-steps li{border-top:1px solid #36506f;position:relative;padding-top:19px}.migration-steps li:before{content:"";position:absolute;top:-1px;left:0;height:1px;width:100%;background:#a6c5ee;transform:scaleX(0);transform-origin:left;animation:migration-step 12s linear infinite;animation-delay:calc(var(--phase)*3s)}.migration-steps li>span{font-size:9px;color:#7b98bc;font-variant-numeric:tabular-nums}.migration-steps h4{font-size:13px;font-weight:500;line-height:1.5;color:#c9d9ef;margin:10px 0}.migration-steps p{font-size:10px;line-height:1.9;color:#8098b9;margin:0}@keyframes migration-flow{to{stroke-dashoffset:-240}}@keyframes migration-records{0%,35%{opacity:.2;transform:translateX(-7px)}65%,100%{opacity:1;transform:translateX(0)}}@keyframes migration-ready{0%,65%{opacity:.2}80%,100%{opacity:1}}@keyframes migration-glow{0%,100%{opacity:.75}50%{opacity:1}}@keyframes migration-step{0%{transform:scaleX(0);opacity:1}24%{transform:scaleX(1);opacity:1}26%,100%{transform:scaleX(1);opacity:.12}}@media(max-width:750px){.migration-heading{padding:27px 25px 0;grid-template-columns:1fr;gap:15px}.migration-heading h3{font-size:26px}.migration-heading>p{max-width:500px;font-size:11px}.migration-scene{padding:17px 10px 0}.migration-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 25px 28px}.migration-steps h4{font-size:12px}.migration-story{margin-top:40px}}@media(max-width:450px){.migration-heading h3{font-size:23px}.migration-scene svg{width:100%;max-width:none;margin-left:0}.migration-scene{overflow:hidden}.migration-scene-note{font-size:6px;text-align:center;margin-top:9px}.migration-steps{gap:22px 18px;padding:0 20px 25px}.migration-steps p{font-size:9px}}@media(prefers-reduced-motion:reduce){.migration-story *{animation:none!important}.migration-scene svg>g:last-child{display:none}.migration-records,.migration-ready{opacity:1}.migration-steps li:before{transform:scaleX(1);opacity:.4}}

.migration-arrival{animation:migration-arrival 12s ease-in-out infinite;animation-delay:calc(var(--arrival)*.65s);transform-box:fill-box;transform-origin:center}.migration-complete{animation:migration-complete 12s ease-in-out infinite}.migration-window-outline{animation:migration-outline 12s ease-in-out infinite;stroke-dasharray:1010;stroke-dashoffset:1010;pointer-events:none}@keyframes migration-arrival{0%,36%{opacity:.15;transform:translateY(7px)}47%,87%{opacity:1;transform:translateY(0)}100%{opacity:.15;transform:translateY(7px)}}@keyframes migration-complete{0%,64%{opacity:.18}73%,92%{opacity:1}100%{opacity:.18}}@keyframes migration-outline{0%,43%{stroke-dashoffset:1010;opacity:0}49%{opacity:.8}78%,90%{stroke-dashoffset:0;opacity:.8}100%{stroke-dashoffset:0;opacity:0}}@media(prefers-reduced-motion:reduce){.migration-arrival,.migration-complete{opacity:1;transform:none}.migration-window-outline{stroke-dashoffset:0;opacity:.5}}

/* Premium transition story: clear typography, steady readable diagram. */
.migration-story{background:radial-gradient(ellipse at 90% 10%,#4d36834d,transparent 60%),linear-gradient(120deg,#0d1b32,#172743);border-color:#7889c04d;box-shadow:0 30px 70px -35px #172d6250}.migration-heading{padding-top:40px;align-items:center}.migration-heading h3{font-size:clamp(28px,3vw,40px);font-weight:650;letter-spacing:-1.2px}.migration-heading em{color:#bcb0fb}.migration-heading>span{font-size:10px;color:#afc3e4}.migration-heading>p{font-size:14px;line-height:1.85;color:#c0cde2;max-width:520px}.migration-scene{padding-top:28px}.migration-scene svg{max-height:350px}.migration-steps{gap:14px;padding-bottom:36px}.migration-steps li{padding:21px 18px;border:1px solid #8fa7dc36;border-radius:13px;background:linear-gradient(140deg,#ffffff08,#ffffff02)}.migration-steps li:before{top:0;left:15px;width:calc(100% - 30px);background:#aa95fa}.migration-steps li>span{font-size:11px;color:#b6a5fa}.migration-steps h4{font-size:15px;font-weight:650;color:#f0f4ff}.migration-steps p{font-size:12px;color:#b7c8df;line-height:1.85}.migration-scene-note{font-size:9px;color:#91a7c5}.migration-records,.migration-ready,.migration-arrival,.migration-complete{animation:none;opacity:1;transform:none}@media(max-width:750px){.migration-heading{gap:20px}.migration-heading>p{font-size:13px}.migration-steps{gap:12px}.migration-steps li{padding:17px 13px}.migration-steps h4{font-size:14px}.migration-steps p{font-size:12px}}@media(max-width:450px){.migration-steps{grid-template-columns:1fr}.migration-heading h3{font-size:29px}}