.migration-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.migration-hero h1{font-size:clamp(38px,4.4vw,62px);max-width:600px}
.migration-preview{margin:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.migration-preview figcaption{padding:20px 24px;font-family:Outfit,sans-serif;font-size:21px;border-bottom:1px solid var(--line)}
.migration-source,.migration-target{padding:22px 24px}
.migration-source>p,.migration-target>p:first-child{margin:0 0 14px;font-weight:600}
.migration-source{background:var(--cloud)}
.migration-table-wrap{overflow:auto}
.migration-preview table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.migration-preview caption{text-align:left;font-size:13px;color:var(--muted);padding-bottom:10px}
.migration-preview th,.migration-preview td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}
.migration-preview th{font-weight:500;color:var(--muted);font-size:13px}
.migration-bridge{display:flex;flex-wrap:wrap;gap:8px 24px;padding:14px 24px;color:var(--blue);border-block:1px solid var(--line);font-size:14px}
.migration-target dl{margin:0}
.migration-target dl>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}
.migration-target dt{color:var(--muted)}
.migration-target dd{margin:0;text-align:right;font-weight:500}
.migration-sample-note{font-size:13px;color:var(--muted);margin-bottom:0}
.migration-sources{list-style:none;padding:0;margin:0}
.migration-sources li,.migration-checks article{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.migration-sources li:last-child,.migration-checks article:last-child{margin-bottom:0}
.migration-sources h3,.migration-checks h3,.migration-request h3{font-size:23px;margin:0 0 12px}
.migration-sources p,.migration-checks p{color:var(--muted);margin:0;max-width:65ch}
.migration-workflow,.migration-get-started{background:var(--cloud)}
.migration-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;counter-reset:migration-step;list-style:none;padding:0;margin:40px 0 0}
.migration-steps li:before{counter-increment:migration-step;content:counter(migration-step);display:block;width:35px;height:35px;line-height:35px;background:var(--blue);color:white;text-align:center;border-radius:50%;margin-bottom:20px}
.migration-steps h3{font-size:22px;margin:0 0 12px}
.migration-steps p{color:var(--muted);margin:0}
.migration-steps a{display:inline-block;margin-top:16px;color:var(--blue);text-decoration:underline}
.migration-request label{display:block;color:var(--muted);margin-bottom:16px}
.migration-request textarea{display:block;width:100%;max-width:100%;padding:20px;background:white;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:15px;line-height:1.65;color:var(--ink);resize:vertical}
.migration-request-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.migration-request button:disabled{cursor:wait;opacity:.65}
.migration-request [data-migration-copy-status]{font-size:14px;line-height:1.6;min-height:3.2em;margin:12px 0 0;color:var(--muted)}
.migration-faq{max-width:850px}
.migration-faq details{border-bottom:1px solid var(--line);padding:22px 0}
.migration-faq summary{cursor:pointer;font-size:19px;font-weight:600}
.migration-faq details p{color:var(--muted);max-width:75ch}
.migration-home{background:var(--cloud);border-block:1px solid var(--line)}
.migration-home .migration-grid{align-items:center}
.migration-home-proof{padding:30px 36px;background:var(--paper);border-left:4px solid var(--blue)}
.migration-home-proof p{margin:0 0 20px;font-size:18px}
.migration-home-proof p:last-child{margin:0;color:var(--muted);font-size:15px}
.migration-home-proof strong{display:block;font-family:Outfit,sans-serif;font-size:28px;font-weight:500;line-height:1.3}
@media(max-width:960px){.migration-grid{gap:32px}.migration-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.migration-grid{grid-template-columns:1fr;gap:36px}.migration-preview figcaption,.migration-source,.migration-target{padding:18px}.migration-target dl>div{display:block}.migration-target dd{text-align:left;margin-top:4px}.migration-bridge{padding:14px 18px}.migration-home-proof{padding:22px}.migration-steps{gap:24px}.migration-steps h3{font-size:20px}}
@media(max-width:420px){.migration-steps{grid-template-columns:1fr}.migration-hero h1{font-size:38px}}

.migration-demo-controls{padding:18px 24px;border-bottom:1px solid var(--line)}
.migration-demo-controls label,.migration-demo-decision label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}
.migration-demo-controls select,.migration-demo-decision select{display:block;width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--paper);font:inherit;font-size:15px}
.migration-demo-controls select:focus-visible,.migration-demo-decision select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.migration-demo-decision{margin-bottom:20px}
.migration-demo-status{font-weight:600;color:var(--sea);margin:0 0 12px}
.migration-demo-status[data-state=blocked]{color:var(--amber)}
.migration-demo-explanation{font-size:14px;margin:16px 0;color:var(--ink)}
@media(max-width:720px){.migration-demo-controls{padding:18px}.migration-preview th,.migration-preview td{padding-inline:6px}}

.migration-reconcile{background:var(--cloud)}
.migration-reconcile-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.migration-payment-evidence{margin-top:24px}
.migration-reconcile .migration-preview td:nth-child(2){white-space:nowrap}
.migration-reconcile .migration-preview td:last-child{font-size:14px;color:var(--muted)}
@media(max-width:720px){.migration-reconcile-controls{grid-template-columns:1fr}.migration-reconcile .migration-preview th,.migration-reconcile .migration-preview td{padding-inline:4px}}
.migration-ledger-story label { display: block; margin: 16px 0 8px; font-weight: 600; }
.migration-ledger-story select { width: 100%; min-height: 44px; padding: 10px 12px; background: white; color: #173540; border: 1px solid #6c8490; border-radius: 6px; }
.migration-ledger-evidence { padding: 18px 0; }
.migration-ledger-evidence dl > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 16px; padding: 10px 0; border-bottom: 1px solid #d6e3e8; }
.migration-ledger-evidence dt { color: #405f6d; }
.migration-ledger-evidence dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.migration-ledger-evidence p { margin-top: 18px; }
.migration-ledger-story p { line-height: 1.7; }

.migration-ledger-body { padding: 0 24px 20px; }